@layer reset{[hidden]{display:none!important}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100svh}img,svg,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,li{overflow-wrap:break-word}ul[role=list],ol[role=list]{padding:0;list-style:none}}@layer tokens{:root{--green-700:#075755;--brown-900:#44210d;--cream-50:#f7f3e9;--cream-100:#f2ede3;--beige-200:#d8cdbb;--beige-400:#9b8f7d;--green-200:#b9d5cb;--green-100:#dbe9e3;--kopi-300:#d9a77c;--ink-900:#2a2622;--ink-600:#5c534a;--night-950:#141a19;--night-900:#1e2624;--night-800:#26302d;--sand-300:#c9bfae;--font-display:"Unbounded", "Unbounded Fallback", system-ui, sans-serif;--font-body:"IBM Plex Sans", "IBM Plex Sans Fallback", system-ui, sans-serif;--font-brew:"Fraunces Brew", Georgia, "Times New Roman", serif;--step--1:clamp(.84rem, .82rem + .1vw, .9rem);--step-0:clamp(1rem, .96rem + .19vw, 1.125rem);--step-1:clamp(1.2rem, 1.12rem + .37vw, 1.45rem);--step-2:clamp(1.44rem, 1.29rem + .65vw, 1.88rem);--step-3:clamp(1.73rem, 1.48rem + 1.08vw, 2.44rem);--step-4:clamp(2.07rem, 1.67rem + 1.72vw, 3.17rem);--step-5:clamp(2.49rem, 1.87rem + 2.68vw, 4.12rem);--display-xl:clamp(3rem, 1.2rem + 7.6vw, 9.25rem);--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2rem;--space-xl:3rem;--space-2xl:clamp(3.5rem, 2.5rem + 4vw, 6rem);--space-3xl:clamp(5rem, 3rem + 8vw, 10rem);--gutter:clamp(1.25rem, .6rem + 3vw, 3.5rem);--page-max:90rem;--measure:64ch;--radius-s:4px;--radius-m:10px;--radius-pill:999px;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.16s;--dur-med:.32s;--dur-slow:.7s}:root,:root[data-theme=light]{color-scheme:light;--bg:var(--cream-50);--bg-raised:#fffdf8;--bg-sunken:#efe8da;--text:var(--ink-900);--text-muted:var(--ink-600);--heading:var(--brown-900);--accent:var(--green-700);--accent-strong:#054240;--accent-contrast:var(--cream-50);--rule:var(--beige-200);--rule-strong:var(--beige-400);--focus:var(--green-700);--focus-halo:var(--green-200);--field-bg:#fffdf8;--field-border:#8a7f6f;--error:#9c2b16;--logo-kopi:var(--brown-900);--logo-web:var(--green-700);--logo-cup:var(--brown-900);--logo-steam:var(--green-700);--chapter-green-bg:var(--green-700);--chapter-green-text:var(--cream-50);--chapter-green-muted:var(--green-200);--chapter-brown-bg:var(--brown-900);--chapter-brown-text:var(--cream-50);--chapter-brown-muted:var(--green-200)}:root[data-theme=dark]{color-scheme:dark;--bg:var(--night-950);--bg-raised:var(--night-900);--bg-sunken:#0f1413;--text:var(--cream-100);--text-muted:var(--sand-300);--heading:var(--cream-100);--accent:var(--green-200);--accent-strong:var(--green-100);--accent-contrast:var(--night-950);--rule:#2f3a37;--rule-strong:#4d5b57;--focus:var(--green-200);--focus-halo:#2b4b45;--field-bg:var(--night-900);--field-border:#7d8c88;--error:#f0a08a;--logo-kopi:var(--cream-100);--logo-web:var(--green-200);--logo-cup:var(--cream-100);--logo-steam:var(--green-200);--chapter-green-bg:var(--green-700);--chapter-green-text:var(--cream-100);--chapter-green-muted:var(--green-200);--chapter-brown-bg:var(--brown-900);--chapter-brown-text:var(--cream-100);--chapter-brown-muted:var(--kopi-300)}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--bg:var(--night-950);--bg-raised:var(--night-900);--bg-sunken:#0f1413;--text:var(--cream-100);--text-muted:var(--sand-300);--heading:var(--cream-100);--accent:var(--green-200);--accent-strong:var(--green-100);--accent-contrast:var(--night-950);--rule:#2f3a37;--rule-strong:#4d5b57;--focus:var(--green-200);--focus-halo:#2b4b45;--field-bg:var(--night-900);--field-border:#7d8c88;--error:#f0a08a;--logo-kopi:var(--cream-100);--logo-web:var(--green-200);--logo-cup:var(--cream-100);--logo-steam:var(--green-200);--chapter-green-bg:var(--green-700);--chapter-green-text:var(--cream-100);--chapter-green-muted:var(--green-200);--chapter-brown-bg:var(--brown-900);--chapter-brown-text:var(--cream-100);--chapter-brown-muted:var(--kopi-300)}}}@layer fonts{@font-face{font-family:Unbounded;src:url(/fonts/unbounded-latin-700-normal.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;src:url(/fonts/unbounded-latin-600-normal.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Brew;src:url(/fonts/fraunces-italic-400-brew.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-latin-400-normal.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-latin-400-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/fonts/ibm-plex-sans-latin-600-normal.woff2)format("woff2");font-weight:500 700;font-style:normal;font-display:swap}@font-face{font-family:Unbounded Fallback;src:local(Arial Bold),local(Arial-BoldMT),local(Helvetica Neue Bold),local(Liberation Sans Bold),local(DejaVu Sans Bold);font-weight:600 700;size-adjust:133%;ascent-override:75%;descent-override:18.5%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Fallback;src:local(Arial),local(ArialMT),local(Helvetica Neue),local(Liberation Sans),local(DejaVu Sans);size-adjust:104%;ascent-override:98.5%;descent-override:26.4%;line-gap-override:0%}}@layer base{html{background:var(--bg);color:var(--text);font-family:var(--font-body);scroll-behavior:smooth;scroll-padding-top:var(--space-l);font-size:100%;line-height:1.6}body{font-size:var(--step-0);background:var(--bg);font-kerning:normal;-webkit-font-smoothing:antialiased;overflow-x:clip}:root.theme-ready body,:root.theme-ready .chapter{transition:background-color var(--dur-med) ease, color var(--dur-med) ease}h1,h2,h3,h4{color:var(--heading);font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-weight:700;line-height:1.02}h3,h4{letter-spacing:-.03em;font-weight:600;line-height:1.08}p{text-wrap:pretty}a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--radius-s)}main:focus{outline:none}::selection{background:var(--green-200);color:var(--ink-900)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer layout{.wrap{width:100%;max-width:var(--page-max);padding-inline:var(--gutter);margin-inline:auto}.grid-12{column-gap:var(--space-m);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.section{padding-block:clamp(4.5rem,2.5rem + 6vw,8.5rem)}.chapter{position:relative}.chapter--green{background:var(--chapter-green-bg);color:var(--chapter-green-text)}.chapter--brown{background:var(--chapter-brown-bg);color:var(--chapter-brown-text)}.chapter--green,.chapter--brown{--heading:currentColor;--text:currentColor;--focus:var(--green-200);--logo-kopi:var(--cream-100);--logo-web:var(--green-200);--logo-cup:var(--cream-100);--logo-steam:var(--green-200)}.chapter--green{--accent:var(--green-200);--text-muted:var(--chapter-green-muted);--rule:#f7f3e938}.chapter--brown{--accent:var(--green-200);--text-muted:var(--chapter-brown-muted);--rule:#f7f3e933}}@layer components{.skip-link{left:var(--space-s);z-index:100;padding:var(--space-xs) var(--space-s);background:var(--accent);color:var(--accent-contrast);border-radius:var(--radius-s);font-weight:600;position:absolute;top:-100px}.skip-link:focus{top:var(--space-s)}.logo{width:auto;height:100%;overflow:visible}.logo-kopi{fill:var(--logo-kopi)}.logo-web{fill:var(--logo-web)}.logo-cup{fill:var(--logo-cup)}.logo-steam{fill:var(--logo-steam)}.kicker{align-items:center;gap:var(--space-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:600;line-height:1.2;display:inline-flex}.display{font-family:var(--font-display);letter-spacing:-.04em;font-weight:700;line-height:.95}.brew{font-family:var(--font-brew);letter-spacing:-.03em;font-style:italic;font-weight:400}.btn{--btn-bg:var(--accent);--btn-fg:var(--accent-contrast);border:2px solid var(--btn-bg);border-radius:var(--radius-pill);background:var(--btn-bg);min-height:3rem;color:var(--btn-fg);font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;isolation:isolate;transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease;justify-content:center;align-items:center;gap:.6em;padding:.75rem 1.4rem;font-size:.95rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--btn-hover-bg,var(--accent-strong));transform-origin:0;transition:transform var(--dur-med) var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.btn:hover:before,.btn:focus-visible:before{transform:scaleX(1)}.btn:hover{text-decoration:none}.btn svg{flex:none;width:1.15em;height:1.15em}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--accent);--btn-hover-bg:var(--accent);border-color:currentColor}.btn--ghost:hover,.btn--ghost:focus-visible{color:var(--accent-contrast);border-color:var(--accent)}.btn--light{--btn-bg:var(--cream-50);--btn-fg:var(--brown-900);--btn-hover-bg:var(--green-200)}.link-arrow{min-height:3rem;color:var(--accent);align-items:center;gap:.45em;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow span{transition:background-size var(--dur-med) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px}.link-arrow:hover span{background-position:100% 100%;background-size:0 1px}.link-arrow svg{width:1.1em;height:1.1em;transition:transform var(--dur-med) var(--ease-out)}.link-arrow:hover svg{transform:translate(4px)}}@layer sections;@layer utilities{.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.js [data-reveal]{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);transition-delay:calc(var(--reveal-i,0) * 70ms);transform:translateY(14px)}.js [data-reveal].is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1;transform:none}}}.theme-toggle[data-astro-cid-l6lhmie6]{border:1px solid var(--rule-strong);width:2.75rem;height:2.75rem;color:var(--text);cursor:pointer;transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;background:0 0;border-radius:50%;place-items:center;display:inline-grid}.theme-toggle[data-astro-cid-l6lhmie6][hidden]{display:none}.theme-toggle[data-astro-cid-l6lhmie6]:hover{border-color:var(--accent);background:var(--bg-raised)}.theme-toggle__icon[data-astro-cid-l6lhmie6]{transition:transform var(--dur-med) var(--ease-out), opacity var(--dur-fast) ease;grid-area:1/1;display:grid}.theme-toggle[data-astro-cid-l6lhmie6] svg{width:1.25rem;height:1.25rem}[data-theme=light] .theme-toggle__icon--sun[data-astro-cid-l6lhmie6],[data-theme=dark] .theme-toggle__icon--moon[data-astro-cid-l6lhmie6]{opacity:0;transform:rotate(-60deg)scale(.6)}.site-header[data-astro-cid-nen7h5rs]{z-index:20;position:relative}.site-header__inner[data-astro-cid-nen7h5rs]{justify-content:space-between;align-items:center;gap:var(--space-m);padding-block:var(--space-m);display:flex}.site-header__brand[data-astro-cid-nen7h5rs]{border-radius:var(--radius-s);flex:none;height:clamp(1.5rem,1.3rem + .6vw,1.9rem);display:block}.site-nav[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-l);display:flex}.site-nav__list[data-astro-cid-nen7h5rs]{gap:var(--space-2xs) var(--space-l);flex-wrap:wrap;display:flex}.site-nav__list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{min-height:2.75rem;color:var(--text);background:linear-gradient(var(--accent), var(--accent)) 0 calc(100% - .55rem) / 0 2px no-repeat;transition:background-size var(--dur-med) var(--ease-out), color var(--dur-fast) ease;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.site-nav__list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover,.site-nav__list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs][aria-current=page]{color:var(--accent);background-size:100% 2px}.site-nav__actions[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-s);display:flex}.site-nav__actions[data-astro-cid-nen7h5rs] .site-header__cta{min-height:2.75rem;padding:.6rem 1.15rem;font-size:.85rem}.menu-button[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-2xs);min-height:2.75rem;padding:0 var(--space-s);border:1.5px solid var(--heading);border-radius:var(--radius-pill);color:var(--heading);cursor:pointer;z-index:2;background:0 0;font-weight:600;display:none;position:relative}.menu-button[data-astro-cid-nen7h5rs][hidden]{display:none}.menu-button[data-astro-cid-nen7h5rs] svg{width:1.25rem;height:1.25rem}.menu-button__close[data-astro-cid-nen7h5rs]{display:none}.menu-button[data-astro-cid-nen7h5rs][aria-expanded=true] .menu-button__close[data-astro-cid-nen7h5rs]{display:inline-flex}.menu-button[data-astro-cid-nen7h5rs][aria-expanded=true] .menu-button__open[data-astro-cid-nen7h5rs]{display:none}@media (width<=63.99rem){.site-nav[data-astro-cid-nen7h5rs]{flex-wrap:wrap;justify-content:flex-end}.js .menu-button[data-astro-cid-nen7h5rs]{display:inline-flex}.js .site-nav[data-astro-cid-nen7h5rs]{z-index:1;justify-content:space-between;align-items:stretch;gap:var(--space-xl);padding:calc(var(--space-m) * 2 + 3rem) var(--gutter) var(--space-xl);background:var(--bg);visibility:hidden;opacity:0;transition:opacity var(--dur-med) ease, visibility 0s linear var(--dur-med);flex-direction:column;position:fixed;inset:0;overflow-y:auto}.js .site-nav[data-astro-cid-nen7h5rs].is-open{visibility:visible;opacity:1;transition:opacity var(--dur-med) ease}.js .site-nav__list[data-astro-cid-nen7h5rs]{border-top:1px solid var(--rule);flex-direction:column;gap:0}.js .site-nav__list[data-astro-cid-nen7h5rs] li[data-astro-cid-nen7h5rs]{border-bottom:1px solid var(--rule)}.js .site-nav__list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{width:100%;min-height:4.5rem;font-family:var(--font-display);font-weight:700;font-size:var(--step-3);letter-spacing:-.02em;color:var(--heading);opacity:0;transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out), color var(--dur-fast) ease;transition-delay:calc(var(--i) * 50ms);background:0 0;transform:translateY(12px)}.js .site-nav[data-astro-cid-nen7h5rs].is-open .site-nav__list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{opacity:1;transform:none}.js .site-nav__list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover{color:var(--accent)}.js .site-nav__actions[data-astro-cid-nen7h5rs]{flex-direction:row-reverse;justify-content:space-between}.js .site-nav__actions[data-astro-cid-nen7h5rs] .btn{flex:1}.js .site-header__brand[data-astro-cid-nen7h5rs]{z-index:2;position:relative}}@media (width<=63.99rem) and (prefers-reduced-motion:reduce){.js .site-nav__list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{opacity:1;transform:none}}.site-footer[data-astro-cid-jo6i4kqk]{font-size:.92rem}.site-footer__inner[data-astro-cid-jo6i4kqk]{column-gap:var(--space-m);row-gap:var(--space-l);padding-block:var(--space-xl) var(--space-l);border-top:1px solid var(--rule);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.site-footer__top[data-astro-cid-jo6i4kqk]{gap:var(--space-s);grid-column:1/span 4;align-content:start;display:grid}.site-footer__logo[data-astro-cid-jo6i4kqk]{width:fit-content;height:1.6rem;display:block}.site-footer__line[data-astro-cid-jo6i4kqk]{color:var(--text-muted)}.site-footer__nav[data-astro-cid-jo6i4kqk]{grid-column:5/span 5}.site-footer__nav[data-astro-cid-jo6i4kqk] ul[data-astro-cid-jo6i4kqk]{gap:0 var(--space-l);flex-wrap:wrap;display:flex}.site-footer__contact[data-astro-cid-jo6i4kqk]{grid-column:10/-1;justify-self:end}.site-footer[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{min-height:2.75rem;color:var(--chapter-brown-text);align-items:center;text-decoration:none;display:inline-flex}.site-footer[data-astro-cid-jo6i4kqk] li[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{text-decoration:underline}.nowrap[data-astro-cid-jo6i4kqk]{white-space:nowrap;margin-left:.3em}.site-footer__base[data-astro-cid-jo6i4kqk]{justify-content:space-between;align-items:center;gap:var(--space-m);padding-top:var(--space-m);border-top:1px solid var(--rule);color:var(--text-muted);grid-column:1/-1;display:flex}.site-footer[data-astro-cid-jo6i4kqk] .theme-toggle{color:var(--chapter-brown-text);border-color:#f7f3e966}.site-footer[data-astro-cid-jo6i4kqk] .theme-toggle:hover{background:#f7f3e914}@media (width<=63.99rem){.site-footer__top[data-astro-cid-jo6i4kqk],.site-footer__nav[data-astro-cid-jo6i4kqk]{grid-column:1/-1}.site-footer__contact[data-astro-cid-jo6i4kqk]{grid-column:1/-1;justify-self:start}}