@charset "UTF-8";
:root{--cream:#eeeadd;--ink:#294032;--green:#a8b77b;--gold:#c6ae70;--muted:#73826a;--serif:"Noto Serif SC","Songti SC","STSong","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:40px}body{background:#243e2c;color:var(--cream);font-family:var(--sans);font-weight:400;overflow-x:hidden}body.locked{overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #bd9459;outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,h4{font-family:var(--serif);font-weight:400}h2 em,h3 em{font-style:normal;color:#91a877}p{line-height:2}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}::selection{background:#b0bd85;color:#213b2d}
#tea-world,.scene-wash,.paper-grain{position:fixed;inset:0;pointer-events:none}#tea-world{z-index:0;background:linear-gradient(90deg,#173b2ccc,#173b2c18),url('assets/tea/liuyuan-garden.webp') center/cover}#tea-world canvas{display:block;width:100%;height:100%}.scene-wash{z-index:1;background:var(--cream);opacity:0;transition:opacity .75s}.paper-grain{z-index:30;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23737160' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
#loading-screen{position:fixed;inset:0;z-index:100;background:#243e2c;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .7s,visibility .7s}#loading-screen.loaded{opacity:0;visibility:hidden}.loading-leaf{font-family:var(--serif);font-size:64px;line-height:1;padding:24px;border:1px solid #c6ae7060;border-radius:50% 50% 50% 5%;color:var(--gold);margin-bottom:35px;animation:breathe 2s ease-in-out infinite}#loading-screen p{font-size:12px;letter-spacing:4px}#loading-screen small{font-size:8px;letter-spacing:3px;margin-top:15px;opacity:.5}@keyframes breathe{50%{opacity:.4;transform:translateY(-8px)}}
.site-head{position:fixed;z-index:35;top:0;left:0;right:0;padding:30px 3.6%;display:flex;align-items:center;justify-content:space-between;transition:transform .5s,color .5s;color:var(--cream)}.site-head.ink{color:var(--ink)}.site-head.hide{transform:translateY(-120%)}.site-head:focus-within{transform:none}.edition-label{font-size:9px;letter-spacing:3px}.brand{position:absolute;left:50%;top:25px;transform:translateX(-50%);text-align:center;white-space:nowrap}.brand>span{font-family:var(--serif);font-size:27px;letter-spacing:5px}.brand small{display:block;font-size:6px;letter-spacing:2px;margin-top:7px}#sound-toggle{display:flex;gap:9px;align-items:center;border:0;border-bottom:1px solid currentColor;padding:0 0 10px;background:none;font-size:9px;letter-spacing:1px}#sound-state{font-size:8px;opacity:.65}.sound-bars{display:flex;gap:3px;align-items:center;height:13px}.sound-bars i{width:1px;height:7px;background:currentColor}.sound-bars i:nth-child(2){height:13px}.sound-bars i:nth-child(3){height:10px}.sound-on .sound-bars i{animation:bars .7s ease-in-out infinite alternate}.sound-on .sound-bars i:nth-child(2){animation-delay:-.3s}.sound-on .sound-bars i:nth-child(3){animation-delay:-.5s}@keyframes bars{to{transform:scaleY(.35)}}
main{position:relative;z-index:2}.chapter{position:relative}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.8px;line-height:1.8}.hero{height:100svh;min-height:720px}.hero-inner{height:100%;position:relative;overflow:hidden;background:linear-gradient(90deg,#0a251b50,transparent 58%)}.hero-kicker{position:absolute;left:8%;top:24%;font-size:9px;letter-spacing:4px}.hero h1{position:absolute;left:8%;top:30%;font-size:clamp(85px,9.5vw,172px);line-height:1.22;letter-spacing:8px}.hero h1>span{display:block}.hero h1>span:nth-child(2){margin-left:13vw}.hero h1 i{font-style:normal;color:var(--gold);font-size:.55em;vertical-align:middle}.hero-description{position:absolute;bottom:17%;right:8%;max-width:320px;text-shadow:0 2px 24px #12301d}.hero-description p{font-family:var(--serif);font-size:21px;line-height:1.6;letter-spacing:3px}.hero-description>span{display:block;font-size:10px;line-height:2.1;opacity:.75;margin-top:20px;letter-spacing:1px}.hero-serial{position:absolute;left:8%;top:65%;font-size:8px;line-height:2.2;letter-spacing:2px;opacity:.7}.hero-foot{position:absolute;bottom:5%;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between}.hero-foot>span{font-size:6px;letter-spacing:2px;opacity:.65}.scroll-sign{display:flex;align-items:center;gap:13px}.scroll-sign>span{width:16px;height:29px;border:1px solid #eeeadd80;border-radius:15px;position:relative}.scroll-sign>span:before{content:"";position:absolute;left:6px;top:6px;width:2px;height:5px;background:var(--cream);animation:scroll 1.7s infinite}@keyframes scroll{70%{transform:translateY(9px);opacity:0}71%{transform:none;opacity:0}}.scroll-sign p{font-size:9px;letter-spacing:1px}.scroll-sign small{display:block;font-size:6px;letter-spacing:2px;opacity:.7}
.paper{color:var(--ink)}.paper h2 em{color:#7d8c56}.section-label{display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:2px}.section-label>span:last-child{font-size:8px;opacity:.5}.origin{padding:17svh 8% 0;min-height:165svh}.origin-copy{margin-left:43%;margin-top:8svh}.origin-copy h2{font-size:clamp(36px,4.6vw,76px);line-height:1.65;letter-spacing:3px}.origin-copy>p{font-size:12px;line-height:2.5;margin-top:35px;opacity:.8}.photo{position:relative}.photo button{display:block;width:100%;height:100%;border:0;padding:0;position:relative;overflow:hidden;background:#6d7e54}.photo img{transition:transform 1s}.photo button:hover img{transform:scale(1.035)}figcaption{font-size:8px;letter-spacing:.8px;line-height:2;margin-top:13px;opacity:.65}.photo-open{position:absolute;bottom:14px;right:14px;padding:9px 12px;background:#f0ebdce8;color:var(--ink);font-size:9px;letter-spacing:1px;opacity:0;transform:translateY(6px);transition:.3s}.photo-trigger:hover .photo-open,.photo-trigger:focus-visible .photo-open{opacity:1;transform:none}.origin-photo{width:39%;height:55svh;margin-top:-13svh}.origin-year{margin-top:10svh;display:flex;align-items:center;gap:30px}.origin-year>span{font-family:Georgia,serif;font-size:clamp(65px,7.5vw,120px);font-weight:400;color:#8b9667}.origin-year p{font-size:10px;letter-spacing:1px;line-height:2}.origin-year small{display:block;font-size:8px;letter-spacing:.5px;opacity:.6;margin-top:6px}.origin-companion{position:absolute;width:28%;height:37svh;right:13%;top:98svh}.origin-note{position:absolute;left:51%;bottom:9svh;font-family:var(--serif);font-size:22px;line-height:1.9;letter-spacing:2px}.origin-note>span{float:left;font-size:47px;line-height:1.5;margin-right:24px;color:#8e9c70}
.album{height:520svh}.album-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:#1636297a}.album-heading{position:absolute;left:8%;top:23%;width:27%;z-index:2}.album-heading h2{font-size:clamp(36px,4.1vw,69px);line-height:1.65;margin:26px 0}.album-heading>p:not(.eyebrow){font-size:12px;line-height:2.4;opacity:.8}.track-invite{display:block;margin-top:35px;font-size:9px;letter-spacing:1px;opacity:.7}.album-viewport{position:absolute;left:39%;right:0;top:19%;bottom:17%;overflow:hidden}#album-track{display:flex;gap:4vw;height:100%;align-items:flex-start;will-change:transform;padding-right:8vw}.album-panel{border:0;padding:0;flex:0 0 31vw;width:31vw;background:none;color:inherit;text-align:left;position:relative}.album-panel.wide{flex-basis:43vw;width:43vw}.album-panel>img{height:48svh;object-fit:cover}.album-panel.low{padding-top:10svh}.album-panel.low>img{height:37svh}.album-panel>div{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-top:24px}.album-panel h3{font-size:clamp(17px,1.65vw,28px);line-height:1.5;letter-spacing:1px}.album-panel>div p{font-size:7px;line-height:1.8;letter-spacing:.5px;opacity:.6;max-width:32%}.album-panel .photo-open{bottom:auto;top:15px}.album-panel.low .photo-open{top:calc(10svh + 15px)}.album-progress{position:absolute;left:39%;right:6%;bottom:10%;display:flex;gap:24px;align-items:center;font-size:8px;letter-spacing:1px}.album-progress>i{height:1px;background:#eeeadd35;flex:1}.album-progress b{display:block;width:0;height:1px;background:var(--gold)}.album-progress>span:last-child{opacity:.6;font-size:7px}
.craft{padding:17svh 8% 0}.craft-layout{display:grid;grid-template-columns:43% 46%;gap:11%;align-items:start}.craft-photo{height:70svh;margin-top:4svh}.craft-photo img{object-position:60% center}.craft-copy h2{font-size:clamp(35px,4.1vw,64px);line-height:1.6;margin:25px 0}.craft-copy>p:not(.eyebrow){font-size:12px;line-height:2.5;opacity:.8}.craft-tabs{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #29403230;margin-top:42px}.craft-tabs button{border:0;background:none;padding:14px 5px;font-size:11px;letter-spacing:1px;position:relative;opacity:.5}.craft-tabs button[aria-selected=true]{opacity:1}.craft-tabs button[aria-selected=true]:after{content:"";height:2px;background:#7d8c56;position:absolute;bottom:-1px;left:0;right:0}#step-panel{padding-top:26px;min-height:177px}#step-number{font-size:8px;letter-spacing:2px;opacity:.55}#step-title{font-size:24px;margin:12px 0}#step-copy{font-size:11px;line-height:2.2;max-width:360px}.craft-footnote{font-size:8px;line-height:2;display:block;opacity:.55;margin-top:10px}.botanical-stage{height:95svh;min-height:600px;position:relative;margin-top:10svh}.botanical-copy{position:absolute;left:0;top:22%;max-width:300px}.botanical-copy h3{font-size:clamp(32px,3.7vw,58px);line-height:1.6;margin:22px 0}.botanical-copy>p:not(.eyebrow){font-size:11px;line-height:2.3;opacity:.7}.model-parts{display:flex;gap:10px;margin-top:28px}.model-parts button{border:1px solid #29403240;border-radius:30px;padding:10px 15px;background:#eeeadd66;font-size:10px}.model-parts button:hover{background:var(--ink);color:var(--cream)}#model-drag{position:absolute;right:0;top:5%;width:63%;height:75%;cursor:grab;touch-action:pan-y}#model-drag:active{cursor:grabbing}#model-drag>span{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:9px;letter-spacing:2px;white-space:nowrap;opacity:.6}#reset-model{position:absolute;right:5%;bottom:-8px;border:0;background:none;border-bottom:1px solid #29403260;padding:8px 0;font-size:10px}#model-detail{position:absolute;right:4%;bottom:8%;width:340px;background:#ede9dced;padding:26px 30px;border:1px solid #29403230;backdrop-filter:blur(15px);z-index:3}#model-detail small{font-size:7px;letter-spacing:1.6px;opacity:.5}#model-detail h4{font-size:25px;margin:14px 0}#model-detail p{font-size:11px;line-height:2.2}#close-detail{position:absolute;right:12px;top:8px;background:none;border:0;font-size:22px}
.brew{min-height:155svh;padding:17svh 8% 12svh;background:linear-gradient(90deg,#102d234d,transparent 70%)}.brew-heading h2{font-size:clamp(37px,4.8vw,76px);line-height:1.6;margin:24px 0}.brew-heading>p:not(.eyebrow){font-size:12px;opacity:.8;line-height:2.3}.brew-layout{display:grid;grid-template-columns:43% 50%;gap:7%;margin-top:10svh}.brew-controls{border-top:1px solid #eeeadd50;padding-top:22px}.brew-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.brew-topline>span{font-family:var(--serif);font-size:20px;letter-spacing:1px}.brew-topline button{border:0;background:none;font-size:8px;opacity:.6;padding:8px}.brew-controls label{display:flex;align-items:center;justify-content:space-between;margin-top:25px}.brew-controls label>span{font-size:11px;letter-spacing:2px}.brew-controls label small{display:inline-block;font-size:6px;letter-spacing:1px;opacity:.55;margin-left:12px}.brew-controls output{font-family:Georgia,var(--serif);font-size:23px;color:#e4d7a2;min-width:80px;text-align:right}.brew-controls input[type=range]{appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#b4be82 var(--range,50%),#eeeadd35 var(--range,50%));height:2px;width:100%;margin:23px 0 5px;cursor:pointer}.brew-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#d8d7b3;border:2px solid #304a34;outline:1px solid #d8d7b3}.brew-controls input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#d8d7b3;border:0}.brew-result{display:flex;gap:18px;align-items:flex-start;border-top:1px solid #eeeadd30;padding-top:27px;margin-top:29px}.tea-dot{flex-shrink:0;width:28px;height:28px;background:#b9b85a;border-radius:50%;box-shadow:inset -6px -4px 9px #46492e50,0 0 0 5px #eeeadd12;margin-top:4px;transition:background 1s}.brew-result h3{font-size:21px;line-height:1.6}.brew-result p{font-size:10px;line-height:2.2;opacity:.7;margin-top:10px;max-width:340px}.brew-buttons{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px}.line-button{display:inline-flex;align-items:center;gap:45px;border:0;border-bottom:1px solid currentColor;background:none;padding:13px 0;font-size:12px;letter-spacing:2px;transition:gap .3s}.line-button>span{font-size:23px;line-height:1}.line-button:hover{gap:60px}#save-recipe{border:0;background:none;font-size:9px;opacity:.7;padding:12px 0}.brew-note{font-size:8px;opacity:.5;line-height:2.1;margin-top:24px;max-width:390px}.tea-set-space{position:relative;min-height:530px}.tea-set-label{display:block;text-align:center;font-family:var(--serif);font-size:17px;letter-spacing:4px;opacity:.7}.tea-set-label small{font-family:var(--sans);font-size:6px;letter-spacing:2px;display:block;margin-top:13px}#brew-timer{position:absolute;bottom:12%;left:0;right:0;text-align:center;font-family:var(--serif);font-size:20px;letter-spacing:3px}#cancel-brew{position:absolute;bottom:3%;left:50%;transform:translateX(-50%);border:0;border-bottom:1px solid currentColor;background:none;padding:9px 0;font-size:9px;opacity:.7}
.life{padding:17svh 8% 16svh;min-height:190svh}.life-heading{margin-left:42%}.life-heading h2{font-size:clamp(35px,4.2vw,67px);line-height:1.6;margin:24px 0}.life-heading>p:not(.eyebrow){font-size:12px;line-height:2.4;opacity:.8}.life-photos{position:relative;min-height:94svh;margin-top:10svh}.life-main{width:41%;height:73svh;margin-top:-12svh}.life-main img{object-position:59% center}.life-side{position:absolute;right:0;top:19svh;width:42%;height:43svh}.life-quote{position:absolute;left:3%;bottom:0;font-family:var(--serif);font-size:25px;line-height:1.9;letter-spacing:2px}.life-quote span{display:block;font-family:var(--sans);font-size:7px;letter-spacing:2px;opacity:.5;margin-top:20px}.tea-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;margin:12svh 0 0 19%}.tea-notes article{border-top:1px solid #29403240;padding-top:24px}.tea-notes article>span{font-size:8px;letter-spacing:1px;opacity:.55}.tea-notes h3{font-size:24px;line-height:1.6;margin:20px 0}.tea-notes p{font-size:11px;line-height:2.4;opacity:.75;max-width:260px}
.play{height:110svh;min-height:720px;padding:20svh 8% 0}.play-copy{max-width:500px}.play h2{font-size:clamp(36px,4.5vw,72px);line-height:1.6;margin:24px 0}.play-copy>p:not(.eyebrow){font-size:12px;line-height:2.5;opacity:.8}.tea-colors{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:29px 0}.tea-colors i{height:15px;width:15px;border-radius:50%;background:#b4c88a}.tea-colors i:nth-child(2){background:#526e4a}.tea-colors i:nth-child(3){background:#cfb961}.tea-colors i:nth-child(4){background:#947254}.tea-colors i:nth-child(5){background:#eeeadd;border:1px solid #29403230}.tea-colors>span{width:100%;font-size:7px;letter-spacing:1px;opacity:.5;margin-top:4px}.game-guide{display:block;font-size:8px;letter-spacing:.5px;line-height:2;margin-top:20px;opacity:.6}.play-mark{position:absolute;right:10%;top:20%;display:grid;grid-template-columns:1fr 1fr;gap:15px;font-family:var(--serif);font-size:clamp(65px,8vw,130px);color:#94a272;opacity:.32;transform:rotate(-6deg)}.play-mark>span{padding:10px;border:1px solid #7e8e5650;line-height:1.2}.play-mark>span:nth-child(2n){transform:translateY(40px)}
.ending{height:120svh;min-height:800px;display:flex;align-items:center;justify-content:center;text-align:center;padding-bottom:15svh;background:linear-gradient(#132e2240,#0d291e80)}.ending-copy h2{font-size:clamp(53px,6.5vw,100px);line-height:1.6;margin:25px 0}.ending-copy>p:not(.eyebrow){font-size:12px;letter-spacing:2px;line-height:2.3;opacity:.85;margin-bottom:35px}.ending-copy .line-button{font-size:11px}footer{position:absolute;bottom:8svh;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:30px;text-align:left}footer>span{font-family:var(--serif);font-size:21px;letter-spacing:2px}footer>p{font-size:8px;line-height:2.1;letter-spacing:1px;opacity:.55}footer>a{font-size:8px;letter-spacing:1px;opacity:.7}
.journey-indicator{position:fixed;right:22px;top:39%;z-index:25;display:flex;align-items:center;flex-direction:column;gap:20px;transition:color .5s}.journey-indicator.ink{color:var(--ink)}#journey-label{writing-mode:vertical-rl;font-size:8px;letter-spacing:2px}.journey-dots{display:flex;flex-direction:column;gap:13px}.journey-dots a{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.25;position:relative}.journey-dots a:before{content:"";position:absolute;inset:-6px}.journey-dots a.active{opacity:1;outline:1px solid currentColor;outline-offset:4px}#journey-percent{font-size:8px}
.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s,transform 1s cubic-bezier(.22,.61,.36,1)}.reveal.visible{opacity:1;transform:none}.skip-link{position:fixed;left:20px;top:-100px;z-index:110;padding:14px 20px;color:var(--ink);background:var(--cream)}.skip-link:focus{top:15px}.reading{position:fixed;inset:0;z-index:60;overflow:auto;background:var(--cream);color:var(--ink);padding:10svh 12%}.reading h2{font-size:36px;margin:45px 0 30px}.reading p{max-width:800px;font-size:14px;line-height:2.5;margin-bottom:24px}.reading>button{background:none;border:0;border-bottom:1px solid currentColor;padding:12px 0}.reading>a{display:inline-block;margin:20px 0;font-size:12px;border-bottom:1px solid currentColor}
dialog{border:0;background:var(--cream);color:var(--ink);margin:auto;max-height:92svh;width:min(1020px,94vw);overflow:auto;padding:40px}dialog::backdrop{background:#0b261de0;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:12px;top:8px;font-size:28px;width:35px;height:35px;border:0;background:none;z-index:5}#photo-dialog[open]{display:grid;grid-template-columns:1.35fr 1fr;gap:35px;align-items:center}#detail-image{height:auto;max-height:73svh;object-fit:contain}.photo-dialog-copy h2{font-size:28px;line-height:1.6;margin:20px 0}.photo-dialog-copy>p:not(.eyebrow){font-size:12px;line-height:2.4}.photo-dialog-copy small{display:block;font-size:9px;line-height:2;opacity:.65;margin-top:24px}.photo-dialog-copy>a{display:inline-block;font-size:9px;border-bottom:1px solid #29403240;padding-bottom:5px;margin-top:14px}.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #29403230;margin-top:30px;padding-top:18px}.viewer-controls button{border:0;background:none;font-size:10px;padding:9px 0}.viewer-controls span{font-size:9px;opacity:.5}
.game-header{display:flex;justify-content:space-between;align-items:center;margin:0 25px 25px 0}.game-header h2{font-size:30px;margin-top:8px}.game-header .eyebrow{font-size:7px;letter-spacing:2px}.game-stats{display:flex;gap:25px;font-size:10px}.game-stats b{font-size:30px;font-family:Georgia,serif;margin-left:7px}.game-canvas-wrap{height:min(47svh,410px);min-height:235px;position:relative;overflow:hidden}.game-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:#eeeaddf0}.game-overlay h3{font-size:28px;line-height:1.6}.game-overlay p{font-size:12px;line-height:2.2;margin:20px 0}.pill-button{border:0;border-radius:40px;background:#46633e;color:var(--cream);padding:16px 25px;font-size:12px;letter-spacing:1px}.pill-button:hover{background:#294032}.game-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:10px;gap:15px}#pause-game{background:none;border:1px solid #29403250;padding:8px 18px;font-size:10px}.game-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.game-actions small{font-size:8px;opacity:.6}#toast{position:fixed;z-index:120;bottom:35px;left:50%;transform:translate(-50%,20px);background:#eeeadd;color:var(--ink);padding:15px 25px;font-size:11px;letter-spacing:1px;opacity:0;pointer-events:none;transition:.3s;max-width:85vw;text-align:center;box-shadow:0 10px 30px #12251a33}#toast.visible{opacity:1;transform:translate(-50%,0)}.no-webgl #model-drag{background:url('assets/tea/housun-spring.webp') center/cover;max-height:55svh}.no-webgl #model-drag>span{background:var(--cream);padding:10px;bottom:10px}.no-webgl #tea-world{background:linear-gradient(90deg,#163d2ce0,#163d2c60),url('assets/tea/liuyuan-garden.webp') center/cover}.no-webgl .tea-set-space{background:url('assets/tea/tea-ceremony.webp') center/contain no-repeat}
@media(min-width:1700px){.hero-description p{font-size:26px}.origin-copy>p,.craft-copy>p:not(.eyebrow),.life-heading>p:not(.eyebrow),.play-copy>p:not(.eyebrow){font-size:14px}}
@media(max-width:1100px){.hero h1{font-size:10.5vw}.hero-description{right:7%;max-width:260px}.origin-copy{margin-left:40%}.origin-copy>p{font-size:11px}.origin-photo{width:36%}.origin-year{gap:18px}.origin-year p{font-size:9px}.craft-layout{grid-template-columns:42% 50%;gap:8%}.craft-copy h2{font-size:4.5vw}.craft-tabs{margin-top:25px}.album-heading{width:29%;left:7%}.album-heading h2{font-size:4.2vw}.album-heading>p:not(.eyebrow){font-size:10px}.album-panel>div{display:block}.album-panel>div p{margin-top:8px;max-width:none}.brew-layout{grid-template-columns:47% 48%;gap:5%}.brew-topline>span{font-size:18px}.brew-topline button{font-size:7px}.brew-controls label small{display:block;margin:4px 0 0}.brew-result h3{font-size:18px}.botanical-copy{max-width:250px}.model-parts{gap:7px}.model-parts button{padding:9px 12px}.tea-notes{margin-left:8%;gap:5%}.tea-notes h3{font-size:21px}footer>span{font-size:18px}footer>p{font-size:7px}}
@media(max-width:700px){
  .site-head{padding:23px 6%}.edition-label{font-size:7px;line-height:1.8;letter-spacing:1px;max-width:65px}.brand{top:20px}.brand>span{font-size:23px;letter-spacing:3px}.brand small{font-size:5px;letter-spacing:.7px;margin-top:6px}#sound-toggle{font-size:8px;gap:5px;padding-bottom:7px}#sound-state{font-size:6px}.sound-bars{gap:2px}.eyebrow{font-size:7px;letter-spacing:1.7px}.hero{height:110svh;min-height:700px}.hero-kicker{top:19%;left:8%;font-size:6px;letter-spacing:2px}.hero h1{top:24%;left:8%;font-size:20vw;letter-spacing:4px;line-height:1.22}.hero h1>span:nth-child(2){margin-left:12vw}.hero-serial{top:66%;font-size:6px;letter-spacing:1px;line-height:2}.hero-description{right:10%;bottom:13%;max-width:218px}.hero-description p{font-size:17px;letter-spacing:1px}.hero-description>span{font-size:8px;line-height:2;margin-top:12px;max-width:200px}.hero-foot{left:8%;right:8%;bottom:5%}.hero-foot>span{display:none}.scroll-sign p{font-size:8px}.scroll-sign small{font-size:5px;letter-spacing:1.4px}.journey-indicator{right:11px;top:40%;gap:17px}#journey-label{font-size:7px;letter-spacing:1px}.journey-dots{gap:13px}.journey-dots a{width:4px;height:4px}#journey-percent{font-size:7px}
  .origin{padding:15svh 8% 0;min-height:190svh}.section-label{font-size:8px;letter-spacing:1px;gap:15px}.section-label>span:last-child{font-size:6px}.origin-copy{margin:8svh 0 0}.origin-copy h2{font-size:9vw;line-height:1.7;letter-spacing:1px}.origin-copy>p{font-size:11px;line-height:2.4;margin-top:25px;max-width:310px}.desktop-br{display:none}.origin-photo{width:69%;height:40svh;margin-top:9svh}.origin-year{margin-top:8svh;gap:16px;align-items:flex-start}.origin-year>span{font-size:65px}.origin-year p{font-size:8px;margin-top:8px;letter-spacing:0;line-height:2}.origin-year small{font-size:7px;max-width:120px}.origin-companion{width:31%;height:29svh;right:7%;top:116svh}.origin-note{left:32%;bottom:8svh;font-size:20px}.origin-note>span{font-size:40px;margin-right:17px}figcaption{font-size:7px;line-height:1.8;letter-spacing:.3px}.photo-open{opacity:1;transform:none;font-size:8px;padding:7px 9px;right:10px;bottom:10px}
  .album{height:520svh}.album-heading{left:8%;top:13%;width:83%}.album-heading h2{font-size:9vw;line-height:1.5;margin:18px 0}.album-heading>p:not(.eyebrow){font-size:10px;line-height:2.1}.track-invite{font-size:8px;margin-top:19px}.album-viewport{left:8%;right:0;top:46%;bottom:14%}#album-track{gap:26px;padding-right:8vw}.album-panel{flex-basis:70vw;width:70vw}.album-panel.wide{flex-basis:83vw;width:83vw}.album-panel>img{height:28svh}.album-panel.low{padding-top:4svh}.album-panel.low>img{height:24svh}.album-panel>div{display:block;margin-top:17px}.album-panel h3{font-size:18px;letter-spacing:.5px}.album-panel>div p{font-size:7px;margin-top:8px;max-width:none}.album-panel .photo-open{top:10px}.album-panel.low .photo-open{top:calc(4svh + 10px)}.album-progress{left:8%;right:9%;bottom:7%;font-size:7px;gap:12px}.album-progress>span:last-child{font-size:6px;max-width:130px;line-height:1.8}
  .craft{padding:15svh 8% 0}.craft-layout{display:flex;flex-direction:column-reverse;gap:8svh}.craft-copy h2{font-size:9vw;margin:20px 0 23px}.craft-copy>p:not(.eyebrow){font-size:11px;line-height:2.4}.craft-tabs{margin-top:30px}.craft-tabs button{font-size:10px;padding:13px 5px}#step-panel{padding-top:22px;min-height:165px}#step-title{font-size:23px;margin:13px 0}#step-copy{font-size:11px;line-height:2.2}.craft-footnote{font-size:7px;line-height:2}.craft-photo{height:44svh;width:90%;margin:0}.botanical-stage{height:112svh;min-height:780px;margin-top:10svh}.botanical-copy{left:0;top:7%;max-width:none}.botanical-copy h3{font-size:9vw;line-height:1.6;margin:20px 0}.botanical-copy>p:not(.eyebrow){font-size:10px}.model-parts{margin-top:20px}.model-parts button{font-size:9px;padding:9px 14px}#model-drag{top:47%;height:41%;width:100%;right:0}#model-drag>span{font-size:8px;letter-spacing:1px}#reset-model{font-size:8px;right:0;bottom:-7px}#model-detail{bottom:10%;right:0;width:100%;padding:22px;z-index:4}#model-detail h4{font-size:23px}#model-detail p{font-size:10px}
  .brew{padding:15svh 8% 9svh;min-height:200svh}.brew-heading h2{font-size:9.6vw;margin:23px 0}.brew-heading>p:not(.eyebrow){font-size:11px}.brew-layout{display:flex;flex-direction:column;gap:0;margin-top:8svh}.brew-topline{margin-bottom:25px}.brew-topline>span{font-size:20px}.brew-topline button{font-size:8px;padding:5px 0}.brew-controls label{margin-top:24px}.brew-controls label>span{font-size:11px}.brew-controls label small{display:inline-block;margin:0 0 0 10px;font-size:5px}.brew-controls output{font-size:22px;min-width:65px}.brew-controls input[type=range]{margin-top:21px}.brew-result{margin-top:28px;padding-top:24px;gap:15px}.brew-result h3{font-size:20px}.brew-result p{font-size:10px}.tea-dot{width:22px;height:22px}.brew-buttons{gap:15px;margin-top:20px}.line-button{font-size:11px;gap:30px}.line-button>span{font-size:21px}#save-recipe{font-size:9px}.brew-note{font-size:7px;line-height:2.2;margin-top:20px}.tea-set-space{min-height:51svh;margin-top:6svh}.tea-set-label{font-size:15px;letter-spacing:3px}.tea-set-label small{font-size:6px}.tea-set-space #brew-timer{bottom:4%;font-size:17px}#cancel-brew{bottom:-8%;font-size:8px}
  .life{padding:15svh 8% 13svh;min-height:220svh}.life-heading{margin-left:0}.life-heading h2{font-size:9vw;margin:23px 0}.life-heading>p:not(.eyebrow){font-size:11px;line-height:2.4}.life-photos{margin-top:9svh;min-height:112svh}.life-main{width:70%;height:52svh;margin-top:0}.life-side{top:49svh;width:69%;height:30svh;right:0}.life-quote{left:2%;bottom:3svh;font-size:22px;line-height:1.9;letter-spacing:1px}.life-quote span{font-size:6px;letter-spacing:1px;margin-top:15px}.tea-notes{display:block;margin:7svh 0 0}.tea-notes article{padding-top:20px;margin-top:30px;display:grid;grid-template-columns:43% 1fr;gap:8px 13px}.tea-notes article>span{font-size:7px;grid-column:1}.tea-notes h3{font-size:20px;line-height:1.7;margin:0;grid-column:1}.tea-notes p{font-size:10px;line-height:2.2;grid-column:2;grid-row:1/3;align-self:center;max-width:none}
  .play{height:115svh;min-height:760px;padding:15svh 8% 0}.play h2{font-size:9.8vw;margin:22px 0}.play-copy{max-width:94%}.play-copy>p:not(.eyebrow){font-size:11px;line-height:2.4}.tea-colors{gap:10px;margin:26px 0}.tea-colors i{width:13px;height:13px}.tea-colors>span{font-size:6px;letter-spacing:.5px}.game-guide{font-size:7px}.play-mark{top:auto;bottom:10%;right:11%;font-size:41px;gap:7px;opacity:.2;transform:rotate(-8deg)}.play-mark>span{padding:6px}.play-mark>span:nth-child(2n){transform:translateY(15px)}
  .ending{height:125svh;min-height:850px;padding-bottom:24svh}.ending-copy{padding:0 8%}.ending-copy h2{font-size:12vw;line-height:1.65;margin:25px 0}.ending-copy>p:not(.eyebrow){font-size:10px;letter-spacing:1px;line-height:2.4;margin-bottom:25px}.ending-copy .eyebrow{font-size:6px}.ending-copy .line-button{font-size:10px}footer{left:8%;right:8%;bottom:8svh;flex-direction:column;text-align:center;gap:17px}footer>span{font-size:20px;letter-spacing:2px}footer>p{font-size:7px;line-height:2}footer>a{font-size:7px}
  dialog{padding:35px 17px 22px;max-height:94svh}#photo-dialog[open]{display:block;padding:40px 22px 25px}#detail-image{max-height:43svh}.photo-dialog-copy .eyebrow{font-size:6px;margin-top:25px}.photo-dialog-copy h2{font-size:24px;margin:13px 0}.photo-dialog-copy>p:not(.eyebrow){font-size:11px}.photo-dialog-copy small{font-size:8px;margin-top:16px}.photo-dialog-copy>a{font-size:8px;margin-top:9px}.viewer-controls{margin-top:20px;padding-top:12px}.viewer-controls button{font-size:10px}.viewer-controls span{font-size:8px}.game-header{margin:0 15px 20px 0}.game-header h2{font-size:24px}.game-header .eyebrow{font-size:5px;letter-spacing:1px}.game-stats{gap:12px;font-size:8px}.game-stats b{font-size:23px;margin-left:4px}.game-overlay{padding:15px}.game-overlay h3{font-size:22px}.game-overlay p{font-size:10px;line-height:2.3}.pill-button{font-size:10px;padding:14px 20px}.game-bottom{font-size:8px;gap:10px}#pause-game{font-size:9px;padding:7px 13px;white-space:nowrap}.game-actions{margin-top:20px;flex-wrap:wrap;gap:14px}.game-actions small{font-size:7px}.reading{padding:12svh 8%}.reading h2{font-size:27px}.reading p{font-size:12px}.reading>button{font-size:11px}#toast{font-size:10px;padding:13px 18px;bottom:25px}
}
#hero-plant-space{position:absolute;right:10%;top:35%;width:64%;height:35%;pointer-events:none}
#model-drag{user-select:none;-webkit-user-select:none}
.origin,.life,.play{background:var(--cream)}
.craft{background:linear-gradient(var(--cream) 0 88svh,transparent 110svh)}
.brew{background:linear-gradient(90deg,#173a2bf5,#203f2a66 56%,#203f2a18)}
@media(max-width:700px){.origin-year{flex-direction:column;gap:4px;width:57%}.origin-year p{margin-top:0;max-width:180px}.origin-year small{max-width:180px}.life-side{top:60svh}.life-photos{min-height:125svh}}
@media(max-width:700px){.edition-label{max-width:72px;font-size:6px;letter-spacing:.6px}.hero-description{bottom:14%}.origin-companion{top:119svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.photo button:hover img{transform:none}}