.wardrobe-intro { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:clamp(28px,4vw,70px); align-items:center; padding:clamp(40px,5vw,72px) 0; border-top:1px solid var(--line); margin-top:clamp(36px,5vw,70px); color:var(--ink); }
.wardrobe-intro figure,.wardrobe-guide figure { margin:0; min-width:0; }
.wardrobe-intro img,.wardrobe-guide figure>img { display:block; width:100%; height:auto; }
.wardrobe-intro h2 { font-family:var(--serif); font-size:clamp(32px,3.3vw,52px); line-height:1.06; margin:12px 0 20px; font-weight:400; }
.wardrobe-intro h2 em,.wardrobe-guide em { color:#796044; font-weight:400; }
.wardrobe-intro-copy>p:not(.eyebrow),.wardrobe-guide p,.wardrobe-guide li { font-size:16px; line-height:1.7; color:var(--ink-soft); }
.wardrobe-pointers { display:grid; grid-template-columns:1fr 1fr; gap:20px 24px; margin:24px 0; }
.wardrobe-pointers h3 { font:400 21px/1.2 var(--serif); margin:0 0 5px; }
.wardrobe-pointers p { font-size:15px; line-height:1.5; color:var(--ink-soft); margin:0; }
.wardrobe-guide { max-width:1440px; padding:125px 5vw 65px; margin:auto; }
.wardrobe-guide-heading { max-width:1000px; margin:40px 0 34px; }
.wardrobe-guide h1 { font:400 clamp(42px,5.5vw,82px)/1.04 var(--serif); letter-spacing:-.035em; margin:18px 0 24px; }
.wardrobe-guide-heading>p:last-child { max-width:680px; font-size:18px; }
.wardrobe-guide-nav { display:flex; flex-wrap:wrap; gap:18px 35px; padding:20px 0; border-block:1px solid var(--line); }
.wardrobe-guide-nav a { font-size:16px; text-decoration:none; text-underline-offset:6px; }
.wardrobe-feature { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(28px,5vw,80px); align-items:center; margin:65px 0; scroll-margin-top:105px; }
.wardrobe-guide h2 { font:400 clamp(32px,3.5vw,52px)/1.08 var(--serif); margin:12px 0 25px; }
.wardrobe-feature p { margin:0 0 16px; }
.wardrobe-guide .eyebrow { font-size:12px; color:#796044; }
.wardrobe-guide figcaption { font-size:14px; color:var(--ink-soft); line-height:1.5; padding-top:12px; }
.wardrobe-feature-reverse figure { order:2; }
.wardrobe-photo { overflow:hidden; max-width:100%; }
.wardrobe-photo img { display:block; width:100%; height:auto; }
.wardrobe-seasons { padding:45px 0; border-block:1px solid var(--line); scroll-margin-top:105px; }
.wardrobe-season-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.wardrobe-season-grid h3 { font:400 27px/1.2 var(--serif); margin:0 0 15px; }
.wardrobe-season-grid .palette-label { color:#796044; font-size:14px; }
.wardrobe-winter { grid-template-columns:minmax(0,.7fr) minmax(0,1fr); }
.wardrobe-winter figure { max-width:440px; }
.wardrobe-guide ul { padding-left:21px; }
.wardrobe-guide li { margin-bottom:12px; }
#finishing-touches { scroll-margin-top:105px; }
.wardrobe-personal { border-top:1px solid var(--line); padding:45px 0 0; max-width:760px; }
.wardrobe-guide a:focus-visible,.wardrobe-intro a:focus-visible { outline:2px solid #796044; outline-offset:5px; }
@media(max-width:900px){ .wardrobe-intro,.wardrobe-feature,.wardrobe-winter { grid-template-columns:1fr; } .wardrobe-intro figure { max-width:650px; } .wardrobe-feature-reverse figure { order:0; } .wardrobe-feature-reverse figure { max-width:600px; } .wardrobe-season-grid { grid-template-columns:1fr 1fr; } .wardrobe-guide { padding-top:105px; } }
@media(max-width:480px){ .wardrobe-pointers,.wardrobe-season-grid { grid-template-columns:1fr; } .wardrobe-guide-nav { gap:16px 22px; } .wardrobe-feature { margin:40px 0; } }

/* Keep visited and unvisited guide links in the shared site palette. */
.wardrobe-page a:where(:link, :visited) { color: inherit; }
.wardrobe-page .primary-nav a { padding: 10px 0; text-decoration: none; font-size: 12px; letter-spacing: .04em; }
.wardrobe-page .primary-nav .nav-cta { padding: 12px 17px; }
.wardrobe-guide-nav a:hover, .wardrobe-guide-nav a:focus-visible { color: var(--link-accent); text-decoration: underline; text-decoration-thickness: 1px; }
@media(max-width:1020px) {
  .wardrobe-page .primary-nav a { padding: 15px 0; font-family:var(--serif); font-size:21px; }
  .wardrobe-page .primary-nav .nav-cta { padding:15px; font-family:var(--sans); font-size:12px; }
}

.wardrobe-light { padding:12px 0 38px; border-bottom:1px solid var(--line); }
.wardrobe-light .wardrobe-light-note { padding-top:18px; margin-top:22px; border-top:1px solid var(--line); color:#796044; }

.wardrobe-light { grid-template-columns:minmax(0,.75fr) minmax(0,1fr); }
.wardrobe-light figure { max-width:420px; }
@media(max-width:900px) { .wardrobe-light { grid-template-columns:1fr; } .wardrobe-light figure { width:100%; max-width:420px; } }

/* Align both portrait links beneath their respective columns. */
#what-to-wear .wardrobe-action{display:flex;align-items:center;min-width:0}
#what-to-wear .wardrobe-gallery-button{margin-top:0}
#what-to-wear .wardrobe-guide-action .text-link{color:#796044;border-color:currentColor;line-height:1.5}
#what-to-wear .wardrobe-guide-action .text-link:visited{color:#796044}
#what-to-wear .wardrobe-guide-action .text-link:hover,#what-to-wear .wardrobe-guide-action .text-link:focus-visible{color:#4d3825;border-color:currentColor}

/* Quiet footer actions without decorative lines. */
body.wardrobe-page .site-footer > a.text-link,
body.wardrobe-page .site-footer > a.text-link:visited {
  border: 0; box-shadow: none; background: transparent;
  color: var(--paper); text-decoration: none;
  transition: color 180ms ease;
}
body.wardrobe-page .site-footer > a.text-link::before,
body.wardrobe-page .site-footer > a.text-link::after { content: none; }
body.wardrobe-page .site-footer > a.text-link:is(:hover, :focus-visible) {
  color: #ffdeb3; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; background: transparent;
}
body.wardrobe-page .site-footer > a.text-link:focus-visible { outline: 2px solid #ffdeb3; outline-offset: 4px; }