:root{--stone:#dedbd2;--ink:#20231f;--sage:#839180;--cream:#f7f3eb;--rust:#8c6958}
body{background:var(--stone);color:var(--ink);font-family:Manrope,sans-serif}.scroll-progress{background:var(--ink)}.back-home{background:#20231fe8;color:white}.page-wipe i{background:var(--sage)}
.fashion-nav{height:76px;display:flex;align-items:center;padding:0 34px;position:absolute;inset:0 0 auto;z-index:20}.fashion-logo{font-weight:800;letter-spacing:.14em;margin-right:auto}.fashion-nav nav{display:flex;gap:25px;font-size:12px;font-weight:700}.fashion-cart{margin-left:auto;border:1px solid var(--ink);padding:11px 15px;font-weight:800}.fashion-cart span{background:var(--ink);color:white;padding:3px 7px;margin-left:8px}
.fashion-hero{min-height:100vh;padding:120px 5vw 50px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:40px}.fashion-hero-copy>p:first-child,.fashion-heading>span,.fashion-cta span{font-size:11px;font-weight:800;letter-spacing:.17em;color:#5f6a5d}.fashion-hero h1{font:600 clamp(54px,7vw,116px)/.91 "DM Sans";letter-spacing:-.065em;margin:20px 0}.fashion-hero h1 em{font-style:normal;color:var(--cream);text-shadow:0 1px 0 var(--ink)}.fashion-lead{color:#50584e;line-height:1.75;max-width:620px;font-size:17px}.fashion-btn{display:inline-flex;margin-top:27px;background:var(--ink);color:white;padding:16px 22px;font-weight:800}.fashion-hero-collage{height:700px;position:relative}.collage-main{position:absolute;left:4%;top:3%;width:62%;height:88%;object-fit:cover;box-shadow:0 35px 70px #4b463d33}.collage-side{position:absolute;right:0;bottom:4%;width:43%;height:64%;object-fit:cover;border:14px solid var(--stone);transform:rotate(3deg);transition:.8s var(--ease)}.fashion-hero-collage:hover .collage-side{transform:rotate(-2deg) translate(-8px,-8px)}.collage-label{position:absolute;right:1%;top:8%;writing-mode:vertical-rl;font-size:11px;letter-spacing:.18em;font-weight:800}.collage-line{position:absolute;left:0;bottom:6%;width:70%;height:2px;background:var(--ink)}.floating-tag{position:absolute;background:var(--ink);color:white;padding:8px 11px;font-size:10px;font-weight:800}.tag-a{left:0;top:36%}.tag-b{right:11%;bottom:1%}
.mannequin-section{padding:120px 0;background:var(--cream)}.fashion-heading{display:grid;grid-template-columns:.25fr 1.15fr .6fr;align-items:end;gap:28px;margin-bottom:42px}.fashion-heading h2{font:600 clamp(45px,5.5vw,84px)/.94 "DM Sans";letter-spacing:-.055em;margin:0}.fashion-heading p{color:#62665e;line-height:1.7;margin:0}.mannequin-app{display:grid;grid-template-columns:270px 1fr 290px;gap:16px}.wardrobe-controls,.reference-panel{border:1px solid #20231f22;padding:18px;background:#fbf8f1}.wardrobe-controls{display:flex;flex-direction:column;gap:18px}.preset-group,.layer-group,.color-control,.body-control{display:grid;gap:9px}.preset-group>span,.layer-group>span,.body-control>span,.reference-panel>span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:#747970}.preset-group{grid-template-columns:repeat(3,1fr)}.preset-group>span{grid-column:1/-1}.preset,.segmented button{border:1px solid #20231f22;background:white;padding:10px 7px;cursor:pointer;font-weight:800;font-size:11px}.preset.active,.segmented button.active{background:var(--ink);color:white}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.color-control{grid-template-columns:1fr 1fr}.color-control label{font-size:10px;font-weight:800}.color-control input{display:block;width:100%;height:38px;border:1px solid #20231f22;margin-top:6px}.body-control input{width:100%;accent-color:var(--ink)}.body-control small{color:#888;line-height:1.45}.save-look{margin-top:auto;background:var(--ink);color:white;border:0;padding:14px;font-weight:800;cursor:pointer}.digital-mirror{background:var(--stone);min-height:780px;padding:14px;transition:background .4s;--outer-color:#252725;--top-color:#ded9cf;--bottom-color:#77766c;--shoe-color:#e7dfce}.mirror-header,.mirror-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;padding:5px}.mirror-header{padding-bottom:14px}.mirror-footer{padding-top:14px}.mannequin-stage{height:690px;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff7d,#ffffff1c)}.mirror-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 48px,#20231f0b 49px),repeating-linear-gradient(0deg,transparent 0 48px,#20231f0b 49px)}.mannequin-stage svg{width:100%;height:100%;position:relative;z-index:2;transition:transform .35s var(--ease)}.garment{transition:opacity .3s,transform .35s,fill .3s}.garment.hidden{opacity:0;pointer-events:none;transform:translateY(-10px)}.measurement{position:absolute;z-index:4;color:#222;font-size:9px;letter-spacing:.12em}.measurement i{display:block;background:#20231f55}.m-shoulder{left:22%;right:22%;top:25%}.m-shoulder i{height:1px}.m-leg{right:14%;top:47%;bottom:12%}.m-leg i{width:1px;height:100%;margin-left:auto}.scan-line{position:absolute;z-index:5;left:0;right:0;top:10%;height:2px;background:white;box-shadow:0 0 18px white;animation:fitScan 4s ease-in-out infinite}.reference-panel{display:flex;flex-direction:column}.reference-image{height:360px;position:relative;margin:13px 0 18px;overflow:hidden}.reference-image img{width:100%;height:100%;object-fit:cover;transition:.45s var(--ease)}.reference-image div{position:absolute;left:10px;bottom:10px;background:#20231fdc;color:white;padding:8px;font-size:9px}.reference-panel h3{font:600 32px/1 "DM Sans";margin:0 0 8px}.reference-panel p{color:#686d65;line-height:1.6}.reference-panel ul{list-style:none;padding:0;margin:15px 0;display:grid;gap:12px}.reference-panel li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;padding-bottom:12px;border-bottom:1px solid #20231f18;font-size:12px}.reference-panel li b{color:#969a93}.reference-panel li em{font-style:normal;font-weight:800}
.mix-section{padding:110px 0}.saved-looks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;min-height:180px}.saved-empty{grid-column:1/-1;border:1px dashed #20231f44;display:grid;place-items:center;color:#72776f}.saved-card{background:var(--cream);border:1px solid #20231f22;padding:18px;animation:savedIn .5s var(--ease) both}.saved-swatch{height:105px;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.saved-card h3{margin:0 0 8px}.saved-card p{color:#686d65;font-size:13px}.saved-card button{border:0;background:none;padding:0;font-weight:800;cursor:pointer}.lookbook{overflow:hidden;background:var(--ink);padding:24px 0}.lookbook-track{display:flex;width:max-content;gap:18px;animation:lookbook 30s linear infinite}.lookbook figure{margin:0;width:340px;height:480px;position:relative;overflow:hidden;cursor:pointer}.lookbook img{width:100%;height:100%;object-fit:cover;transition:.5s}.lookbook figure:hover img{transform:scale(1.05)}.lookbook figcaption{position:absolute;left:12px;bottom:12px;background:#f5f2ebe8;padding:10px;font-size:11px;font-weight:800}.fashion-features{padding:120px 0}.fashion-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.fashion-feature-grid article{border-top:1px solid var(--ink);padding:18px 5px;min-height:230px}.fashion-feature-grid b{color:#6b7469}.fashion-feature-grid h3{font-size:24px;line-height:1.1;margin:38px 0 12px}.fashion-feature-grid p{color:#555d53;line-height:1.65}.fashion-cta{padding:120px 0;background:var(--ink);color:white}.fashion-cta h2{font:600 clamp(52px,7vw,110px)/.91 "DM Sans";letter-spacing:-.06em;max-width:1000px;margin:16px 0}.fashion-cta span{color:#aeb7ac}.fashion-cta .fashion-btn{background:var(--cream);color:var(--ink)}
@keyframes fitScan{50%{top:90%}}@keyframes lookbook{to{transform:translateX(-50%)}}@keyframes savedIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:1100px){.fashion-nav nav{display:none}.fashion-hero{grid-template-columns:1fr}.fashion-hero-collage{height:650px}.fashion-heading{grid-template-columns:1fr}.mannequin-app{grid-template-columns:230px 1fr}.reference-panel{grid-column:1/-1;display:grid;grid-template-columns:280px 1fr;gap:18px}.reference-panel>span{grid-column:1/-1}.reference-image{grid-row:2/6}.fashion-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.fashion-nav{padding:0 14px}.fashion-nav .fashion-logo{font-size:12px}.fashion-hero{padding-top:105px}.fashion-hero h1{font-size:53px}.fashion-hero-collage{height:500px}.collage-main{width:72%}.collage-side{width:52%;height:58%}.mannequin-section,.mix-section,.fashion-features{padding:80px 0}.mannequin-app{grid-template-columns:1fr}.digital-mirror{min-height:650px}.mannequin-stage{height:560px}.reference-panel{display:flex}.reference-image{height:400px}.saved-looks{grid-template-columns:1fr}.fashion-feature-grid{grid-template-columns:1fr}.lookbook figure{width:270px;height:390px}.color-control{grid-template-columns:repeat(2,1fr)}}
.asset-section{padding:110px 0;background:#f6f1e8}.asset-app{background:#fff;border:1px solid #e4dace;padding:24px}.asset-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.asset-tabs button{border:1px solid #d8cdc0;background:#f5efe5;padding:12px 16px;font-weight:800;cursor:pointer}.asset-tabs button.active{background:#1b1712;color:#fff;border-color:#1b1712}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.asset-card{border:1px solid #eadfce;background:linear-gradient(180deg,#fff,#faf6ef);padding:18px;display:grid;gap:14px;place-items:center;min-height:260px}.asset-card img{max-height:190px;width:auto}.asset-card figcaption{font-weight:800;letter-spacing:.06em}.asset-card.hidden{display:none}
@media(max-width:760px){.asset-grid{grid-template-columns:1fr}}


/* V7 fashion occasion */
.occasion-presets{display:grid;gap:8px;margin-top:6px}.occasion-presets>span{font-size:11px;font-weight:800;text-transform:uppercase;opacity:.72}.occasion-presets div{display:flex;gap:8px;flex-wrap:wrap}.occasion-presets button{padding:10px 12px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer}.occasion-presets button.active{background:#181816;color:#fff;border-color:#181816}