/* /pili_home_3d/static/src/css/base/fonts.css */
@font-face{font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300; font-display: swap; src: url("/pili_home_3d/static/src/css/base/../../fonts/cormorant-garamond-300.ttf") format("truetype");}@font-face{font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 300; font-display: swap; src: url("/pili_home_3d/static/src/css/base/../../fonts/be-vietnam-pro-300.ttf") format("truetype");}@font-face{font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 400; font-display: swap; src: url("/pili_home_3d/static/src/css/base/../../fonts/be-vietnam-pro-400.ttf") format("truetype");}@font-face{font-family: "Urbanist"; font-style: normal; font-weight: 300; font-display: swap; src: url("/pili_home_3d/static/src/css/base/../../fonts/urbanist-300.ttf") format("truetype");}@font-face{font-family: "Urbanist"; font-style: normal; font-weight: 400; font-display: swap; src: url("/pili_home_3d/static/src/css/base/../../fonts/urbanist-400.ttf") format("truetype");}

/* /pili_home_3d/static/src/css/base/tokens.css */
:root{--paper: oklch(99.4% 0.006 92); --paper-warm: oklch(98.2% 0.012 92); --ink: oklch(32% 0.048 224); --ink-strong: oklch(26% 0.055 218); --muted: oklch(48% 0.038 226); --soft-text: oklch(42% 0.045 226 / 0.76); --warm-label: oklch(43% 0.065 32); --line: oklch(88% 0.036 78 / 0.62); --glass: oklch(100% 0.018 82 / 0.62); --rose: oklch(76% 0.16 18); --citrus: oklch(88% 0.18 114); --aqua: oklch(80% 0.14 202); --violet: oklch(68% 0.13 300); --shadow: 0 30px 86px oklch(42% 0.06 260 / 0.13); --display: "Urbanist", "Be Vietnam Pro", system-ui, sans-serif; --body: "Be Vietnam Pro", system-ui, sans-serif; --font-editorial: "Cormorant Garamond", "Be Vietnam Pro", serif; --font-hero: var(--font-editorial); --font-collection: var(--font-editorial); --font-story: var(--font-editorial); --font-lookbook: var(--font-editorial); --font-cta: var(--font-editorial); --font-product: "Urbanist", "Be Vietnam Pro", system-ui, sans-serif; --heading-weight: 300; --label-weight: 400;}*{box-sizing: border-box;}html{background: var(--paper); color: var(--ink); scroll-behavior: auto;}body{margin: 0; min-height: 100%; font-family: var(--body); background-color: oklch(99.6% 0.004 92); background: radial-gradient( circle at 16% 10%, oklch(94% 0.1 20 / 0.22), transparent 26rem ), radial-gradient( circle at 84% 10%, oklch(94% 0.1 205 / 0.2), transparent 28rem ), linear-gradient( 145deg, oklch(99.8% 0.003 92), oklch(99.2% 0.006 100) 54%, oklch(99.4% 0.008 332) ); color: var(--ink); overflow-x: hidden; font-weight: 300; -webkit-font-smoothing: antialiased; text-rendering: geometricPrecision;}a{color: inherit; text-decoration: none;}button{font: inherit;}::selection{background: var(--ink); color: var(--paper);}

/* /pili_home_3d/static/src/css/layout/shell.css */
 .noise{position: fixed; inset: 0; z-index: 3; pointer-events: none; opacity: 0.055; mix-blend-mode: soft-light; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(/pili_home_3d/static/src/css/layout/%23n)' opacity='.42'/%3E%3C/svg%3E");}.depth-veil{position: fixed; inset: -12vh -10vw; z-index: 1; pointer-events: none; opacity: 0.68; will-change: transform, opacity; background: radial-gradient( ellipse at 52% 18%, oklch(100% 0.006 92 / 0.36), transparent 24rem ), radial-gradient( ellipse at 12% 48%, oklch(88% 0.16 18 / 0.14), transparent 28rem ), radial-gradient( ellipse at 92% 64%, oklch(80% 0.14 202 / 0.13), transparent 30rem ), linear-gradient( 90deg, oklch(99.6% 0.006 92 / 0.7) 0%, transparent 18%, transparent 74%, oklch(99.6% 0.006 92 / 0.55) 100% ), linear-gradient( 180deg, oklch(99.8% 0.005 92 / 0.42), transparent 34%, oklch(99.4% 0.01 332 / 0.38) );}.shell{position: relative; z-index: 4; min-height: 100vh; transform-style: preserve-3d; filter: drop-shadow(0 34px 90px oklch(32% 0.045 260 / 0.08));}.topbar{position: fixed; top: 0; left: 0; right: 0; z-index: 20; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; padding: clamp(18px, 3vw, 34px) clamp(18px, 5vw, 72px) clamp(18px, 3vw, 34px) clamp(10px, 3.6vw, 52px); pointer-events: none;}.brand-mark, .nav-pill, .bag-pill{pointer-events: auto; border: 1px solid oklch(100% 0 0 / 0.56); background: oklch(100% 0.006 92 / 0.74); backdrop-filter: blur(22px) saturate(1.24); box-shadow: 0 14px 38px oklch(45% 0.05 260 / 0.11);}.brand-mark{display: inline-flex; justify-self: start; align-items: center; gap: 12px; width: max-content; padding: 9px 14px 9px 10px; border-radius: 999px; font-family: var(--display); font-weight: 400; letter-spacing: 0.12em; transform: translate(-10px, -8px);}.brand-orbit{width: 31px; height: 31px; border-radius: 50%; background: oklch(100% 0.006 92 / 0.82); box-shadow: inset 0 0 0 1px oklch(100% 0 0 / 0.72), 0 9px 20px oklch(55% 0.07 86 / 0.18); object-fit: cover;}.nav-pill{display: flex; grid-column: 2; justify-self: center; gap: clamp(10px, 2.4vw, 26px); align-items: center; padding: 8px 10px 8px 18px; border-radius: 999px; font-size: 12px; font-weight: 300; color: var(--soft-text);}.nav-shop{display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 15px; border-radius: 999px; color: var(--ink-strong); background: linear-gradient( 135deg, var(--citrus), var(--aqua) 58%, oklch(83% 0.15 328) ); box-shadow: 0 14px 34px oklch(70% 0.12 200 / 0.22); font-weight: 400; white-space: nowrap;}.bag-pill{border-radius: 999px; padding: 12px 16px; font-size: 12px; font-weight: 300; color: var(--soft-text);}main{position: relative;}.section{min-height: 100vh; position: relative; display: grid; align-items: center; padding: clamp(88px, 12vw, 150px) clamp(20px, 5vw, 76px); transform-style: preserve-3d;}@media (min-width: 901px){.section{padding-left: max(clamp(20px, 5vw, 76px), clamp(128px, 14vw, 210px));}}

/* /pili_home_3d/static/src/css/components/hero.css */
 .hero{--theme-display: var(--font-hero); --theme-heading-weight: 300; --theme-label-weight: 400; min-height: 168vh; place-items: center; overflow: visible; text-align: center;}.hero-copy{position: relative; z-index: 7; width: min(1100px, 94vw); padding-top: 6vh; transform-style: preserve-3d; align-self: start; margin-top: 14vh; filter: drop-shadow(0 28px 68px oklch(22% 0.04 260 / 0.1));}.hero-copy::before{content: ""; position: absolute; left: 50%; top: 52%; width: min(980px, 96vw); height: min(520px, 58vh); translate: -50% -50%; z-index: -1; border-radius: 999px; background: radial-gradient( circle at 28% 42%, oklch(82% 0.18 18 / 0.42), transparent 34% ), radial-gradient( circle at 68% 38%, oklch(84% 0.15 205 / 0.4), transparent 35% ), radial-gradient( circle at 52% 72%, oklch(90% 0.18 114 / 0.32), transparent 38% ); filter: blur(30px) saturate(1.08); opacity: 0.82; pointer-events: none;}.eyebrow{display: inline-flex; align-items: center; gap: 10px; margin-bottom: clamp(18px, 3vw, 32px); padding: 10px 14px; border-radius: 999px; border: 1px solid oklch(100% 0 0 / 0.52); background: oklch(100% 0.006 92 / 0.72); backdrop-filter: blur(18px); color: var(--soft-text); font-size: 12px; font-weight: var(--theme-label-weight); letter-spacing: 0.16em; text-transform: uppercase; box-shadow: 0 18px 42px oklch(20% 0.03 260 / 0.1);}.pulse-dot{width: 8px; height: 8px; border-radius: 50%; background: var(--citrus); box-shadow: 0 0 0 8px oklch(82% 0.15 115 / 0.16);}h1, h2, .mega-word{font-family: var(--theme-display, var(--display)); margin: 0; letter-spacing: 0; line-height: 1.02;}.hero h1{font-size: clamp(34px, 4.8vw, 66px); font-weight: var(--theme-heading-weight, var(--heading-weight)); max-width: 19ch; margin-inline: auto; color: var(--ink-strong); text-shadow: 0 2px 18px oklch(100% 0.02 84 / 0.72);}.hero-sub{width: min(660px, 86vw); margin: clamp(22px, 4vw, 38px) auto 0; color: var(--muted); text-shadow: 0 1px 14px oklch(100% 0.02 84 / 0.68); font-size: clamp(15px, 1.35vw, 18px); line-height: 1.75;}.hero-actions{display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: clamp(28px, 4vw, 46px);}.btn{position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 52px; border: 0; border-radius: 999px; padding: 0 24px; overflow: hidden; cursor: pointer; transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1);}.btn strong{position: relative; z-index: 1; font-size: 13px; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase;}.btn-primary{color: var(--ink-strong); background: linear-gradient( 135deg, var(--citrus), var(--aqua) 52%, oklch(83% 0.15 328) ); box-shadow: 0 24px 52px oklch(70% 0.12 200 / 0.28);}.btn-primary::before{content: ""; position: absolute; inset: -80% -30%; background: linear-gradient( 100deg, transparent 30%, oklch(100% 0 0 / 0.36), transparent 58% ); transform: translateX(-60%) rotate(9deg); transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);}.btn-secondary{color: var(--ink); background: oklch(100% 0.006 92 / 0.72); border: 1px solid oklch(100% 0 0 / 0.6); backdrop-filter: blur(20px); box-shadow: 0 22px 48px oklch(28% 0.04 260 / 0.13);}.btn:hover{transform: translateY(-4px);}.btn-primary:hover::before{transform: translateX(62%) rotate(9deg);}.hero-layers{position: absolute; inset: 0; pointer-events: none; overflow: hidden; perspective: 1400px;}.hero-atmosphere{position: absolute; left: 50%; bottom: 28px; z-index: 2; width: min(760px, 54vw); height: 128px; translate: -50% 0; pointer-events: none;}.hero-atmosphere span{position: absolute; left: 50%; top: 36%; translate: -50% -50%; color: oklch(46% 0.04 226 / 0.08); font-family: var(--display); font-size: clamp(34px, 4.9vw, 86px); font-weight: 300; letter-spacing: 0.12em; line-height: 0.9; white-space: nowrap; text-transform: uppercase;}.hero-atmosphere i{position: absolute; left: 8%; right: 10%; top: 58%; height: 62px; border-top: 1px solid oklch(58% 0.06 206 / 0.16); border-radius: 50%; transform: rotate(-4deg); box-shadow: 0 -26px 60px oklch(80% 0.14 202 / 0.1);}.hero-photo-stack{position: absolute; top: 32vh; right: clamp(14px, 2.5vw, 46px); width: min(21vw, 285px); z-index: 8; pointer-events: auto; perspective: 1400px; transition: opacity 0.5s ease, visibility 0.5s ease; display: grid; gap: clamp(64px, 12vh, 150px); padding-bottom: 14vh;}.hero-photo{position: relative; width: 100%; aspect-ratio: 2 / 3; object-fit: cover; border-radius: 30px; box-shadow: 0 42px 110px oklch(30% 0.04 260 / 0.2), 0 10px 28px oklch(100% 0.01 84 / 0.22); opacity: 0.56; transform-style: preserve-3d; filter: saturate(0.82) contrast(0.98) blur(0.8px); border: 1px solid oklch(100% 0 0 / 0.7); cursor: grab; user-select: none; touch-action: none; transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), filter 1.2s cubic-bezier(0.16, 1, 0.3, 1), scale 1.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.8s cubic-bezier(0.16, 1, 0.3, 1); --drag-x: 0px; --drag-y: 0px;}.hero-photo.is-focused{opacity: 1; filter: saturate(1.04) contrast(1.04) blur(0); scale: 1.08;}.hero-photo.is-soft{opacity: 0.58; filter: saturate(0.82) contrast(0.98) blur(0.8px); scale: 0.94;}.hero-photo.is-dragging{cursor: grabbing; scale: 1.03; opacity: 1 !important; filter: saturate(1.04) contrast(1.04) blur(0) !important; box-shadow: 0 44px 110px oklch(30% 0.04 260 / 0.24);}.hero-photo-a{transform: translate3d(var(--drag-x), var(--drag-y), 0) rotateY(-13deg) rotateZ(4deg) translateZ(40px);}.hero-photo-b{transform: translate3d(var(--drag-x), var(--drag-y), 0) rotateY(-8deg) rotateZ(-3deg) translateZ(80px);}.floating-look-wrap{min-height: 112vh; position: relative; z-index: 2; display: grid; align-items: center; justify-items: end; padding: clamp(70px, 10vw, 130px) clamp(24px, 8vw, 140px); overflow: hidden;}.floating-look{position: relative; z-index: 3; width: clamp(260px, 32vw, 500px); aspect-ratio: 2 / 3; object-fit: cover; border-radius: 34px; border: 1px solid oklch(100% 0 0 / 0.72); box-shadow: 0 52px 140px oklch(30% 0.04 260 / 0.2), 0 14px 38px oklch(100% 0.01 84 / 0.22); transform: rotateZ(-4deg) rotateY(-8deg); opacity: 0.92; pointer-events: none;}.floating-look-note{position: absolute; left: clamp(24px, 8vw, 140px); top: 50%; translate: 0 -50%; width: min(660px, 52vw); color: var(--muted);}.floating-look-note span{display: block; margin-bottom: 14px; color: var(--warm-label); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: var(--theme-label-weight);}.floating-look-note h3{margin: 0; font-family: var(--theme-display, var(--font-lookbook)); font-size: clamp(34px, 4.7vw, 68px); font-weight: 300; line-height: 1.04; letter-spacing: 0; max-width: 17ch; color: var(--ink);}@media (min-width: 901px){.hero-copy{width: min(860px, calc(100vw - 380px)); translate: -9vw 0;}.floating-look-wrap{padding-left: max(clamp(24px, 8vw, 140px), clamp(128px, 14vw, 210px));}.floating-look-note{left: max(clamp(24px, 8vw, 140px), clamp(128px, 14vw, 210px));}}.float-label{position: absolute; width: max-content; max-width: 190px; padding: 12px 14px; border-radius: 18px; border: 1px solid oklch(100% 0 0 / 0.58); background: oklch(100% 0.006 92 / 0.72); backdrop-filter: blur(20px) saturate(1.18); box-shadow: 0 34px 80px oklch(30% 0.04 260 / 0.16); color: var(--soft-text); font-size: 11px; line-height: 1.45; transform-style: preserve-3d; transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.7s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform;}.float-label::after{content: ""; position: absolute; inset: 10px; z-index: -1; border-radius: inherit; background: oklch(20% 0.03 260 / 0.1); filter: blur(20px); transform: translate3d(18px, 18px, -34px);}.float-label b{display: block; color: var(--ink); font-size: 14px; font-weight: 400; margin-bottom: 4px;}.label-a{left: 8vw; top: 18vh; transform: rotateY(18deg) rotateZ(-2deg) translateZ(48px);}.label-b{right: 8vw; top: 14vh; transform: rotateY(-18deg) rotateZ(2deg) translateZ(56px);}.label-c{left: 17vw; bottom: 22vh; transform: rotateY(14deg) rotateZ(-1deg) translateZ(36px);}.scroll-cue{position: absolute; bottom: 38px; left: 50%; translate: -50% 0; display: grid; justify-items: center; gap: 10px; color: oklch(46% 0.035 226 / 0.64); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase;}.scroll-cue span:first-child{display: none;}.scroll-line{width: 1px; height: 58px; border-radius: 999px; background: linear-gradient(oklch(43% 0.05 258), transparent); transform-origin: top; animation: scrollLine 1.7s cubic-bezier(0.65, 0, 0.35, 1) infinite;}@keyframes scrollLine{0%{transform: scaleY(0); opacity: 0;}35%{transform: scaleY(1); opacity: 0.72;}100%{transform: scaleY(0); opacity: 0; transform-origin: bottom;}}

/* /pili_home_3d/static/src/css/components/collection.css */
 .collection{--theme-display: var(--font-collection); --theme-heading-weight: 300; --theme-label-weight: 400; position: relative; z-index: 4; grid-template-columns: minmax(340px, 0.95fr) minmax(0, 1.25fr); gap: clamp(28px, 5vw, 72px); align-items: center;}.section-kicker{display: block; margin-bottom: 18px; color: var(--warm-label); font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; font-weight: var(--theme-label-weight, var(--label-weight));}h2{font-size: clamp(34px, 4.8vw, 66px); font-weight: var(--theme-heading-weight, var(--heading-weight)); max-width: 19ch;}.lead{margin: 24px 0 0; width: min(520px, 100%); color: var(--muted); text-shadow: 0 1px 14px oklch(100% 0.02 84 / 0.58); font-size: clamp(15px, 1.35vw, 18px); line-height: 1.75;}.rail{display: grid; grid-auto-flow: column; grid-auto-columns: minmax(235px, 29vw); gap: 16px; overflow-x: auto; overscroll-behavior-inline: contain; padding: 8px 2vw 34px 2px; scrollbar-width: none; perspective: 1200px;}.rail::-webkit-scrollbar{display: none;}.product-card{min-height: 440px; border-radius: 30px; position: relative; overflow: hidden; border: 1px solid oklch(100% 0 0 / 0.55); background: oklch(100% 0.006 92 / 0.76); backdrop-filter: blur(24px) saturate(1.15); box-shadow: 0 46px 118px oklch(28% 0.04 260 / 0.18), 0 12px 28px oklch(100% 0.01 84 / 0.22); transform-style: preserve-3d;}.product-card img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(0.9) contrast(0.98); transform: scale(1.04); transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1), filter 0.9s cubic-bezier(0.16, 1, 0.3, 1);}.product-card::after{content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, oklch(16% 0.03 260 / 0.04), oklch(16% 0.04 260 / 0.16) 42%, oklch(10% 0.035 260 / 0.78) ), radial-gradient( circle at 80% 18%, oklch(88% 0.15 115 / 0.22), transparent 16rem );}.card-copy{position: absolute; left: 20px; right: 20px; bottom: 20px; z-index: 1; color: oklch(99% 0.01 84); text-shadow: 0 2px 18px oklch(8% 0.025 260 / 0.52);}.card-copy small{display: block; margin-bottom: 8px; letter-spacing: 0.16em; text-transform: uppercase; color: oklch(94% 0.03 82 / 0.86); text-shadow: 0 1px 12px oklch(8% 0.025 260 / 0.48);}.card-copy h3{margin: 0; font-family: var(--font-product); font-size: clamp(24px, 3vw, 40px); font-weight: 300; line-height: 1.08; letter-spacing: 0;}.price-row{display: flex; align-items: center; justify-content: space-between; margin-top: 18px; font-weight: 400;}.mini-button{width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: var(--ink); background: oklch(100% 0.006 92 / 0.92);}.product-card:hover img{transform: scale(1.11); filter: saturate(1.05) contrast(1.04);}.ops-slider{--ops-pointer-x: 0; --ops-pointer-y: 0; --ops-scroll: 0; position: relative; width: min(640px, 100%); justify-self: end; color: var(--ink); perspective: 1400px;}.ops-stage{position: relative; width: 100%; aspect-ratio: 1 / 1.05; min-height: 520px; overflow: hidden; border-radius: clamp(30px, 4vw, 48px); border: 1px solid oklch(100% 0 0 / 0.66); background: radial-gradient( circle at calc(48% + var(--ops-pointer-x) * 6%) calc(18% + var(--ops-pointer-y) * 5%), oklch(88% 0.18 114 / 0.34), transparent 18rem ), radial-gradient( circle at calc(16% - var(--ops-pointer-x) * 4%) 78%, oklch(76% 0.16 18 / 0.28), transparent 18rem ), radial-gradient( circle at 88% calc(48% + var(--ops-scroll) * 14%), oklch(80% 0.14 202 / 0.34), transparent 20rem ), linear-gradient( 145deg, oklch(100% 0.006 92 / 0.88), oklch(98% 0.018 96 / 0.76) 54%, oklch(97% 0.026 326 / 0.68) ); box-shadow: 0 58px 150px oklch(25% 0.04 260 / 0.18), 0 16px 42px oklch(100% 0.01 84 / 0.22), inset 0 1px 0 oklch(100% 0 0 / 0.72); transform-style: preserve-3d; touch-action: pan-y; cursor: grab; user-select: none;}.ops-stage.is-dragging{cursor: grabbing;}.ops-stage::before{content: ""; position: absolute; inset: 8%; border-radius: 999px; background: linear-gradient(90deg, oklch(45% 0.04 260 / 0.05) 1px, transparent 1px), linear-gradient(0deg, oklch(45% 0.04 260 / 0.04) 1px, transparent 1px); background-size: 34px 34px; mask-image: radial-gradient(ellipse, black 36%, transparent 70%); opacity: 0.7; transform: translate3d( calc(var(--ops-pointer-x) * -18px), calc(var(--ops-scroll) * -22px), -90px ); pointer-events: none;}.ops-stage::after{content: ""; position: absolute; left: 50%; bottom: 9%; width: 52%; height: 9%; border-radius: 999px; background: oklch(18% 0.035 260 / 0.18); filter: blur(22px); transform: translateX(calc(-50% + var(--ops-pointer-x) * 18px)) translateY(calc(var(--ops-scroll) * 16px)) scaleX(calc(1 - var(--ops-scroll) * 0.08)); pointer-events: none;}.ops-bg-orbit{position: absolute; inset: 11% 13%; border-radius: 48% 52% 46% 54%; border: 1px solid oklch(28% 0.035 260 / 0.1); box-shadow: inset 0 0 0 18px oklch(100% 0.006 92 / 0.22), 0 30px 90px oklch(80% 0.14 202 / 0.12); transform: translate3d( calc(var(--ops-pointer-x) * -22px), calc(var(--ops-pointer-y) * -14px + var(--ops-scroll) * -32px), -50px ) rotateZ(calc(var(--ops-pointer-x) * 5deg)); pointer-events: none;}.ops-slider[data-active="0"] .ops-bg-orbit{background: oklch(91% 0.11 92 / 0.32);}.ops-slider[data-active="1"] .ops-bg-orbit{background: oklch(84% 0.12 18 / 0.28);}.ops-slider[data-active="2"] .ops-bg-orbit{background: oklch(86% 0.1 205 / 0.28);}.ops-slide{position: absolute; inset: 0; display: grid; align-items: end; padding: clamp(22px, 4vw, 38px); opacity: 0; pointer-events: none; transform: translate3d(0, 0, -180px) scale(0.5) rotateY(0deg); transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.92s cubic-bezier(0.16, 1, 0.3, 1), filter 0.8s cubic-bezier(0.16, 1, 0.3, 1); filter: saturate(0.78) blur(1.2px);}.ops-slide.is-active{z-index: 4; opacity: 1; pointer-events: auto; transform: translate3d(0, 0, 70px) scale(1) rotateY(0deg); filter: saturate(1.05) blur(0);}.ops-slide.is-prev{z-index: 2; opacity: 0.2; transform: translate3d(-42%, 5%, -180px) scale(0.5) rotateY(20deg);}.ops-slide.is-next{z-index: 2; opacity: 0.2; transform: translate3d(42%, 5%, -180px) scale(0.5) rotateY(-20deg);}.ops-object-wrap{position: absolute; inset: 5% 11% 13%; display: grid; place-items: center; transform: translate3d( calc(var(--ops-pointer-x) * 22px), calc(var(--ops-pointer-y) * 12px + var(--ops-scroll) * -34px), 110px ) rotateY(calc(var(--ops-pointer-x) * -8deg)) rotateX(calc(var(--ops-pointer-y) * 5deg)); transition: transform 0.72s cubic-bezier(0.16, 1, 0.3, 1);}.ops-slide.is-active .ops-object-wrap{animation: opsObjectPop 0.78s cubic-bezier(0.16, 1, 0.3, 1);}@keyframes opsObjectPop{0%{transform: translate3d( calc(var(--ops-pointer-x) * 22px), calc(var(--ops-pointer-y) * 12px + var(--ops-scroll) * -34px), 110px ) rotateY(calc(var(--ops-pointer-x) * -8deg)) rotateX(calc(var(--ops-pointer-y) * 5deg)) scale(0.5);}62%{transform: translate3d( calc(var(--ops-pointer-x) * 22px), calc(var(--ops-pointer-y) * 12px + var(--ops-scroll) * -34px), 110px ) rotateY(calc(var(--ops-pointer-x) * -8deg)) rotateX(calc(var(--ops-pointer-y) * 5deg)) scale(1.08);}100%{transform: translate3d( calc(var(--ops-pointer-x) * 22px), calc(var(--ops-pointer-y) * 12px + var(--ops-scroll) * -34px), 110px ) rotateY(calc(var(--ops-pointer-x) * -8deg)) rotateX(calc(var(--ops-pointer-y) * 5deg)) scale(1);}}.ops-object{width: min(74%, 390px); height: 100%; object-fit: contain; filter: drop-shadow(0 38px 34px oklch(18% 0.035 260 / 0.22)); -webkit-user-drag: none; user-select: none;}.ops-copy{position: relative; z-index: 5; max-width: 330px; color: var(--ink-strong); text-shadow: 0 1px 20px oklch(100% 0.02 84 / 0.74);}.ops-copy small{display: block; margin-bottom: 8px; color: var(--warm-label); font-size: 12px; font-weight: var(--theme-label-weight, var(--label-weight)); letter-spacing: 0.18em; text-transform: uppercase;}.ops-copy h3{margin: 0; font-family: var(--font-product); font-size: clamp(34px, 5.3vw, 70px); font-weight: 300; line-height: 1.08; letter-spacing: 0;}.ops-copy p{width: min(280px, 72%); margin: 14px 0 0; color: var(--soft-text); font-size: 13px; line-height: 1.55;}.ops-controls{display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 16px;}.ops-arrow{width: 44px; height: 44px; border: 1px solid oklch(100% 0 0 / 0.7); border-radius: 50%; background: oklch(100% 0.006 92 / 0.72); color: var(--ink); box-shadow: 0 18px 42px oklch(25% 0.04 260 / 0.12); backdrop-filter: blur(16px) saturate(1.1); cursor: pointer; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);}.ops-arrow:hover{transform: translateY(-3px); box-shadow: 0 24px 54px oklch(25% 0.04 260 / 0.16);}.ops-dots{display: flex; align-items: center; gap: 8px;}.ops-dot{width: 30px; height: 8px; border: 0; border-radius: 999px; background: oklch(25% 0.035 260 / 0.16); cursor: pointer; transition: width 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s cubic-bezier(0.16, 1, 0.3, 1);}.ops-dot.is-active{width: 48px; background: linear-gradient(90deg, var(--rose), var(--citrus), var(--aqua));}.ops-progress{position: relative; flex: 1; height: 1px; overflow: hidden; border-radius: 999px; background: oklch(25% 0.035 260 / 0.14);}.ops-progress span{position: absolute; inset: 0 auto 0 0; width: 100%; transform: scaleX(0.333); transform-origin: left; background: var(--ink-strong); transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);}

/* /pili_home_3d/static/src/css/components/story.css */
 .story{--theme-display: var(--font-story); --theme-heading-weight: 300; --theme-label-weight: 400; min-height: 180vh; padding: 0; display: block;}.story-pin{position: sticky; top: 0; min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(24px, 5vw, 80px); padding: clamp(88px, 12vw, 150px) clamp(20px, 5vw, 76px); overflow: hidden;}.story-copy{max-width: 610px;}@media (min-width: 901px){.story-pin{padding-left: max(clamp(20px, 5vw, 76px), clamp(128px, 14vw, 210px));}}.story-stack{position: relative; height: min(68vh, 680px); perspective: 1400px;}.story-frame{position: absolute; overflow: hidden; border-radius: 34px; border: 1px solid oklch(100% 0 0 / 0.54); box-shadow: 0 48px 126px oklch(28% 0.04 260 / 0.22), 0 12px 34px oklch(100% 0.01 84 / 0.18); background: var(--glass); backdrop-filter: blur(20px);}.story-frame img{width: 100%; height: 100%; object-fit: cover; filter: saturate(0.86) contrast(0.98);}.frame-one{inset: 8% 18% 12% 4%; transform: rotateY(-9deg) rotateZ(-3deg);}.frame-two{inset: 18% 0 25% 42%; transform: translateZ(120px) rotateY(12deg) rotateZ(5deg);}.frame-three{inset: auto 30% 4% 16%; height: 28%; transform: translateZ(220px) rotateX(8deg) rotateZ(-1deg);}.glass-stat{position: absolute; right: 8%; bottom: 12%; width: 210px; padding: 16px 18px; border-radius: 26px; border: 1px solid oklch(100% 0 0 / 0.58); background: oklch(100% 0.006 92 / 0.78); backdrop-filter: blur(24px) saturate(1.2); box-shadow: 0 42px 112px oklch(42% 0.06 260 / 0.16), inset 0 1px 0 oklch(100% 0 0 / 0.64); transform: translateZ(270px);}.glass-stat span{display: block; color: var(--muted); font-size: 12px; line-height: 1.5;}

/* /pili_home_3d/static/src/css/components/highlight.css */
 .highlight{--theme-display: var(--font-lookbook); --theme-heading-weight: 300; --theme-label-weight: 400; min-height: 120vh; grid-template-columns: minmax(0, 1fr) minmax(310px, 460px); gap: clamp(26px, 5vw, 76px);}.mega-word{position: absolute; left: -2vw; top: 5vh; z-index: -1; color: oklch(22% 0.03 260 / 0.055); font-size: clamp(92px, 20vw, 280px); font-weight: 300; white-space: nowrap; pointer-events: none;}.feature-panel{align-self: center; border-radius: 34px; padding: clamp(24px, 4vw, 42px); border: 1px solid oklch(100% 0 0 / 0.58); background: linear-gradient( 135deg, oklch(100% 0.006 92 / 0.84), oklch(97% 0.035 330 / 0.42) ), radial-gradient( circle at top right, oklch(87% 0.15 205 / 0.5), transparent 17rem ); backdrop-filter: blur(28px) saturate(1.16); box-shadow: 0 48px 128px oklch(42% 0.06 260 / 0.18), 0 14px 38px oklch(100% 0.01 84 / 0.2), inset 0 1px 0 oklch(100% 0 0 / 0.64); transform-style: preserve-3d;}.feature-panel h3{margin: 0; font-family: var(--font-lookbook); font-size: clamp(36px, 5vw, 74px); font-weight: 300; line-height: 1.08; letter-spacing: 0;}.feature-list{display: grid; gap: 12px; margin: 30px 0 0; padding: 0; list-style: none;}.feature-list li{display: flex; justify-content: space-between; gap: 24px; padding: 14px 0; border-top: 1px solid oklch(35% 0.03 260 / 0.12); color: var(--muted);}.feature-list strong{color: var(--ink); font-weight: 400;}

/* /pili_home_3d/static/src/css/components/cta.css */
 .cta{--theme-display: var(--font-cta); --theme-heading-weight: 300; --theme-label-weight: 400; min-height: 108vh; place-items: center; text-align: center; overflow: hidden;}.cta-box{width: min(980px, 94vw); position: relative; padding: clamp(42px, 8vw, 92px); border-radius: clamp(32px, 5vw, 58px); border: 1px solid oklch(100% 0 0 / 0.6); background: radial-gradient( circle at 18% 10%, oklch(89% 0.18 115 / 0.5), transparent 22rem ), radial-gradient( circle at 84% 18%, oklch(84% 0.15 205 / 0.52), transparent 28rem ), radial-gradient( circle at 52% 88%, oklch(86% 0.16 18 / 0.32), transparent 20rem ), linear-gradient( 140deg, oklch(100% 0.006 92 / 0.84), oklch(98% 0.03 326 / 0.52) ); backdrop-filter: blur(28px) saturate(1.22); box-shadow: 0 58px 150px oklch(25% 0.04 260 / 0.2), 0 16px 42px oklch(100% 0.01 84 / 0.22), inset 0 1px 0 oklch(100% 0 0 / 0.66); transform-style: preserve-3d;}.cta h2{max-width: none; margin-inline: auto; font-size: clamp(42px, 7vw, 96px);}.email-form{display: flex; align-items: center; width: min(560px, 100%); min-height: 60px; margin: 34px auto 0; border-radius: 999px; padding: 6px; border: 1px solid oklch(100% 0 0 / 0.72); background: oklch(100% 0.006 92 / 0.82); backdrop-filter: blur(18px); box-shadow: inset 0 1px 0 oklch(100% 0 0 / 0.7);}.email-form input{flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 18px; color: var(--ink); outline: none; font: inherit;}.email-form input::placeholder{color: oklch(52% 0.03 226 / 0.58);}

/* /pili_home_3d/static/src/css/components/navigation.css */
 .progress{position: fixed; left: clamp(14px, 3.2vw, 46px); bottom: 28px; z-index: 20; display: flex; align-items: center; gap: 8px; color: oklch(48% 0.035 226 / 0.6); font-size: 10px; pointer-events: none;}.progress-track{position: relative; width: 72px; height: 1px; background: oklch(30% 0.035 260 / 0.18);}.progress-fill{position: absolute; inset: 0 auto 0 0; width: 0; background: var(--ink-strong); transform-origin: left;}.section-rail{position: fixed; left: clamp(14px, 3.2vw, 48px); top: 50%; z-index: 2; height: min(92vh, 980px); width: clamp(108px, 10vw, 148px); translate: 0 -50%; --rail-progress: 0; --rail-active-stop: 0.08; color: oklch(45% 0.035 226 / 0.34); pointer-events: none; opacity: 0; visibility: hidden; perspective: 900px; transform-style: preserve-3d; transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.7s, transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);}body.door-opened .section-rail, .pili-home-page.is-door-opened .section-rail{opacity: 1; visibility: visible;}.section-rail::before{content: ""; position: absolute; left: -20px; top: 4%; bottom: 4%; width: 72px; border-radius: 999px; background: radial-gradient( circle at 48% calc(var(--rail-active-stop) * 100%), oklch(88% 0.18 114 / 0.18), transparent 22% ), linear-gradient( 180deg, transparent, oklch(80% 0.14 202 / 0.12), transparent ); filter: blur(18px); transform: translateZ(-150px) rotateY(-18deg); pointer-events: none;}.section-rail-track{position: absolute; left: 13px; top: 0; bottom: 0; width: 3px; border-radius: 999px; background: linear-gradient( 180deg, transparent, oklch(28% 0.035 260 / 0.24) 10%, oklch(28% 0.035 260 / 0.32) 50%, oklch(28% 0.035 260 / 0.24) 90%, transparent ), oklch(100% 0.006 92 / 0.24); box-shadow: 18px 0 44px oklch(80% 0.13 202 / 0.14), -12px 0 34px oklch(76% 0.16 18 / 0.1), inset 0 0 0 1px oklch(100% 0 0 / 0.38); transform: none; transform-origin: center; overflow: hidden;}.section-rail-fill{position: absolute; left: 0; right: 0; top: 0; height: calc(var(--rail-active-stop) * 100%); min-height: 2%; border-radius: inherit; background: linear-gradient( 180deg, var(--rose), var(--citrus) 52%, var(--aqua) ); box-shadow: 0 0 22px oklch(88% 0.18 114 / 0.22), 0 0 38px oklch(80% 0.14 202 / 0.12); transition: height 0.52s cubic-bezier(0.16, 1, 0.3, 1);}.section-rail-tick{position: absolute; left: 7px; top: calc(var(--tick) * 100%); width: 15px; height: 1px; background: oklch(25% 0.035 260 / 0.2); transform: translateY(-50%);}.section-rail-marker{position: absolute; left: 5px; top: calc(var(--rail-active-stop) * 100%); display: inline-flex; align-items: center; color: var(--ink-strong); transform: translateY(-50%) translateX(8px); transition: top 0.52s cubic-bezier(0.16, 1, 0.3, 1);}.section-rail-marker::before{content: ""; position: relative; z-index: 1; width: 22px; height: 22px; border-radius: 999px; background: var(--citrus); box-shadow: inset 0 0 0 1px oklch(100% 0 0 / 0.76), 0 0 0 8px oklch(88% 0.18 114 / 0.12), 0 0 32px oklch(88% 0.18 114 / 0.18), 18px 18px 44px oklch(70% 0.13 116 / 0.18);}.section-rail-label{display: none;}.section-rail-stop{position: absolute; left: 42px; top: calc(var(--stop) * 100%); display: inline-block; min-width: 82px; padding: 8px 10px; border-radius: 999px; background: oklch(100% 0.006 92 / 0.5); box-shadow: 0 18px 44px oklch(28% 0.04 260 / 0.08), inset 0 0 0 1px oklch(100% 0 0 / 0.42); backdrop-filter: blur(14px) saturate(1.08); font-size: clamp(9px, 0.72vw, 11px); font-weight: 400; letter-spacing: 0.12em; text-transform: uppercase; text-shadow: 0 1px 18px oklch(100% 0.02 84 / 0.7); opacity: 0.58; transform: translateY(-50%); transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), background 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1);}.section-rail-stop.is-active{opacity: 1; color: var(--ink-strong); background: oklch(100% 0.006 92 / 0.86); box-shadow: 0 22px 62px oklch(28% 0.04 260 / 0.16), 0 0 42px oklch(88% 0.18 114 / 0.22), 0 0 22px oklch(80% 0.14 202 / 0.14), inset 0 0 0 1px oklch(100% 0 0 / 0.78); font-weight: 400; letter-spacing: 0.14em; transform: translateY(-50%) translateX(6px);}

/* /pili_home_3d/static/src/css/components/loader-door.css */
 .loader{position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; background: var(--paper); transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.8s;}.loader-inner{width: min(360px, 78vw); color: var(--ink);}.loader-word{font-family: var(--display); font-size: 42px; font-weight: 300; letter-spacing: 0; line-height: 1.08;}.loader-bar{position: relative; height: 2px; margin-top: 24px; background: oklch(30% 0.035 260 / 0.12); overflow: hidden;}.loader-bar::after{content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, var(--rose), var(--citrus), var(--aqua) ); animation: loadbar 1.2s cubic-bezier(0.16, 1, 0.3, 1) infinite;}@keyframes loadbar{from{transform: translateX(-100%);}to{transform: translateX(100%);}}@keyframes loader-exit{to{opacity: 0; visibility: hidden; pointer-events: none;}}body.is-ready .loader{opacity: 0; visibility: hidden;}.door-intro{position: fixed; inset: 0; z-index: 44; pointer-events: auto; perspective: 1800px; overflow: hidden; background: radial-gradient( circle at 50% 32%, oklch(100% 0.006 92 / 0.72), transparent 30rem ), linear-gradient(135deg, oklch(99% 0.008 92), oklch(96% 0.018 88)); transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.7s;}body.door-opened .door-intro, .pili-home-page.is-door-opened .door-intro{opacity: 0; visibility: hidden; pointer-events: none;}.door-track{position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1fr; transform-style: preserve-3d;}.door-panel{position: relative; overflow: hidden; background: linear-gradient( 105deg, oklch(100% 0.006 92 / 0.82), oklch(96% 0.014 90 / 0.66) ), radial-gradient( circle at 18% 16%, oklch(88% 0.12 18 / 0.22), transparent 22rem ), radial-gradient( circle at 82% 82%, oklch(88% 0.12 205 / 0.18), transparent 24rem ); border: 1px solid oklch(86% 0.045 86 / 0.58); box-shadow: inset 0 0 0 1px oklch(100% 0 0 / 0.7), 0 26px 90px oklch(30% 0.04 260 / 0.12); backdrop-filter: blur(24px) saturate(1.15); transform-style: preserve-3d; will-change: transform;}.door-panel::before{content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, transparent, oklch(100% 0 0 / 0.48), transparent ), repeating-linear-gradient( 90deg, oklch(44% 0.04 260 / 0.04) 0 1px, transparent 1px 74px ); opacity: 0.58; transform: translateX(-18%);}.door-panel::after{content: ""; position: absolute; top: 9vh; bottom: 9vh; width: 1px; background: linear-gradient( transparent, oklch(76% 0.08 86 / 0.78), transparent ); box-shadow: 0 0 28px oklch(78% 0.09 86 / 0.25);}.door-panel-left{transform-origin: left center; border-right-color: oklch(74% 0.07 86 / 0.72);}.door-panel-left::after{right: 18px;}.door-panel-right{transform-origin: right center; border-left-color: oklch(74% 0.07 86 / 0.72);}.door-panel-right::after{left: 18px;}.door-handle{position: absolute; top: 50%; z-index: 2; width: 7px; height: min(22vh, 180px); border-radius: 999px; background: linear-gradient( 90deg, oklch(100% 0.006 92 / 0.9), oklch(77% 0.07 86 / 0.95), oklch(100% 0.006 92 / 0.78) ); box-shadow: inset 1px 0 0 oklch(100% 0 0 / 0.86), 0 18px 54px oklch(49% 0.05 86 / 0.18); transform: translateY(-50%);}.door-panel-left .door-handle{right: 44px;}.door-panel-right .door-handle{left: 44px;}.door-seam{position: absolute; top: 8vh; bottom: 8vh; left: 50%; z-index: 2; width: 1px; background: linear-gradient( transparent, oklch(69% 0.08 86), transparent ); box-shadow: 0 0 40px oklch(78% 0.09 86 / 0.36); transform: translateX(-50%);}.door-logo{position: absolute; left: 50%; top: 50%; z-index: 3; translate: -50% -50%; display: grid; place-items: center; gap: 12px; width: min(270px, 70vw); height: 170px; border-radius: 32px; border: 1px solid oklch(100% 0 0 / 0.72); background: oklch(100% 0.006 92 / 0.72); backdrop-filter: blur(22px) saturate(1.2); box-shadow: 0 28px 80px oklch(30% 0.04 260 / 0.16); font-family: var(--display); font-weight: 400; color: var(--ink);}.door-logo-mark{width: 54px; height: 54px; border-radius: 50%; background: oklch(100% 0.006 92 / 0.82); box-shadow: inset 0 0 0 1px oklch(100% 0 0 / 0.72), 0 14px 34px oklch(55% 0.07 86 / 0.18); object-fit: cover;}.door-logo-word{font-size: 34px; font-weight: 400; letter-spacing: 0.16em;}.door-hint{position: absolute; left: 50%; bottom: 34px; z-index: 3; translate: -50% 0; color: oklch(48% 0.035 226 / 0.62); font-size: 11px; font-weight: 400; letter-spacing: 0.18em; text-transform: uppercase;}.reveal{opacity: 0; transform: translateY(36px);}

/* /pili_home_3d/static/src/css/layout/responsive.css */
 @media (max-width: 900px){.nav-pill{display: none;}.topbar{align-items: flex-start;}.bag-pill{font-size: 0;}.bag-pill::after{content: "Bag"; font-size: 12px;}.section{padding-inline: 18px;}.section-rail{display: none;}.progress{display: none;}.hero{display: flex; flex-direction: column; justify-content: flex-start; align-items: center; min-height: auto; overflow: hidden; padding-top: 104px;}.loader{animation: loader-exit 0.7s cubic-bezier(0.16, 1, 0.3, 1) 2.4s forwards;}.door-intro{display: none;}.reveal{opacity: 1; transform: none;}.hero-copy{order: 1; padding-top: 0; margin-top: 0; translate: none;}.hero-photo-stack{position: relative; order: 2; top: auto; right: auto; width: min(82vw, 360px); margin: 34px auto 0; gap: 48px; padding-bottom: 0; z-index: 1;}.hero-photo{transform: translate3d(var(--drag-x), var(--drag-y), 0); border-radius: 24px; scale: 0.92;}.floating-look{position: relative; top: auto; right: auto; display: block; width: min(82vw, 360px); margin: 48px auto; transform: none;}.floating-look-wrap{min-height: auto; padding: 48px 18px 80px; justify-items: center;}.floating-look-note{position: relative; left: auto; top: auto; translate: none; width: min(92vw, 620px); margin-bottom: 24px; text-align: center;}h2{font-size: clamp(34px, 9.5vw, 58px); max-width: 17ch;}.floating-look-note h3{font-size: clamp(34px, 9.5vw, 58px); max-width: 16ch; margin-inline: auto;}.hero-layers{position: absolute; inset: 0; perspective: 1400px;}.hero-atmosphere{bottom: 18px; width: 92vw; opacity: 0.45;}.hero-atmosphere span{font-size: clamp(36px, 14vw, 86px);}.hero-atmosphere i{left: 12%; right: 12%;}.float-label{display: none;}.collection, .story-pin, .highlight{grid-template-columns: 1fr;}.rail{grid-auto-columns: minmax(245px, 76vw);}.ops-slider{width: min(100%, 560px); justify-self: center;}.ops-stage{min-height: auto; aspect-ratio: 4 / 5; border-radius: 32px;}.ops-object-wrap{inset: 7% 7% 19%;}.ops-object{width: min(82%, 330px);}.ops-copy{max-width: 280px;}.ops-copy h3{font-size: clamp(34px, 12vw, 58px);}.ops-copy p{width: min(250px, 82%);}.ops-controls{gap: 10px;}.ops-progress{display: none;}.product-card{min-height: 390px;}.story{min-height: auto;}.story-pin{position: relative; padding-top: 110px;}.story-stack{height: 520px;}.frame-one{inset: 4% 18% 18% 0;}.frame-two{inset: 26% 0 20% 38%;}.frame-three{left: 8%; right: 28%; bottom: 3%;}.glass-stat{right: 4%; bottom: 11%;}.highlight{min-height: 105vh;}.email-form{border-radius: 24px; flex-direction: column; align-items: stretch; padding: 10px;}.email-form input{min-height: 48px; text-align: center;}.email-form .btn{width: 100%;}}@media (max-width: 560px){.hero h1{font-size: clamp(34px, 9.5vw, 58px); max-width: 17ch;}.hero-sub{font-size: clamp(15px, 4vw, 17px);}.story-stack{height: 440px;}.glass-stat{width: 172px; padding: 14px 15px;}.door-logo{width: min(228px, 74vw); height: 148px; border-radius: 26px;}.door-logo-mark{width: 46px; height: 46px;}.door-logo-word{font-size: 28px;}.door-panel::before{background: linear-gradient( 90deg, transparent, oklch(100% 0 0 / 0.42), transparent ), repeating-linear-gradient( 90deg, oklch(44% 0.04 260 / 0.035) 0 1px, transparent 1px 46px );}.section-rail{display: none;}.progress{display: none;}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.001ms !important;}.reveal{opacity: 1; transform: none;}.door-intro{opacity: 0; visibility: hidden; pointer-events: none;}}