/* Champagne accents echo the bronze wheel against the dark stage. */
:root{--accent:#d8bb88;--text:#f3f0e9}
.button{background:#d8bb88;color:#211c16}
.button:hover{background:#eddbb9;color:#211c16}
/* A single edge-to-edge camera stage. The wheel is deliberately cropped. */
.experience{height:600svh}.stage{height:100svh;min-height:560px;background:#080b0a;isolation:isolate}
#scene,.is-detail #scene{position:absolute;inset:0;width:100%;height:100%;z-index:1;transition:none}
.stage::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#040706b0,transparent 22%,transparent 47%,#04070626 64%,#040706db 100%)}
.grid,.ghost,.light-horizon,.hero-edition{display:none}
header{height:84px;border-bottom:0;background:linear-gradient(#050806c9,transparent);z-index:6}header .logo{font-size:27px}header nav{font-size:13px}
.intro{z-index:3;left:5%;right:auto;top:auto;bottom:17%;max-width:78%;text-align:left;transition:opacity .28s,transform .5s}
.intro h1{font-size:clamp(46px,6.8vw,110px);font-weight:500;line-height:.99;letter-spacing:-.045em;margin:0;text-shadow:0 3px 45px #0009}
.intro h1 br{display:block}.intro h1 em{color:#ead8b5;margin:0}
.intro .button{position:fixed;right:5%;bottom:127px;min-width:190px;font-size:13px;padding:18px 24px;box-shadow:0 3px 24px #0003}
.scene-note,.is-detail .scene-note{display:flex;z-index:3;top:111px;left:5%;right:auto;bottom:auto;max-width:none;opacity:1;font-size:12px;letter-spacing:2px;color:#d4ded0;text-shadow:0 2px 10px #000}
.scene-note #finish-caption{color:#d4ded0}.scene-note .dot{display:none}
.angle,.is-detail .angle{z-index:3;top:111px;right:5%;bottom:auto;text-align:right;gap:4px}
.angle span{font-size:30px;letter-spacing:-1px}.angle small{font-size:10px;letter-spacing:2px}
.bottom{left:5%;right:5%;height:84px;z-index:4;font-size:11px;letter-spacing:1.5px;border-color:#ffffff30;background:none}
.bottom>span:first-child{max-width:210px;line-height:1.6}.steps button{font-size:13px;min-width:34px;min-height:44px}.steps b{width:26px;background:#ffffff40}
.chapter-copy{left:5%;top:auto;bottom:24%;z-index:3;max-width:60%;transform:translateY(25px)}
.chapter-copy p{font-size:12px;letter-spacing:2px;margin-bottom:20px}.chapter-copy h2{max-width:none;font-size:clamp(40px,5.5vw,88px);line-height:1.01;font-weight:500;letter-spacing:-.04em;margin:0;text-shadow:0 2px 34px #000}
.spec-focus{z-index:3;right:5%;bottom:24%;max-width:35%;text-align:right;gap:8px}
.spec-focus strong{font-size:clamp(60px,8.5vw,138px);font-weight:400;letter-spacing:-.065em;line-height:1.05}.spec-focus>span{font-size:12px;max-width:none;letter-spacing:2px}.spec-focus small{font-size:13px;max-width:260px;margin-left:auto;color:#d3dcd0}
.stage[data-chapter="2"] .spec-focus{bottom:27%}.stage[data-chapter="2"] .chapter-copy{bottom:34%}
.is-detail .intro{opacity:0;visibility:hidden;transform:translateY(-20px)}
.scroll-track{z-index:5}
@media(max-width:1000px){.intro h1{font-size:clamp(46px,7vw,75px)}.intro .button{position:static;min-width:0;display:inline-flex;margin-top:25px}.chapter-copy{bottom:31%;max-width:75%}.chapter-copy h2{font-size:52px}.spec-focus{bottom:17%;max-width:55%}.spec-focus strong{font-size:80px}.stage[data-chapter="2"] .spec-focus{bottom:24%}.stage[data-chapter="2"] .chapter-copy{bottom:38%}}
@media(max-width:600px){.experience{height:570svh}.stage{height:100svh;min-height:600px}#scene,.is-detail #scene{inset:0;width:100%;height:100%}header{height:72px}.intro{left:6%;bottom:19%;max-width:88%}.intro h1{font-size:clamp(42px,11vw,64px);line-height:1.01;letter-spacing:-.045em}.intro .button{margin-top:23px;font-size:12px;padding:15px 19px}.scene-note,.is-detail .scene-note{left:6%;top:92px;font-size:9px;letter-spacing:1.3px}.angle,.is-detail .angle{top:90px;right:6%}.angle span{font-size:23px}.angle small{display:none}.bottom{left:6%;right:6%;height:82px;gap:15px}.bottom>span:first-child{font-size:9px;max-width:115px}.steps{gap:1px}.steps b{width:8px}.steps button{min-width:23px;min-height:44px;font-size:12px}.chapter-copy{left:6%;bottom:35%;max-width:86%}.chapter-copy p{font-size:10px;letter-spacing:1.3px;margin-bottom:15px}.chapter-copy h2{font-size:clamp(36px,9.8vw,54px);line-height:1.02;letter-spacing:-.035em}.spec-focus{right:6%;bottom:16%;max-width:80%;gap:8px}.spec-focus strong{font-size:clamp(48px,15vw,78px)}.spec-focus>span{font-size:10px;max-width:none;letter-spacing:1px}.spec-focus small{display:none}.stage[data-chapter="2"] .spec-focus{bottom:24%}.stage[data-chapter="2"] .chapter-copy{bottom:42%}.spec-strip{position:relative;z-index:2}}
@media(prefers-reduced-motion:reduce){.intro,.chapter-copy{transition:none;transform:none}}

/* Dark studio collection, preserving the metallic highlights. */
.collection{background:#191d1e;color:#f3f0e9;padding:64px 6% 80px}
.collection-head .eyebrow{color:#d8bb88;font-size:14px}
.collection-head h2{color:#f3f0e9;font-size:clamp(44px,5.4vw,78px);letter-spacing:-.045em;line-height:1.04}
.collection-head h2 span{color:#cfcbc2}
.collection-head>p:last-child{position:static;color:#e3e1da;font-size:16px;line-height:1.6;margin-top:24px}
.collection-grid{gap:32px;border:0;margin-top:54px}
.collection .design-card{color:#f3f0e9;border:0;padding:0;background:transparent;margin:0}
.collection .card-no{color:#d8bb88;font-size:14px;letter-spacing:1.5px;padding-top:20px;border-top:1px solid #ffffff20}
.collection .card-spec{color:#b8bfbb;font-size:14px;margin-top:10px}
.collection-note{color:#b8bfbb;font-size:14px;line-height:1.7;margin:40px 0 0}
.collection .design-card img{aspect-ratio:1;object-fit:contain;background:transparent;padding:0;margin:26px 0;box-sizing:border-box;max-width:none;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect;transition:transform .4s ease}
.collection .design-card:hover img{transform:translateY(-4px)}
.collection .card-name,.collection .card-name>span{color:#f3f0e9;font-size:clamp(18px,1.7vw,25px);line-height:1.3}
@media(max-width:600px){.collection{padding:60px 6%}.collection-grid{gap:38px;margin-top:54px}.collection .design-card img{max-width:400px;align-self:center}.collection .card-name{font-size:23px}.collection-note{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.collection .design-card:hover img{transform:none}}
.logo{text-transform:none;letter-spacing:-.045em}
header .gold-wordmark{display:inline-block;position:relative;font-weight:800;color:#e4c184;background:linear-gradient(115deg,#ac773d 0%,#f5dfad 16%,#c99a55 32%,#f9e8c5 45%,#fff8e7 49%,#f9e8c5 53%,#b88140 67%,#ead09a 84%,#ac773d 100%);background-size:250% 100%;background-position:100% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 9px #d9a95b25);animation:gold-sweep 7s ease-in-out infinite}
header .logo:hover .gold-wordmark{filter:drop-shadow(0 0 12px #e8bd7655)}
@keyframes gold-sweep{0%,18%{background-position:100% 50%}70%,100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){header .gold-wordmark{animation:none;background-position:45% 50%}}
@media(forced-colors:active){header .gold-wordmark{background:none;-webkit-text-fill-color:LinkText;filter:none}}
.design-card{cursor:default;display:flex;flex-direction:column;text-align:left}
.design-card:hover{transform:none;background:transparent}
.design-card:hover img{transform:none}
.scene-note>span:last-child{color:#d4ded0}
@media(max-width:600px){header .logo{font-size:27px}.navcta span{margin-left:12px}.stage[data-chapter="2"] .chapter-copy{bottom:38%}.stage[data-chapter="2"] .spec-focus{bottom:18%}}
.collection a.design-card{cursor:pointer;text-decoration:none}.collection a.design-card:focus-visible{outline:2px solid #d8bb88;outline-offset:8px}.collection a.design-card:hover .card-no{color:#f1dbb2}