/* Light fields belong to the space around the garments. */
:root{--scene-x:0;--scene-y:0;--scene-progress:0}
.hero,.gallery,.field-note,.closing,.construction,.light-studio,.study-sticky,#productDialog{isolation:isolate}
.hero,.gallery,.construction,.light-studio,.closing{position:relative}
.hero{background:radial-gradient(ellipse at 92% 2%,#a6b7d8 0,transparent 49%),radial-gradient(ellipse at 2% 58%,#ece8df 0,transparent 60%),linear-gradient(118deg,#f9fafb 12%,#e4e9f1 52%,#d8e1ed)}
.hero:before,.gallery:before,.construction:before,.light-studio:before,.closing:before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:-20%;transform:translate3d(calc(var(--scene-x)*16px),calc(var(--scene-y)*9px + var(--scene-progress)*24px),0);will-change:transform}
.hero:before{background:linear-gradient(116deg,transparent 32%,#ffffff00 38%,#fff9 43%,#c3d4ef55 49%,transparent 54%),radial-gradient(ellipse at 76% 45%,#edf7ff 0,transparent 49%);transform:translate3d(calc(var(--scene-x)*22px),calc(var(--scene-progress)*-35px),0) rotate(-8deg)}
.hero-head h1{color:#687a9f40;text-shadow:0 1px 0 #ffffff50;mix-blend-mode:multiply}
.field-note{background:radial-gradient(ellipse at 52% 100%,#dbe4f1,transparent 62%),linear-gradient(125deg,#f0eee8,#f9faf9 54%,#e4e9f0)}
.note-product{background:radial-gradient(ellipse at 50% 10%,#f4f9ff 0,#7d96c4 50%,#455778 100%);box-shadow:inset 0 1px 2px #fff,0 10px 24px #283e611c}
.study,.study-sticky{background:radial-gradient(ellipse at 88% 28%,#f5f2e5 0,transparent 55%),radial-gradient(ellipse at 16% 82%,#7595ca 0,transparent 67%),linear-gradient(123deg,#c3d2e8,#e9eef5 65%,#bbc8dc)}
.construction{background:radial-gradient(ellipse at 82% 45%,#354d75 0,transparent 45%),radial-gradient(ellipse at 16% 74%,#232b3c 0,transparent 58%),linear-gradient(117deg,#0b111d,#151f31 63%,#0e1728);color:#f6f5f0}
.construction:before{background:linear-gradient(113deg,transparent 34%,#bfdbff02 38%,#a6c6fa2e 46%,#e2efff4a 47%,#608ac91c 49%,transparent 57%);transform:translate3d(calc(var(--scene-x)*25px),calc(var(--scene-progress)*80px),0) rotate(-12deg);filter:blur(12px)}
.construction:after,.gallery:after,.light-studio:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23g)' d='M0 0h180v180H0z' opacity='.25'/%3E%3C/svg%3E")}
.construction .story-heading{padding-top:45px}.construction .story-heading h2{font-family:'Archivo',Impact,sans-serif;font-size:clamp(42px,7vw,104px);font-weight:800;letter-spacing:-.055em;line-height:.96}
.construction .story-heading>p:last-child{opacity:1;color:#bac8dc}
.construction .construction-legend{opacity:1;color:#b8c7dc}
.construction .story-controls{border:1px solid #edf4ff2c;background:#111b2b9c;backdrop-filter:blur(24px);border-radius:40px;padding:7px 20px 7px 7px}
.construction .story-controls>button{background:#eef3ff;color:#172135;border-color:#fff;font-weight:600}
.construction .story-controls input{accent-color:#b8cbff}
.gallery{--gallery-rgb:58 79 145;background:radial-gradient(ellipse at 56% 45%,rgb(var(--gallery-rgb)/.36),transparent 65%),radial-gradient(ellipse at 9% 88%,#78604640,transparent 55%),linear-gradient(117deg,#0c1119,#18212c 57%,#0c131c);color:#f3f0e9}
.gallery:before{background:radial-gradient(ellipse 54% 13% at 50% 79%,#b6c9df14,transparent 75%),linear-gradient(117deg,transparent 22%,#ddb88905 32%,#e6c9a416 38%,transparent 53%);transform:translate3d(calc(var(--scene-x)*-18px),calc(var(--scene-progress)*25px),0);filter:blur(18px)}
.gallery-ground{display:none}
.light-studio{background:radial-gradient(ellipse at 80% 24%,#fff7e3,transparent 54%),radial-gradient(ellipse at 5% 83%,#8aa8d0,transparent 64%),linear-gradient(125deg,#d8e2ed,#eff2f5);transition:background 900ms,color 600ms}
.light-studio[data-mode="1"]{background:radial-gradient(ellipse at 78% 26%,#7087b5 0,transparent 44%),radial-gradient(ellipse at 5% 74%,#154a82 0,transparent 58%),linear-gradient(123deg,#0c1630,#1f3355 72%,#384a66)}
.light-studio[data-mode="2"]{background:radial-gradient(ellipse at 83% 38%,#c48756 0,transparent 39%),radial-gradient(ellipse at 12% 74%,#3c536a 0,transparent 58%),linear-gradient(114deg,#151921,#322821 72%,#81614a)}
.light-studio:before{background:linear-gradient(105deg,transparent 24%,#fff2 37%,#ffffff5c 42%,#fff1 46%,transparent 58%);filter:blur(13px);transform:translate3d(calc(var(--scene-x)*30px),calc(var(--scene-progress)*-50px),0) rotate(-14deg)}
.light-studio .story-heading>p:last-child{opacity:.85}.light-studio .story-heading h2{font-family:'Archivo',Impact,sans-serif;letter-spacing:-.05em}
.closing{background:radial-gradient(ellipse at 10% 8%,#eef7ff 0,transparent 42%),radial-gradient(ellipse at 87% 64%,#9fb7d8 0,transparent 56%),linear-gradient(112deg,#e4e7ea,#c6d5ea)}
.closing:before{background:linear-gradient(125deg,transparent 35%,#ffffffb0 49%,transparent 63%);transform:translate3d(calc(var(--scene-x)*20px),0,0)}
#productDialog{background:radial-gradient(ellipse at 14% 10%,#fff9ed 0,transparent 46%),radial-gradient(ellipse at 78% 78%,#92aacd 0,transparent 66%),linear-gradient(120deg,#dce5ed,#e8edf2 52%,#c9d5e4)}
#productDialog .product-info{background:#f5f7facf;border-color:#fff9;box-shadow:0 24px 65px #324a6f1c,inset 0 1px 0 #fff}
@media(max-width:600px){.construction .story-heading{padding-top:35px}.construction .story-heading h2{font-size:11vw}.construction .story-controls{width:calc(100% - 32px);padding:10px 12px;border-radius:22px;gap:11px}.construction .story-controls>button{width:100%;max-width:none}.construction:before{filter:blur(8px)}.construction-legend{bottom:145px}.construction .story-stage{bottom:150px}}
@media(prefers-reduced-motion:reduce){.hero:before,.gallery:before,.construction:before,.light-studio:before,.closing:before{will-change:auto;transform:none!important}}