.home-container{--story-progress:0;--closet-back-y:0px;--closet-front-y:0px;--ground-opacity:0;--ground-y:22px;background:radial-gradient(ellipse at 50% 12%, #c8af9b40 0%, transparent 60%), linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg) 40%, var(--color-bg) 75%, var(--color-bg) 100%);padding-bottom:56px;position:relative}.landing-shell,.stats-strip,.home-main{z-index:1;position:relative}.hero-fullwidth{z-index:1;box-sizing:border-box;justify-content:center;align-items:center;width:100vw;height:100dvh;min-height:100dvh;margin-top:-64px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:80px 20px 30px;display:flex;position:relative;overflow:hidden}.hero-video-box{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hero-bg-video{object-fit:cover;object-position:center;filter:blur(4px);width:100%;height:100%;transform:scale(1.05)}.hero-video-overlay{background:linear-gradient(#0000002e 0%,#0000000d 50%,#0000003d 100%);position:absolute;inset:0}.hero-fullwidth-container{z-index:2;text-align:center;flex-direction:column;align-items:center;max-width:900px;display:flex;position:relative}.hero-cinematic-title{color:#fff;letter-spacing:-.02em;text-shadow:0 3px 18px #0009,0 1px 4px #0006;word-break:break-word;overflow-wrap:break-word;margin-bottom:22px;font-size:clamp(34px,5.5vw,68px);font-weight:800;line-height:1.08}.hero-cinematic-subtitle{color:#fff;text-shadow:0 2px 14px #000000a6,0 1px 3px #00000080;max-width:720px;margin-bottom:36px;font-size:clamp(16px,1.3vw,19px);font-weight:500;line-height:1.65}.hero-cinematic-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.hero-btn-primary{background:var(--color-primary);color:#fff;border:1px solid #ffffff40;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 8px 24px #2d5a3d59,0 2px 8px #00000040}.hero-btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 12px 28px #2d5a3d73}.hero-btn-glass{-webkit-backdrop-filter:blur(16px);color:#fff;background:#1e191480;border:1px solid #fff6;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #0003}.hero-btn-glass:hover{background:#1e1914b3;border-color:#fff9;transform:translateY(-2px);box-shadow:0 8px 24px #00000047}.eyebrow,.section-kicker{width:fit-content;min-height:32px;color:var(--color-primary);background:var(--color-surface);border:1px solid #4a7c5938;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #4a7c5914}.section-kicker{color:var(--color-primary);background:var(--color-surface-alt);border-color:#4a7c5940}.stats-strip{background:0 0;border:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:52px;margin-bottom:8px;display:grid}.stats-strip div{min-height:auto;box-shadow:none;text-align:center;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 20px;display:flex;position:relative}.stats-strip div:not(:last-child):after{content:"";background:#8c6e5533;width:1px;position:absolute;top:20%;bottom:20%;right:-8px}.stats-strip strong{width:100%;color:var(--color-black);letter-spacing:-.03em;text-align:center;font-size:clamp(32px,3.6vw,44px);font-weight:900;line-height:1.05;display:block}.stats-strip span{width:100%;color:var(--color-primary);text-transform:uppercase;letter-spacing:.8px;text-align:center;opacity:.92;font-size:13.5px;font-weight:750;display:block}.eco-impact-unboxed{border-top:1px solid #8c6e552e;border-bottom:1px solid #8c6e552e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:32px auto 10px;padding:22px 0;display:flex}.eco-impact-left{align-items:center;gap:14px;display:flex}.eco-impact-icon{background:#2d5a3d1a;border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.eco-impact-kicker{text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);font-size:12px;font-weight:800}.eco-impact-title{color:var(--color-black);letter-spacing:-.01em;margin-top:2px;font-size:19px;font-weight:850}.eco-impact-metrics{flex-wrap:wrap;align-items:center;gap:36px;display:flex}.eco-metric-item{align-items:center;gap:12px;display:flex}.eco-metric-icon{border-radius:12px;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.eco-metric-icon.water{background:#0284c71a}.eco-metric-icon.co2{background:#2d5a3d1a}.eco-metric-number{color:var(--color-black);letter-spacing:-.02em;font-size:20px;font-weight:900;line-height:1.15;display:block}.eco-metric-label{color:var(--color-muted);font-size:12.5px;font-weight:600}.home-main{flex-direction:column;display:flex}.story-scroll{background:radial-gradient(circle at 50% 25%, color-mix(in srgb, var(--color-clay) 14%, transparent) 0%, transparent 60%), linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg) 30%, var(--color-bg) 70%, var(--color-bg) 100%);width:100vw;min-height:660vh;margin:54px 0 0 calc(50% - 50vw);position:relative}.story-stage{isolation:isolate;contain:paint;background:radial-gradient(circle at center, color-mix(in srgb, var(--color-primary) 6%, transparent) 0%, transparent 55%), linear-gradient(90deg, color-mix(in srgb, var(--color-bg) 98%, transparent) 0%, color-mix(in srgb, var(--color-bg) 30%, transparent) 25%, color-mix(in srgb, var(--color-bg) 30%, transparent) 75%, color-mix(in srgb, var(--color-bg) 98%, transparent) 100%), linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg) 50%, var(--color-bg) 100%);height:calc(100vh - 70px);position:sticky;top:70px;overflow:hidden}.story-stage:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(180deg, var(--color-bg) 0%, transparent 12%, transparent 86%, var(--color-bg) 100%), linear-gradient(90deg, color-mix(in srgb, var(--color-bg) 95%, transparent) 0%, transparent 18%, transparent 82%, color-mix(in srgb, var(--color-bg) 95%, transparent) 100%);position:absolute;inset:0}.closet-layer{z-index:1;will-change:transform;position:absolute;inset:-10% -8%}.closet-layer-back{opacity:.48;transform:translate3d(-18px, var(--closet-back-y), 0);background:linear-gradient(90deg, transparent 0 24%, #8c6e5a0b 24% 24.08%, transparent 24.08% 49%, #8c6e5a0a 49% 49.08%, transparent 49.08% 74%, #8c6e5a0b 74% 74.08%, transparent 74.08%), linear-gradient(180deg, transparent, color-mix(in srgb, var(--color-surface) 55%, transparent))}.closet-layer-front{opacity:.34;transform:translate3d(24px, var(--closet-front-y), 0);background:linear-gradient(90deg, transparent 0 16%, #4a7c590d 16% 16.08%, transparent 16.08% 34%, #4a7c590a 34% 34.08%, transparent 34.08% 66%, #4a7c590a 66% 66.08%, transparent 66.08% 84%, #4a7c590d 84% 84.08%, transparent 84.08%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 38%, transparent), transparent)}.story-ground-line{z-index:2;height:1px;opacity:var(--ground-opacity);transform:translateY(var(--ground-y));background:linear-gradient(90deg,#0000,#4a7c594d,#0000);position:absolute;bottom:12vh;left:10%;right:10%}.story-garment-master{z-index:5;aspect-ratio:1;width:clamp(280px,26vw,460px);opacity:var(--garment-opacity,0);will-change:transform, opacity;transform:translate3d(calc(-50% + var(--garment-x,0px)), calc(-50% + var(--garment-y,0px)), 0) rotate(var(--garment-rotate,0deg)) scale(var(--garment-scale,.72));transform-origin:50%;pointer-events:none;position:absolute;top:50%;left:50%}.garment-layer{will-change:transform, opacity}.garment-tag-line{width:34%;height:7px;transform:scaleX(var(--garment-tag-scale,0));transform-origin:0;background:#2d2824;border-radius:999px;position:absolute;top:64%;left:50%;box-shadow:0 8px 18px #46321e1f}.story-content{z-index:5;pointer-events:none;grid-template-rows:repeat(6,minmax(100vh,1fr));align-items:center;width:min(1240px,100% - 40px);min-height:100%;display:grid;position:absolute;inset:0 auto auto 50%;transform:translate(-50%)}.story-card{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-alt) 94%, transparent);-webkit-backdrop-filter:blur(20px);pointer-events:auto;opacity:.45;filter:saturate(.7);border-radius:20px;width:clamp(330px,30vw,500px);padding:28px;transition:opacity .3s,transform .3s,border-color .3s,box-shadow .3s,filter .3s;position:relative;transform:translateY(18px)scale(.97);box-shadow:0 16px 40px -10px #5a463214}.story-card:before{content:"";background:linear-gradient(90deg,#2e6844,#4a7c59);border-radius:999px;width:64px;height:3px;position:absolute;top:0;left:28px}.story-card.is-current{opacity:1;filter:saturate();background:color-mix(in srgb, var(--color-surface) 98%, transparent);border-color:#4a7c5980;transform:translateY(0)scale(1.02);box-shadow:0 22px 50px -10px #4a7c5929,0 0 0 1px #4a7c5933}.story-left{justify-self:start;margin-left:clamp(0px,3vw,44px)}.story-right{justify-self:end;margin-right:clamp(0px,3vw,44px)}.story-kicker{min-height:28px;color:var(--color-primary);letter-spacing:.3px;background:#4a7c591a;border:1px solid #4a7c5933;border-radius:999px;align-items:center;padding:0 12px;font-size:12.5px;font-weight:800;display:inline-flex}.story-icon{width:58px;height:58px;color:var(--color-primary);background:var(--color-primary-soft);border:1px solid #4a7c5933;border-radius:16px;place-items:center;margin-top:20px;display:grid;box-shadow:0 6px 18px #4a7c591f}.story-card h2{color:var(--color-black);letter-spacing:-.01em;margin-top:18px;font-size:clamp(24px,2.7vw,36px);font-weight:850;line-height:1.1}.story-card p{color:var(--color-ink-soft);margin-top:14px;font-size:16.5px;line-height:1.65}.section-heading{gap:18px;margin-bottom:28px;display:flex}.section-heading.centered{text-align:center;flex-direction:column;align-items:center}.section-heading h2{max-width:760px;color:var(--color-black);font-size:clamp(30px,4vw,54px);font-weight:900;line-height:1.04}.section-heading p{max-width:720px;color:var(--color-ink-soft);font-size:16px;line-height:1.62}.closing-ribbon{border:1px solid var(--color-border);background:radial-gradient(circle at 10% 15%, var(--color-surface) 0%, transparent 50%), radial-gradient(circle at 90% 85%, #57a9740f 0%, transparent 50%), var(--color-surface-alt);box-shadow:var(--shadow-md);text-align:center;border-radius:28px;place-items:center;margin:56px auto 20px;padding:64px 32px;display:grid}.closing-ribbon h2{max-width:840px;color:var(--color-black);letter-spacing:-.02em;margin-top:0;font-size:clamp(34px,4.4vw,56px);font-weight:900;line-height:1.06}.closing-ribbon p{max-width:740px;color:var(--color-muted);margin-top:16px;font-size:17px;line-height:1.68}.closing-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.closing-actions .btn-primary{background:var(--color-primary);color:#fff;border:1px solid #fff3;border-radius:999px;padding:14px 32px;font-weight:700;transition:all .22s;box-shadow:0 8px 24px #2d5a3d59}.closing-actions .btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 12px 28px #2d5a3d73}.closing-actions .btn-secondary{background:var(--color-surface);color:var(--color-black);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:999px;padding:14px 32px;font-weight:700;transition:all .22s}.closing-actions .btn-secondary:hover{background:var(--color-surface-alt);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.story-garment,.closet-layer,.story-ground-line{transition:none;transform:none}}@media (max-width:860px){.hero-fullwidth{height:auto;min-height:100svh;margin-top:-74px;padding:96px 16px 44px}.stats-strip{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:36px}.stats-strip div{min-height:auto;padding:10px 6px}.stats-strip strong{font-size:24px}.stats-strip span{letter-spacing:.4px;font-size:11px}.eco-impact-unboxed{flex-direction:column;align-items:flex-start;gap:18px;margin:28px auto 10px;padding:18px 0}.eco-impact-metrics{justify-content:space-between;gap:14px;width:100%}.story-scroll{width:100%;margin-left:0}.story-garment-master{width:clamp(280px,46vw,380px)}.story-card{width:calc(100% - 20px);max-width:380px;padding:22px;justify-self:center!important;margin:0 auto!important}}@media (max-width:620px){.home-container{padding-bottom:30px}.story-garment-master{width:clamp(260px,74vw,340px)}.hero-fullwidth{height:auto;min-height:100svh;margin-top:-58px;padding:76px 16px 36px}.hero-cinematic-title{word-break:break-word;overflow-wrap:break-word;margin-bottom:16px;font-size:clamp(26px,7.5vw,34px);line-height:1.15}.hero-title-break{display:none}.hero-cinematic-subtitle{margin-bottom:26px;font-size:14.5px;line-height:1.55}.hero-cinematic-actions{flex-direction:column;gap:10px;width:100%}.hero-btn-primary,.hero-btn-glass{justify-content:center;width:100%;padding:13px 20px;font-size:15px}.stats-strip{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:28px}.stats-strip div{padding:8px 4px}.stats-strip div:not(:last-child):after{right:-2px}.stats-strip strong{font-size:21px}.stats-strip span{letter-spacing:.2px;font-size:10px}.eco-impact-title,.eco-metric-number{font-size:17px}.eco-metric-label{font-size:11.5px}.closing-ribbon{border-radius:20px;margin:36px auto 10px;padding:40px 18px}.closing-ribbon h2{font-size:24px;line-height:1.18}.closing-ribbon p{margin-top:12px;font-size:15px}.closing-actions{flex-direction:column;gap:10px;width:100%}.closing-actions .btn-primary,.closing-actions .btn-secondary{justify-content:center;width:100%;padding:13px 20px;font-size:15px}}