@font-face{font-family:Manrope;src:url('../../../open-runtime/3ae11c49db0455a3cc33e37d380f20fdb8c7f8b41dc07625c177e3d87a9d6ae6/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ivory:#f1e8d4;--muted:#baa394;--gold:#c9a675;--wine:#7e3445;--line:rgba(232,210,182,.16);color-scheme:dark;font-family:Manrope,'Microsoft Yahei',sans-serif;color:var(--ivory);background:#25110f;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}.atelier{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 68% 39%,#593039 0,#3b1d20 35%,#23120e 80%)}.light-pool{position:absolute;width:80vw;height:110vh;left:39%;top:-12%;background:radial-gradient(ellipse,rgba(163,98,77,.14),transparent 66%);animation:workshop-light 18s ease-in-out infinite alternate}.velvet-grain{position:absolute;inset:0;opacity:.09;background:repeating-linear-gradient(91deg,transparent 0 2px,#1b0c0f 3px 4px);mix-blend-mode:soft-light}.lamp-arc{position:absolute;border:1px solid rgba(203,144,93,.19);width:620px;height:920px;right:1%;top:9%;border-radius:50%;transform:rotate(29deg);box-shadow:0 0 65px rgba(227,149,81,.035),inset 0 0 30px rgba(208,139,89,.04)}.arc-two{right:4%;width:580px;opacity:.36}.masthead{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,'Times New Roman',serif;font-size:46px;letter-spacing:-3px;line-height:1}.brand-dot{font-family:Manrope;font-size:10px;letter-spacing:0;vertical-align:top;display:inline-block;margin:6px 0 0 7px}.masthead-note{font-size:11px;letter-spacing:2px;color:var(--muted);margin-left:15%}.languages{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:1px}.languages button{background:none;padding:8px 2px;color:#a68c7d}.languages button[aria-pressed=true]{color:var(--ivory)}.languages span{color:#705045}.showroom{position:relative;display:grid;grid-template-columns:30% 70%;min-height:calc(100svh - 168px);max-width:1720px;margin:0 auto;padding:0 4.7% 0 5.1%}.story{z-index:2;padding-top:59px;pointer-events:none}.collection{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1.9px;color:var(--gold)}.little-rule{width:24px;height:1px;background:var(--gold)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(54px,6.25vw,96px);letter-spacing:-4px;line-height:.96;margin:31px 0 27px}h1 span{font-size:1.10em;letter-spacing:-5px}h2{font-size:23px;letter-spacing:2px;line-height:1.6;font-weight:400;margin:0 0 18px}.intro{max-width:255px;color:var(--muted);font-size:12px;line-height:2.05;margin:0;letter-spacing:.6px}.finish{display:flex;gap:14px;align-items:center;margin-top:33px}.finish-swatch{width:32px;height:32px;border-radius:50%;background:linear-gradient(118deg,#e9dfc1 0 49%,#642331 51%);box-shadow:0 0 0 4px #281619,0 0 0 5px #77544a}.finish p{font-size:11px;margin:0 0 5px;letter-spacing:.6px}.finish small{font-size:10px;color:#94796a;letter-spacing:.5px}.design-signature{margin-top:42px;color:#9f8372;font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:12px}.signature-line{width:24px;height:1px;background:#85614d}.product-stage{min-width:0;display:flex;flex-direction:column;position:relative;padding-top:31px}.stage-meta{font-size:10px;letter-spacing:1.5px;color:#b89a88;display:flex;justify-content:space-between;padding:0 12px 0 24px}.meta-end{font-size:9px;opacity:.7}.canvas-wrap{height:clamp(480px,61svh,720px);position:relative;isolation:isolate;min-height:0}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;position:relative;z-index:2}canvas:active{cursor:grabbing}#loading{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;letter-spacing:3px;color:var(--gold);z-index:3;pointer-events:none}#loading[hidden]{display:none}.steam{position:absolute;pointer-events:none;z-index:1;width:42px;height:200px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(231,196,168,.065),transparent);filter:blur(14px);bottom:28%;left:52%;transform:rotate(12deg);animation:steam-rise 12s ease-in infinite}.steam-b{left:63%;width:32px;animation-delay:-4s;animation-duration:16s}.steam-c{left:41%;width:24px;animation-delay:-7s;animation-duration:14s}.stage-caption{display:flex;gap:8px;align-items:center;padding:0 21px 18px 24px;color:#b5947e;font-size:10px;letter-spacing:.8px}.status-dot{width:4px;height:4px;display:inline-block;border-radius:50%;background:#b98c54;box-shadow:0 0 8px rgba(200,148,70,.3)}.caption-right{margin-left:auto;color:#95766b}.toolbar{display:flex;align-items:stretch;gap:10px;padding-left:24px}.toolbar button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:51px;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.toolbar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.explode-button{background:var(--ivory);color:#3c211b;padding:0 26px;font-size:12px;font-weight:700;flex:1.1}.explode-button:hover{background:#fff9e9}.explode-button[aria-pressed=true]{background:#c8a476}.ambience-button{background:rgba(87,47,43,.25);border:1px solid #765043;padding:0 17px;font-size:11px;flex:1}.ambience-button:hover,.ambience-button[aria-pressed=true]{background:#673b31;border-color:#b08660}.reset-button{background:none;color:#b7a08c;font-size:11px;padding:0 11px}.reset-button:hover{color:var(--ivory)}.gesture{display:flex;align-items:center;justify-content:center;gap:9px;margin:19px 0 24px;color:#937466;font-size:10px;letter-spacing:.5px}.gesture svg{width:22px;height:13px;stroke:#9f8270;stroke-width:1;fill:none}.colophon{margin:0 5%;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:9px;letter-spacing:1.2px;color:#997967}.footer-index{color:#c0a083}.exploded-notes{grid-area:1 / 1;padding-top:65px;padding-right:25px;z-index:2}.exploded-notes[hidden]{display:none}.exploded-notes h2{font-size:23px;line-height:1.5;letter-spacing:1px;max-width:270px;margin-bottom:14px}.exploded-notes>p{font-size:11px;line-height:1.9;color:var(--muted);max-width:240px;margin-bottom:24px}.exploded-notes ol{list-style:none;padding:0;margin:0}.exploded-notes li{padding:11px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:25px 1fr;gap:6px}.part-number{color:var(--gold);font-size:10px;padding-top:2px}.part-name{font-size:11px;letter-spacing:.6px}.part-description{display:block;color:#a18677;font-size:9px;line-height:1.6;margin-top:5px}.is-exploded .story{visibility:hidden}.is-exploded .product-stage{grid-column:2;grid-row:1}.is-brewing .steam{background:linear-gradient(90deg,transparent,rgba(241,215,188,.13),transparent)}.is-brewing .status-dot{background:#ead099;box-shadow:0 0 12px #b18345}html[lang=en] h2{letter-spacing:-.3px;line-height:1.45;font-size:25px;max-width:260px}html[lang=en] .intro{font-size:12px;letter-spacing:0;line-height:1.9}html[lang=en] .collection{letter-spacing:.6px;font-size:9px}html[lang=en] .design-signature{letter-spacing:.3px}html[lang=en] .part-name{letter-spacing:0}html[lang=en] .toolbar button{font-size:10px;padding-left:14px;padding-right:14px}html[lang=en] .exploded-notes h2{font-size:26px}
@keyframes workshop-light{from{transform:translate(-4%,-3%) rotate(-9deg);opacity:.60}to{transform:translate(5%,6%) rotate(9deg);opacity:1}}@keyframes steam-rise{0%{transform:translate(0,75px) scale(.5) rotate(8deg);opacity:0}25%{opacity:.65}75%{opacity:.25}100%{transform:translate(-28px,-125px) scale(1.8) rotate(-13deg);opacity:0}}
body.is-hidden *,body.is-hidden *::before,body.is-hidden *::after{animation-play-state:paused!important}
@media(min-width:1450px){.story{padding-top:80px}.product-stage{padding-top:38px}.canvas-wrap{height:64svh}.intro{max-width:290px;font-size:14px}.finish p{font-size:12px}}
@media(max-height:820px) and (min-width:761px){.masthead{height:80px}.showroom{min-height:calc(100svh - 132px)}.story{padding-top:40px}h1{font-size:65px;margin:24px 0}.canvas-wrap{height:54svh;min-height:400px}.finish{margin-top:24px}.design-signature{margin-top:26px}.colophon{min-height:52px}.exploded-notes{padding-top:44px}.exploded-notes li{padding:8px 0}.gesture{margin-bottom:17px}}
@media(max-width:1000px) and (min-width:761px){.showroom{grid-template-columns:32% 68%;padding-left:4%;padding-right:3%}.masthead{margin:0 4%}.intro{max-width:215px}.toolbar{gap:5px;padding-left:10px}.toolbar button{padding:0 10px;font-size:10px;gap:7px}.stage-meta,.stage-caption{padding-left:12px}h1{font-size:62px}.masthead-note{margin-left:0}}
@media(max-width:760px){.masthead{height:73px;margin:0 23px}.wordmark{font-size:37px}.masthead-note{display:none}.languages{font-size:11px;gap:9px}.showroom{display:flex;flex-direction:column;padding:0 19px;min-height:auto}.story{padding-top:28px;position:relative}.collection{font-size:8px;letter-spacing:1px;gap:9px}h1{font-size:47px;letter-spacing:-2.3px;line-height:1;margin:17px 0 0;display:flex;gap:13px;align-items:baseline}h1 br{display:none}h1 span{font-size:1.06em;letter-spacing:-2.7px}.story h2{font-size:16px;letter-spacing:.6px;margin:12px 0 0;line-height:1.5}.story h2 br{display:none}.intro{display:none}.finish{position:absolute;top:30px;right:2px;margin:0}.finish-swatch{width:17px;height:17px;box-shadow:0 0 0 2px #281619,0 0 0 3px #77544a}.finish>div{display:none}.design-signature{display:none}.product-stage{padding-top:20px}.stage-meta{padding:0 1px;font-size:8px;letter-spacing:.8px}.meta-end{font-size:8px}.canvas-wrap{height:390px;min-height:0;margin:0 -9px}.stage-caption{padding:0 2px 13px;font-size:8px;gap:6px;letter-spacing:.2px}.toolbar{padding:0;gap:6px}.toolbar button{min-height:46px;gap:7px;font-size:10px;padding:0 10px}.toolbar svg{width:16px;height:16px}.explode-button{flex:1.4}.ambience-button{flex:1.1}.reset-button{flex:0;min-width:42px}.reset-button span{display:none}.gesture{font-size:8px;margin:14px 0 20px;gap:7px}.gesture svg{width:17px}.colophon{min-height:50px;margin:0 23px;font-size:8px;line-height:1.8;letter-spacing:.5px;gap:9px}.footer-index{white-space:nowrap;font-size:7px}.lamp-arc{right:-210px;top:120px;width:500px;height:750px}.arc-two{right:-192px;width:460px}.light-pool{left:5%;width:135vw}.steam{height:130px;filter:blur(10px);bottom:40%}.exploded-notes{padding:23px 0 14px;order:0}.exploded-notes h2{font-size:21px;margin:0 0 7px;max-width:none}.exploded-notes>p{font-size:9px;max-width:none;line-height:1.7;margin:0}.exploded-notes ol{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;margin-top:11px}.exploded-notes li{padding:5px 0;grid-template-columns:17px 1fr;gap:4px}.part-number,.part-name{font-size:9px}.part-description{display:none}.is-exploded .story{display:none}.is-exploded .product-stage{order:1;padding-top:5px}.is-exploded .canvas-wrap{height:360px}.is-exploded .colophon{min-height:40px}html[lang=en] .story h2{font-size:17px;max-width:none;letter-spacing:0}html[lang=en] .collection{font-size:8px;letter-spacing:0}html[lang=en] .toolbar button{font-size:8px;padding:0 8px}html[lang=en] .exploded-notes h2{font-size:21px}html[lang=en] .colophon{font-size:7px}}
@media(max-width:760px) and (max-height:760px){.canvas-wrap{height:330px}.story{padding-top:20px}.product-stage{padding-top:16px}.is-exploded .canvas-wrap{height:285px}.colophon{min-height:42px}}
@media(prefers-reduced-motion:reduce){.light-pool{animation-duration:50s}.steam{animation-duration:40s!important;opacity:.35}button{transition:none!important}}
