/* Preserve the soft-blue photo composition and sans-serif type of the magazine. */
[hidden] { display:none!important; }
.wordmark,.footer-logo,.photo-title { text-decoration:none; }
.photo-title { display:block; }
.photo-opener:focus-visible { outline-offset:-5px; }
.photo-save { width:44px;height:44px; }
.lead-photo .photo-copy { left:38px;bottom:35px;right:30px; }
.lead-photo .photo-copy h2 { font-size:clamp(30px,3.3cqw,47px);line-height:1.3; }
.edition-1 .photo-grid-featured.five-grid>.photo-story:nth-child(n+4) { grid-column:span 6;min-height:0; }
.photo-story[data-story="shoe-labels"] .photo-shade { background:linear-gradient(to top,#000b,transparent 67%); }
.photo-story[data-story="weekly-listening"] .photo-shade { background:linear-gradient(to top,#000b,transparent 70%); }
.photo-story[data-story="colour-knit"] .photo-copy { max-width:84%;margin-left:auto; }
.edition-count { padding:26px 0 0;text-align:center;font-size:12px;color:#747775; }
#filter-status:not(:empty) { margin:0 0 18px;font-size:12px;color:#5a655f; }
.category-nav { min-width:0; }
.category-nav a { flex-shrink:0;text-decoration:none;font-size:13px;white-space:nowrap;padding-bottom:8px; }
.soft-reading { white-space:nowrap; }
.article-shell { max-width:1000px;margin:35px auto 0;padding-bottom:10px; }
.back-to-stories { font-size:12px;text-decoration:none;display:inline-block;margin-bottom:35px;color:#69736e; }
.article-heading { max-width:780px;margin:0 auto 32px; }
.article-kicker { color:#607b7b;font-size:11px;letter-spacing:.04em;margin-bottom:18px; }
.article-heading h1 { font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;font-size:clamp(31px,3.7cqw,48px);line-height:1.4;font-weight:600;letter-spacing:-.05em; }
.article-dek { color:#5b645e;font-size:18px;line-height:1.85;margin-top:23px; }
.article-dates { color:#818781;font-size:11px;line-height:1.8;margin-top:22px; }
.article-picture { margin:0; }
.article-picture img { width:100%;height:auto;max-height:710px;object-fit:contain;background:#f3f4f1;border-radius:14px; }
.article-picture figcaption { color:#7b837d;font-size:11px;line-height:1.8;margin-top:12px;padding:0 4px; }
.article-shell .reading-story { margin:46px auto 0; }
.reading-story h2 { font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;font-size:23px;font-weight:600;line-height:1.55;letter-spacing:-.035em;margin-bottom:18px; }
.article-shell .editorial-opinion { padding-left:25px;margin-top:47px; }
.article-shell .editorial-opinion h2 { font-size:27px;color:#1f3b35; }
.article-references { margin:38px 0 26px;border-top:1px solid #d7dfd9;border-bottom:1px solid #d7dfd9;padding:20px 0; }
.article-references summary { cursor:pointer;font-size:13px;color:#596f65; }
.reading-story .article-references p,.article-references li { font-size:12px;line-height:1.9;color:#768077;margin-top:12px; }
.article-references ul { padding-left:20px; }
.article-references a { overflow-wrap:anywhere; }
.article-save { display:flex;align-items:center;gap:9px;border:1px solid #cbd5cd;padding:12px 16px;font-size:12px; }
.article-save svg { width:18px;height:18px; }
.article-save[aria-pressed=true] svg { fill:currentColor; }
.next-stories { max-width:680px;margin:55px auto 0;border-top:1px solid #dbe1dc;padding-top:24px; }
.next-stories p { font-size:11px;color:#71817a;margin-bottom:12px; }
.next-stories a { display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #e5e8e3;text-decoration:none;font-size:14px;line-height:1.7; }
#about-dialog>p { margin-top:22px;font-size:14px;line-height:1.9; }
.search-result { text-decoration:none; }
.empty button { margin-top:20px;font-size:13px; }
@container magazine (max-width:760px) {
 .category-nav a { font-size:12px; }
 .lead-photo .photo-copy { left:24px;right:20px;bottom:27px; }
 .lead-photo .photo-copy h2 { font-size:28px; }
 .edition-1 .photo-grid-featured.five-grid>.photo-story:nth-child(n+4) { grid-column:auto;min-height:0;height:310px; }
 .edition-1 .photo-grid-featured .photo-anchor-top-left .photo-copy,.edition-1 .photo-grid-featured .photo-anchor-top-right .photo-copy { top:18px; }
 .article-shell { margin-top:24px; }
 .back-to-stories { margin-bottom:26px; }
 .article-heading { margin-bottom:25px; }
 .article-dek { font-size:16px;line-height:1.85;margin-top:18px; }
 .article-dates { font-size:10px; }
 .article-picture img { border-radius:10px; }
 .article-shell .reading-story { margin-top:32px; }
 .reading-story h2 { font-size:21px; }
 .article-shell .editorial-opinion h2 { font-size:23px; }
 .article-shell .editorial-opinion { padding-left:17px; }
 .article-picture figcaption { font-size:10px; }
 .next-stories { margin-top:38px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Article blocks follow the subject; the masthead and photo feed stay shared. */
.article-shell .article-content { max-width:none;margin:0 auto; }
.article-content>.article-block { margin:42px auto; }
.article-content>.article-block:first-child { margin-top:0; }
.article-content .article-measure { max-width:680px;margin-left:auto;margin-right:auto; }
.article-content .reading-standfirst { margin:0; }
.article-content .reading-chapter:first-child { margin-top:0; }
.article-content .reading-chapter:last-child { margin-bottom:0; }
.article-content .article-photo .article-picture { margin:0; }
.module-heading { display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px; }
.module-heading h2 { margin:0; }
.module-heading .motion-toggle { min-height:44px;font-size:11px;margin:0; }
.reading-story .module-note { margin-top:16px;font-size:12px;line-height:1.85;color:#748079; }
.comparison-feature { border-top:2px solid #688b86;padding-top:24px; }
.comparison-feature table { border-collapse:collapse;table-layout:fixed;width:100%;font-size:14px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere; }
.comparison-feature th,.comparison-feature td { padding:16px 14px;border-bottom:1px solid #dce5e0;text-align:left;vertical-align:top; }
.comparison-feature thead { background:#eef4f2;color:#344b42; }
.comparison-feature th:first-child { width:20%; }
.comparison-feature tbody th { color:#52655b;font-weight:500; }
.anatomy-feature { display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:48px;align-items:center; }
.anatomy-image { aspect-ratio:4/5;overflow:hidden;border-radius:14px;background:#f3f4f1; }
.anatomy-feature .anatomy-image img { width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0;transform:scale(1.3);transform-origin:50% 85%; }
.feature-notes dl>div { padding:22px 0;border-bottom:1px solid #dce5e0; }
.feature-notes dt { font-size:15px;font-weight:600;line-height:1.7;color:#28493e;margin-bottom:9px; }
.feature-notes dd { font-size:15px;line-height:1.9;color:#52625a; }
.anatomy-feature[data-motion] .feature-notes dt::before { content:'';display:inline-block;width:19px;height:2px;background:#80a5a1;vertical-align:middle;margin-right:10px;transform-origin:left;animation:fabric-line 5s ease-in-out infinite; }
.feature-notes dl>div:nth-child(2) dt::before { animation-delay:-1.5s; }
.feature-notes dl>div:nth-child(3) dt::before { animation-delay:-3s; }
.pairing-feature { border-top:1px solid #bfd1c9;padding-top:26px; }
.pairing-looks { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px; }
.pairing-look h3 { font-size:19px; }
.material-swatches { display:flex;gap:12px;list-style:none;margin:24px 0;padding:0; }
.material-swatches li { flex:1;min-width:0;font-size:11px;line-height:1.7;color:#69766e; }
.material-swatch { display:block;aspect-ratio:1.4;margin-bottom:10px; }
.swatch-cobalt { background:#233fc2; }
.swatch-denim { background:#263342; }
.swatch-brown { background:#795a43; }
.reading-story .pairing-look p { font-size:15px; }
.release-calendar { border-top:2px solid #688b86;padding-top:26px; }
.release-list { position:relative;list-style:none;padding:0;margin:0; }
.release-list::before { content:'';position:absolute;left:72px;top:0;bottom:0;width:1px;background:#dce6e0; }
.release-calendar[data-motion] .release-list::after { content:'';position:absolute;left:72px;top:0;bottom:0;width:2px;background:linear-gradient(transparent,#719b9d,transparent);background-size:100% 100px;background-repeat:no-repeat;animation:calendar-flow 8s linear infinite; }
.release-list li { position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:46px;padding:24px 0;border-bottom:1px solid #e2e7e2; }
.release-list time { font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6;color:#75867d; }
.reading-story .release-artist { font-size:13px;color:#52695c;margin-bottom:5px; }
.release-list h3 { font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:25px;line-height:1.4;overflow-wrap:anywhere; }
.reading-story .release-meta { margin-top:8px;font-size:12px;color:#7b857e; }
.essay-with-notes { display:grid;grid-template-columns:minmax(0,680px) minmax(0,240px);gap:64px; }
.essay-main { min-width:0; }
.essay-main .reading-standfirst { margin-bottom:34px; }
.place-notes { min-width:0;border-top:2px solid #688b86;padding-top:25px; }
.place-fact,.place-note { padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #dce5df; }
.place-notes .place-value { font-family:'DM Sans','Noto Sans KR',sans-serif;font-size:32px;line-height:1.3;letter-spacing:-.05em;color:#294d43;overflow-wrap:anywhere;margin-bottom:12px; }
.place-fact:first-child .place-value { font-size:62px;font-weight:500; }
.place-value span { font-family:'Noto Sans KR',sans-serif;font-size:16px;letter-spacing:0;margin-left:7px; }
.place-notes h3 { font-size:15px;margin-bottom:10px; }
.reading-story .place-notes p:not(.place-value) { font-size:13px;line-height:1.9;color:#768077; }
.is-paused,.is-paused *,.is-paused *::before,.is-paused *::after { animation-play-state:paused!important; }
@keyframes fabric-line { 0%,100% { opacity:.5;transform:scaleX(.7); } 50% { opacity:1;transform:scaleX(1.1); } }
@keyframes calendar-flow { from { background-position:0 -100px; } to { background-position:0 650px; } }
@container magazine (max-width:760px) {
 .article-content>.article-block { margin-top:32px;margin-bottom:32px; }
 .comparison-feature th,.comparison-feature td { padding:12px 7px;font-size:13px; }
 .comparison-feature th:first-child { width:25%; }
 .anatomy-feature,.essay-with-notes { grid-template-columns:minmax(0,1fr);gap:28px; }
 .pairing-looks { grid-template-columns:minmax(0,1fr);gap:30px; }
 .feature-notes dl>div { padding:18px 0; }
 .place-notes { padding-top:22px; }
 .place-fact:first-child .place-value { font-size:54px; }
 .release-list h3 { font-size:22px; }
 .release-list li { grid-template-columns:45px minmax(0,1fr);gap:33px; }
 .release-list::before,.release-calendar[data-motion] .release-list::after { left:59px; }
 .release-list time { font-size:14px; }
 .module-heading { flex-wrap:wrap;gap:10px; }
}
@media(prefers-reduced-motion:reduce) {
 [data-motion],[data-motion] *,[data-motion] *::before,[data-motion] *::after { animation:none!important;transition:none!important; }
}