.hero { padding-top: 42px; padding-bottom: 55px; align-items: stretch; }
.hero h1 { font-size: clamp(58px,6.4vw,94px); margin: 25px 0; letter-spacing: -4px; }
.hero .intro { margin-bottom: 24px; font-size: 15px; max-width: 440px; }
.hero .fashion-canvas { min-height: 710px; }
.hero .countdown-section { display:block; background:#eee4e7; border:1px solid #e0cdd3; padding:22px 24px 18px; margin:0 0 24px; max-width:470px; }
.hero .countdown-section .eyebrow { font-size:9px; letter-spacing:1.4px; margin:0 0 14px; color:#874d5c; }
.launch-date { display:flex; align-items:baseline; justify-content:space-between; gap:12px; font-size:11px; color:#716068; padding-bottom:18px; border-bottom:1px solid #d8c3cb; }
.launch-date strong { font-size:17px; font-family:Georgia,serif; font-weight:400; color:#623b48; }
.hero .timer { justify-content:space-between; gap:7px; margin-top:17px; }
.hero .timer div { min-width:40px; }
.hero .timer b { font-size:45px; line-height:1.2; }
.hero .timer .colon { font-size:25px; padding-top:4px; }
.hero .timer span:not(.colon) { font-size:8px; letter-spacing:1px; margin-top:7px; }
.hero #countdown-caption { font-size:11px; margin:16px 0; }
.build-progress { height:3px; overflow:hidden; background:#dac8ce; border-radius:3px; }
#build-progress-fill { height:100%; display:block; background:#b56a78; width:0; transition:width .3s; }
.hero .timer-wrap .build-progress-label { font-size:10px; text-align:left; margin:9px 0 0; }
.hero-join { display:flex; align-items:center; flex-wrap:wrap; gap:24px; }
.preview-link { font-size:12px; text-decoration:none; padding:14px 0; }
.preview-link span { color:#a55868; margin-left:6px; }
.previews { border-top:1px solid #ded7ce; }
@media(max-width:850px) { .hero h1 { font-size:61px; letter-spacing:-3px; } .hero .fashion-canvas { min-height:690px; } .hero .countdown-section { padding:18px; } .hero .timer b { font-size:36px; } .launch-date { flex-wrap:wrap; gap:5px; } }
@media(max-width:600px) { .hero { padding-top:27px; gap:20px; } .hero h1 { font-size:clamp(49px,12.5vw,76px); letter-spacing:-2.5px; line-height:1.02; margin:21px 0; } .hero .intro { font-size:14px; line-height:1.7; } .hero .countdown-section { max-width:none; padding:20px; margin-bottom:20px; } .hero .timer b { font-size:43px; } .hero .fashion-canvas { min-height:0; height:450px; } .hero-join { gap:17px; } .hero-join .button { padding:17px 19px; gap:30px; } .hero .caption { margin-bottom:0; } .launch-date { flex-wrap:nowrap; } }
@media(max-width:360px) { .launch-date { flex-wrap:wrap; } .hero .timer b { font-size:35px; } .hero .timer .colon { font-size:22px; } }
@media(prefers-reduced-motion:reduce) { #build-progress-fill { transition:none; } }