:root{color-scheme:dark;font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:#fff9ec;background:#29231e}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #eee4c6;outline-offset:6px}.salon{position:relative;height:100svh;min-height:630px;overflow:hidden;background:#6d5c49}.scene{position:absolute;inset:0;overflow:hidden}.room{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:brightness(.85)}.tv{position:absolute;overflow:hidden;background:#030706;clip-path:polygon(0 14.7%,100% 0,100% 100%,0 80%);filter:brightness(.88)}.screen-content{position:absolute;inset:10% 3% 10%;background:radial-gradient(ellipse,#1d2922 0,#030605 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(.2deg)}.screen-top{font-size:clamp(5px,.55vw,10px);letter-spacing:.3em;opacity:.7;position:absolute;top:10%;z-index:2}.watch-stage{width:75%;height:94%;perspective:700px;display:grid;place-items:center}.rotating-watch{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;animation:turn 20s ease-in-out infinite;filter:contrast(1.12)}@keyframes turn{0%,100%{transform:rotateY(-27deg) rotateZ(-5deg)}50%{transform:rotateY(30deg) rotateZ(4deg)}}.screen-bottom{position:absolute;bottom:6%;left:9%;right:9%;display:flex;justify-content:space-between;font-size:clamp(4px,.45vw,8px);letter-spacing:.18em;opacity:.65}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,17,14,.53),transparent 72%),linear-gradient(0deg,rgba(17,15,12,.55),transparent 35%,transparent 80%,rgba(18,16,14,.32));pointer-events:none}header{position:absolute;inset:36px 4.5% auto;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:13px}.monogram{font-family:Georgia,serif;font-size:42px;line-height:1}.monogram span{color:#cdb797}.brand-type{font-size:19px;letter-spacing:.29em}.brand-type small{display:block;font-size:9px;letter-spacing:.23em;margin-top:7px}.about-link{background:none;border:0;font-size:12px;letter-spacing:.1em;opacity:.8;padding:12px 0}.about-link span{margin-left:22px;font-size:18px}.intro{position:absolute;top:28%;left:7%;text-shadow:0 2px 25px #25201955}.eyebrow{font-size:10px;letter-spacing:.28em;color:#e4d9c7;display:flex;align-items:center;gap:12px}.eyebrow i{width:5px;height:5px;border-radius:100%;background:#e2d2ae;box-shadow:0 0 15px #fff5b977}h1{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-weight:400;letter-spacing:.08em;font-size:clamp(44px,5.5vw,86px);line-height:1.36;margin:26px 0 23px}.intro p{font-size:13px;letter-spacing:.15em;line-height:2.3;color:#f4e9da;opacity:.85}.welcome{display:flex;gap:13px;align-items:center;margin-top:34px;font-size:10px;letter-spacing:.15em;color:#e5d9c6}.welcome b{font-weight:normal;opacity:.5}footer{position:absolute;left:4.5%;right:4.5%;bottom:72px;display:flex;justify-content:space-between;align-items:center;gap:24px}.quiet{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.13em;color:#e7dece}.quiet small{display:block;font-size:8px;letter-spacing:.22em;opacity:.5;margin-top:10px}.line{width:36px;height:1px;background:#f9eed988}.glass{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:34px;min-height:72px;min-width:284px;padding:20px 25px 20px 30px;border:1px solid #fff8e86e;border-radius:100px;background:linear-gradient(130deg,#ffffff35,#ffffff09 45%,#ffffff1a);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 2px 2px #ffffff80,inset 0 -2px 3px #fff4,0 10px 30px #130f1733,0 1px 1px #0003;font-size:13px;letter-spacing:.08em;transition:background .4s,box-shadow .4s;touch-action:manipulation}.glass:before{content:"";position:absolute;inset:3px;border-radius:inherit;border:1px solid #fff2;pointer-events:none}.glass:hover{background:linear-gradient(130deg,#fff5,#ffffff13 50%,#fff3);box-shadow:inset 0 2px 3px #fff9,inset 0 -2px 3px #fff5,0 13px 40px #130f1744}.glass .arrow{font-size:23px;font-weight:200}.button-light{position:absolute;inset:-100%;z-index:-1;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#fff4,transparent 28%);pointer-events:none}.glass.jelly{animation:jelly .75s both}@keyframes jelly{0%{transform:scale(1)}18%{transform:scale(.91,1.07)}40%{transform:scale(1.06,.94)}62%{transform:scale(.98,1.03)}82%{transform:scale(1.01,.99)}100%{transform:scale(1)}}.corner{position:absolute;bottom:26px;left:4.5%;right:4.5%;font-size:8px;letter-spacing:.2em;opacity:.5;display:flex;justify-content:space-between}dialog{width:min(1000px,92vw);max-height:88svh;padding:55px;border:1px solid #ffffff22;border-radius:24px;background:#262922ed;backdrop-filter:blur(35px);color:#eee9dc;box-shadow:0 30px 120px #0007}dialog::backdrop{background:#13140ee0;backdrop-filter:blur(10px)}dialog[open]{animation:arrive .45s both}@keyframes arrive{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}.close{position:absolute;right:20px;top:15px;border:0;background:#ffffff0c;border-radius:50%;width:36px;height:36px;font-size:24px;color:#ddd}h2{font-family:"Songti SC","SimSun",serif;font-weight:400;font-size:30px;line-height:1.5;margin:16px 0}dialog p{font-size:12px;line-height:2;color:#bbbdae}dialog .eyebrow{color:#a9b39b}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:25px}.product{background:#10161188;border-radius:14px;padding:20px}.product img{width:100%;height:240px;object-fit:contain;mix-blend-mode:screen}.product>span{font-size:8px;letter-spacing:.16em;color:#909c82}h3{font-size:17px;font-weight:400;line-height:1.5}.product small,dialog>small{font-size:9px;color:#999f90;line-height:1.8}.choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.choices button{border:1px solid #ffffff22;border-radius:30px;padding:10px 13px;font-size:11px;background:none}.choices .selected{background:#d3ddbd;color:#253121;border-color:#d3ddbd}.advice{min-height:160px;margin-top:25px;border-top:1px solid #fff1;padding-top:10px}.advice h4{font-size:14px;font-weight:400}.honesty{border-top:1px solid #fff1;padding-top:20px}.honesty>span{font-size:10px;letter-spacing:.2em;color:#ced6b9}#values{width:min(600px,92vw)}#values article{margin:30px 0}#values article h3{font-size:14px;margin-bottom:2px}@media(min-width:1600px){.intro{top:27%}}@media(max-width:700px){.salon{min-height:600px}header{inset:26px 25px auto}.brand-type{font-size:16px}.monogram{font-size:35px}.about-link{font-size:10px}.about-link span{margin-left:8px}.intro{top:18%;left:30px}h1{font-size:46px;margin:20px 0 16px;line-height:1.32}.intro p{font-size:11px;line-height:2.1}.welcome{font-size:9px;margin-top:20px;gap:10px}.eyebrow{font-size:8px}.shade{background:linear-gradient(90deg,#1d181744,transparent),linear-gradient(0deg,#110f0cb0,transparent 40%,#1b171638 80%)}footer{left:25px;right:25px;bottom:65px;align-items:flex-end}.quiet{display:none}.glass{margin-left:auto;min-width:265px;min-height:66px;gap:25px;font-size:12px}.corner{left:25px;right:25px;bottom:26px}dialog{padding:45px 23px 25px;border-radius:20px}h2{font-size:25px}.panel-grid{grid-template-columns:1fr;gap:25px}.product img{height:190px}.preferences h3{margin-top:0}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;scroll-behavior:auto!important}}
.watch-stage{position:absolute;inset:14% 12% 16%;width:auto;height:auto;min-height:0}.rotating-watch{max-height:100%;max-width:100%}

@media(max-width:700px){.room{object-position:100% 60%}}
.watch-stage .rotating-watch{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.screen-content{background:#000}.tv{background:#000}
html,body{width:100%;height:100%;overflow:hidden;background:#514336}.salon{height:100vh;height:100dvh;min-height:0;width:100vw}header{top:max(26px,env(safe-area-inset-top))}footer{bottom:max(64px,calc(env(safe-area-inset-bottom) + 36px))}.corner{bottom:max(20px,env(safe-area-inset-bottom))}.draw-arrow{display:inline-block;width:12px;height:12px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;position:relative;margin:0 6px 0 12px}.draw-arrow:after{content:"";position:absolute;width:16px;height:1.5px;background:currentColor;right:-2px;top:4px;transform:rotate(-45deg)}.welcome{gap:10px;flex-wrap:wrap;max-width:400px}.welcome button{border:0;border-bottom:1px solid #fff4;color:#f1e9d8;background:transparent;padding:4px 0;font-size:inherit;letter-spacing:.08em}.welcome button:hover{border-color:#fff}.tv{background:linear-gradient(130deg,#b0c7c455,#404e5c88);isolation:isolate}.screen-content{inset:0;background:linear-gradient(120deg,#819f9cba,#344a5099 42%,#c8d4ca99);backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);overflow:hidden;box-shadow:inset 0 2px 3px #fffa}.screen-content:after{content:"";position:absolute;inset:1px;border:1px solid #fffa;pointer-events:none;background:linear-gradient(130deg,#fff2,transparent 40%,#fff2);z-index:4}.liquid-orb{position:absolute;width:65%;height:100%;border-radius:50%;filter:blur(26px);opacity:.5;animation:liquidMove 12s ease-in-out infinite alternate;pointer-events:none}.orb-one{background:radial-gradient(ellipse,#ddf5e5,transparent 70%);left:-15%;top:4%}.orb-two{background:radial-gradient(ellipse,#8eb5e7,transparent 70%);right:-10%;bottom:-35%;animation-delay:-6s}@keyframes liquidMove{to{transform:translate(30%,15%) rotate(25deg) scale(.8)}}.screen-top{top:16%;font-size:clamp(4px,.5vw,9px);color:#fff;opacity:.8}.screen-bottom{bottom:17%;font-size:clamp(3px,.4vw,7px);color:#fff;z-index:5}.watch-trio{position:absolute;inset:24% 6% 25%;display:flex;align-items:stretch;gap:2%;perspective:1000px}.tv-watch{position:relative;flex:1;min-width:0;padding:0;background:transparent;border:0;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:auto;transition:transform .4s}.tv-watch:hover{transform:translateY(-5px)}.tv-watch img{width:100%;height:100%;min-height:0;object-fit:contain;animation:watchFloat 3s cubic-bezier(.45,0,.55,1) infinite;will-change:transform;filter:drop-shadow(3px 8px 8px #17242544)}.tv-watch:first-child img{mix-blend-mode:screen;filter:none}.tv-watch:nth-child(2) img{animation-delay:-1s}.tv-watch:nth-child(3) img{animation-delay:-2s}.tv-watch span{font-size:clamp(3px,.35vw,6px);letter-spacing:.12em;position:absolute;bottom:-8%;white-space:nowrap;color:#fff}@keyframes watchFloat{0%,100%{transform:perspective(600px) rotateY(-24deg) rotateZ(-4deg) translateY(0)}50%{transform:perspective(600px) rotateY(25deg) rotateZ(3deg) translateY(-3px)}}.collection-tabs{display:flex;gap:10px;margin:25px 0 18px}.collection-tabs button{border:1px solid #fff3;border-radius:100px;padding:10px 16px;font-size:11px;background:transparent}.collection-tabs .selected{color:#202b25;background:#dce5d1;border-color:#dce5d1}.collection{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.watch-card{position:relative;text-align:left;background:linear-gradient(140deg,#e4f5e71c,#a2c9cc08);border:1px solid #ffffff24;border-radius:15px;padding:18px;transition:background .3s,transform .3s}.watch-card:hover{transform:translateY(-4px);background:#ffffff17}.watch-card.active{border-color:#d7e6ce}.watch-card img{width:100%;height:180px;object-fit:contain;mix-blend-mode:screen}.watch-card small{display:block;font-size:8px;letter-spacing:.12em;color:#aebea9;margin:10px 0}.watch-card h3{font-size:14px;margin:8px 0}.watch-card p{font-size:10px;margin:0}.watch-detail{margin-top:18px;padding:20px 24px;border:1px solid #fff2;border-radius:12px;background:#ffffff05}.watch-detail h3{margin:0 0 6px}.watch-detail p{margin:0;font-size:11px}.watch-detail span{font-size:9px;color:#b8c3ac;display:block;margin-top:12px}.service-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.service-row button{text-align:left;background:transparent;border:0;border-top:1px solid #fff2;padding:15px 0 5px;font-size:12px}.service-row span{display:block;color:#9ea998;margin-top:8px;font-size:10px}.collection-note{display:block;font-size:9px;line-height:1.9;color:#9bA591}dialog{max-height:90dvh;overscroll-behavior:contain}#values{z-index:10}.intro{pointer-events:none}.intro .welcome{pointer-events:auto}@media(max-width:700px){.intro{top:18%}h1{font-size:43px}.welcome{max-width:280px;gap:8px;font-size:9px}.intro p{max-width:260px;letter-spacing:.07em}.collection{gap:8px}.watch-card{padding:10px 8px}.watch-card img{height:125px}.watch-card h3{font-size:11px;line-height:1.7}.watch-card p{font-size:9px}.watch-card small{font-size:6px}.collection-tabs button{padding:9px 12px;font-size:10px}.service-row{gap:8px}.service-row button{font-size:10px;line-height:1.6}.service-row span{font-size:8px}dialog{width:94vw;padding:43px 16px 24px}.watch-detail{padding:16px}.screen-top{font-size:4px}.tv-watch span{font-size:3px}.screen-bottom{font-size:3px}.about-link{display:flex;align-items:center}.glass .draw-arrow{width:12px;height:12px}.glass{min-width:265px}}@media(max-height:650px){.intro{top:20%}h1{font-size:38px;margin:14px 0}.intro p{font-size:11px}.welcome{margin-top:12px}footer{bottom:46px}.glass{min-height:58px}.corner{bottom:15px}}
.tv-watch:nth-child(3) img{mix-blend-mode:screen}
.tv-watch:first-child{mix-blend-mode:screen}.screen-content{transform:none}
.tv-watch:first-child,.tv-watch:first-child img{mix-blend-mode:normal}.watch-card img[src*="datejust-cutout"]{mix-blend-mode:normal}
/* Quiet opening composition */
.tv{clip-path:polygon(0 14.2%,100% 0,100% 100%,0 85.5%)}.screen-content:after{border:0}.intro{top:30%;left:7%;max-width:42%}.intro h1{margin:0 0 20px;font-size:clamp(44px,5.1vw,78px);line-height:1.4;letter-spacing:.06em}.intro>.eyebrow{font-size:9px;letter-spacing:.28em;opacity:.65;line-height:1.8}.intro>p{font-size:12px;letter-spacing:.11em;line-height:1.9;opacity:.8;margin-top:20px}.quiet{gap:0;font-size:10px;opacity:.75}.quiet small{font-size:7px;opacity:.55}.watch-trio{inset:24% 6% 25%}.tv-watch span{opacity:.6}.about-link{letter-spacing:.04em;font-size:11px}header{align-items:center}.corner{opacity:.35}@media(max-width:700px){header{left:25px;right:25px}.about-link{font-size:10px}.about-link .draw-arrow{width:10px;height:10px;margin-left:10px}.intro{top:29%;left:28px;max-width:64%}.intro h1{font-size:40px;margin-bottom:16px;line-height:1.42}.intro>.eyebrow{font-size:7px;letter-spacing:.23em}.intro>p{font-size:10px;letter-spacing:.04em;margin-top:15px;max-width:220px}.quiet{display:none}.glass{min-height:64px}.watch-trio{inset:23% 5% 24%}}@media(max-height:650px){.intro{top:27%}.intro h1{font-size:36px;margin-bottom:10px}.intro>p{margin-top:12px}.intro>.eyebrow{font-size:7px}}
/* Edge-to-edge image and matching glass controls */
.room{object-fit:fill!important;object-position:center!important}.scene{position:fixed;inset:0}.salon{width:100%;height:100%;min-height:100dvh}html{min-height:100%;background:#514336}body{min-height:100dvh}.tv-frame{position:absolute;inset:0;width:100%;height:100%;z-index:8;pointer-events:none;overflow:visible}.about-link.glass{min-width:0;min-height:48px;padding:13px 19px;border-radius:100px;gap:15px;font-size:11px;letter-spacing:.04em;opacity:1;display:inline-flex;align-items:center;white-space:nowrap}.about-link.glass .draw-arrow{margin:0 2px 0 0;width:9px;height:9px}.about-link.glass .draw-arrow:after{width:13px;top:3px}.about-link.glass>span{margin-left:0;font-size:inherit}.about-link.glass>.button-light{position:absolute}.intro{top:32%}@media(max-width:700px){header{inset:max(22px,env(safe-area-inset-top)) 20px auto}.about-link.glass{font-size:9px;min-height:42px;gap:10px;padding:11px 13px}.brand{gap:9px}.brand-type{font-size:14px;letter-spacing:.22em}.brand-type small{font-size:8px}.monogram{font-size:32px}.intro{top:29%;max-width:60%}.intro h1{font-size:clamp(32px,8vw,40px)}.intro>p{font-size:9px;max-width:180px}.intro>.eyebrow{font-size:6px;letter-spacing:.15em}}
/* Keep natural proportions while filling the available viewport. */
.room{object-fit:cover!important;object-position:50% 60%!important}.scene{background:#514336 url('assets/room-lights.webp') center/cover no-repeat;inset:0}.intro{top:30%}@media(max-width:700px){.room{object-position:100% 60%!important}.intro{top:29%}}
footer>.glass{margin-left:auto}

#doorScene{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:#3d2e21;overflow:hidden;animation:doorArrive .7s ease both}#doorScene::backdrop{background:#241b14}.door-background{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .7s ease,filter .7s ease}#doorScene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#1c120c33,transparent 20%);pointer-events:none}.door-back.close{top:max(24px,env(safe-area-inset-top));left:24px;right:auto;width:auto;height:44px;padding:0 18px;border:1px solid #fff3;border-radius:30px;background:#ffffff12;backdrop-filter:blur(16px);z-index:2;font-size:25px;display:flex;gap:10px;align-items:center}.door-back span{font-size:12px;letter-spacing:.1em}.door-enter{position:absolute;inset:12% 22% 5%;z-index:1;background:transparent;border:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:max(60px,env(safe-area-inset-bottom));color:#fff4e3;text-shadow:0 2px 14px #1c120c;font-size:16px;letter-spacing:.3em}.door-enter small{font-size:10px;letter-spacing:.2em;opacity:.7;margin-top:12px}.door-enter:hover span{opacity:.75}#doorScene.entering .door-background{transform:scale(1.18);filter:brightness(.35)}#doorScene.entering .door-enter{opacity:0;transition:opacity .25s}@keyframes doorArrive{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.door-background{transition:none}}

/* Continuous, decelerating scene transition with a quiet text-only back control. */
#doorScene{animation:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform-origin:50% 50%}
#doorScene::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.door-back.close{border:0;background:transparent;box-shadow:none;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0 10px;color:#fff9ee;text-shadow:0 1px 8px #261a0c80;transition:opacity .2s,transform .25s cubic-bezier(.22,1,.36,1)}
.door-back.close:hover{opacity:.75}.door-back.close:active{transform:translateX(-3px)}

/* Shared liquid glass controls, with the door action anchored to its handle. */
#doorScene .door-back,#doorScene .door-enter{border:1px solid #fff8e86e;border-radius:100px;background:linear-gradient(130deg,#ffffff35,#ffffff09 45%,#ffffff1a);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 2px 2px #ffffff80,inset 0 -2px 3px #fff4,0 6px 22px #130f1726;min-width:0;min-height:0;color:#fff9ee;letter-spacing:.08em;text-shadow:0 1px 8px #261a0c66}
#doorScene .door-back{height:44px;padding:0 17px;gap:9px;font-size:25px;transition:background .25s}
#doorScene .door-back span{font-size:12px}
#doorScene .door-enter{inset:auto;left:var(--handle-x,80%);top:var(--handle-y,71%);width:114px;height:46px;margin-left:-57px;margin-top:-23px;padding:0 17px;flex-direction:row;justify-content:center;gap:10px;font-size:13px;transition:opacity .25s,background .25s}
#doorScene .door-enter .draw-arrow{width:9px;height:9px;margin:0 3px}.door-enter .draw-arrow:after{width:12px;top:3px}
#doorScene .door-back:hover,#doorScene .door-enter:hover{opacity:1;background:linear-gradient(130deg,#fff5,#ffffff13 50%,#fff3)}#doorScene .door-back:active{transform:none}

#doorScene .door-background{object-position:79.8% 71.3%}

.scene{background-position:50% 60%}@media(max-width:700px){.scene{background-position:100% 60%}}
/* First-person visit: reach, push, approach the sofa, then read. */
#doorScene{perspective:1300px;background:#d1cdc3}#doorScene:after{display:none}
#doorScene .door-back:before{display:none}#doorScene .door-back{border-color:transparent;box-shadow:inset 0 1px 0 #ffffff24,0 4px 16px #231b1515;background:linear-gradient(140deg,#ffffff25,#ffffff0a)}
.door-leaf{position:absolute;inset:0;z-index:2;transform-origin:0 50%;backface-visibility:hidden;transition:transform 1.75s cubic-bezier(.3,.05,.22,1),opacity .35s 1.35s;overflow:hidden}.door-leaf .door-background{transition:none}.door-wall{position:absolute;top:0;bottom:0;background:#d3d1c8;box-shadow:inset -2px 0 4px #0001}.wall-left{left:0;width:1.9%}.wall-right{right:0;width:2.5%}
#doorScene .door-back{z-index:10}#doorScene .door-enter{z-index:4}#doorScene.hand-reach .door-enter{opacity:0;pointer-events:none}
.opening-hand{position:absolute;z-index:5;pointer-events:none;width:clamp(230px,52vw,590px);height:auto;right:-8%;top:calc(var(--handle-y) - 35px);opacity:0;transform:translate3d(30%,45%,0) rotate(12deg);transform-origin:80% 90%;transition:transform .8s cubic-bezier(.2,.75,.25,1),opacity .25s;filter:drop-shadow(0 8px 12px #291e2025)}
.hand-reach .opening-hand{opacity:1;transform:translate3d(0,-8%,0) rotate(-5deg)}.door-opening .opening-hand{transform:translate3d(-20%,-3%,0) rotate(-13deg);opacity:0;transition:transform 1.3s cubic-bezier(.2,.65,.3,1),opacity .5s .65s}.door-opening .door-leaf{transform:rotateY(-100deg) translateX(-3%);opacity:0}.inside-store .door-leaf,.inside-store .opening-hand{visibility:hidden}.inside-store .door-enter{display:none}
.boutique-view{position:absolute;inset:0;overflow:hidden;background:#c9c3b8;z-index:1;transform:scale(1.015);transition:transform 2.5s cubic-bezier(.25,.05,.3,1)}.boutique-space{position:absolute;transform-origin:52% 67%;transition:transform 2.5s cubic-bezier(.25,.1,.25,1)}.boutique-photo{position:absolute;width:100%;height:100%;object-fit:cover}.walking-in .boutique-space{transform:scale(1.17) translate3d(-1%,-2%,0)}.seated .boutique-space{transform:scale(1.27) translate3d(-1%,-5%,0);transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.real-watch-wall{position:absolute;left:15%;top:18%;width:70%;height:29%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:5% 2%;padding:2%;background:linear-gradient(180deg,#f1eee2,#d8d1c0);box-shadow:inset 0 12px 28px #fff9,inset 0 -4px 10px #55463024;border:5px solid #7c6a50}.display-watch{border:0;background:transparent;min-width:0;padding:4% 5%;display:flex;align-items:center;flex-direction:column;justify-content:center;box-shadow:0 1px #aa9d8433}.display-watch img{width:100%;height:83%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(1px 3px 2px #4b3f2a1a)}.display-watch span{font-size:clamp(3px,.45vw,7px);color:#62594c;white-space:nowrap;margin-top:4px}.display-watch:hover{background:#fff3}
.table-paper{position:absolute;left:42%;top:71%;width:17%;height:13%;border:0;color:#6b5a48;background:#eee9dd;transform:perspective(500px) rotateX(56deg) rotateZ(-7deg);box-shadow:0 3px 7px #1e170b40;padding:8%;font-family:Georgia,serif;font-size:clamp(6px,1vw,12px);display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px}.table-paper i{height:1px;width:80%;display:block;background:#b3aa99}.table-paper:hover{filter:brightness(1.06)}
.visit-caption{position:absolute;z-index:8;bottom:max(36px,env(safe-area-inset-bottom));left:20px;right:20px;text-align:center;font-size:12px;letter-spacing:.12em;color:#fff;text-shadow:0 2px 12px #201b12}
.service-letter{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:65px 24px 24px;background:#30261c35;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:letterLift 1.1s cubic-bezier(.2,.8,.22,1) both}.service-letter[hidden]{display:none}.letter-sheet{width:min(440px,100%);max-height:calc(100dvh - 100px);overflow:auto;padding:34px 30px 22px;background:linear-gradient(130deg,#f6f2e9,#eae4d7);color:#443b30;box-shadow:0 30px 100px #21160c55,0 1px 0 #fff9 inset;transform:rotate(-1deg);text-align:left}.letter-brand{font-family:Georgia,serif;letter-spacing:.24em;font-size:20px;border-bottom:1px solid #a89c8244;padding-bottom:18px}.letter-brand span{font-family:inherit;font-size:9px;letter-spacing:.12em;margin-left:12px}.letter-kicker{font-size:10px!important;color:#8a7e6b!important;margin:22px 0 8px!important}.letter-sheet h2{font-size:25px;margin:8px 0 22px;color:#443b30}.letter-sheet dl{margin:0}.letter-sheet dl>div{padding:15px 0;border-top:1px solid #b6aa9133}.letter-sheet dt{font-size:14px;letter-spacing:.06em}.letter-sheet dd{margin:8px 0 0;font-size:11px;line-height:1.9;color:#817461}.letter-sign{font-size:11px!important;line-height:2!important;color:#72644f!important;margin:22px 0!important}.letter-sign span{font-size:10px}.letter-explore{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #8a7b6155;border-radius:40px;padding:13px 18px;background:#6e604c;color:#fff8e8;font-size:12px}.letter-put-down{display:block;margin:15px auto 0;background:none;border:0;font-size:10px;color:#8a7b65;padding:5px}.product-source{display:inline-block;margin-top:12px;font-size:10px;border-bottom:1px solid #fff3;color:#e5d9bc}
@keyframes letterLift{0%{opacity:0;transform:translate3d(0,65%,0) rotateX(25deg) scale(.65)}45%{opacity:1}100%{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1)}}
@media(max-height:720px){.letter-sheet{padding:22px}.letter-brand{padding-bottom:12px}.letter-kicker{margin-top:15px!important}.letter-sheet h2{font-size:21px;margin-bottom:12px}.letter-sheet dl>div{padding:10px 0}.letter-sign{margin:12px 0!important}.letter-sheet dd{font-size:10px}}@media(prefers-reduced-motion:reduce){.door-leaf,.opening-hand,.boutique-space{transition:none}.service-letter{animation:none}}
.real-watch-wall{left:17.8%;top:25%;width:65.3%;height:18.3%;border:0;background:transparent;box-shadow:none;padding:1%;gap:4% 2%}.table-paper{left:40%;top:67.7%;width:18%;height:5.1%;padding:1%;transform:perspective(500px) rotateX(20deg) rotateZ(-2deg)}
/* Grip and lever share a pivot and stay attached to the door. */
.door-hardware{position:absolute;left:var(--pivot-x);top:var(--pivot-y);width:1px;height:1px;z-index:2;transition:opacity .2s .4s}.handle-rose{position:absolute;width:calc(54px * var(--door-scale));height:calc(54px * var(--door-scale));left:calc(-27px * var(--door-scale));top:calc(-27px * var(--door-scale));border-radius:50%;background:conic-gradient(from 15deg,#aa8f56,#e0c38a,#947b47,#d9bd83,#aa8f56);border:1px solid #ba9f68;box-shadow:1px 2px 4px #34250e33}.handle-lever{position:absolute;right:calc(-2px * var(--door-scale));top:calc(-9px * var(--door-scale));width:calc(148px * var(--door-scale));height:calc(18px * var(--door-scale));border-radius:20px 7px 7px 20px;background:linear-gradient(#e4cf9d,#c2a56e 45%,#a28852 68%,#d5ba82);box-shadow:0 2px 3px #32220c44;transform-origin:98% 50%;transition:transform .58s cubic-bezier(.35,.1,.25,1)}
.gripping-hand{position:absolute;width:calc(220px * var(--door-scale));height:auto;left:calc(var(--pivot-x) - 164px * var(--door-scale));top:calc(var(--pivot-y) - 39px * var(--door-scale));z-index:3;pointer-events:none;opacity:0;transform:translate3d(35px,90px,0) rotate(6deg);transform-origin:74.55% 26.6%;transition:transform .75s cubic-bezier(.2,.75,.25,1),opacity .3s;filter:drop-shadow(0 3px 4px #1b110d22)}
.hand-reach .gripping-hand{opacity:1;transform:translate3d(0,0,0) rotate(0)}.hand-reach .door-hardware{opacity:0}.handle-pressed .gripping-hand{transform:translate3d(0,0,0) rotate(-22deg);transition:transform .58s cubic-bezier(.35,.1,.25,1)}.handle-pressed .handle-lever{transform:rotate(-22deg)}.door-opening .gripping-hand{opacity:1;transform:rotate(-22deg)}.inside-store .gripping-hand{visibility:hidden}
/* Individual recessed glass cases with cushions, shelves and gentle reflections. */
.real-watch-wall{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:0;padding:0;background:#c1b6a2;border:4px solid #77634b;box-shadow:inset 0 1px 4px #291b1440}
.cabinet-bay{position:relative;min-width:0;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid #8d7b61;border-bottom:5px solid #8d7b61;background:radial-gradient(ellipse at 50% 20%,#fff8e9,#ded5c3 73%);box-shadow:inset 0 7px 8px #fffc,inset 3px 0 9px #56453318}
.cabinet-bay img{position:relative;z-index:2;width:70%;height:78%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(2px 3px 3px #4a382b25)}.watch-cushion{position:absolute;left:34%;top:25%;width:32%;height:52%;border-radius:38%;background:linear-gradient(90deg,#bfb3a0,#eee5d8,#c8bda9);box-shadow:0 5px 8px #57463033}.cabinet-label{position:absolute;z-index:4;bottom:3%;padding:1px 5px;background:#e6ddcb;color:#6b5b43;font-size:clamp(4px,.5vw,8px);letter-spacing:.04em}.cabinet-glass{position:absolute;z-index:3;inset:0;background:linear-gradient(115deg,transparent 12%,#fff3 13%,#fff1 23%,transparent 24%,transparent 65%,#fff2 66%,transparent 78%);box-shadow:inset 0 0 0 1px #fff5;pointer-events:none}
#doorScene.hand-reach .door-hardware,#doorScene.hand-reach #enterDoor{visibility:hidden!important;opacity:0!important;pointer-events:none}
#doorScene.hand-reach .gripping-hand{opacity:1;transform:translate3d(0,0,0) rotate(0deg);transition:opacity .35s}
#doorScene.handle-pressed .gripping-hand{transform:translate3d(0,0,0) rotate(-22deg);transition:transform .65s cubic-bezier(.3,.1,.3,1),opacity .25s}
.gripping-hand{transform:translate3d(-45px,90px,0) rotate(-5deg)}
/* Handle-only opening and a continuous reverse journey on return. */
#doorScene .door-hardware{opacity:1;visibility:visible;transition:none}#doorScene.unlatching #enterDoor{opacity:0;visibility:hidden;pointer-events:none}.handle-lever{transition:transform .65s cubic-bezier(.35,.1,.25,1)}#doorScene.handle-pressed .handle-lever{transform:rotate(-24deg)}
#doorScene.returning .door-leaf{visibility:visible!important;opacity:1;transform:rotateY(-100deg) translateX(-3%);transition:transform 1.55s cubic-bezier(.35,.05,.22,1),opacity .3s;pointer-events:none}#doorScene.returning.door-closing .door-leaf{transform:rotateY(0deg) translateX(0)}#doorScene.returning .door-back{pointer-events:none;opacity:.45}#doorScene.returning .boutique-space{transform:scale(1) translate3d(0,0,0);transition:transform 1.25s cubic-bezier(.3,0,.3,1)}#doorScene.returning #enterDoor{display:none}
/* Real cabinet geometry is in the room image; product layers sit on its shelves. */
.real-watch-wall{left:18.5%;top:22.6%;width:66%;height:21.8%;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);background:transparent;border:0;box-shadow:none;gap:0;padding:0}.cabinet-bay{background:transparent;border:0;box-shadow:none;overflow:visible;align-items:flex-end;padding-bottom:8%}.cabinet-bay img{width:38%;height:61%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(1px 2px 1px #35251424)}.cabinet-bay .watch-cushion{display:none}.cabinet-bay .cabinet-glass{inset:0;background:linear-gradient(110deg,transparent 10%,#ffffff09 40%,transparent 60%);box-shadow:none}.cabinet-label{font-size:clamp(2px,.25vw,4px);bottom:0;padding:0 2px;background:#d2c3a5aa;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:clip}
/* Photographic product detail at a calibrated case-to-cabinet scale. */
#boutiqueSpace{filter:saturate(.72) brightness(.97)}.boutique-photo{filter:saturate(.78) contrast(.93) brightness(1.04)}
#realWatchWall{position:absolute;inset:0;width:100%;height:100%;display:block;border:0;box-shadow:none;background:none;pointer-events:none}
.physical-watch{position:absolute;width:4.492%;height:2.995%;transform:translate(-50%,-50%);isolation:isolate}
.physical-watch .real-case{position:absolute;left:50%;top:50%;width:var(--case-width);height:auto;aspect-ratio:var(--case-ratio);transform:translate(-50%,-50%) rotateY(-9deg);z-index:3;clip-path:polygon(22% 0,78% 0,85% 10%,96% 24%,100% 39%,100% 65%,92% 81%,78% 100%,22% 100%,12% 84%,0 64%,0 36%,10% 16%);filter:drop-shadow(.4px .7px .6px #332b2255);mix-blend-mode:multiply}
.physical-watch.rect-case .real-case{clip-path:inset(0 0 0 0 round 2%)}
.loop-strap{position:absolute;z-index:1;left:50%;width:19%;height:34%;transform:translateX(-50%);background-image:var(--strap-image);background-size:530% auto;background-position:50% 10%;border-radius:48% 48% 12% 12%;box-shadow:inset -1px 0 1px #30291b55;filter:brightness(.83) saturate(.85)}.strap-upper{top:10%;transform:translateX(-50%) perspective(35px) rotateX(34deg)}.strap-lower{bottom:10%;transform:translateX(-50%) perspective(35px) rotateX(-38deg);background-position:50% 88%;border-radius:10% 10% 45% 45%}.leather-strap .loop-strap{background-color:#373027;box-shadow:inset -1px 0 1px #160f0a66}.case-contact{position:absolute;z-index:0;left:31%;top:24%;width:40%;height:54%;background:#30261922;filter:blur(.6px);border-radius:45%;transform:translate(1px,1px)}
/* Cooler daylight fill balances cabinet LEDs without adding a glow. */
.boutique-view:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#c8d8df0a,transparent 62%);pointer-events:none;z-index:2}
/* Keep the jamb and plaster stationary; rotate only the inset wooden leaf. */
#doorScene .door-leaf{clip-path:inset(0 var(--leaf-right-gap,0px) 0 var(--leaf-left,0px));transform-origin:var(--leaf-left,0px) 50%;background:transparent}
.door-surround{position:absolute;inset:0;z-index:3;pointer-events:none}.door-surround>.door-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:79.8% 71.3%;transition:none}
.door-jamb-left{clip-path:inset(0 calc(100% - var(--leaf-left,0px)) 0 0)}.door-jamb-right{clip-path:inset(0 0 0 var(--leaf-right,100%))}
#doorScene.inside-store .door-surround{visibility:hidden}#doorScene.returning .door-surround{visibility:visible}

#doorScene .door-leaf{inset:0 var(--leaf-right-gap,0px) 0 var(--leaf-left,0px);width:auto;clip-path:none;transform-origin:0 50%;overflow:hidden}
#doorScene .door-leaf>.door-background{position:absolute;top:0;left:calc(0px - var(--leaf-left,0px));width:100vw;max-width:none;height:100%;object-fit:cover;object-position:79.8% 71.3%}
#doorScene .door-leaf>.door-hardware{left:calc(var(--pivot-x) - var(--leaf-left,0px))}
#teamViewer.team-viewer{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#242321;color:#fff;overflow:hidden;animation:none;backdrop-filter:none;-webkit-backdrop-filter:none;touch-action:none;overscroll-behavior:none;isolation:isolate}#teamViewer::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.team-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.team-stage:active{cursor:grabbing}.team-page{position:absolute;inset:0;margin:0;overflow:hidden;display:grid;place-items:center;background:#373632;will-change:transform,opacity}.team-page:before{content:"";position:absolute;inset:-35px;background-image:linear-gradient(#17161455,#17161455),var(--photo);background-size:cover;background-position:center;filter:blur(28px);transform:scale(1.07)}.team-page img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none}.team-progress{position:absolute;z-index:5;top:max(18px,env(safe-area-inset-top));left:22px;right:22px;display:flex;gap:6px;pointer-events:none}.team-progress i{height:2px;background:#ffffff40;flex:1;border-radius:4px;transition:background .25s}.team-progress i.active{background:#ffffffe6}.team-exit,.team-next{position:absolute;z-index:6;border:1px solid #ffffff32;border-radius:100px;background:linear-gradient(130deg,#ffffff28,#ffffff0d);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);box-shadow:inset 0 1px 0 #ffffff33,0 4px 20px #0002;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;touch-action:manipulation}.team-exit{top:max(36px,calc(env(safe-area-inset-top) + 18px));right:22px}.team-exit span{font-size:23px;line-height:1;font-weight:200}.team-next{right:22px;bottom:max(28px,calc(env(safe-area-inset-bottom) + 16px));font-size:11px}.team-next span{font-size:22px;line-height:1}.team-exit:active,.team-next:active{background:#ffffff35}.team-caption{position:absolute;z-index:5;left:24px;bottom:max(32px,calc(env(safe-area-inset-bottom) + 20px));display:flex;flex-direction:column;gap:8px;pointer-events:none;text-shadow:0 2px 12px #0009;font-size:12px;letter-spacing:.1em}.team-caption span:last-child{font-size:10px;opacity:.75}.team-caption:before{content:"";position:absolute;inset:-28px -70px -28px -24px;z-index:-1;background:radial-gradient(ellipse at bottom left,#15141155,transparent 75%)}
/* Borderless glass; focus is shown through tone rather than a surrounding ring. */
.glass,.team-exit,#doorScene .door-back,#doorScene .door-enter{border:0!important;outline:0!important;box-shadow:0 8px 24px #17120c20!important}
.glass:before,.glass:after{border:0!important;box-shadow:none!important}.glass:before{display:none!important}.glass:focus-visible,.team-exit:focus-visible{outline:none!important;background-color:#ffffff35!important}
.letter-put-down{margin:16px 0 0 auto;text-align:right;padding:8px 0 4px 20px}
#teamViewer.team-viewer{background:transparent!important;clip-path:none!important;overflow:visible;contain:layout style}
.team-shell{position:absolute;inset:0;background:#292826;overflow:hidden;transform-origin:0 0;backface-visibility:hidden;will-change:transform,opacity;isolation:isolate;border-radius:0}
.team-ui{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:1;transition:opacity .22s ease}.team-ui button{pointer-events:auto}.team-opening .team-ui,.team-closing .team-ui{opacity:0;pointer-events:none}.team-opening .team-ui button,.team-closing .team-ui button{pointer-events:none}
.team-progress{top:auto;bottom:max(22px,calc(env(safe-area-inset-bottom) + 12px));left:24px;right:24px;gap:7px}.team-progress i{height:2px;transition:background .4s ease}.team-caption{bottom:max(48px,calc(env(safe-area-inset-bottom) + 38px))}.team-exit{top:max(22px,calc(env(safe-area-inset-top) + 12px));border:0;box-shadow:0 4px 18px #0002!important}
.team-page{transform:translateZ(0);backface-visibility:hidden;contain:layout paint style}.team-page img{transform:translateZ(0);backface-visibility:hidden}.team-page:before{filter:blur(22px)}
@media(prefers-reduced-motion:reduce){.team-ui{transition:none}}
#watchViewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;margin:0;padding:0;overflow:hidden;background:transparent;animation:none;backdrop-filter:none;-webkit-backdrop-filter:none;overscroll-behavior:none;touch-action:none;isolation:isolate}#watchViewer::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.watch-detail-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,#344039a8,#131814dc 80%);backdrop-filter:blur(15px) saturate(.8);-webkit-backdrop-filter:blur(15px) saturate(.8);opacity:1;transition:opacity .55s ease;pointer-events:none}.watch-opening .watch-detail-backdrop{animation:watchDim .65s ease both}.watch-closing .watch-detail-backdrop{opacity:0}
.watch-flight{position:absolute;perspective:1100px;transform-origin:50% 50%;will-change:transform;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.watch-flight:active{cursor:grabbing}.watch-tilt{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}.watch-front,.watch-depth{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;backface-visibility:hidden}.watch-front{transform:translateZ(3px);filter:drop-shadow(0 15px 18px #0005)}.watch-depth{transform:translateZ(-3px) translateX(1px);filter:brightness(.48);opacity:.7}
.watch-exit{position:absolute;top:max(24px,calc(env(safe-area-inset-top) + 12px));right:24px;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:0;outline:0;border-radius:99px;background:linear-gradient(135deg,#ffffff24,#ffffff0a);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 5px 20px #0002;font-size:12px;color:#f9f5e9;transition:opacity .25s,background .2s;z-index:3}.watch-exit span{font-size:23px;line-height:1;font-weight:200}.watch-exit:focus-visible{outline:0;background:#fff3}.watch-view-caption{position:absolute;bottom:max(36px,calc(env(safe-area-inset-bottom) + 20px));left:24px;right:24px;text-align:center;pointer-events:none;display:flex;flex-direction:column;gap:10px;color:#f4f0e5;font-size:13px;letter-spacing:.08em;transition:opacity .2s}.watch-view-caption small{font-size:10px;color:#d6d9ce99;letter-spacing:.1em}.watch-opening .watch-exit,.watch-opening .watch-view-caption,.watch-closing .watch-exit,.watch-closing .watch-view-caption{opacity:0;pointer-events:none}
@keyframes watchDim{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.watch-detail-backdrop,.watch-tilt{transition:none!important;animation:none!important}}
/* Neutral grey liquid glass, with the light and silhouette depth tied to the dial pivot. */
.watch-detail-backdrop{background:linear-gradient(135deg,#c8ccd083,#7379809c 48%,#a0a5aa99),radial-gradient(ellipse at 45% 35%,#f3f5f62b,transparent 64%);backdrop-filter:blur(28px) saturate(.12) brightness(.95);-webkit-backdrop-filter:blur(28px) saturate(.12) brightness(.95)}
.watch-detail-backdrop:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff24,transparent 37%,#ffffff0c 62%,transparent 79%);pointer-events:none}
.watch-flight{perspective:850px}.watch-tilt{transform-style:preserve-3d;isolation:auto}
.watch-slab{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;backface-visibility:hidden;user-select:none;-webkit-user-select:none;opacity:.95}
.watch-depth{display:none}.watch-front{transform:translateZ(1px)}
.watch-sheen{position:absolute;inset:0;pointer-events:none;transform:translateZ(2px);backface-visibility:hidden;background:linear-gradient(var(--sheen-angle,115deg),transparent 20%,#ffffff08 40%,#ffffffa3 51%,transparent 66%);opacity:var(--sheen-strength,.08);mask-image:var(--watch-mask);mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-image:var(--watch-mask);-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;mix-blend-mode:screen}
.watch-view-caption{color:#fff;text-shadow:0 1px 9px #23262a55}.watch-view-caption small{color:#ffffffb3}.watch-exit{background:linear-gradient(135deg,#ffffff35,#ffffff17);color:#fff}
/* The case is a real depth-tested mesh, not stacked copies of the photograph. */
.watch-mesh{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.watch-tilt.mesh-ready .watch-front{mask-image:radial-gradient(ellipse var(--mesh-rx) var(--mesh-ry) at var(--pivot-x) var(--pivot-y),transparent 98.9%,#000 100%);-webkit-mask-image:radial-gradient(ellipse var(--mesh-rx) var(--mesh-ry) at var(--pivot-x) var(--pivot-y),transparent 98.9%,#000 100%);transform:translateZ(0)}
.watch-drag-hint{position:absolute;z-index:5;bottom:max(94px,calc(env(safe-area-inset-bottom) + 76px));left:50%;transform:translate3d(-50%,8px,0);display:flex;align-items:center;gap:10px;width:max-content;max-width:88vw;padding:11px 18px;border:0;border-radius:100px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 5px 20px #262c3212;color:#fff;text-shadow:0 1px 4px #0002;font-size:12px;letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .35s,transform .55s cubic-bezier(.22,1,.36,1)}.watch-drag-hint>span:first-child{font-size:22px;line-height:1}.watch-drag-hint.hint-shown{opacity:1;transform:translate3d(-50%,0,0)}.watch-closing .watch-drag-hint{opacity:0!important}.watch-view-caption small{font-size:9px}
.case-geometry{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.case-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;backface-visibility:hidden}.case-dial{filter:brightness(.93)}.case-side{position:absolute;left:0;top:0;display:block;backface-visibility:visible;transform-style:preserve-3d}.case-hand-pivot{position:absolute;width:4.4px;height:4.4px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e5e8e9,#686e73 60%,#32373b)}.case-crystal{position:absolute;border-radius:50%;background:linear-gradient(var(--crystal-angle,110deg),transparent 15%,#fff 49%,transparent 76%);opacity:var(--crystal-light,.035);backface-visibility:hidden;pointer-events:none}.case-dial-shadow{position:absolute;border-radius:50%;box-shadow:inset 1px 2px 5px #0007;pointer-events:none;backface-visibility:hidden}
/* Mobile browser chrome, notches and older Chromium/WebKit fallbacks. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior-y:none}
.salon{height:100vh;height:var(--app-height,100vh);min-height:0}
#doorScene,#teamViewer,#watchViewer{height:100vh;height:var(--app-height,100vh);max-height:var(--app-height,100vh)}
button{-webkit-appearance:none;appearance:none;touch-action:manipulation}
#teamStage,#watchFlight{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.watch-flight,.watch-tilt,.case-geometry{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.watch-front,.case-photo{-webkit-backface-visibility:hidden;backface-visibility:hidden}
dialog:not([open]){display:none}.compat-dialog{display:block;position:fixed;z-index:1000;inset:0;margin:auto}.compat-modal-open{overflow:hidden}
.watch-exit,.team-exit{top:24px;right:20px;top:max(24px,calc(env(safe-area-inset-top) + 12px));right:max(20px,env(safe-area-inset-right));min-width:72px;min-height:44px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
.watch-detail-backdrop{background:linear-gradient(135deg,#a5aaafee,#737a81f5)}
.glass,.team-exit,.watch-exit{background:#807567e8}.watch-drag-hint{background:#626b75ed}
}
@media(max-width:420px){header{left:5%;right:5%;top:24px;top:max(24px,env(safe-area-inset-top))}.about-link{font-size:11px;padding:12px 14px}.brand{gap:8px}.brand-type{font-size:15px}.monogram{font-size:36px}.watch-drag-hint{font-size:11px;padding:10px 12px}}
@media(max-height:500px) and (orientation:landscape){.intro{top:29%;left:5%}.intro h1{font-size:32px;line-height:1.3}.intro p{margin-top:16px}.intro .eyebrow{margin-top:14px}header{top:16px}footer{bottom:34px}.watch-view-caption{bottom:12px}.watch-drag-hint{bottom:58px}.team-caption{bottom:42px}.team-progress{bottom:16px}}
@media(prefers-reduced-motion:reduce){.tv-watch img{animation:none!important}}