*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif;font-weight:500}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:5px}header{padding:28px 4vw;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:5}header>a:last-child{font-size:12px;border-bottom:1px solid;padding-bottom:7px}.wordmark{font-family:Georgia,'Yu Mincho',serif;font-size:26px;letter-spacing:.12em}.wordmark span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.17em;margin-top:8px}.edition,.eyebrow{font-size:10px;letter-spacing:.15em}.eyebrow{margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font-weight:500;letter-spacing:-.035em;line-height:1.45}.intro{font-size:14px;line-height:2.2}.primary{padding:18px 22px;border:0;display:flex;align-items:center;justify-content:space-between;gap:36px;font-size:13px;min-height:52px}.micro{font-size:10px;line-height:1.8;opacity:.65;margin-top:16px}.viewport{position:relative;min-width:0;overflow:hidden}.viewport canvas{display:block;width:100%;height:100%;touch-action:pan-y}.loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;width:80%;text-align:center}.loading.error{background:#fff8;padding:20px}.view-tools button,.reset{background:none;border:0;border-bottom:1px solid #b2b6a6;padding:12px 8px;min-height:44px;font-size:11px}footer{padding:26px 4vw;border-top:1px solid #8884;display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.8}footer>a{min-height:44px;display:flex;align-items:center}dialog{border:1px solid #aaa;padding:48px;max-width:min(550px,90vw);background:#f2f0e7;color:#273d34}dialog::backdrop{background:#15272099;backdrop-filter:blur(6px)}dialog p{font-size:14px;line-height:1.9}.close{position:absolute;right:12px;top:6px;padding:12px;border:0;background:none;font-size:25px}.close-action{margin-top:25px}body.chair{background:#f0efe9;color:#283c35}.chair-layout{display:grid;grid-template-columns:.84fr 1.4fr;min-height:680px;max-width:1700px;margin:auto}.chair-story{padding:80px 6vw 70px}.chair-story h1{font-size:clamp(32px,3.3vw,55px);margin-bottom:28px}.chair .primary{background:#293e34;color:#f4f1e8;width:100%}.chair-stage{background:#e4e5df;position:relative;min-height:620px;margin:0 3vw 35px 0}.chair-stage .viewport{height:100%;min-height:520px;position:absolute;inset:0}.object-label{position:absolute;top:30px;left:30px;right:30px;z-index:1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;pointer-events:none}.view-tools{position:absolute;bottom:66px;display:flex;justify-content:center;gap:18px;left:0;right:0}.view-tools button.active{border-bottom-color:#283c35}.gesture{position:absolute;bottom:16px;width:100%;text-align:center;font-size:9px;letter-spacing:.1em}.gesture span{margin-left:15px;font-size:9px;opacity:.6}.control-label{display:flex;justify-content:space-between;font-size:11px}.material-picker{margin:45px 0 28px}.swatches{display:flex;gap:17px}.swatch{width:32px;height:32px;border:4px solid #f0efe9;background:var(--swatch);outline:1px solid transparent;border-radius:50%;padding:0}.swatch.active{outline-color:#293e34}.chair-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6vw;padding:90px 7vw;border-top:1px solid #bdc1b6}.chair-details h2{font-size:32px;line-height:1.6;font-weight:400}.chair-details article>span{font-size:10px;letter-spacing:.1em}.chair-details h3{font-size:16px;margin-top:30px}.chair-details p{font-size:13px;line-height:2.2}.chocolate{background:#21100d;color:#eecf9c}.chocolate header{border-bottom:1px solid #dec19330}.choc-hero{height:720px;max-height:85vh;min-height:530px;position:relative;overflow:hidden}.choc-hero .viewport{position:absolute;inset:0}.choc-type{position:absolute;z-index:1;left:7vw;top:55px;pointer-events:none}.choc-type h1{font-family:'Yu Mincho',Georgia,serif;font-size:clamp(48px,6.6vw,96px);line-height:1.17;letter-spacing:.05em;margin-bottom:25px}.choc-type h1 em{font-style:normal;color:#d67a52}.choc-type>p:last-child{font-size:12px;line-height:2;letter-spacing:.1em}.choc-seal{position:absolute;right:6vw;top:58px;font:10px Georgia,serif;letter-spacing:.1em;border:1px solid #c8a87c70;border-radius:50%;width:110px;height:110px;text-align:center;padding:19px}.choc-seal strong{display:block;font-size:43px;font-weight:400;line-height:1}.choc-seal span{font-size:10px}.choc-caption{position:absolute;bottom:40px;right:7vw;text-align:right}.choc-caption span{font-size:10px;letter-spacing:.14em}.choc-caption p{font-family:'Yu Mincho',serif;font-size:25px;margin:12px 0 0}.process-desk{padding:65px 7vw;background:#e6ccaa;color:#372119;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.process-desk h2{font-family:'Yu Mincho',serif;font-size:32px;font-weight:400;line-height:1.6}.process-desk p{font-size:12px;line-height:2;max-width:32em}.process-steps{display:flex;border-bottom:1px solid #684e37;gap:12px;margin-bottom:32px}.process-steps button{flex:1;background:transparent;padding:14px 0;border:0;color:#73533c}.process-steps button.active{border-bottom:3px solid #372119;color:#241009}.process-controls label{display:flex;justify-content:space-between;font-size:11px}.process-controls input{width:100%;accent-color:#562e1f;margin:25px 0;cursor:ew-resize}.chocolate .primary{background:#422218;color:#edd6b4}.process-actions{display:flex;gap:20px;align-items:center}.process-actions p{font-size:9px;margin:0}.choc-end{padding:95px 7vw 80px;text-align:center}.choc-end p{font-family:'Yu Mincho',serif;font-size:30px;line-height:1.9}.choc-end span{font-size:9px;letter-spacing:.18em}.tea{background:#e9eee3;color:#354c40}.tea header{border-bottom:1px solid #b7c2af}.tea .wordmark{font-size:31px}.tea-layout{max-width:1800px;position:relative;display:grid;grid-template-columns:1.1fr 1.4fr .8fr;min-height:680px;align-items:center;padding:45px 4vw;gap:2vw}.tea-title{position:relative;z-index:1}.tea-title h1{font:clamp(38px,4.5vw,68px)/1.03 Georgia,serif;letter-spacing:-.055em;margin-bottom:30px}.tea-title h1 em{font-weight:400;color:#68815d}.tea-title>p:not(.eyebrow){font:14px/1.9 Georgia,serif}.tea-number{display:block;font-size:8px;letter-spacing:.17em;margin-top:55px}.tea-stage{height:570px;position:relative;margin:0 -4vw}.tea-stage .viewport{height:100%;width:100%}.brew-caption{position:absolute;bottom:32px;left:14%;right:14%;display:flex;gap:15px;justify-content:space-between;align-items:center}.brew-caption span{font:italic 13px Georgia,serif;max-width:180px}.brew-caption time{font-size:22px;font-variant-numeric:tabular-nums}.tea-controls{position:relative;z-index:2;padding-left:20px}.tea-options button{display:block;width:100%;text-align:left;border:0;border-top:1px solid #acb9a4;background:none;padding:19px 0;font:18px Georgia,serif;color:#6b7966}.tea-options button.active{color:#263e2c}.tea-options button>span{font:9px Arial;margin-right:15px;opacity:.65}.tea-options small{display:block;font:10px Arial;margin:8px 0 0 28px;opacity:.6}.tea .primary{background:#3e5945;color:#eff1e9;width:100%;margin-top:30px}.tea .reset{font:italic 12px Georgia,serif;margin-top:8px}.tea-note{border-top:1px solid #b7c2af;display:grid;grid-template-columns:1fr 1.6fr 1fr;align-items:center;gap:4vw;padding:65px 7vw}.tea-note span{font-size:9px;letter-spacing:.1em}.tea-note p{font:38px/1.2 Georgia,serif;margin:0}.tea-note small{font:13px/1.9 Georgia,serif}.tea footer{border-color:#b7c2af}
@media(max-width:900px){.edition{display:none}.chair-layout{grid-template-columns:1fr 1.2fr}.chair-story{padding:45px 5vw}.chair-stage{margin-right:0}.tea-layout{grid-template-columns:1fr 1.3fr;padding:40px 6vw}.tea-controls{grid-column:1/-1;padding:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}.tea-controls .eyebrow,.tea-options{grid-column:1}.tea-controls .primary{grid-column:2;grid-row:2;height:55px;align-self:center}.tea-controls .reset,.tea-controls .micro{grid-column:2}.tea-stage{height:440px}.tea-note{grid-template-columns:1fr 2fr}.tea-note small{grid-column:2}.choc-seal{width:85px;height:85px;padding:12px}.choc-seal strong{font-size:32px}}
@media(max-width:600px){header{padding:20px 6vw}header>a:last-child{font-size:10px}.wordmark{font-size:22px}.wordmark span{font-size:7px}.chair-layout{display:flex;flex-direction:column}.chair-story{padding:35px 7vw 30px}.chair-story h1{font-size:37px}.chair-stage{order:-1;min-height:390px;height:390px;margin:0 4vw}.chair-stage .viewport{min-height:0}.object-label{top:20px;left:20px;right:20px;font-size:7px}.object-label span:last-child{display:none}.view-tools{bottom:47px;gap:8px}.view-tools button{font-size:10px;padding:10px}.gesture{bottom:10px;font-size:7px}.gesture span{display:none}.material-picker{margin-top:25px}.chair-details{grid-template-columns:1fr;padding:45px 7vw;gap:30px}.chair-details h2{font-size:28px}.chair-details h3{margin-top:15px}.choc-hero{height:650px;max-height:none;min-height:0}.choc-type{top:32px;left:7vw}.choc-type h1{font-size:57px}.choc-type>p:last-child{font-size:11px}.choc-seal{top:35px;right:7vw}.choc-caption{bottom:20px;right:7vw}.choc-caption p{font-size:21px}.process-desk{grid-template-columns:1fr;padding:40px 7vw;gap:25px}.process-desk h2{font-size:28px}.process-actions{flex-wrap:wrap}.choc-end{padding:65px 7vw}.choc-end p{font-size:25px}.tea-layout{display:flex;flex-direction:column;padding:38px 7vw 15px;gap:0;align-items:stretch}.tea-title h1{font-size:51px}.tea-title>p:not(.eyebrow){font-size:13px}.tea-number{display:none}.tea-stage{height:390px;margin:-30px -6vw 0}.brew-caption{bottom:20px;left:10%;right:10%}.tea-controls{display:block;padding:10px 0 25px}.tea-options button{padding:15px 0}.tea-options{display:flex;gap:12px}.tea-options button{font-size:16px;line-height:1.4}.tea-options button>span{display:block;margin-bottom:4px}.tea-options small{font-size:9px;margin:5px 0 0;line-height:1.5}.tea .primary{margin-top:18px}.tea-note{display:block;padding:40px 7vw}.tea-note p{font-size:31px;margin:25px 0}.tea footer{gap:10px}footer{flex-direction:column;padding:20px 7vw;gap:4px}dialog{padding:35px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.near-process{display:block;font-size:10px;letter-spacing:.08em;margin-bottom:20px}.near-process input{display:block;width:200px;max-width:70vw;accent-color:#eecf9c;margin:12px 0 0 auto;cursor:ew-resize}
.chair-stage .viewport{height:auto;min-height:0;inset:0 0 90px}