.intro{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:var(--bg-deep)}.intro.is-done{display:none}.intro-inner{text-align:center}.intro-logo-ring{width:128px;height:128px;margin:0 auto 1.6rem;border-radius:50%;padding:4px;background:conic-gradient(from 180deg,transparent 0%,var(--accent) 50%,transparent 100%);animation:introSpin 2.4s linear infinite}.intro-logo{width:100%;height:100%;object-fit:cover;border-radius:50%;animation:introSpinBack 2.4s linear infinite}@keyframes introSpin{to{transform:rotate(360deg)}}@keyframes introSpinBack{to{transform:rotate(-360deg)}}.intro-wordmark{font-family:var(--font-display);font-weight:600;font-size:1.1rem;letter-spacing:.4em;text-transform:uppercase;color:var(--ink-high)}.intro-bar{width:180px;height:2px;margin:1.6rem auto 0;border-radius:var(--radius-pill);background:var(--line-soft);overflow:hidden}.intro-bar span{display:block;width:100%;height:100%;border-radius:var(--radius-pill);background:var(--accent);transform:translate(-100%)}.colors{padding:8rem 1.5rem}.colors-stage{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;max-width:1050px;margin:0 auto}.colors-media{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 30px 80px #131a262e}.colors-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity .9s var(--ease-lux),transform .9s var(--ease-lux)}.colors-img.is-active{opacity:1;transform:scale(1)}.colors-panel{max-width:26rem}.colors-label{font-family:var(--font-display);font-size:.9rem;font-weight:500;letter-spacing:.01em;color:var(--accent-deep);margin-bottom:.6rem}.colors-name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.8rem,3.4vw,2.6rem);text-transform:uppercase;color:var(--light-ink)}.colors-desc{margin:1rem 0 2rem;color:var(--light-mid);min-height:3.2em}.colors-swatches{display:flex;gap:.9rem;margin-bottom:1.6rem}.colors-price{font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--light-ink);margin-bottom:1.6rem}.swatch{width:46px;height:46px;border-radius:50%;border:2px solid rgba(19,26,38,.15);background:var(--swatch);cursor:pointer;transition:transform .35s var(--ease-lux),box-shadow .35s var(--ease-lux),border-color .35s var(--ease-lux)}.swatch:hover{transform:scale(1.12)}.swatch.is-selected{border-color:var(--accent-deep);box-shadow:0 0 0 4px #2b41702e}.fabric-stats{display:flex;justify-content:center;gap:clamp(1.2rem,4vw,4rem);margin-top:3.5rem;flex-wrap:wrap}.stat{background:var(--bg-card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);padding:1.8rem 2.6rem;min-width:190px;transition:transform .5s var(--ease-lux),border-color .5s var(--ease-lux)}.stat:hover{transform:translateY(-4px);border-color:#7fa3ff59}.stat-number{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,5vw,3.4rem);line-height:1;color:var(--accent)}.stat-unit{font-family:var(--font-display);font-weight:600;font-size:1rem;letter-spacing:.01em;color:var(--ink-high);margin-left:.3rem}.stat-label{display:block;margin-top:.5rem;font-size:.85rem;letter-spacing:.01em;color:var(--ink-low)}.marquee{overflow:hidden;padding:2.6rem 0}.marquee-track{display:flex;width:max-content;animation:marqueeScroll 26s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-group{display:flex;align-items:center;gap:3rem;padding-right:3rem}.marquee-group span{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,3.4vw,2.6rem);letter-spacing:.06em;text-transform:uppercase;color:var(--light-ink);white-space:nowrap}.marquee-group i{font-style:normal;color:var(--accent-deep);font-size:1.2rem}@keyframes marqueeScroll{to{transform:translate(-50%)}}.bundles{padding:7rem 1.5rem 8rem}.bundles-stage{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;max-width:1050px;margin:0 auto}.bundles-media{position:relative;aspect-ratio:4 / 5;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-card);box-shadow:0 30px 80px #05080e80}.bundles-img{width:100%;height:100%;object-fit:cover;transition:opacity .6s var(--ease-lux)}.bundles-panel{max-width:30rem}.bundle-step{font-family:var(--font-display);font-size:.82rem;font-weight:500;letter-spacing:.01em;color:var(--ink-low);margin:0 0 .9rem}.bundle-sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:.9rem 0 2.6rem}.bundle-size{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:1.5rem 1.2rem 1.3rem;border-radius:18px;border:2px solid rgba(174,185,204,.16);background:transparent;color:var(--ink-mid);text-align:left;cursor:pointer;transition:border-color .3s var(--ease-lux),background .3s var(--ease-lux)}.bundle-size:hover{border-color:#aeb9cc66}.bundle-size.is-selected{border-color:var(--accent);background:#7fa3ff0d;color:var(--ink-high)}.bundle-size-check{position:absolute;top:1.15rem;right:1.1rem;width:19px;height:19px;border-radius:50%;border:1.5px solid rgba(174,185,204,.4);transition:background .3s var(--ease-lux),border-color .3s var(--ease-lux)}.bundle-size.is-selected .bundle-size-check{background:var(--accent);border-color:var(--accent)}.bundle-size-check:after{content:"";position:absolute;top:4px;left:6.5px;width:4px;height:8px;border:solid var(--bg-deep);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .3s var(--ease-lux)}.bundle-size.is-selected .bundle-size-check:after{transform:rotate(45deg) scale(1)}.bundle-size-name{font-family:var(--font-display);font-weight:600;font-size:.95rem;letter-spacing:0;color:var(--ink-high);padding-right:1.7rem}.bundle-size-price{margin-top:.45rem;font-family:var(--font-display);font-weight:700;font-size:1.45rem;line-height:1.1;letter-spacing:-.01em;color:var(--ink-high);white-space:nowrap}.bundle-size-per{font-size:.78rem;color:var(--ink-low);white-space:nowrap}.bundle-size-save{margin-top:.5rem;font-size:.74rem;font-weight:500;color:var(--accent);white-space:nowrap}.bundle-flag{position:absolute;top:-.62rem;left:1.1rem;white-space:nowrap;font-family:var(--font-display);font-size:.62rem;font-weight:600;letter-spacing:.04em;padding:.22rem .65rem;border-radius:var(--radius-pill);background:var(--accent);color:var(--bg-deep)}.bundle-flag--best{background:var(--accent-warm)}.bundle-combo-name{font-family:var(--font-display);font-weight:700;font-size:clamp(1.3rem,2.6vw,1.7rem);color:var(--ink-high);min-height:1.3em;margin-bottom:1rem}.bundle-combos{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:2.2rem}.bundle-combo{width:60px;height:72px;padding:0;border-radius:var(--radius-md);border:2px solid var(--line-soft);overflow:hidden;background:var(--bg-card);cursor:pointer;transition:transform .3s var(--ease-lux),border-color .3s var(--ease-lux),box-shadow .3s var(--ease-lux)}.bundle-combo img{width:100%;height:100%;object-fit:cover}.bundle-combo:hover{transform:translateY(-3px);border-color:var(--accent)}.bundle-combo.is-selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.bundle-summary{padding-top:1.3rem;margin-bottom:1.6rem;border-top:1px solid var(--line-soft)}.bundle-summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.bundle-summary-label{font-size:.95rem;color:var(--ink-mid)}.bundle-summary-total{font-family:var(--font-display);font-weight:700;font-size:2.1rem;line-height:1;letter-spacing:-.015em;color:var(--ink-high);white-space:nowrap}.bundle-summary-note{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.55rem;font-size:.84rem;color:var(--ink-low)}.bundle-save{color:var(--accent)}.bundle-save[hidden]{display:none}.btn-bundle{margin-top:.4rem}@media(max-width:760px){.colors-stage{grid-template-columns:1fr}.colors-panel{max-width:none;text-align:center}.colors-swatches{justify-content:center}.stat{min-width:150px;padding:1.4rem 1.8rem}.bundles-stage{grid-template-columns:1fr}.bundles-panel{max-width:none}.bundle-combos{justify-content:flex-start}}@media(max-width:560px){.bundle-sizes{grid-template-columns:1fr;gap:.95rem}.bundle-size{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:.1rem;padding:1.05rem 3rem 1.05rem 1.2rem}.bundle-size-name{grid-column:1;grid-row:1;padding-right:0}.bundle-size-per{grid-column:1;grid-row:2}.bundle-size-price{grid-column:2;grid-row:1 / span 2;margin-top:0}.bundle-size-save{grid-column:1 / -1;grid-row:3;margin-top:.35rem}.bundle-size-check{top:50%;transform:translateY(-50%);right:1.15rem}.bundle-summary-total{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.intro-logo-ring,.intro-logo,.marquee-track{animation:none}}