/* Dress Me 2026 editorial refresh. Structure, video previews, interactions and API untouched. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--dm-espresso:#281a14;--dm-dark:#171816;--dm-chocolate:#493126;--dm-ivory:#f7f3ea;--dm-cream:#eee6da;--dm-paper:#fcfaf5;--dm-mocha:#806c5d;--dm-caramel:#a58a72;--dm-burgundy:#70796c;--dm-sage:#aeb7aa;--dm-stone:#a9a093;--dm-muted:#685f56;--dm-line:#ddd4c7}
body{background:var(--dm-ivory);color:var(--dm-espresso);font-family:'DM Sans',Arial,sans-serif;font-weight:400}
header{border-bottom-color:#d9cbbd}
.wordmark{font-family:'Playfair Display',Georgia,serif;font-style:normal;font-weight:600;letter-spacing:-1.5px;color:var(--dm-espresso)}
.wordmark{background:linear-gradient(100deg,#171816 0%,#281a14 24%,#806c5d 46%,#171816 72%,#d9c4ac 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.wordmark span,.nova-icon,.success-icon{color:var(--dm-mocha)}
.wordmark span{width:17px!important;height:17px!important;right:-8px!important;top:-5px!important;transform:none}
.wordmark span .dress-star{width:17px!important;height:17px!important}
.wordmark .dress-star{width:17px;height:17px}
.dress-star{color:var(--dm-mocha)}
h1,h2,.nova-note p,#signup-success h3,#remove-panel h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:-.045em}
h1{line-height:1.06}h2{line-height:1.15}em{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:#896148}
.intro,.body-copy,.building-copy>p:not(.eyebrow):not(.small),.signup>div>p:not(.eyebrow){color:var(--dm-muted)}
.eyebrow,.section-label{font-weight:700;letter-spacing:2.1px}
.eyebrow i{background:var(--dm-mocha)}
.button,.email-row button{background:var(--dm-espresso);color:var(--dm-ivory);font-weight:600}
.button:hover,.email-row button:hover{background:#50372a}
.fashion-canvas{background:#e1d3c5}
.nova-note,.mini-look{background:#fffaf3}
.countdown-section{background:#e9ddd0;color:var(--dm-espresso)}
.countdown-section p:not(.eyebrow),.caption,.small{color:var(--dm-muted)}
.timer b{font-weight:600;font-family:'Playfair Display',Georgia,serif}
.colon{color:var(--dm-mocha)}
.previews{background:#fbf7f1}
.preview-heading em,.preview-card em{color:#896148}
.building{background:#e8ddd0}
.feature-list article{border-color:#d7c7b7}
.feature-list article>span{color:#896148;font-family:'Playfair Display',Georgia,serif}
.founding{background:var(--dm-ivory);border-color:#d7c7b7}
.form-panel{background:#e9ddd0}
input[type=email]{background:#fffaf5;border-color:#bca696}
.check input{accent-color:var(--dm-mocha)}
.roadmap{background:var(--dm-espresso);color:var(--dm-ivory)}
.roadmap span{color:#dbc0a8}.roadmap b{color:#c8a385}
a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#9e785b}
@media(max-width:760px){h1{letter-spacing:-2.4px}.wordmark{letter-spacing:-1px}}

body{background:var(--dm-ivory);color:var(--dm-dark);font-size:16px;line-height:1.65}
header{border-bottom-color:var(--dm-line)}
.wordmark{position:relative;width:max-content;padding-right:10px;font-size:32px;letter-spacing:-1px}
.wordmark span{position:absolute;right:-8px;top:-5px;width:17px;height:17px;margin:0;color:var(--dm-dark)!important;transform:none}
.wordmark span::before{width:17px;height:17px}
.wordmark span,.nova-icon,.success-icon{color:var(--dm-burgundy)}
nav{color:var(--dm-muted)}
.nav-cta{border-bottom-color:var(--dm-mocha);color:var(--dm-espresso);display:inline-flex;align-items:center;gap:9px;line-height:1;white-space:nowrap}
.nav-cta .cta-hanger{display:block;width:20px;height:20px;flex:none}
h1,h2,.nova-note p,#signup-success h3,#remove-panel h3{line-height:1.08}
h1{letter-spacing:-.055em}
h2{letter-spacing:-.045em}
em{color:#6f5a4b}
.intro,.body-copy,.building-copy>p:not(.eyebrow):not(.small),.signup>div>p:not(.eyebrow),.preview-heading>p,.clip-grid p,.pilot-details p{color:var(--dm-muted)}
.eyebrow,.section-label{color:var(--dm-burgundy)}
.eyebrow i{background:var(--dm-mocha)}
.button,.email-row button{background:var(--dm-espresso);color:var(--dm-ivory);transition:background-color .2s ease,transform .2s ease}
.button:hover,.email-row button:hover{background:var(--dm-dark);transform:translateY(-1px)}
.fashion-canvas{background:#e8ddd0}
.nova-note,.mini-look{background:var(--dm-paper);border:1px solid #e8dbcc}
.nova-note{padding-right:70px}
.nova-note::after{content:"";position:absolute;right:20px;bottom:15px;width:32px;height:42px;opacity:.34;background:radial-gradient(ellipse at 50% 24%,var(--dm-burgundy) 0 19%,transparent 21%),radial-gradient(ellipse at 50% 100%,var(--dm-burgundy) 0 42%,transparent 44%)}
.nova-icon{display:inline-flex;align-items:center}
.countdown-section{background:#eee3d7;color:var(--dm-espresso)}
.hero .countdown-section{background:#eee3d7;border-color:#d8c6b3}
.hero .countdown-section .eyebrow{color:var(--dm-burgundy)}
.launch-date{color:var(--dm-muted);border-bottom-color:#d7c6b5}
.launch-date strong{color:var(--dm-espresso)}
#journey #launch-phase::before{content:"UNTIL THE FUTURE OF FASHION"}#journey #launch-phase{font-size:0}#journey #launch-phase::before{font-size:10px;letter-spacing:2.1px}.hero #countdown-caption{display:none}.hero #countdown-caption,.countdown-section p:not(.eyebrow),.caption,.small{color:var(--dm-muted)}
.timer b{font-family:'Playfair Display',Georgia,serif;color:var(--dm-espresso)}
.colon{color:var(--dm-mocha)}
.build-progress{background:#ded0c2}
#build-progress-fill{background:var(--dm-sage)}
.preview-link span{color:var(--dm-burgundy)}
.previews{background:var(--dm-paper);border-color:var(--dm-line)}
.preview-heading em,.preview-card em{color:var(--dm-burgundy)}
.clip-grid video{background:#e9dfd4;border-color:#ddd0c2;border-radius:3px}
.clip-grid h3{font-family:'Playfair Display',Georgia,serif;color:var(--dm-espresso)}
.building{background:#eee4d8}
.feature-list article{border-color:var(--dm-line)}
.feature-list article>span{color:var(--dm-burgundy)}
.founding{background:var(--dm-ivory);border-color:var(--dm-line)}
.pilot-details strong{color:var(--dm-espresso)}
.signup{background:var(--dm-paper)}
.form-panel{background:#eee3d7;border:1px solid #dfcfbd}
input[type=email]{background:#fffdf9;border-color:#bca893;color:var(--dm-espresso)}
.check input{accent-color:var(--dm-burgundy)}
.roadmap{background:var(--dm-espresso);color:var(--dm-ivory)}
.roadmap span{color:#d5bba5}
.roadmap b{color:#bd9275}
footer{border-top:1px solid var(--dm-line)}
footer p,footer div{color:var(--dm-muted)}
footer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}
footer .footer-links{display:flex;justify-content:flex-end;align-items:center;gap:28px;flex-wrap:wrap}
footer .footer-links a{text-decoration:none;border-bottom:1px solid transparent}footer .footer-links a:hover{border-bottom-color:var(--dm-mocha)}
.explore-closets{padding:75px 7%;background:#eee4d8}.explore-closets .preview-heading{max-width:1200px}.closet-description{max-width:760px;font-size:16px;color:var(--dm-muted)}
.explore-closets .closet-track{margin-top:30px}.closet-cta{margin-top:24px;gap:18px}.closet-disclaimer{max-width:760px;margin-top:18px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--dm-burgundy);outline-offset:4px}
/* Nova accents are shared brand marks, never decorative emoji. */
.wordmark span::before{display:none!important}
.nova-icon::before{width:27px;height:27px}
.success-icon::before{width:38px;height:38px}
.nova-cta,.nova-entry-star,.nova-bubble-star{display:inline-block;flex:none;width:18px;height:18px;background:var(--dm-mocha);clip-path:polygon(50% 0,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 41%)}
.hero-media{position:relative;overflow:hidden}
.hero-media>.hero-main-look{height:100%;width:100%;position:absolute;inset:0;display:block;object-fit:cover;object-position:center 30%;z-index:1;background:none;background-repeat:no-repeat}
.hero-media>img:not(.hero-main-look){display:none!important}
.hero-media>.mini-look,.hero-media>.nova-note:not(.nova-chat-overlay){display:none!important}
.nova-chat-overlay{position:absolute;z-index:6;inset:0;pointer-events:none}
.nova-chat-bubble{position:absolute;display:flex;align-items:center;gap:7px;max-width:220px;padding:10px 15px;border:1px solid rgba(221,205,188,.78);border-radius:999px;background:rgba(252,250,245,.82);color:var(--dm-espresso);box-shadow:0 12px 30px rgba(40,26,20,.16);font-size:12px;line-height:1.45;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.chat-sparkle{width:8px;height:8px;flex:none;background:var(--dm-mocha);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}
.nova-chat-bubble::after{content:"";position:absolute;width:10px;height:10px;background:rgba(252,250,245,.82);border-right:1px solid rgba(221,205,188,.78);border-bottom:1px solid rgba(221,205,188,.78)}
.nova-chat-intro{top:30%;left:8%;border-bottom-left-radius:7px}.nova-chat-intro::after{left:-5px;bottom:-2px;transform:rotate(135deg)}
.nova-chat-question{top:40%;right:6%;border-bottom-right-radius:7px}.nova-chat-question::after{right:-5px;bottom:-2px;transform:rotate(-45deg)}
.cta-hanger{width:24px;height:24px;border-radius:7px}
.journey-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.journey-links a{display:flex;flex-direction:column;padding:14px;border:1px solid var(--dm-line);text-decoration:none;background:var(--dm-paper)}.journey-links span{font-size:11px;color:var(--dm-muted)}
.future-previews,.closets{padding:75px 7%;background:var(--dm-paper)}
.future-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.future-card{min-width:0}.concept-stage{position:relative;height:420px;margin-bottom:18px;overflow:hidden;background:#e8ddd0}.concept-stage>img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.clothing-concept>img{object-fit:contain;padding:35px;background:#ede5da}.scan-ring{position:absolute;left:50%;top:50%;width:180px;height:180px;border:1px solid rgba(247,243,234,.75);border-radius:50%;transform:translate(-50%,-50%)}.ring-two{width:260px;height:260px;border-style:dashed}.avatar-node{position:absolute;width:7px;height:7px;border-radius:50%;left:50%;top:28%;background:#fffaf3;box-shadow:0 170px 0 #fffaf3}.phone-frame{position:absolute;right:7%;bottom:12%;width:118px;height:210px;border:7px solid var(--dm-espresso);border-radius:24px;background:rgba(247,243,234,.86);box-shadow:0 16px 35px rgba(40,26,20,.18)}.phone-frame i{position:absolute;left:50%;top:7px;width:34px;height:3px;border-radius:5px;background:#9c9287;transform:translateX(-50%)}.phone-frame b{position:absolute;left:10px;right:10px;bottom:22px;font-size:9px;text-align:center;color:var(--dm-espresso)}.closet-chip{position:absolute;left:10%;bottom:14%;padding:7px 10px;border-radius:999px;background:var(--dm-espresso);color:var(--dm-ivory);font-size:10px}.future-tagline{font-family:'Playfair Display',Georgia,serif;font-size:22px;color:var(--dm-espresso)!important}.future-card h3,.closet-track h3{font-family:'Playfair Display',Georgia,serif;color:var(--dm-espresso)}
.closets{background:#eee4d8}.closet-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,31%);gap:18px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory;scrollbar-width:thin}.closet-track article{scroll-snap-align:start;border:1px solid var(--dm-line);background:var(--dm-paper)}.closet-track img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.closet-track article div{padding:16px}.closet-track article p{margin:0;font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:var(--dm-muted)}.closet-track h3{margin:6px 0;font-size:20px}.closet-track span{font-size:11px;color:var(--dm-muted)}.closet-disclaimer{margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wordmark span{position:absolute;z-index:2;display:inline-flex}
.wordmark .dress-star{display:block!important;width:17px;height:17px}
@media(max-width:850px){.nova-note{padding-right:62px}}
@media(max-width:600px){.wordmark{font-size:29px}.wordmark span,.wordmark span .dress-star{width:15px!important;height:15px!important}.wordmark span{right:-6px!important;top:-4px!important}.nova-note{padding-right:58px}.nova-note::after{right:12px;width:27px;height:36px}.previews{background:var(--dm-paper)}.nav-cta{gap:7px}.nav-cta .cta-hanger{width:18px;height:18px}}
@media(max-width:850px){.nova-chat-bubble{max-width:185px;font-size:11px}.nova-chat-intro{top:30%;left:5%}.nova-chat-question{top:40%;right:4%}.future-grid{grid-template-columns:1fr}.concept-stage{height:380px}.closet-track{grid-auto-columns:minmax(220px,72%)}}
@media(max-width:600px){.nova-chat-bubble{max-width:150px;padding:8px 11px;font-size:10px}.nova-chat-intro{top:30%;left:4%}.nova-chat-question{top:40%;right:3%}.journey-links{grid-template-columns:1fr}.concept-stage{height:330px}.future-previews,.closets{padding:55px 7%}.closet-track{grid-auto-columns:minmax(210px,82%)}.building-image{overflow:hidden}.building-image>img{object-position:center 18%}.building-image>span{display:none}.explore-closets{padding:55px 7%}.closet-description{font-size:14px}footer{grid-template-columns:1fr;justify-items:start;gap:18px}footer .footer-links{justify-content:flex-start;width:100%;gap:18px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.button,.email-row button{transition:none}}
