:root{color-scheme:dark;--gold:#e4bb70;--white:#f2f1ec;--muted:#96979d;--progress:0;--reveal:0;--hero-opacity:1;--title-out:0;--reveal-opacity:0;--pod-x:66%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#08090b;color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}button{border:0}::selection{background:#d3ae69;color:#111}button:disabled{cursor:default}svg{display:block}img{display:block;max-width:100%}
.site-header{height:105px;padding:0 4.4%;position:absolute;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0b}.brand{display:flex;gap:16px;align-items:center;font-size:16px;letter-spacing:4px;font-weight:500}.brand svg{width:39px;height:38px;fill:none;stroke:var(--gold);stroke-width:3}.brand-of{font-size:12px;letter-spacing:2px}.site-header nav{display:flex;align-items:center;gap:42px;font-size:12px;letter-spacing:.4px}.work-link span{color:var(--gold);padding-left:8px}.quote-link{display:inline-flex;align-items:center;justify-content:center;gap:29px;padding:15px 22px;border:1px solid #d4b77999;border-radius:2px;transition:background .25s,color .25s}.quote-link:hover{background:var(--gold);color:#111}.quote-link span{color:var(--gold);font-size:18px}.quote-link:hover span{color:#111}
.experience{height:270svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:570px;overflow:hidden;isolation:isolate;background:#08090b}.environment{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 73% 35%,#2b255223,transparent 40%),radial-gradient(ellipse at 62% 65%,#74512918,transparent 31%),linear-gradient(110deg,#08090b 15%,#0d0f14 64%,#08090b);z-index:-2}.environment:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090b66 0%,transparent 40%),linear-gradient(0deg,#08090b 0%,transparent 15%);pointer-events:none}.light-column{position:absolute;top:0;bottom:21%;border-left:1px solid #f1d69c18;background:linear-gradient(90deg,#0008,transparent 20%,#c0a77006);width:110px;transform:skewY(-8deg);box-shadow:-10px 0 50px #0004}.light-column-one{left:47%;opacity:.4}.light-column-two{right:12%;width:140px;border-right:2px solid #e0b87840}.light-column-three{right:2%;width:40px;border-right:1px solid #e0b87822}.horizon{position:absolute;top:72%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 24%,#bc8b3f33 55%,#9e7c5822)}.floor{position:absolute;inset:72% -60% -70%;background:radial-gradient(ellipse at 62% 0%,#e6a64221,transparent 26%),radial-gradient(ellipse at 72% 0%,#6a43f829,transparent 20%),repeating-linear-gradient(0deg,transparent 0 89px,#99959e09 90px 91px),repeating-linear-gradient(90deg,transparent 0 179px,#b7b8c509 180px 181px);transform:perspective(480px) rotateX(55deg);transform-origin:top center}.floor:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#08090b 65%)}
#scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.scene-fallback{display:none;position:absolute;left:47%;right:9%;top:20%;filter:drop-shadow(0 0 22px #dba64c44)}.webgl-failed .scene-fallback{display:block}.hero-copy{position:absolute;z-index:3;top:31%;left:6.3%;max-width:44%;opacity:var(--hero-opacity);transform:translateY(calc(var(--title-out) * -28px));pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--gold);font-weight:500;line-height:1.6;margin:0 0 27px;display:flex;align-items:center;gap:10px}.live-dot{height:4px;width:4px;background:var(--gold);border-radius:50%;box-shadow:0 0 9px var(--gold)}h1{font-size:clamp(40px,4.65vw,82px);font-weight:300;line-height:1.13;letter-spacing:.045em;margin:0 0 26px}h1 span{font-weight:500;color:#f4f1e8}h1,h2{font-family:Arial,Helvetica,sans-serif}.intro{font-size:14px;line-height:1.9;letter-spacing:.5px;color:#b0afb3;margin:0 0 33px}.text-link{background:none;border:0;border-bottom:1px solid #b8976266;padding:0 0 10px;display:inline-flex;align-items:center;gap:35px;font-size:12px;letter-spacing:.25px}.text-link span{font-size:19px;color:var(--gold);transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.reveal-copy{position:absolute;top:32%;left:6.3%;z-index:4;opacity:var(--reveal-opacity);transform:translateY(calc((1 - var(--reveal-opacity)) * 25px));pointer-events:none}.reveal-copy h2{font-size:clamp(42px,5vw,80px);font-weight:300;letter-spacing:.01em;line-height:1.05;margin:0 0 27px}.reveal-copy h2 span{color:var(--gold)}.is-revealed .reveal-copy{pointer-events:auto}.is-revealed .hero-copy{pointer-events:none}
.stage-bottom{position:absolute;bottom:47px;left:6.3%;right:4.4%;z-index:10;display:flex;justify-content:space-between;align-items:center}.stage-status{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1.8px;color:#a1a1a7;width:210px}.stage-status>span:first-child{color:var(--gold);font-size:13px}.status-line{display:block;width:30px;height:1px;background:#9c8055}.scroll-cue{display:flex;align-items:center;gap:14px;background:none;padding:10px;font-size:10px;letter-spacing:2.4px}.scroll-arrow{font-size:24px;font-weight:200;color:var(--gold);animation:scroll-nudge 2s ease-in-out infinite}.stage-controls{display:flex;gap:19px;align-items:center}.stage-controls button{font-size:10px;letter-spacing:.4px;background:none;color:#929298;padding:8px 0}.stage-controls button:hover{color:var(--gold)}.stage-controls #replay{color:#ddd8cd}.stage-controls #replay span{font-size:15px;margin-left:6px}.progress-track{position:absolute;left:0;bottom:0;right:0;height:2px;background:#ffffff0b;z-index:10}.progress-track span{height:2px;display:block;width:calc(var(--progress)*100%);background:linear-gradient(90deg,#69532e,#f1cf91);box-shadow:0 0 12px #e4bb70}.demo-stamp{position:absolute;right:4.4%;top:128px;font-size:8px;letter-spacing:1.7px;color:#77767e}.product-orbit{position:absolute;inset:0;z-index:5;pointer-events:none}.floating-product{position:absolute;will-change:transform,opacity;opacity:0;filter:none}.product-shadow{filter:drop-shadow(0 18px 15px #0009);transform:translateZ(0)}.floating-product img{width:100%;height:auto}.product-shirt{left:48%;top:8%;width:min(27vw,350px);--dx:-70px;--dy:160px;--angle:-8deg;--reveal-delay:0}.product-banner{left:72%;top:12%;width:min(26vw,350px);--dx:-140px;--dy:155px;--angle:5deg;--reveal-delay:.12}.product-cap{left:48%;top:46%;width:min(18vw,240px);--dx:40px;--dy:110px;--angle:-13deg;--reveal-delay:.23}.shirt-cutout{clip-path:polygon(0 29%,9%24%,27%20.5%,40%19.7%,46%18.2%,56%18.1%,64%20.4%,73%21.3%,100%28.5%,100%49.9%,91.4%49.7%,91.4%71.6%,86%74.2%,70%78.4%,53%79%,14.3%77.2%,15.6%46.8%,2.2%47.9%,0 44%)}.banner-cutout{clip-path:polygon(28%16%,66%9.4%,66%10.8%,65%11.2%,58.5%82.7%,58%85.7%,46%82.5%,42.4%85%,41%85%,43%81.5%,37.5%79.8%,33%81%,31.5%80.5%,34.5%78.5%,29.5%75.1%,29.5%73%,28.5%18%)}.cap-cutout{clip-path:polygon(0 56%,2%54%,4%34%,7%25%,16%17%,30%11%,47%8.3%,52%7.5%,67%10.5%,82%16%,91%22%,100%32%,100%93%,94%94%,85%93%,65%88.5%,37%85%,18%84%,0 85.5%)}.product-tag{display:flex;justify-content:center;align-items:center;gap:7px;font-size:8px;letter-spacing:1.7px;color:#c4bfba;white-space:nowrap;margin-top:-16%}.product-tag i{display:block;width:4px;height:4px;background:var(--gold);border-radius:50%}.product-banner .product-tag{margin-top:-10%}.product-cap .product-tag{margin-top:-1%}
.collection{position:relative;padding:105px 6.3% 75px;background:#101113;z-index:2;border-top:1px solid #d6ba7a18}.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px;gap:35px}.collection-heading .eyebrow{font-size:9px;margin-bottom:20px}.collection h2{font-size:clamp(42px,4.8vw,72px);font-weight:400;line-height:1.03;letter-spacing:-2px;margin:0}.collection h2 span{color:var(--gold)}.collection-heading>p{font-size:13px;line-height:1.9;letter-spacing:.3px;color:#a3a3aa;margin:0 0 5px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.product-card{display:block;min-width:0;text-align:left;padding:0;background:none}.photo-wrap{display:block;position:relative;overflow:hidden;background:#242629;aspect-ratio:3/4;border:1px solid #ffffff0c}.photo-wrap>img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s;filter:saturate(.82)}.product-card:hover img,.product-card:focus-visible img{transform:scale(1.045);filter:saturate(1)}.photo-note{position:absolute;left:12px;bottom:12px;font-size:7px;letter-spacing:1.5px;background:#08090bbd;padding:7px 9px;color:#e4d8c4;border:1px solid #ffffff25;backdrop-filter:blur(7px)}.card-caption{padding:22px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;gap:8px}.card-caption small{display:block;font-size:7px;letter-spacing:1.7px;color:#8d8c93;margin-bottom:9px}.card-caption strong{font-weight:400;font-size:16px}.card-arrow{color:var(--gold);font-size:20px;padding-right:2px}.collection-foot{display:flex;justify-content:space-between;align-items:center;padding-top:40px;gap:24px}.collection-foot p{font-size:11px;color:#898990;letter-spacing:.3px}.collection-foot .text-link{font-size:11px}footer{display:flex;gap:28px;justify-content:space-between;align-items:center;padding:38px 6.3%;font-size:10px;color:#888890}.footer-brand{color:#ddd9ce;letter-spacing:2px;font-size:11px}footer>span{font-size:7px;letter-spacing:1.5px}footer a:hover{color:var(--gold)}
dialog{max-width:860px;width:calc(100% - 48px);padding:0;background:#151619;color:var(--white);border:1px solid #d1b47b55;border-radius:3px;overflow:auto;max-height:85svh}dialog[open]{display:grid;grid-template-columns:1fr 1fr}dialog::backdrop{background:#020305db;backdrop-filter:blur(12px)}#dialog-image{width:100%;height:100%;min-height:460px;max-height:70svh;object-fit:cover}.dialog-copy{padding:65px 35px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.dialog-copy .eyebrow{font-size:8px;margin-bottom:22px;letter-spacing:1.6px}.dialog-copy h2{font-size:36px;line-height:1.1;font-weight:400;margin:0 0 18px}.dialog-copy>p:not(.eyebrow){font-size:13px;color:#b3b3bb;line-height:1.8;margin-bottom:30px}.dialog-copy .quote-link{font-size:12px}.dialog-copy small{font-size:9px;color:#7f7f87;margin-top:26px}.close-dialog{position:absolute;right:12px;top:12px;border:1px solid #ffffff26;background:#101115de;width:34px;height:34px;font-size:25px;line-height:1;z-index:2}.close-dialog:hover{color:var(--gold)}body.dialog-open{overflow:hidden}.motion-paused .scroll-arrow{animation:none}
.pod-trigger{position:absolute;z-index:2;left:49%;top:14%;width:38%;height:55%;background:transparent;cursor:pointer;clip-path:polygon(50% 0,100% 100%,0 100%)}.is-revealed .pod-trigger{pointer-events:none}.pod-trigger:focus-visible{background:#e4bb7009;outline:2px solid var(--gold);clip-path:none}.pod-trigger:hover{background:radial-gradient(ellipse at center,#e4bb7004,transparent 70%)}
@media(max-width:700px){.pod-trigger{left:20%;top:48%;width:65%;height:32%}}
@keyframes scroll-nudge{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@media(min-width:1600px){.hero-copy,.reveal-copy{top:33%}.intro{font-size:17px}.eyebrow{font-size:11px}.text-link{font-size:14px}.stage-bottom{bottom:60px}}
@media(max-width:1000px){.brand{font-size:13px;letter-spacing:2.3px;gap:12px}.site-header nav{gap:24px}.brand svg{width:33px}.stage-status{width:150px;font-size:8px;gap:9px}.hero-copy{max-width:48%}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.intro{font-size:12px}.stage-controls{gap:12px}.stage-controls button{font-size:9px}.scroll-cue{font-size:8px;letter-spacing:1.6px}.collection{padding-top:80px}.product-grid{gap:15px}.card-caption strong{font-size:14px}.card-caption small{font-size:6px;letter-spacing:1px}.product-shirt{left:47%;top:17%}.product-banner{left:70%;top:23%}.product-cap{left:49%;top:48%}.product-tag{font-size:6px;letter-spacing:1.2px}.collection-heading>p{font-size:11px}footer{flex-wrap:wrap;font-size:9px}}
@media(max-width:700px){.site-header{height:80px;padding:0 6%}.brand{font-size:11px;letter-spacing:1.7px;gap:9px}.brand-of{font-size:8px;letter-spacing:1px}.brand svg{width:28px;height:30px}.work-link{display:none}.site-header nav{font-size:9px}.quote-link{padding:10px 12px;gap:13px}.quote-link span{font-size:15px}.experience{height:250svh}.stage{min-height:620px}.hero-copy{top:19%;left:7%;max-width:90%}.hero-copy .eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:16px}h1{font-size:clamp(34px,8.3vw,57px);line-height:1.12;margin-bottom:17px;letter-spacing:.04em}.intro{font-size:11px;line-height:1.7;margin-bottom:20px}.hero-copy .text-link{font-size:10px;gap:22px;padding-bottom:7px}.hero-copy .text-link span{font-size:16px}.light-column-one{left:8%}.light-column-two{right:5%;width:23%;opacity:.8}.horizon{top:81%}.floor{inset:81% -100% -65%}.demo-stamp{top:99px;right:6%;font-size:6px;letter-spacing:1.3px}.stage-bottom{bottom:29px;left:7%;right:7%;align-items:flex-end}.stage-status{position:absolute;bottom:39px;left:0;width:auto;font-size:7px;gap:8px}.stage-status>span:first-child{font-size:10px}.status-line{width:20px}.scroll-cue{padding:4px 0;font-size:7px;letter-spacing:1.4px;gap:7px}.scroll-arrow{font-size:20px}.stage-controls{gap:15px}.stage-controls button{font-size:8px}.stage-controls #replay span{font-size:13px}.reveal-copy{top:19%;left:7%}.reveal-copy .eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:16px}.reveal-copy h2{font-size:43px;line-height:1.03;margin-bottom:18px}.reveal-copy .text-link{font-size:10px;gap:20px}.product-shirt{left:18%;top:37%;width:48vw;max-width:240px}.product-banner{left:55%;top:36%;width:46vw;max-width:230px}.product-cap{left:14%;top:61%;width:32vw;max-width:158px}.product-tag{font-size:5px;letter-spacing:1px}.collection{padding:67px 7% 45px}.collection-heading{display:block;margin-bottom:32px}.collection h2{font-size:46px;letter-spacing:-1.4px}.collection-heading>p{font-size:11px;margin-top:24px}.collection-heading .eyebrow{font-size:7px;margin-bottom:18px;letter-spacing:1.7px}.product-grid{grid-template-columns:1fr 1fr;gap:28px 15px}.card-caption{padding:16px 0}.card-caption strong{font-size:13px}.card-caption small{font-size:5px;letter-spacing:.7px}.card-arrow{font-size:16px}.photo-note{font-size:5px;left:8px;bottom:8px;letter-spacing:1px;padding:5px 6px}.collection-foot{display:block;padding-top:28px}.collection-foot p{font-size:10px;margin-bottom:23px}footer{padding:30px 7%;display:grid;grid-template-columns:1fr 1fr;gap:16px;font-size:8px}footer p{margin:0;line-height:1.5}.footer-brand{font-size:8px;letter-spacing:1.1px}footer>span{font-size:5px;letter-spacing:1px}dialog[open]{grid-template-columns:1fr}dialog{width:calc(100% - 36px)}#dialog-image{height:40svh;min-height:240px;max-height:350px}.dialog-copy{padding:28px}.dialog-copy h2{font-size:28px}.dialog-copy .eyebrow{margin-bottom:14px}.dialog-copy>p:not(.eyebrow){font-size:12px;margin-bottom:20px}.scene-fallback{left:22%;right:22%;top:50%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-arrow{animation:none}.photo-wrap>img,.text-link span{transition:none}}
