.home-container{--story-progress:0;--closet-back-y:0px;--closet-front-y:0px;--ground-opacity:0;--ground-y:22px;background:linear-gradient(#ffffffeb 0%,#f4f9f5f5 52%,#fff8f1 100%);padding-bottom:56px;position:relative}.landing-shell,.stats-strip,.home-main{z-index:1;position:relative}.hero{padding:clamp(48px,7vw,92px) 0 30px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.85fr);align-items:center;gap:clamp(34px,6vw,74px);display:grid}.hero-copy{flex-direction:column;align-items:flex-start;display:flex}.eyebrow,.section-kicker{color:#0d4c2a;background:#ffffffc7;border:1px solid #01a0312e;border-radius:999px;align-items:center;gap:8px;width:fit-content;min-height:32px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.section-kicker{color:#7b432c;background:#fffbf6e6;border-color:#ec8b5e47}.hero-title{color:#0d2b23;letter-spacing:0;max-width:820px;margin:18px 0;font-size:clamp(46px,6.5vw,82px);font-weight:900;line-height:.98}.hero-subtitle{color:#51645d;max-width:650px;margin-bottom:28px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-action-main{box-shadow:0 18px 38px #01a0312e}.hero-visual{min-height:520px}.hero-photo-stack{width:min(100%,470px);min-height:510px;margin-left:auto;position:relative}.hero-photo{background:linear-gradient(145deg,#ffffffe6,#edf6efcc),#fff;border:1px solid #0d2b231f;border-radius:8px;place-items:center;display:grid;position:absolute;overflow:hidden;box-shadow:0 30px 80px #0d2b231f}.hero-photo img{object-fit:contain;filter:drop-shadow(0 22px 28px #0d2b2324);width:82%;height:82%}.hero-photo-main{inset:0 54px 0 0}.hero-photo-side{background:#fff7ef;width:178px;height:214px;bottom:44px;right:0}.stats-strip{background:#0d2b231a;border:1px solid #0d2b231a;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:10px;margin-bottom:0;display:grid;overflow:hidden}.stats-strip div{text-align:center;background:#ffffffd1;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:92px;display:flex}.stats-strip strong{color:#0d2b23;text-align:center;width:100%;font-size:30px;font-weight:900;line-height:1;display:block}.stats-strip span{color:#596b64;text-align:center;width:100%;font-size:14px;font-weight:800;display:block}.home-main{flex-direction:column;display:flex}.story-scroll{background:linear-gradient(180deg, #f6fbf7f0, #fff7efb8), var(--color-bg);width:100vw;min-height:660vh;margin:54px 0 0 calc(50% - 50vw);position:relative}.story-stage{isolation:isolate;background:linear-gradient(90deg,#f6fbf7f0,#f6fbf738 23% 77%,#f6fbf7f0),linear-gradient(#ffffffa3,#f0f6f2b3);height:calc(100vh - 74px);position:sticky;top:74px;overflow:hidden}.story-stage:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(#f6fbf7fa 0%,#f6fbf700 13% 83%,#f6fbf7f5 100%),linear-gradient(90deg,#f6fbf7f0 0%,#f6fbf700 17% 83%,#f6fbf7f0 100%);position:absolute;inset:0}.closet-layer{z-index:0;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,#0000 0 24%,#0d2b230b 24% 24.08%,#0000 24.08% 49%,#0d2b230a 49% 49.08%,#0000 49.08% 74%,#0d2b230b 74% 74.08%,#0000 74.08%),linear-gradient(#ffffff9e,#eef7f1b8)}.closet-layer-front{opacity:.34;transform:translate3d(24px, var(--closet-front-y), 0);background:linear-gradient(90deg,#0000 0 16%,#01a0310d 16% 16.08%,#0000 16.08% 34%,#01a0310a 34% 34.08%,#0000 34.08% 66%,#01a0310a 66% 66.08%,#0000 66.08% 84%,#01a0310d 84% 84.08%,#0000 84.08%),linear-gradient(#ffffff61,#fff7ef7a)}.story-ground-line{z-index:1;height:1px;opacity:var(--ground-opacity);transform:translateY(var(--ground-y));background:linear-gradient(90deg,#0000,#01a03157,#0000);position:absolute;bottom:12vh;left:10%;right:10%}.story-garment-master{z-index:3;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-tag-line{width:34%;height:7px;transform:scaleX(var(--garment-tag-scale,0));transform-origin:0;background:#0d2b23;border-radius:999px;position:absolute;top:64%;left:50%;box-shadow:0 8px 18px #0d2b2329}.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{pointer-events:auto;opacity:.48;filter:saturate(.72);background:#fffffff0;border:1px solid #0d2b231f;border-radius:8px;width:clamp(330px,30vw,500px);padding:24px;transition:opacity .28s,transform .28s,border-color .28s,filter .28s;position:relative;transform:translateY(16px)scale(.98);box-shadow:0 24px 64px #0d2b2314}.story-card:before{content:"";background:var(--color-primary);border-radius:999px;width:58px;height:2px;position:absolute;top:-1px;left:18px}.story-card.is-current{opacity:1;filter:saturate();border-color:#01a03157;transform:translateY(0)scale(1)}.story-left{justify-self:start;margin-left:clamp(0px,3vw,44px)}.story-right{justify-self:end;margin-right:clamp(0px,3vw,44px)}.story-kicker{color:#7b432c;background:#fff2e8;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.story-icon{color:#0d6b37;background:#01a0311a;border-radius:8px;place-items:center;width:56px;height:56px;margin-top:20px;display:grid}.story-card h2{color:#0d2b23;margin-top:18px;font-size:clamp(24px,2.8vw,38px);font-weight:900;line-height:1.07}.story-card p{color:#5f706a;margin-top:13px;font-size:16px;line-height:1.62}.section-heading{gap:18px;margin-bottom:28px;display:flex}.section-heading.centered{text-align:center;flex-direction:column;align-items:center}.section-heading h2{color:#0d2b23;max-width:760px;font-size:clamp(30px,4vw,54px);font-weight:900;line-height:1.04}.section-heading p{color:#64746f;max-width:720px;font-size:16px;line-height:1.62}.closing-ribbon{text-align:center;background:radial-gradient(circle at 16% 24%,#01a0311a,#0000 28%),radial-gradient(circle at 86% 72%,#ec8b5e29,#0000 26%),#ffffffd1;border:1px solid #0d2b231a;border-radius:8px;place-items:center;margin:46px auto 16px;padding:54px 24px;display:grid}.closing-ribbon h2{color:#0d2b23;max-width:820px;margin-top:14px;font-size:clamp(32px,4.2vw,58px);font-weight:900;line-height:1.02}.closing-ribbon p{color:#5f706a;max-width:760px;margin-top:16px;font-size:16px;line-height:1.65}.closing-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}@media (prefers-reduced-motion:reduce){.story-garment,.closet-layer,.story-ground-line{transition:none;transform:none}}@media (max-width:1080px){.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center;align-items:center}.hero-photo-stack{margin:0 auto}}@media (max-width:820px){.hero{padding-top:46px}.hero-visual,.hero-photo-stack{min-height:360px}.hero-photo-main{inset:0 34px 0 0}.hero-photo-side{width:138px;height:168px}.stats-strip{grid-template-columns:1fr}.stats-strip div{min-height:74px}.story-scroll{width:100%;margin-left:0}.story-garment{width:min(46vw,260px)}}@media (max-width:620px){.home-container{padding-bottom:30px}.hero-title{font-size:42px}.hero-subtitle{font-size:16px}.hero-actions,.closing-actions{width:100%}.hero-actions .btn,.closing-actions .btn{flex:100%}}