:root{--surface:linear-gradient(135deg,#f3e7ff0f,#e2d0f704 50%,#e3aeb409);--glass-edge:#ead5ff28;--glass-shadow:inset 0 1px 1px #fff2,inset 0 -1px #ffffff05,0 12px 32px #0003}
.masthead{background:linear-gradient(120deg,#ffffff05,#ffffff01);border-color:#ffffff16;box-shadow:inset 0 1px #ffffff08,0 12px 30px #0002;padding:15px 22px;border-radius:25px}.wordmark{padding:10px 8px;border-radius:12px;transition:background .3s,transform .3s var(--ease)}.wordmark:hover{background:#ffffff06}.wordmark:active{transform:scale(.98)}
.hero{grid-template-columns:1fr 1.12fr;gap:clamp(28px,4vw,85px);padding-top:50px;padding-bottom:45px;perspective:1800px;overflow:visible}.intro{padding:clamp(25px,3vw,52px);background:var(--surface);border:1px solid var(--glass-edge);border-radius:28px;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%);box-shadow:var(--glass-shadow),0 28px 75px #0003;transform-style:preserve-3d}.intro .eyebrow{margin-bottom:27px}h1{font-size:clamp(4rem,6.8vw,9rem);margin-bottom:29px;line-height:1;letter-spacing:-.06em}.description{line-height:1.8}.actions{gap:15px}.status{margin-top:22px}
.primary,.film-button,.header-nav .social,.header-nav .story-link,footer nav a,#close-film{background:linear-gradient(135deg,#ffffff17,#ffffff05);border:1px solid #efdcff36;color:#f4ecfa;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);box-shadow:inset 0 1px 1px #fff2,inset 0 -2px 3px #ffffff03,0 5px 0 #07050b36,0 12px 25px #0003;border-radius:14px;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s,border-color .3s,color .3s}
.primary{min-height:55px;padding:17px 21px;gap:19px;background:linear-gradient(135deg,#caa5ed25,#f0dfff0a 70%,#be789415);border-color:#e1c2f75c}.primary:hover,.film-button:hover,.header-nav .social:hover,.header-nav .story-link:hover,footer nav a:hover,#close-film:hover{transform:translateY(-3px);background:linear-gradient(130deg,#ead7ff25,#ffffff0b);border-color:#efdcff65;color:#fff;box-shadow:inset 0 1px #ffffff36,0 7px 0 #08050c24,0 16px 32px #341a4550}.primary:active,.film-button:active,.header-nav .social:active,.header-nav .story-link:active,footer nav a:active,#close-film:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 1px #fff2,0 2px 8px #0003}.primary::after{opacity:.35}.film-button{padding:12px 16px;min-height:55px;gap:9px}.play{width:24px;height:24px;box-shadow:none;border:0;background:none;font-size:22px}.film-button:hover .play{background:none;transform:none}.header-nav{gap:12px}.header-nav .story-link,.header-nav .social{padding:12px 17px;min-height:45px;font-size:.875rem}.story-link::after{display:none}.social span{margin-left:10px}
.product{padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;perspective:1500px}.product-top{width:calc(100% - 20px);margin:0 auto;padding:16px 20px;border:1px solid var(--glass-edge);border-radius:18px;background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--glass-shadow);transform:none}.image-stage{margin:24px 0 18px;min-height:390px}.garment-float{animation-duration:8s}.image-stage img{max-height:650px;filter:brightness(1.29) drop-shadow(16px 30px 28px #0009)}.depth-ring{inset:13% 1% 4%;border-color:#d0a8e333;box-shadow:0 0 50px #84519b0d,inset 0 0 50px #752b5010}.vertical-note{right:7px;color:#bbaac9}.ground-shadow{left:19%;right:19%;bottom:-6px;filter:blur(20px)}.product-bottom{padding:17px 20px;border:1px solid var(--glass-edge);border-radius:20px;background:var(--surface);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:var(--glass-shadow);margin-inline:10px}
.view-controls{background:#ffffff03;border-color:#ecd7ff2c;box-shadow:inset 0 1px #ffffff0d,0 7px 20px #0002}.view-controls::before{background:linear-gradient(145deg,#e5d2ff29,#ffffff0a);border:1px solid #e5c8ff3b;box-shadow:inset 0 1px #ffffff38,0 5px 12px #0003}.view-controls button{color:#ad9cbf}.view-controls button[aria-pressed=true]{color:#fff3ff;text-shadow:0 0 15px #e0b8f530}.view-controls button:hover{color:#f5e8ff;background:#ffffff03}
.details{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;gap:16px;align-items:stretch}.details p,.details p+p{border:1px solid #dfc7f324;background:var(--surface);border-radius:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff0b,0 9px 25px #0002;padding:22px 24px}.details span{color:#c2a0d7}.our-story{margin-top:26px;background:linear-gradient(125deg,#ffffff0b,#ffffff03 50%,#c095b707);border-color:#e6cff72b;box-shadow:var(--glass-shadow),0 25px 60px #0002;border-radius:26px}.story-copy p{color:#d0c5d8}.story-copy p+p{color:#b9acc4}footer nav{gap:12px}footer nav a{display:inline-flex;align-items:center;min-height:44px;padding:11px 16px;font-size:.875rem}#close-film{border-radius:12px}
@media(min-width:2000px){.hero{padding-block:85px}.image-stage img{max-height:960px}.intro{padding:52px}.description{font-size:1.125rem}.image-stage{margin-block:35px}.primary,.film-button{min-height:65px;padding:20px 25px}.product-top,.product-bottom{padding:23px 28px}.details p{padding:28px 32px}}
@media(max-width:1000px){.hero{gap:25px}.intro{padding:25px}h1{font-size:clamp(3.5rem,6.8vw,5rem)}.product-top{padding:14px;font-size:.75rem;letter-spacing:.02em}.product-bottom{padding:14px;margin-inline:0}.product-bottom p{font-size:.75rem}.details p,.details p+p{padding:20px 15px}.header-nav .social,.header-nav .story-link{padding:11px 14px}.masthead{padding:13px 16px}.primary,.film-button{font-size:.875rem}}
@media(max-width:720px){.hero{grid-template-columns:1fr;gap:38px;padding:30px 5vw}.intro{padding:28px;max-width:none;border-radius:24px}h1{font-size:clamp(3.75rem,13.5vw,6rem)}.description{max-width:100%}.product-top{padding:16px 18px;letter-spacing:.06em}.image-stage{min-height:0;margin:25px 0 20px}.image-stage img{max-height:620px}.product-bottom{padding:17px 18px}.details{gap:12px}.details p,.details p+p{padding:18px 22px}.our-story{padding:30px 27px;border-radius:24px}.vertical-note{right:0;letter-spacing:.1em}footer{align-items:flex-start}footer nav{flex-wrap:wrap;justify-content:flex-end;gap:8px}footer nav a{padding:9px 12px}.masthead{border-radius:20px}.header-nav .story-link,.header-nav .social{min-height:44px}.header-nav{gap:12px}}
@media(max-width:520px){.header-nav{justify-content:flex-start;gap:10px;border-top:0;padding-top:0}.header-nav .social,.header-nav .story-link{background:linear-gradient(135deg,#ffffff17,#ffffff05);border:1px solid #efdcff36;padding:11px 16px}.masthead{gap:10px}.wordmark{padding:5px 0}.intro{padding:24px}.actions{gap:12px}.primary,.film-button{font-size:.875rem;min-height:53px}.product-top{width:100%}.product-bottom{gap:9px}.view-controls button{min-width:57px}}
@media(max-width:380px){h1{font-size:3.4rem}.intro{padding:22px 20px}.product-top{padding:14px 12px;letter-spacing:0}.product-bottom{padding:14px 12px}.our-story{padding:27px 22px}.header-nav .social,.header-nav .story-link{padding:10px 14px}.primary{padding:16px 17px}}
@supports not (backdrop-filter:blur(1px)){.intro,.product-top,.product-bottom,.details p,.our-story{background:#18121fea}.primary,.film-button,.header-nav .social,.header-nav .story-link,footer nav a{background:#292132}}
@media(prefers-reduced-motion:reduce){.primary:hover,.primary:active,.film-button:hover,.film-button:active,.header-nav .social:hover,.header-nav .social:active,.header-nav .story-link:hover,.header-nav .story-link:active,footer nav a:hover,footer nav a:active,#close-film:hover,#close-film:active{transform:none}*,*::before,*::after{animation:none!important;transition:none!important}}