.outfit-page { background: #fbf7f3; }
.outfit-home-feature { display:grid; grid-template-columns:52% 48%; align-items:center; padding-top:93px; padding-bottom:95px; }
.outfit-home-copy { padding:42px 9% 45px 4%; }
.outfit-home-copy h2 { margin:17px 0 23px; }
.outfit-home-copy p { max-width:505px; color:#806f6b; line-height:1.86; font-size:14px; margin-bottom:27px; }
.outfit-home-copy .mini-label { display:block; margin-top:20px; font-size:10px; color:#a1817b; }
.outfit-home-photo { height:450px; min-width:0; background:#eee7e0 url('./images/black-hoodie-boots.jpg') center 45%/cover no-repeat; border:14px solid #f1dcd8; }
.outfit-page .site-header { z-index: 30; }
.outfit-hero { display:grid; grid-template-columns:51% 49%; max-width:1600px; margin:auto; min-height:690px; background:#fffdfa; overflow:hidden; }
.outfit-hero-copy { padding:92px 8% 60px max(6vw,42px); display:flex; flex-direction:column; align-items:flex-start; }
.outfit-issue { font-size:11px; font-weight:700; letter-spacing:.2em; margin-top:34px; color:#a38180; }
.outfit-hero h1 { white-space:normal; font-size:clamp(57px,6.2vw,104px); line-height:1.025; margin:20px 0 28px; }
.outfit-hero h1 em { color:#b9838e; }
.outfit-hero-copy > p:not(.outfit-affiliate) { font-size:15px; line-height:1.85; color:#766965; max-width:490px; margin-bottom:25px; }
.outfit-affiliate { border-top:1px solid #e4d6d0; padding-top:19px; margin:43px 0 0; max-width:510px; color:#8c7973; font-size:11px; line-height:1.75; }
.outfit-hero-visual { position:relative; min-height:690px; overflow:hidden; background:#eee7e0; }
.outfit-hero-visual img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:center 44%; }
.outfit-hero-ribbon { position:absolute; top:8%; right:-1%; background:#f9eeeaed; box-shadow:0 10px 30px #4d3a3c26; padding:20px 22px 22px 28px; color:#674e51; font-size:11px; font-weight:700; letter-spacing:.15em; transform:rotate(3deg); }
.outfit-hero-ribbon em { font:italic 36px var(--serif); letter-spacing:-.03em; display:block; color:#a96f7b; margin:3px 10px; }
.outfit-hero-ribbon span { position:absolute; right:22px; bottom:14px; }
.outfit-photo-credit { position:absolute; bottom:15px; left:15px; background:#fff8f3d9; font-size:8px; letter-spacing:.12em; padding:9px 12px; font-weight:700; color:#806a66; }
.outfit-intro { padding-top:100px; padding-bottom:45px; text-align:center; }
.outfit-intro .eyebrow { justify-content:center; }
.outfit-intro h2 { margin:15px 0 21px; }
.outfit-intro p { max-width:730px; margin:0 auto; color:#897672; font-size:14px; line-height:1.9; }
.outfit-product-section { padding-bottom:115px; }
.outfit-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.outfit-item { background:#fffdfa; border:1px solid #e7dad4; display:grid; grid-template-columns:38% 62%; min-height:343px; box-shadow:0 10px 30px #74564f0d; overflow:hidden; }
.outfit-item-art { position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; isolation:isolate; }
.outfit-item-art:before { content:""; position:absolute; z-index:-1; width:205px; height:205px; top:21%; left:-27%; border:1px solid #fff8f0a6; border-radius:50%; }
.art-hoodie { background:linear-gradient(150deg,#c4a6a4,#ead5cf); }
.art-leggings { background:linear-gradient(150deg,#ded3c9,#f1e9df); }
.art-shoes { background:linear-gradient(150deg,#ead6c9,#fff4e8); }
.art-bag { background:linear-gradient(150deg,#c3a6a2,#e5d0ca); }
.outfit-art-number { position:absolute; top:17px; left:18px; font:italic 37px var(--serif); color:#fff9f2c9; }
.outfit-art-word { text-align:center; font:36px/1.03 var(--serif); color:#4f4143; letter-spacing:-.06em; }
.outfit-art-word em { color:#fff9f4; }
.outfit-art-sparkle { position:absolute; bottom:12px; right:16px; font:37px var(--serif); color:#fff5ec; }
.outfit-item-copy { padding:30px 26px 25px; display:flex; flex-direction:column; align-items:flex-start; }
.outfit-item-kicker { font-size:9px; letter-spacing:.19em; font-weight:700; color:#b37e86; }
.outfit-item h3 { margin:12px 0 12px; font:29px/1.12 var(--serif); letter-spacing:-.025em; }
.outfit-item p { font-size:12px; line-height:1.75; color:#806f6b; margin-bottom:22px; flex:1; }
.outfit-item .button { font-size:11px; padding:14px 17px; }
.outfit-item small { font-size:9px; color:#9f8984; margin-top:12px; line-height:1.5; }
.outfit-disclaimer { max-width:790px; text-align:center; margin:27px auto 0; font-size:11px; line-height:1.8; color:#93807c; }
.outfit-style-section { background:#f0e2dc; padding:85px 0; }
.outfit-style-inner { display:grid; grid-template-columns:46% 54%; gap:6%; align-items:center; }
.outfit-style-photo { height:520px; position:relative; overflow:hidden; border:12px solid #fff8f2; box-shadow:0 16px 45px #72555022; }
.outfit-style-photo img { width:100%; height:100%; object-fit:cover; object-position:50% 39%; }
.outfit-style-photo span { position:absolute; bottom:8px; left:10px; background:#fff8efea; padding:8px 10px; font-size:8px; font-weight:700; letter-spacing:.13em; color:#8b7170; }
.outfit-style-copy { max-width:555px; padding:20px 7% 20px 0; }
.outfit-style-copy h2 { margin:14px 0 29px; }
.outfit-style-copy p,.outfit-style-copy li { font-size:14px; line-height:1.9; color:#746361; }
.outfit-style-copy ul { padding-left:18px; margin:15px 0 30px; }
.outfit-style-copy li { padding-bottom:6px; }
.outfit-end { text-align:center; padding-top:99px; padding-bottom:102px; }
.outfit-end .eyebrow { justify-content:center; }
.outfit-end h2 { margin:13px 0 17px; }
.outfit-end p { font-size:14px; color:#85716d; margin-bottom:23px; }
@media(max-width:1120px){ .outfit-item { grid-template-columns:35% 65%; } .outfit-art-word { font-size:28px; } .outfit-item-copy { padding:24px 20px; } .outfit-item h3 { font-size:25px; } }
@media(max-width:830px){ .outfit-hero { grid-template-columns:1fr; } .outfit-hero-copy { padding:65px 7% 55px; } .outfit-hero h1 { font-size:clamp(58px,10vw,89px); } .outfit-hero-visual { min-height:540px; } .outfit-hero-visual img { object-position:center 32%; } .outfit-product-grid { grid-template-columns:1fr; } .outfit-style-inner { grid-template-columns:1fr; gap:35px; } .outfit-style-photo { height:550px; } .outfit-style-copy { padding:0; } }
@media(max-width:830px){ .outfit-home-feature { grid-template-columns:1fr; padding-top:57px; padding-bottom:65px; } .outfit-home-copy { padding:25px 0 28px; } .outfit-home-photo { height:450px; } }
@media(max-width:520px){ .outfit-hero-copy { padding:46px 7% 38px; } .outfit-hero h1 { font-size:56px; } .outfit-hero-visual { min-height:420px; } .outfit-hero-ribbon { transform:none; top:22px; right:0; padding:12px 17px; } .outfit-hero-ribbon em { font-size:24px; } .outfit-hero-ribbon span { display:none; } .outfit-intro { padding-top:73px; } .outfit-item { grid-template-columns:1fr; } .outfit-item-art { min-height:160px; } .outfit-art-word { font-size:36px; } .outfit-item-copy { padding:25px; } .outfit-style-section { padding:65px 0; } .outfit-style-photo { height:410px; } .outfit-end { padding-top:75px; padding-bottom:75px; } }