/* THRU GLOW — soft-light product experience */
.hero-v2{position:relative;isolation:isolate;padding-top:32px;gap:46px}
.hero-v2:before{content:'';position:absolute;z-index:-1;inset:-60px -50px -15px -70px;background:radial-gradient(ellipse at 75% 35%,#edcdb92e,transparent 62%);pointer-events:none}
.hero-v2 .hero-copy{padding-bottom:32px}
.product-experience{min-width:0;position:relative;padding-top:7px}
.product-stage{--scene-base:#edd8cc;--scene-ink:#765343;position:relative;isolation:isolate;width:100%;aspect-ratio:.98;min-height:490px;color:var(--scene-ink);perspective:1100px}
.studio-backdrop{position:absolute;inset:0;overflow:hidden;border-radius:46% 46% 7px 7px;background:var(--scene-base);box-shadow:0 30px 50px -45px #8a55494d;transition:background-color .8s ease}
.silk-backdrop{width:100%;height:100%;object-fit:cover;object-position:center 60%;opacity:.87;transform:scale(1.06);transition:filter 1s,opacity 1s;user-select:none}
.studio-tint{position:absolute;inset:0;background:linear-gradient(160deg,#fff8ed38,transparent 58%,#a26e4920);mix-blend-mode:soft-light;transition:background-color 1s,opacity 1s}
.studio-light{position:absolute;inset:-25%;background:linear-gradient(112deg,transparent 35%,#fff9f466 48%,transparent 62%);filter:blur(18px);transform:translateX(-30%);animation:silk-light 13s ease-in-out infinite;pointer-events:none}
.studio-topline{position:absolute;z-index:5;left:23px;right:21px;top:26px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.studio-topline>span{font-size:6.5px;letter-spacing:1.3px;line-height:1.7;max-width:115px;color:#715646}
.motion-toggle{display:flex;align-items:center;gap:4px;border:1px solid #ad8f7940;background:#fffbf366;backdrop-filter:blur(6px);border-radius:30px;font-size:9px;padding:8px 11px;min-height:33px;transition:background .2s;color:#654a3c}
.motion-toggle:hover{background:#fffcf4bb}.motion-icon{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.play-path{display:none;stroke-width:1.2}.motion-toggle[aria-pressed="true"] .pause-path{display:none}.motion-toggle[aria-pressed="true"] .play-path{display:block}
.motion-toggle:disabled{cursor:default;opacity:.75}
.studio-title{position:absolute;z-index:2;top:15.7%;left:0;right:0;text-align:center;pointer-events:none}.studio-title .eyebrow{font-size:8px;letter-spacing:3.3px;color:var(--scene-ink);transition:color .8s}.studio-title p{font:400 clamp(36px,3.65vw,54px)/1.2 var(--serif);letter-spacing:-1.8px;margin:11px 0 5px;color:var(--scene-ink);transition:color .8s}.studio-title sup{font-size:.25em;margin-left:1px}.studio-subtitle{font:italic 16px var(--serif);letter-spacing:.2px;color:#977763}
.pen-parallax{position:absolute;z-index:4;left:-3%;top:37.5%;width:106%;transform:translate3d(var(--pointer-x,0px),var(--pointer-y,0px),0) rotateX(var(--pointer-rotate-x,0deg)) rotateY(var(--pointer-rotate-y,0deg));transform-origin:center;transition:transform .5s var(--ease);will-change:transform}
.pen-float{width:100%;transform:translateY(0) rotate(-18deg);animation:pen-breathe 7s ease-in-out infinite;transform-origin:50% 55%;will-change:transform}
.pen-inspect{display:block;border:0;background:none;width:100%;padding:0;position:relative;cursor:zoom-in;animation:pen-arrive 1.1s .15s both var(--ease);border-radius:40px;transition:filter .3s}
.pen-inspect:hover{filter:drop-shadow(0 6px 8px #64452b0d)}.pen-inspect:focus-visible{outline-offset:9px;border-radius:50px}.floating-pen{width:100%;height:auto;filter:drop-shadow(0 22px 18px #5b302a22);pointer-events:none;user-select:none}
/* A native presentation mask hides detached extraction remnants above the pen. */
.floating-pen,#detail-product{clip-path:polygon(0 0,27% 0,27% 28.2%,28% 28.4%,30% 29.3%,32% 29.5%,35% 30.8%,38% 32%,40% 32.8%,45% 34.8%,50% 36.8%,55% 38.85%,60% 40.95%,65% 43%,70% 45.1%,75% 47.1%,80% 49.6%,85% 51.4%,90% 53.5%,100% 53.5%,100% 100%,0 100%)}
.product-shadow{position:absolute;top:70%;left:19%;width:62%;height:6%;background:#644431;opacity:.16;border-radius:50%;filter:blur(16px);animation:shadow-breathe 7s ease-in-out infinite;pointer-events:none}
.product-orbit{position:absolute;top:37%;left:5%;width:90%;height:33%;border:1px solid #fff7ea66;border-radius:50%;transform:rotate(-20deg);opacity:.6;pointer-events:none}
.inspect-hotspot{position:absolute;z-index:6;right:8%;top:70%;background:none;display:flex;align-items:center;gap:8px;padding:6px;color:#72503f;font-size:10px;letter-spacing:.7px;border-radius:30px}.hotspot-dot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #fff9edcc;background:#fff9ed88;border-radius:50%;font-size:20px;font-weight:300;box-shadow:0 0 0 5px #fffaf12b;backdrop-filter:blur(4px);transition:transform .2s,background .2s}.inspect-hotspot:hover .hotspot-dot{transform:scale(1.12);background:#fffaf1}.inspect-hotspot:focus-visible{outline-offset:4px}
.studio-bottomline{position:absolute;z-index:5;left:27px;right:27px;bottom:26px;display:flex;align-items:end;justify-content:space-between;gap:20px;pointer-events:none}.studio-bottomline p{font-size:10px;letter-spacing:1.2px;line-height:1.9;margin:0;color:#7d5b48}.studio-bottomline em{font-style:normal;color:#93705a}.scene-count{font:22px var(--serif);color:#7d5b48}.scene-count i{font:10px var(--serif);font-style:normal;letter-spacing:2px;margin-left:2px;opacity:.7}
.scene-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 2px 0;position:relative}.scene-invitation{font-size:10px;letter-spacing:1px;color:var(--muted)}.scene-options{display:flex;align-items:center;gap:16px}.scene-choice{display:flex;align-items:center;gap:7px;background:transparent;padding:6px 2px;color:var(--muted);font-size:10px;letter-spacing:.5px;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}.scene-choice.active{color:var(--ink);border-bottom-color:#b28b72}.scene-swatch{width:16px;height:16px;border-radius:50%;border:1px solid #9c7f6255;display:block;box-shadow:inset 0 0 0 2px #fff6;transition:transform .2s}.scene-choice:hover .scene-swatch{transform:scale(1.15)}.swatch-rose{background:#d8b4a4}.swatch-ivory{background:#eee0c4}.swatch-sage{background:#bec7b2}.scene-status{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.product-stage[data-scene="ivory"]{--scene-base:#f0e9db;--scene-ink:#766149}.product-stage[data-scene="ivory"] .silk-backdrop{filter:saturate(.17) brightness(1.09);opacity:.74}.product-stage[data-scene="ivory"] .studio-tint{background:#f2e4c8;mix-blend-mode:color;opacity:.65}.product-stage[data-scene="ivory"] .studio-subtitle{color:#9b866a}
.product-stage[data-scene="sage"]{--scene-base:#dce3d5;--scene-ink:#596c54}.product-stage[data-scene="sage"] .silk-backdrop{filter:grayscale(1) brightness(1.08);opacity:.67}.product-stage[data-scene="sage"] .studio-tint{background:#a7bea0;mix-blend-mode:color;opacity:.63}.product-stage[data-scene="sage"] .studio-subtitle{color:#778e6e}
.product-stage.is-paused .pen-float,.product-stage.is-paused .studio-light,.product-stage.is-paused .product-shadow{animation-play-state:paused}.product-stage.is-offscreen .pen-float,.product-stage.is-offscreen .studio-light,.product-stage.is-offscreen .product-shadow{animation-play-state:paused}.product-stage.is-paused .pen-parallax{transform:none!important}
.editorial-product{margin:0;min-width:0}.editorial-frame{position:relative;aspect-ratio:.87;overflow:hidden;border-radius:5px;background:#f1e8da}.editorial-frame>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.6s var(--ease)}.editorial-frame:hover>img{transform:scale(1.035)}.editorial-top{position:absolute;left:25px;right:25px;top:24px;display:flex;justify-content:space-between;gap:15px;align-items:center;color:#836b52}.editorial-top span{font-size:8px;letter-spacing:2px}.editorial-top span:last-child{font:17px var(--serif);letter-spacing:0}.editorial-copy{position:absolute;left:30px;top:15%;color:#81674f;pointer-events:none}.editorial-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.editorial-copy>p{font:44px/1.02 var(--serif);letter-spacing:-1.2px;margin:14px 0 0}.editorial-copy em{color:#9d8064}.editorial-product figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px}.editorial-product figcaption>span{font-size:7px;letter-spacing:1.2px;color:var(--muted)}.editorial-product figcaption .text-link{font-size:10px;gap:15px;padding:4px 0}.editorial-product figcaption .text-link>span{font-size:17px}
.hero-v2+.values-strip{background:#f4ece4}.care-statement{isolation:isolate}.care-statement:before{content:'';position:absolute;z-index:-1;inset:-45px -10px -40px -50px;background:radial-gradient(ellipse,#ead8c943,transparent 70%);pointer-events:none}
.product-dialog{width:min(820px,calc(100vw - 32px));padding:34px 35px 28px;background:#f4e5db;overflow-x:hidden;--detail-scale:1;--detail-angle:0deg;transition:background-color .6s}.product-dialog[data-scene="ivory"]{background:#f3eddf}.product-dialog[data-scene="sage"]{background:#e4e9df}.product-dialog .dialog-close{z-index:4}.detail-header{text-align:center;position:relative;z-index:3;pointer-events:none}.detail-header>.eyebrow{font-size:8px;color:var(--rose);letter-spacing:2.5px;margin:0}.detail-header h2{font:42px/1.2 var(--serif);letter-spacing:-1px;margin:10px 0}.detail-header>p:last-child{font-size:11px;color:var(--muted);margin:0}.product-detail-canvas{position:relative;min-height:280px;height:min(39vh,330px);overflow:hidden;margin:8px -35px 0;display:flex;align-items:center;justify-content:center;isolation:isolate}.detail-glow{position:absolute;z-index:-1;inset:10% 2%;background:radial-gradient(ellipse,#fffaf6cc,transparent 64%);filter:blur(15px)}#detail-product{width:85%;max-width:680px;height:auto;transform:scale(var(--detail-scale)) rotate(calc(-18deg + var(--detail-angle)));transition:transform .16s ease-out;filter:drop-shadow(0 22px 20px #5b302a22);pointer-events:none;user-select:none}.detail-controls{border-top:1px solid #cdb6a570;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;padding-top:22px}.detail-controls label{display:block;font-size:11px;color:#74604f;min-width:0}.detail-controls label>span{display:flex;justify-content:space-between;gap:12px;line-height:1.8;margin-bottom:7px}.detail-controls output{font-family:var(--serif);font-size:12px}.detail-controls input{display:block;width:100%;height:23px;accent-color:#9b7562;cursor:ew-resize;margin:0}.detail-reset{background:#fffaf457;color:#755a46;border:1px solid #cdb6a570;border-radius:3px;font-size:10px;padding:12px 14px;min-height:40px;transition:background .2s}.detail-reset:hover{background:#fffaf4}
@keyframes pen-breathe{0%,100%{transform:translateY(0) rotate(-18deg)}50%{transform:translateY(-13px) rotate(-15deg)}}
@keyframes shadow-breathe{0%,100%{transform:scaleX(1);opacity:.16}50%{transform:scaleX(.84);opacity:.1}}
@keyframes silk-light{0%,100%{transform:translateX(-28%) rotate(0deg);opacity:.55}50%{transform:translateX(23%) rotate(7deg);opacity:.85}}
@keyframes pen-arrive{from{opacity:0;transform:translateY(35px) scale(.91)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1500px){.hero-v2{gap:65px}.product-stage{min-height:570px;max-height:640px}.studio-title{top:17%}}
@media(max-width:1150px){.hero-v2{gap:32px}.product-stage{min-height:490px;aspect-ratio:.88}.studio-topline{left:18px;right:17px;top:22px}.studio-topline>span{font-size:6px;max-width:94px;letter-spacing:.8px}.motion-toggle{font-size:8px;padding:7px 9px;gap:3px}.studio-title{top:17%}.studio-title p{font-size:43px}.studio-title .eyebrow{font-size:7px}.studio-subtitle{font-size:15px}.pen-parallax{top:40%;left:-4%;width:108%}.studio-bottomline{left:23px;right:23px;bottom:23px}.scene-options{gap:12px}.scene-choice{font-size:9px}.scene-invitation{font-size:9px}.scene-controls{gap:10px}.editorial-copy{left:25px}.editorial-copy>p{font-size:38px}.editorial-copy .eyebrow{font-size:7px}.editorial-top{left:23px;right:23px}.editorial-top span{font-size:7px}.editorial-product figcaption{gap:12px}.editorial-product figcaption>span{font-size:6px;letter-spacing:.8px}}
@media(max-width:900px){.hero-v2{gap:25px}.product-stage{min-height:440px;aspect-ratio:.76}.studio-title{top:20%}.studio-title p{font-size:36px}.studio-title .eyebrow{font-size:6px;letter-spacing:2.5px}.studio-subtitle{font-size:13px}.studio-topline{top:22px;left:15px;right:14px}.studio-topline>span{max-width:78px;font-size:5px;letter-spacing:.8px}.motion-toggle{font-size:7px;min-height:29px;padding:7px 8px}.motion-icon{width:10px;height:10px}.pen-parallax{top:42%;left:-7%;width:114%}.studio-bottomline{left:20px;right:20px;bottom:23px}.studio-bottomline p{font-size:9px}.scene-count{font-size:20px}.scene-controls{flex-wrap:wrap;justify-content:center;gap:7px;padding-top:17px}.scene-invitation{width:100%;text-align:center;font-size:9px}.scene-options{gap:22px}.scene-choice{font-size:10px;gap:8px}.inspect-hotspot{top:69%;right:5%;font-size:8px;gap:7px}.hotspot-dot{width:24px;height:24px;font-size:18px}.editorial-frame{aspect-ratio:.67}.editorial-copy{left:22px;top:17%}.editorial-copy>p{font-size:32px}.editorial-top{left:20px;right:20px}.editorial-top span{font-size:6px;letter-spacing:1.3px}.editorial-top span:last-child{font-size:15px}.editorial-product figcaption{align-items:start;flex-direction:column;gap:12px}.editorial-product figcaption>span{font-size:7px;letter-spacing:.8px}.editorial-product figcaption .text-link{align-self:flex-end}}
@media(max-width:650px){.hero-v2{padding-top:12px;padding-bottom:43px;gap:29px}.hero-v2 .product-experience{grid-row:1;padding:0 3px}.hero-v2 .hero-copy{grid-row:2;padding-top:0;padding-bottom:0}.hero-v2 .hero-copy>.eyebrow{margin-bottom:19px}.hero-v2 .hero-copy h1{font-size:67px}.hero-v2 .hero-chinese{font-size:19px}.hero-v2:before{inset:-30px -20px 10px;background:radial-gradient(ellipse at 60% 30%,#edcdb929,transparent 68%)}.product-stage{min-height:0;aspect-ratio:.92}.studio-backdrop{border-radius:45% 45% 6px 6px}.studio-topline{left:15px;right:14px;top:22px}.studio-topline>span{font-size:5.5px;letter-spacing:1px;max-width:95px}.motion-toggle{font-size:8px;padding:7px 9px;min-height:30px}.motion-icon{width:11px;height:11px}.studio-title{top:17%}.studio-title p{font-size:39px;letter-spacing:-1.1px;margin:8px 0 4px}.studio-title .eyebrow{font-size:6.5px;letter-spacing:2.9px}.studio-subtitle{font-size:14px}.pen-parallax{top:40%;left:-3%;width:106%}.product-shadow{top:70%;height:6%;filter:blur(12px)}.inspect-hotspot{right:6%;top:70%;font-size:8px;gap:7px}.hotspot-dot{width:24px;height:24px;font-size:18px}.studio-bottomline{left:21px;right:21px;bottom:20px}.studio-bottomline p{font-size:8px;letter-spacing:.9px}.scene-count{font-size:20px}.scene-count i{font-size:9px}.scene-controls{flex-wrap:nowrap;justify-content:space-between;padding-top:18px;gap:15px}.scene-invitation{width:auto;text-align:left;font-size:9px;letter-spacing:.6px}.scene-options{gap:14px}.scene-choice{font-size:9px;gap:6px}.scene-swatch{width:14px;height:14px}.editorial-frame{aspect-ratio:.9}.editorial-copy{left:25px;top:14.5%}.editorial-copy>p{font-size:41px}.editorial-copy .eyebrow{font-size:7px}.editorial-top{left:23px;right:23px;top:23px}.editorial-top span{font-size:7px;letter-spacing:1.4px}.editorial-top span:last-child{font-size:16px}.editorial-product figcaption{flex-direction:row;gap:15px;align-items:center;margin-top:18px}.editorial-product figcaption>span{font-size:6px;letter-spacing:.8px;max-width:160px;line-height:1.7}.editorial-product figcaption .text-link{font-size:10px;gap:12px;white-space:nowrap}.product-dialog{padding:28px 23px 23px;width:calc(100vw - 24px)}.detail-header .eyebrow{font-size:7px;letter-spacing:1.8px}.detail-header h2{font-size:33px;margin:9px 0}.detail-header>p:last-child{font-size:10px}.product-detail-canvas{margin-inline:-23px;min-height:230px;height:36vh;max-height:290px}#detail-product{width:94%;filter:drop-shadow(0 15px 15px #5b302a22)}.detail-controls{grid-template-columns:1fr 1fr;gap:16px 22px;padding-top:18px}.detail-controls label{font-size:10px}.detail-controls output{font-size:11px}.detail-controls input{height:30px}.detail-reset{grid-column:1/-1;justify-self:center;padding:10px 25px;min-height:38px}.care-statement:before{inset:-25px -15px -25px}}
@media(max-width:370px){.hero-v2 .hero-copy h1{font-size:61px}.hero-v2 .hero-chinese{font-size:17px}.studio-title p{font-size:35px}.studio-title{top:19%}.studio-topline>span{font-size:5px;max-width:80px}.motion-toggle{font-size:7px;gap:3px;padding:6px 7px;min-height:28px}.studio-subtitle{font-size:12px}.scene-options{gap:10px}.scene-invitation{font-size:8px}.scene-choice{font-size:8px;gap:5px}.scene-swatch{width:13px;height:13px}.editorial-copy>p{font-size:36px}.editorial-product figcaption>span{max-width:130px;font-size:5.5px}}
@media(prefers-reduced-motion:reduce){.pen-float,.product-shadow,.studio-light,.pen-inspect{animation:none}.pen-parallax{transform:none!important}.editorial-frame:hover>img{transform:none}.studio-backdrop,.silk-backdrop,.studio-tint,.studio-title p,#detail-product{transition:none}}