/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#211b16;--paper:#f2ebdd;--cream:#fbf7ef;--tea:#a84729;--tea-dark:#73301f;--jade:#5b7162;--line:#211b1630;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0}a{color:inherit}button,input{font:inherit}.skip-link{z-index:100;background:var(--cream);color:var(--ink);padding:.8rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:20;color:#fff8ed;border-bottom:1px solid #ffffff47;grid-template-columns:1fr auto 1fr;align-items:center;height:86px;padding:0 4vw;display:grid;position:absolute;top:0;left:0;right:0}.wordmark{letter-spacing:.18em;align-items:center;gap:.75rem;width:fit-content;font-size:.75rem;font-weight:800;text-decoration:none;display:inline-flex}.wordmark-mark{width:2.15rem;height:2.15rem;font-family:var(--serif);letter-spacing:0;border:1px solid;border-radius:50%;place-items:center;font-size:1.05rem;display:grid}.nav-links{letter-spacing:.12em;text-transform:uppercase;gap:2.2rem;font-size:.69rem;font-weight:700;display:flex}.nav-cta,.nav-links a{text-decoration:none}.nav-links a:focus-visible,.nav-links a:hover{opacity:.7}.header-actions{justify-self:end;align-items:center;gap:1rem;display:flex}.language-switch{letter-spacing:.08em;border:1px solid #ffffff7a;border-radius:999px;align-items:center;min-height:2rem;padding:0 .65rem;font-size:.62rem;font-weight:800;text-decoration:none;display:inline-flex}.language-switch:focus-visible,.language-switch:hover{background:#ffffff24}.nav-cta{letter-spacing:.08em;text-transform:uppercase;justify-self:end;align-items:center;gap:.7rem;font-size:.71rem;font-weight:800;display:inline-flex}.hero{color:#fff9ee;background:#171511;height:92vh;min-height:760px;max-height:980px;position:relative;overflow:hidden}.hero-picture{display:block;position:absolute;inset:0}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%}.hero-image,.hero-wash{position:absolute;inset:0}.hero-wash{background:linear-gradient(90deg,#110e0ae6,#110e0a94 42%,#110e0a12 74%),linear-gradient(#0000 58%,#0c0a0880)}.hero-content{z-index:2;width:min(720px,76vw);padding:clamp(150px,19vh,220px) 0 0 8vw;position:relative}.eyebrow{color:var(--tea);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1.15rem;font-size:.67rem;font-weight:800}.eyebrow.light{color:#d8ba83}.hero h1{max-width:700px;font-family:var(--serif);letter-spacing:-.065em;margin:0;font-size:clamp(4.5rem,8.3vw,8.2rem);font-weight:400;line-height:.82}.hero-title-line{display:block}.hero-title-em{font-style:italic}.display-line{display:block}.hero-deck{color:#fff9eed1;max-width:590px;font-family:var(--serif);margin:2.15rem 0 0;font-size:clamp(1.04rem,1.5vw,1.28rem);line-height:1.55}.hero-actions{align-items:center;gap:2rem;margin-top:2.4rem;display:flex}.button{letter-spacing:.1em;text-transform:uppercase;border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:.9rem 1.25rem;font-size:.72rem;font-weight:800;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#241b14;background:#e7d1a3}.text-link{letter-spacing:.06em;text-transform:uppercase;text-underline-offset:.35rem;align-items:center;gap:.7rem;font-size:.72rem;font-weight:800;display:inline-flex}.light-link{color:#fff9ee}.hero-facts{z-index:2;border-top:1px solid #ffffff40;gap:3.5rem;padding-top:1.25rem;display:flex;position:absolute;bottom:2.5rem;left:8vw;right:4vw}.hero-facts div{gap:.4rem;display:grid}.hero-facts span{color:#ffffff8c;letter-spacing:.18em;font-size:.57rem;font-weight:800}.hero-facts strong{font-family:var(--serif);font-size:.95rem;font-weight:400}.hero-index{z-index:2;letter-spacing:.17em;font-size:.58rem;font-weight:700;position:absolute;bottom:2.7rem;right:4vw}.section{padding:8rem 8vw}.section-kicker{align-items:center;gap:.9rem;margin-bottom:4rem;display:flex}.section-kicker span{border:1px solid var(--line);width:2rem;height:2rem;font-family:var(--serif);border-radius:50%;place-items:center;font-size:.72rem;display:grid}.section-kicker p{letter-spacing:.18em;margin:0;font-size:.62rem;font-weight:800}.intro-section{background:var(--cream);grid-template-columns:.52fr 1.55fr .8fr;gap:4vw;display:grid}.intro-section .section-kicker{grid-template-columns:auto 1fr;align-self:start;display:grid}.craft-heading h2,.heritage-strip h2,.intro-copy h2{font-family:var(--serif);letter-spacing:-.05em;margin:0;font-size:clamp(3.3rem,5.9vw,6.4rem);font-weight:400;line-height:.93}.craft-heading h2 em,.intro-copy h2 em{color:var(--tea);font-weight:400}.lead{max-width:680px;margin:2rem 0 0;font-size:1.04rem;line-height:1.75}.definition-card{border-top:5px solid var(--tea);background:#e3d8c5;align-self:end;padding:1.7rem}.card-label{letter-spacing:.18em;margin:0 0 2rem;font-size:.6rem;font-weight:800}.flavour-line{border-top:1px solid var(--line);grid-template-columns:2rem 1fr;gap:.6rem;padding:1rem 0;display:grid}.flavour-line>span{color:var(--tea);font-family:var(--serif);font-size:.72rem}.flavour-line strong{font-family:var(--serif);font-size:1.35rem;font-weight:400}.flavour-line p{margin:.3rem 0 0;font-size:.76rem;line-height:1.5}.difference-grid{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;padding-top:0;display:grid}.difference-grid article{background:var(--paper);min-height:390px;padding:2.2rem}.difference-grid .dark-card{color:#f8efe0;background:#252a23}.big-number{font-family:var(--serif);color:#a8472966;margin-bottom:6.5rem;font-size:3.5rem;display:block}.difference-grid h3{max-width:300px;font-family:var(--serif);margin:0;font-size:2.25rem;font-weight:400;line-height:1.05}.difference-grid article>p:last-child{opacity:.76;max-width:360px;margin:1.35rem 0 0;font-size:.88rem;line-height:1.65}.craft-section{color:#f8efe0;background:#6f2e20;padding:8rem 8vw}.light-kicker{color:#f8efe0}.light-kicker span{border-color:#ffffff47}.craft-heading{grid-template-columns:.52fr 1.55fr .8fr;align-items:end;gap:4vw;display:grid}.craft-heading h2 em{color:#dfc18f}.craft-intro{color:#ffffffad;margin:0;font-size:.9rem;line-height:1.7}.craft-list{border-top:1px solid #fff3;grid-template-columns:repeat(3,1fr);margin:5rem 0 0;padding:0;list-style:none;display:grid}.craft-list li{border-bottom:1px solid #fff3;min-height:250px;padding:1.6rem 2rem 1.6rem 0}.craft-list li:nth-child(3n+2),.craft-list li:nth-child(3n+3){border-left:1px solid #fff3;padding-left:2rem}.craft-list span{color:#dfc18f;font-family:var(--serif);font-size:.72rem}.craft-list h3{font-family:var(--serif);margin:3rem 0 1rem;font-size:2rem;font-weight:400}.craft-list p{color:#ffffffad;max-width:330px;margin:0;font-size:.82rem;line-height:1.65}.heritage-strip{background:#cfbea0;padding:9rem 8vw}.heritage-strip h2{max-width:900px}.heritage-strip>p:not(.eyebrow){max-width:760px;margin:2rem 0;font-size:1rem;line-height:1.75}.site-footer{color:#f8efe0;background:#1d211c;grid-template-columns:1fr 1fr auto;align-items:center;padding:2rem 4vw;display:grid}.site-footer p{font-family:var(--serif);justify-self:center;font-size:.9rem}.site-footer>a{letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:800}@media (max-width:900px){.site-header{grid-template-columns:1fr auto;height:72px}.nav-links{display:none}.hero{min-height:720px}.hero-image{object-position:66% center}.hero-wash{background:linear-gradient(90deg,#110e0af0,#110e0a8c 70%,#110e0a2e)}.hero-content{width:88vw;padding-left:6vw}.hero-facts{gap:1.5rem;left:6vw}.hero-index{display:none}.craft-heading,.intro-section{grid-template-columns:1fr}.intro-section .section-kicker{margin-bottom:0;display:flex}.definition-card{margin-top:2rem}.difference-grid{grid-template-columns:1fr}.difference-grid article{min-height:310px}.big-number{margin-bottom:3.5rem}.craft-list{grid-template-columns:repeat(2,1fr)}.craft-list li:nth-child(n){border-left:1px solid #fff3;padding-left:1.5rem}.site-footer{grid-template-columns:1fr auto}.site-footer p{display:none}}@media (max-width:560px){.site-header{padding:0 1.1rem}.wordmark{font-size:.63rem}.header-actions{gap:.55rem}.language-switch{min-height:1.8rem;padding:0 .52rem;font-size:.55rem}.nav-cta{font-size:.58rem}.hero{height:820px;max-height:none}.hero-image{object-position:88% center}.hero-wash{background:linear-gradient(90deg,#110e0ae0,#110e0aab 48%,#110e0a29 78%,#110e0a0a),linear-gradient(#0000 56%,#0c0a087a)}.hero-content{padding-top:155px}.hero h1{font-size:4.2rem}.hero-deck{font-size:1rem}.hero-actions{flex-direction:column;align-items:flex-start;gap:1.4rem}.hero-facts{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid;bottom:1.5rem}.hero-facts div:last-child{display:none}.craft-section,.heritage-strip,.section{padding:6rem 1.3rem}.craft-heading h2,.heritage-strip h2,.intro-copy h2{font-size:3.15rem}.difference-grid{padding:0}.craft-list{grid-template-columns:1fr}.craft-list li:nth-child(n){border-left:0;min-height:210px;padding:1.5rem 0}.craft-list h3{margin-top:2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}button{color:inherit}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #dfa958}.anatomy-section{background:var(--paper);grid-template-columns:1.2fr .8fr;min-height:850px;display:grid}.anatomy-copy{padding:8rem 7vw 7rem 8vw}.anatomy-copy h2,.compare-heading h2,.diagnostic-heading h2,.faq-heading h2,.heritage-intro h2,.order-heading h2,.quiz-heading h2,.recipe-heading h2,.sources-section h2{font-family:var(--serif);letter-spacing:-.05em;margin:0;font-size:clamp(3.3rem,5.5vw,6.2rem);font-weight:400;line-height:.92}.ingredient-notes{border-top:1px solid var(--line);margin-top:4rem}.ingredient-notes>div{border-bottom:1px solid var(--line);grid-template-columns:2rem 9rem 1fr;align-items:baseline;gap:1rem;padding:1.35rem 0;display:grid}.ingredient-notes span{color:var(--tea);font-family:var(--serif);font-size:.8rem}.ingredient-notes strong{font-family:var(--serif);font-size:1.25rem;font-weight:400}.ingredient-notes p{opacity:.72;margin:0;font-size:.78rem;line-height:1.6}.balance-visual{color:#f8efe0;background:#53685a;place-items:center;min-height:750px;display:grid;position:relative;overflow:hidden}.balance-visual:before{content:"";border:1px solid #ffffff2e;position:absolute;inset:2.2rem}.balance-visual:after{content:attr(data-heading);letter-spacing:.2em;font-size:.59rem;font-weight:800;position:absolute;top:4rem}.cup-ring{border:1px solid #ffffff7a;border-radius:50%;place-items:center;display:grid;position:absolute}.cup-ring>span{z-index:1;letter-spacing:.18em;background:0 0;padding:0;font-size:.55rem;font-weight:800;line-height:1;position:absolute;transform:translateY(-50%)}.ring-one{width:min(36vw,510px);height:min(36vw,510px)}.ring-one>span{top:6.25%}.ring-two{background:#f0dbb70f;width:min(27vw,380px);height:min(27vw,380px)}.ring-two>span{top:9.2%}.ring-three{background:#b04e30;width:min(17vw,240px);height:min(17vw,240px)}.ring-three>span{top:14%}.ring-three strong{font-family:var(--serif);font-size:clamp(3rem,6vw,6rem);font-weight:400}.balance-visual>p{font-family:var(--serif);text-align:center;margin:0;font-size:1rem;line-height:1.5;position:absolute;bottom:4rem}.craft-interactive{border-top:1px solid #ffffff38;border-bottom:1px solid #ffffff38;grid-template-columns:.82fr 1.18fr;margin-top:5rem;display:grid}.step-tabs{border-right:1px solid #ffffff38;display:grid}.step-tabs button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff2e;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:.8rem;min-height:72px;padding:1rem 1.4rem 1rem 0;transition:background .2s,padding .2s;display:grid}.step-tabs button:last-child{border-bottom:0}.step-tabs button.active,.step-tabs button:hover{background:#ffffff17;padding-left:1rem}.step-tabs span{color:#dfc18f;font-family:var(--serif);font-size:.72rem}.step-tabs strong{font-family:var(--serif);font-size:1.35rem;font-weight:400}.step-tabs i{opacity:.4;font-style:normal}.step-panel{min-height:500px;padding:3rem 4vw;position:relative;overflow:hidden}.step-panel h3{font-family:var(--serif);letter-spacing:-.04em;margin:0 0 1.5rem;font-size:clamp(3.2rem,5vw,5.8rem);font-weight:400;line-height:.9;position:relative}.step-panel>p:not(.eyebrow){color:#ffffffc2;max-width:630px;font-size:.95rem;line-height:1.8;position:relative}.step-panel aside{color:#ffffffbd;border-top:1px solid #ffffff38;grid-template-columns:7rem 1fr;gap:1rem;padding-top:1.2rem;font-size:.76rem;line-height:1.5;display:grid;position:absolute;bottom:2.7rem;left:4vw;right:4vw}.step-panel aside span{color:#dfc18f;letter-spacing:.15em;font-size:.57rem;font-weight:800}.step-orbit{border:1px solid #ffffff21;border-radius:50%;width:310px;height:310px;position:absolute;top:-5rem;right:-5rem}.step-orbit:before{content:"";border:1px solid #ffffff1a;border-radius:50%;position:absolute;inset:3.2rem}.step-orbit span{font-family:var(--serif);opacity:.18;font-size:4rem;position:absolute;bottom:3.5rem;left:2.2rem}.step-orbit b{font-family:var(--serif);opacity:.12;place-items:center;font-size:2.5rem;font-weight:400;display:grid;position:absolute;inset:0}.equipment-bench{background:#ffffff38;grid-template-columns:1.15fr repeat(4,1fr);gap:1px;margin-top:5rem;display:grid}.equipment-bench article,.equipment-title{background:#6f2e20;min-height:310px;padding:1.5rem}.equipment-title h3{font-family:var(--serif);margin:3.5rem 0 0;font-size:2.4rem;font-weight:400;line-height:1}.equipment-bench article{position:relative}.equipment-bench article>span{font-family:var(--serif);color:#dfc18f;font-size:.72rem}.tool-icon{color:#ffffffb3;fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:124px;height:92px;margin:1.65rem auto 1.3rem;display:block;overflow:visible}.tool-icon-wide{width:150px}.tool-icon-detail{opacity:.42;stroke-width:1.25px}.tool-icon-accent{color:#dfc18f;stroke:currentColor}.tool-icon-handle-outline{stroke-width:6px}.tool-icon-handle{color:#211a17;stroke:currentColor;stroke-width:3.5px}.tool-icon-knob{color:#dfc18f;fill:#211a17;stroke:currentColor}.tool-icon-mouth{fill:#6f2e20}.tool-icon-pour{color:#dfc18f;stroke:currentColor;stroke-width:2.5px}.tool-icon-pour-detail{color:#dfc18f;opacity:.5;stroke:currentColor;stroke-width:.9px}.tool-icon-splash{color:#dfc18f;stroke:currentColor;stroke-width:1px}.tool-icon-soft-fill{fill:#dfc18f14}.tool-icon-flame{fill:#dfc18f29;color:#dfc18f;stroke:currentColor}.equipment-bench h4{font-family:var(--serif);margin:0;font-size:1.35rem;font-weight:400}.equipment-bench article p{color:#ffffff9e;margin:.8rem 0 0;font-size:.73rem;line-height:1.6}.recipe-section{background:#e8ddc9;padding:8rem 8vw}.recipe-heading{grid-template-columns:.52fr 1.55fr .8fr;align-items:end;gap:4vw;display:grid}.heritage-intro h2 em,.order-heading h2 em,.recipe-heading h2 em{color:var(--tea);font-weight:400}.recipe-heading>p{opacity:.7;margin:0;font-size:.88rem;line-height:1.7}.recipe-lab{background:var(--line);border:1px solid var(--line);grid-template-columns:.78fr 1.22fr;gap:1px;margin-top:5rem;display:grid}.recipe-controls,.recipe-output{background:var(--cream);padding:2.5rem}.control-block{border:0;border-bottom:1px solid var(--line);margin:0;padding:0 0 2rem}.control-block+.control-block{padding-top:2rem}.control-block legend,.control-label label{letter-spacing:.15em;text-transform:uppercase;padding:0;font-size:.63rem;font-weight:800}.control-label{justify-content:space-between;align-items:center;display:flex}.control-label output{font-family:var(--serif);font-size:2.2rem}input[type=range]{width:100%;accent-color:var(--tea);margin:1.4rem 0 .6rem}.range-labels{opacity:.58;justify-content:space-between;font-size:.62rem;display:flex}.segmented{border:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-top:1rem;display:grid}.segmented.three{grid-template-columns:repeat(3,1fr)}.segmented button{border:0;border-right:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;min-height:46px;font-size:.68rem;font-weight:800}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--tea);color:#fff}.safety-note{background:#e7cf9d;grid-template-columns:2rem 1fr;gap:.7rem;margin-top:2rem;padding:1rem;display:grid}.safety-note>span{width:1.5rem;height:1.5rem;font-family:var(--serif);border:1px solid;border-radius:50%;place-items:center;display:grid}.safety-note p{margin:0;font-size:.69rem;line-height:1.5}.safety-note strong{letter-spacing:.08em;text-transform:uppercase;margin-bottom:.2rem;font-size:.62rem;display:block}.recipe-output{color:#f8efe0;background:#263029;flex-direction:column;display:flex}.recipe-output-head{justify-content:space-between;align-items:start;display:flex}.recipe-output-head h3{font-family:var(--serif);text-transform:capitalize;margin:0;font-size:2.2rem;font-weight:400}.recipe-output-head>span{letter-spacing:.12em;text-transform:uppercase;border:1px solid #ffffff47;padding:.55rem .8rem;font-size:.58rem;font-weight:800}.ingredient-grid{background:#ffffff2e;grid-template-columns:repeat(2,1fr);gap:1px;margin:3rem 0;display:grid}.ingredient-grid>div{background:#263029;min-height:150px;padding:1.35rem}.ingredient-grid span{color:#d8ba83;letter-spacing:.16em;font-size:.58rem;font-weight:800;display:block}.ingredient-grid strong{font-family:var(--serif);margin-top:1.6rem;font-size:3.5rem;font-weight:400;line-height:1;display:inline-block}.ingredient-grid i{margin-left:.4rem;font-style:normal}.ingredient-grid i,.yield-note{color:#ffffff8c;font-size:.68rem}.yield-note{margin:auto 0 0;line-height:1.6}.home-method{border-top:1px solid var(--line);margin:5rem 0 0;padding:0;list-style:none}.home-method li{border-bottom:1px solid var(--line);grid-template-columns:4rem 1fr 7rem;align-items:center;gap:2rem;min-height:120px;padding:1.2rem 0;display:grid}.home-method>li>span{color:var(--tea);font-family:var(--serif);font-size:1.1rem}.home-method h3{font-family:var(--serif);margin:0 1.2rem 0 0;font-size:1.5rem;font-weight:400;display:inline}.home-method p{opacity:.72;margin:0;font-size:.8rem;line-height:1.6;display:inline}.home-method b{letter-spacing:.12em;text-transform:uppercase;justify-self:end;font-size:.61rem}.order-section{color:#f8efe0;background:#425449;grid-template-columns:.7fr 1.3fr;gap:6vw;padding:8rem 8vw;display:grid}.order-heading>p:last-child{color:#ffffffad;max-width:520px;font-size:.9rem;line-height:1.7}.order-heading h2 em{color:#e3c892}.order-decoder{border:1px solid #ffffff38;grid-template-columns:.78fr 1.22fr;align-self:end;display:grid}.order-list{border-right:1px solid #ffffff38;display:grid}.order-list button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff2e;grid-template-columns:5.5rem 1fr;align-items:center;gap:.8rem;min-height:62px;padding:.8rem 1rem;display:grid}.order-list button:last-child{border-bottom:0}.order-list button.active,.order-list button:hover{color:#28231d;background:#e0c790}.order-list strong{font-family:var(--serif);font-size:1.2rem;font-weight:400}.order-list span{opacity:.72;font-size:.67rem}.order-card{background:#27332c;flex-direction:column;min-height:440px;padding:2.2rem;display:flex}.order-jyutping{color:#e0c790;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:800}.order-card>strong{color:#e0c790;margin-top:2.4rem;font-size:clamp(4rem,7vw,7.5rem);line-height:1}.order-card h3,.order-card>strong{font-family:var(--serif);font-weight:400}.order-card h3{margin:1rem 0;font-size:2rem}.order-card>p:not(.order-jyutping){color:#ffffffb3;max-width:420px;font-size:.8rem;line-height:1.6}.speech-line{font-family:var(--serif);border-top:1px solid #fff3;margin-top:auto;padding-top:1rem;font-size:1rem}.speech-line span{color:#ffffff73;font-family:var(--sans);letter-spacing:.15em;margin-bottom:.6rem;font-size:.55rem;font-weight:800;display:block}.heritage-section{background:var(--cream);grid-template-columns:1fr 1fr;gap:8vw;padding:8rem 8vw;display:grid}.heritage-intro{align-self:start;position:sticky;top:3rem}.heritage-intro h2 em{color:var(--tea)}.timeline{border-top:1px solid var(--line)}.timeline>div{border-bottom:1px solid var(--line);grid-template-columns:2.5rem 9rem 1fr;align-items:start;gap:1rem;min-height:125px;padding:1.5rem 0;display:grid}.timeline span{color:var(--tea);font-family:var(--serif);font-size:.72rem}.timeline strong{font-family:var(--serif);font-size:1.25rem;font-weight:400}.timeline p{opacity:.72;margin:0;font-size:.8rem;line-height:1.65}.compare-section{background:#d4c3a5;padding:8rem 8vw}.compare-heading{grid-template-columns:1.3fr .7fr;align-items:end;gap:6vw;display:grid}.compare-heading>p{margin:0;font-size:.84rem;line-height:1.7}.comparison-wrap{margin-top:4rem;overflow-x:auto}.comparison-wrap table{border-collapse:collapse;width:100%;min-width:900px}.comparison-wrap td,.comparison-wrap th{border-bottom:1px solid var(--line);text-align:left;padding:1.3rem 1rem}.comparison-wrap thead th{color:var(--tea);letter-spacing:.15em;font-size:.59rem}.comparison-wrap tbody th{width:190px;font-family:var(--serif);font-size:1.12rem;font-weight:400}.comparison-wrap td{opacity:.77;font-size:.74rem;line-height:1.45}.diagnostic-section{color:#f8efe0;background:#20251f;padding:8rem 8vw}.diagnostic-heading{grid-template-columns:.52fr 1.1fr .8fr;align-items:end;gap:4vw;display:grid}.diagnostic-heading .section-kicker{grid-row:span 2;align-self:start}.diagnostic-heading h2{grid-column:2/4}.diagnostic-body{background:#fff3;grid-template-columns:.7fr 1fr .65fr;gap:1px;margin-top:5rem;display:grid}.issue-buttons{background:#20251f;display:grid}.issue-buttons button{min-height:85px;font-family:var(--serif);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;padding:1rem 1.3rem;font-size:1.2rem;display:flex}.issue-buttons button.active,.issue-buttons button:hover{background:#ab4b2f}.issue-buttons span{font-family:var(--sans);opacity:.5;font-size:.9rem}.diagnosis-card{min-height:420px;color:var(--ink);background:#f1e7d7;padding:2.2rem}.diagnosis-card h3{max-width:600px;font-family:var(--serif);margin:0;font-size:2rem;font-weight:400;line-height:1.2}.fix-label{color:var(--tea);letter-spacing:.16em;margin:3rem 0 1rem;font-size:.59rem;font-weight:800}.diagnosis-card ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.diagnosis-card li{border-bottom:1px solid var(--line);grid-template-columns:2rem 1fr;gap:.7rem;padding:1rem 0;font-size:.76rem;line-height:1.5;display:grid}.diagnosis-card li span{color:var(--tea);font-family:var(--serif)}.caffeine-card{background:#9a3f28;padding:2.2rem}.caffeine-number{font-family:var(--serif);margin-top:2rem;font-size:6rem;line-height:.8;display:block}.caffeine-card>strong{letter-spacing:.15em;text-transform:uppercase;margin-top:1rem;font-size:.67rem;display:block}.caffeine-card p{font-family:var(--serif);margin-top:2.5rem;font-size:1rem;line-height:1.5}.caffeine-card small{color:#ffffff9e;margin-top:2rem;font-size:.62rem;line-height:1.6;display:block}.quiz-section{background:var(--paper);padding:8rem 8vw}.quiz-heading{max-width:900px}.quiz-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:4rem;display:grid}.quiz-card{background:var(--cream);border:0;min-width:0;margin:0;padding:0}.quiz-question{background:#cac4b8;grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:1rem;min-height:128px;padding:2rem;display:grid}.quiz-question>span{color:var(--tea);font-family:var(--serif);padding-top:.3rem;font-size:.72rem}.quiz-question h3{font-family:var(--serif);margin:0;font-size:1.55rem;font-weight:400;line-height:1.2}.quiz-options{padding:1.5rem 2rem 2rem}.quiz-options button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:2rem 1fr;align-items:center;gap:.5rem;width:100%;min-height:52px;padding:.7rem;font-size:.73rem;display:grid}.quiz-options button span{border:1px solid var(--line);width:1.6rem;height:1.6rem;font-family:var(--serif);border-radius:50%;place-items:center;display:grid}.quiz-options button.selected,.quiz-options button:hover{background:#eee2cd}.quiz-options button.correct{background:#cad6c9}.quiz-options button.wrong{background:#e8c3b8}.quiz-result{background:#d6c6a8;justify-content:center;align-items:center;min-height:110px;margin-top:1px;padding:1.5rem 2rem;display:flex}.quiz-result>p{opacity:.65;font-size:.72rem}.quiz-result.show{color:#f8efe0;background:#263029;justify-content:space-between}.quiz-result.show>div{align-items:center;gap:1.5rem;display:flex}.quiz-result.show span{font-family:var(--serif);font-size:3rem}.quiz-result.show p{font-family:var(--serif);font-size:1.2rem}.quiz-result button{color:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;font-size:.63rem;font-weight:800}.faq-section{background:var(--cream);grid-template-columns:.75fr 1.25fr;gap:8vw;padding:8rem 8vw;display:grid}.faq-heading h2{font-size:clamp(3.2rem,4.8vw,5rem)}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;min-height:82px;font-family:var(--serif);grid-template-columns:1fr 2rem;align-items:center;gap:1rem;font-size:1.15rem;list-style:none;display:grid}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-family:var(--sans);justify-self:end;font-size:1.2rem;font-weight:300;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{opacity:.7;max-width:720px;margin:-1rem 3rem 1.5rem 0;font-size:.78rem;line-height:1.7}.sources-section{color:#f8efe0;background:#6f2e20;grid-template-columns:.75fr 1.25fr;gap:8vw;padding:8rem 8vw 5rem;display:grid}.sources-section h2{font-size:clamp(3rem,4.5vw,4.8rem)}.source-list{border-top:1px solid #ffffff38}.source-list a{border-bottom:1px solid #ffffff38;grid-template-columns:2rem 1fr auto;align-items:start;gap:1rem;min-height:92px;padding:1.2rem 0;text-decoration:none;display:grid}.source-list a:hover strong{text-underline-offset:.25rem;text-decoration:underline}.source-list span{color:#dfc18f;font-family:var(--serif);font-size:.72rem}.source-list p{color:#ffffffa3;margin:0;font-size:.7rem;line-height:1.5}.source-list strong{color:#f8efe0;font-family:var(--serif);margin-bottom:.35rem;font-size:1rem;font-weight:400;display:block}.source-list b{font-weight:400}.source-note{color:#ffffff7a;grid-column:2;margin:0;font-size:.62rem;line-height:1.6}@media (max-width:1100px){.equipment-bench{grid-template-columns:repeat(2,1fr)}.equipment-title{grid-column:span 2;min-height:230px}.order-section{grid-template-columns:1fr}.diagnostic-body{grid-template-columns:.7fr 1.3fr}.caffeine-card{grid-column:1/3;min-height:280px}.caffeine-number{margin-right:1rem;display:inline-block}}@media (max-width:900px){.anatomy-section,.faq-section,.heritage-section,.sources-section{grid-template-columns:1fr}.anatomy-copy{padding:7rem 6vw}.balance-visual{min-height:620px}.ring-one{width:min(72vw,440px);height:min(72vw,440px)}.ring-two{width:min(54vw,330px);height:min(54vw,330px)}.ring-three{width:min(34vw,210px);height:min(34vw,210px)}.craft-interactive{grid-template-columns:1fr}.step-tabs{border-bottom:1px solid #ffffff38;border-right:0;grid-template-columns:repeat(3,1fr)}.step-tabs button{grid-template-columns:1fr;min-height:100px;padding:1rem}.step-tabs button.active,.step-tabs button:hover{padding-left:1rem}.step-tabs i{display:none}.recipe-heading{grid-template-columns:1fr}.recipe-heading .section-kicker{margin-bottom:0}.recipe-lab{grid-template-columns:1fr}.order-decoder{margin-top:2rem}.heritage-intro{position:static}.compare-heading,.diagnostic-heading{grid-template-columns:1fr}.diagnostic-heading .section-kicker,.diagnostic-heading h2{grid-area:auto}.quiz-grid{grid-template-columns:1fr}.source-note{grid-column:1}}@media (max-width:650px){.anatomy-copy,.compare-section,.diagnostic-section,.faq-section,.heritage-section,.order-section,.quiz-section,.recipe-section,.sources-section{padding:6rem 1.3rem}.ingredient-notes>div{grid-template-columns:1.5rem 1fr}.ingredient-notes p{grid-column:2}.balance-visual{min-height:560px}.balance-visual:before{inset:1.3rem}.balance-visual:after{top:2.4rem}.cup-ring{transform:translateY(-2rem)}.ring-one{width:min(86vw,380px);height:min(86vw,380px)}.ring-two{width:min(65vw,285px);height:min(65vw,285px)}.ring-three{width:min(42vw,180px);height:min(42vw,180px)}.balance-visual>p{width:calc(100% - 4rem);bottom:2.7rem}.compare-heading h2,.craft-heading h2,.diagnostic-heading h2,.faq-heading h2,.heritage-intro h2,.order-heading h2,.quiz-heading h2,.recipe-heading h2,.sources-section h2{font-size:3.1rem}.step-tabs{grid-template-columns:repeat(2,1fr)}.step-panel{min-height:540px;padding:2rem 1rem}.step-panel aside{left:1rem;right:1rem}.equipment-bench{grid-template-columns:1fr}.equipment-title{grid-column:auto}.equipment-bench article,.equipment-title{min-height:250px}.recipe-controls,.recipe-output{padding:1.3rem}.ingredient-grid strong{font-size:2.8rem}.home-method li{grid-template-columns:2.5rem 1fr;gap:1rem}.home-method b{grid-column:2;justify-self:start}.home-method h3,.home-method p{display:block}.home-method p{margin-top:.5rem}.order-decoder{grid-template-columns:1fr}.order-list{border-bottom:1px solid #ffffff38;border-right:0;grid-template-columns:repeat(2,1fr)}.order-list button{grid-template-columns:1fr;min-height:74px}.order-card{min-height:420px}.timeline>div{grid-template-columns:2rem 1fr}.timeline p{grid-column:2}.diagnostic-body{grid-template-columns:1fr}.caffeine-card{grid-column:auto}.quiz-question{min-height:104px;padding:1.2rem}.quiz-question h3{font-size:1.25rem}.quiz-options{padding:1rem 1.2rem 1.2rem}.quiz-result.show{flex-direction:column;align-items:flex-start;gap:1rem}.site-footer{padding:2rem 1.3rem}}@media (orientation:landscape) and (max-height:520px){.balance-visual{min-height:320px}.balance-visual:before{inset:1rem}.balance-visual:after{font-size:.5rem;top:1.15rem}.cup-ring{transform:translateY(-.7rem)}.cup-ring>span{font-size:.46rem}.ring-one{width:min(58vh,230px);height:min(58vh,230px)}.ring-two{width:min(43vh,170px);height:min(43vh,170px)}.ring-three{width:min(28vh,112px);height:min(28vh,112px)}.ring-three strong{font-size:2.6rem}.balance-visual>p{width:calc(100% - 3rem);font-size:.88rem;line-height:1.3;bottom:1.2rem}}.locale-zh-hk{font-family:PingFang HK,Noto Sans TC,Microsoft JhengHei,Arial,sans-serif}.locale-zh-hk .big-number,.locale-zh-hk .comparison-wrap tbody th,.locale-zh-hk .faq-list summary,.locale-zh-hk .flavour-line strong,.locale-zh-hk .ingredient-notes strong,.locale-zh-hk .lead,.locale-zh-hk .order-card>strong,.locale-zh-hk .timeline strong,.locale-zh-hk .wordmark-mark,.locale-zh-hk h1,.locale-zh-hk h2,.locale-zh-hk h3,.locale-zh-hk h4{font-family:Songti TC,Noto Serif TC,PMingLiU,Georgia,serif}.locale-zh-hk .hero-content{width:min(820px,82vw)}.locale-zh-hk .hero-title-line{white-space:nowrap}.locale-zh-hk .hero h1{letter-spacing:-.04em;max-width:820px;font-size:clamp(3.2rem,7vw,6.7rem);line-height:1}.locale-zh-hk .hero-title-em{font-style:normal}.locale-zh-hk .intro-copy h2{font-size:clamp(3.3rem,5.3vw,6rem)}.locale-zh-hk .anatomy-copy h2,.locale-zh-hk .compare-heading h2,.locale-zh-hk .craft-heading h2,.locale-zh-hk .diagnostic-heading h2,.locale-zh-hk .faq-heading h2,.locale-zh-hk .heritage-intro h2,.locale-zh-hk .intro-copy h2,.locale-zh-hk .order-heading h2,.locale-zh-hk .quiz-heading h2,.locale-zh-hk .recipe-heading h2,.locale-zh-hk .sources-section h2{letter-spacing:-.035em;line-height:1.02}.locale-zh-hk .card-label,.locale-zh-hk .eyebrow,.locale-zh-hk .section-kicker p{letter-spacing:.12em}@media (min-width:901px){.locale-zh-hk .intro-copy .display-line{white-space:nowrap}}@media (max-width:560px){.locale-zh-hk .hero-content{width:90vw}.locale-zh-hk .hero h1{font-size:3.2rem}.locale-zh-hk .intro-copy h2{font-size:2.75rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}