.bw{--bw-gold:#c4a46a;--bw-ivory:#ede6dc;--bw-lacquer:#0c0b0a;--bw-charcoal:#1a1816}.bw .bw-wrap{max-width:1200px;margin:0 auto;padding:0 40px}.bw .bw-rule{background:var(--bw-gold);width:64px;height:1px;margin:0 auto}.bw .bw-lbl{font-family:var(--font-inter), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--bw-gold);margin:0;font-size:.6875rem}.bw-hero{background:var(--bw-lacquer);height:min(78vh,720px);min-height:560px;position:relative;overflow:hidden}.bw-hero img{-o-object-fit:cover;object-fit:cover;-o-object-position:62% 45%;object-position:62% 45%;width:64%;height:100%;animation:1.2s ease-out both bw-fade;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000 60%,#0000 100%);mask-image:linear-gradient(90deg,#000 60%,#0000 100%)}.bw-shade{background:linear-gradient(0deg,#0c0b0a 0,#0c0b0a00 28%);position:absolute;inset:0}.bw-hero-txt{text-align:center;width:480px;position:absolute;top:50%;right:max(40px,50vw - 560px);transform:translateY(-50%)}.bw-hero h1{color:var(--bw-ivory);letter-spacing:.01em;margin:0 0 28px;font-size:4.75rem;font-weight:400;line-height:1}.bw-cap{white-space:nowrap;color:#ede6dccc;margin:24px 0 0;font-size:1.125rem;font-style:italic}@keyframes bw-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.bw-hero img{animation:none}.bw *{transition:none!important}}.bw-open{text-align:center;padding:120px 24px 128px}.bw-open .bw-seam{margin-bottom:72px}.bw-switch{border:1px solid #c4a46a99;width:fit-content;margin:0 auto;padding:0;display:flex}.bw-seg{cursor:pointer;font-family:var(--font-inter), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--bw-gold);padding:14px 36px;font-size:.8125rem;transition:background-color .25s,color .25s}.bw-seg:hover{color:var(--bw-ivory)}.bw-seg:has(:checked){background:var(--bw-gold);color:var(--bw-lacquer)}:is(.bw-seg:has(:focus-visible),.bw-tab:has(:focus-visible)){outline:2px solid var(--bw-ivory);outline-offset:2px}.bw-gloss{color:#ede6dcd9;text-wrap:pretty;max-width:36rem;margin:40px auto 0;font-size:1.125rem;line-height:1.7}.bw-gloss b{color:var(--bw-ivory);font-weight:600}.bw-one{border-top:1px solid #c4a46a26;padding:120px 0 128px}.bw-sec-h{text-align:center;margin-bottom:48px}.bw-sec-h h2{margin:0 0 10px;font-size:2.75rem;font-weight:400;line-height:1.1}.bw-sec-h .bw-lbl{color:#c4a46ad9}.bw-fam{border:0;border-bottom:1px solid #c4a46a40;justify-content:center;width:fit-content;margin:0 auto 72px;padding:0;scroll-margin-top:7rem;display:flex}.bw-tab{cursor:pointer;font-family:var(--font-inter), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#ede6dcb3;border-bottom:1px solid #0000;margin-bottom:-1px;padding:14px 26px;font-size:.78125rem;transition:color .25s,border-color .25s}.bw-tab:hover{color:var(--bw-ivory)}.bw-tab:has(:checked){color:var(--bw-gold);border-bottom-color:var(--bw-gold)}.bw-panel{background:var(--bw-charcoal);border:1px solid #c4a46a1f;grid-template-columns:1fr 1fr;display:none}:is(.brew-modes:has(#fam-green:checked) #green,.brew-modes:has(#fam-white:checked) #white,.brew-modes:has(#fam-oolong:checked) #oolong,.brew-modes:has(#fam-hongcha:checked) #hongcha,.brew-modes:has(#fam-pu-erh:checked) #pu-erh){animation:.35s ease-out bw-fade;display:grid}.bw-still{margin:0}.bw-still img{aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.bw-data{flex-direction:column;padding:72px 72px 64px;display:flex}.bw-data h3{margin:0 0 16px;font-size:4rem;font-weight:400;line-height:1}.bw-line{color:#ede6dccc;max-width:24rem;margin:0 0 48px;font-size:1.0625rem;line-height:1.6}.bw-big dl{margin:0}.bw-big dt{font-family:var(--font-inter), sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--bw-gold);margin-bottom:6px;font-size:.6875rem}.bw-big dd{color:var(--bw-ivory);margin:0 0 32px;font-size:2.5rem;line-height:1.1}.bw-big .bw-sub{color:#ede6dcbf;font-size:1.5rem}.bw-big .bw-pair{grid-template-columns:1fr 1fr;gap:24px;display:grid}.bw-big .bw-time{font-size:1.75rem}.bw-st-wrap{margin-top:auto}.bw-rinse{color:#ede6dccc;max-width:26rem;margin:0 0 32px;font-size:1rem;line-height:1.6}.bw-onote{margin-top:20px}.brew-modes:has(#brew-mode-mug:checked) .bw-onote{margin-top:0}.bw-onote a{color:var(--bw-ivory);text-underline-offset:4px;-webkit-text-decoration:underline #c4a46a66;text-decoration:underline #c4a46a66}.bw-onote a:hover{color:var(--bw-gold)}.bw-st{border-top:1px solid #c4a46a33;padding-top:28px}.bw-st ol{justify-content:space-between;margin:18px 0 0;padding:0;list-style:none;display:flex}.bw-st li{flex-direction:column;align-items:center;min-width:44px;display:flex}.bw-i{letter-spacing:.15em;color:#c4a46acc;margin-bottom:6px;font-size:.6875rem}.bw-v{color:var(--bw-ivory);font-variant-numeric:lining-nums tabular-nums;font-size:2.875rem;line-height:1}.bw-foot{text-align:center;color:#ede6dccc;max-width:40rem;margin:48px auto 0;font-size:1.0625rem;line-height:1.65}.bw-seq{border-top:1px solid #c4a46a26;padding:128px 0 144px}.bw-seq .bw-sec-h{margin-bottom:64px}.bw-ftxt{color:#ede6dcd9;text-wrap:balance;font-size:1.0625rem;line-height:1.6}@media (max-width:640px){.bw .bw-wrap{padding:0 22px}.bw-hero{height:620px;min-height:0}.bw-hero img{-o-object-position:30% 50%;object-position:30% 50%;width:100%;-webkit-mask-image:none;mask-image:none}.bw-shade{background:linear-gradient(0deg,#0c0b0af2 0,#0c0b0a99 38%,#0c0b0a00 65%)}.bw-hero-txt{width:auto;inset:auto 24px 48px;transform:none}.bw-hero h1{margin-bottom:22px;font-size:3.375rem}.bw-cap{white-space:normal;text-wrap:balance;margin-top:20px;font-size:1rem}.bw-cap .bw-s{display:block}.bw-open{padding:72px 22px 80px}.bw-open .bw-seam{display:none}.bw-seg{padding:12px 28px}.bw-gloss{font-size:1.0625rem}.bw-one{padding:80px 0 88px}.bw-sec-h h2{font-size:2.125rem}.bw-fam{justify-content:space-between;width:auto;margin:0 0 40px}.bw-tab{letter-spacing:.16em;padding:12px 0;font-size:.6875rem}.bw-panel{border-left:0;border-right:0;grid-template-columns:1fr;margin:0 -22px}:is(.brew-modes:has(#fam-green:checked) #green,.brew-modes:has(#fam-white:checked) #white,.brew-modes:has(#fam-oolong:checked) #oolong,.brew-modes:has(#fam-hongcha:checked) #hongcha,.brew-modes:has(#fam-pu-erh:checked) #pu-erh){display:grid}.bw-data{padding:40px 22px}.bw-data h3{font-size:3.25rem}.bw-line{margin-bottom:36px}.bw-big dd{white-space:nowrap;font-size:2rem}.bw-big .bw-sub{font-size:1.1875rem}.bw-big .bw-time{white-space:normal;font-size:1.5rem}.bw-v{font-size:2.25rem}.bw-st li{min-width:36px}.bw-foot{margin-top:36px;padding:0 4px}.bw-seq{padding:80px 0 96px}.bw-seq .bw-sec-h{margin-bottom:40px}}.bw-steps{grid-template-columns:repeat(3,1fr);max-width:1040px;margin:0 auto;padding:0;list-style:none;display:grid}.brew-modes:has(#brew-mode-mug:checked) .bw-steps.brew-mug{display:grid}.bw-step{text-align:center;padding:8px 40px 0}.bw-step+.bw-step{border-left:1px solid #c4a46a47}.bw-step-n{color:var(--bw-gold);font-variant-numeric:lining-nums;font-size:4rem;line-height:1;display:block}.bw-step-n:after{content:"";background:#c4a46a99;width:32px;height:1px;margin:28px auto 24px;display:block}.bw-step .bw-ftxt{max-width:30ch;margin:0 auto;font-size:1.125rem;line-height:1.7}@media (max-width:640px){.bw-steps{grid-template-columns:1fr;max-width:34ch}.bw-step{padding:40px 0}.bw-step:first-child{padding-top:0}.bw-step+.bw-step{border-top:1px solid #c4a46a47;border-left:0}.bw-step-n{font-size:3.25rem}.bw-step-n:after{margin:20px auto 18px}}