body.edition-1 { background:#fff; }
/* Size queries follow the rendered pane continuously; no resize timer or DOM rebuild. */
.edition-1 #app { container:magazine / inline-size; }
.edition-1 .design-bar { display:none; }
.edition-1 .magazine-sheet { width:calc(100% - 64px); max-width:1440px; margin:0 auto; padding:24px 0 0; border-radius:0; overflow:visible; }
.edition-1 .soft-header { padding-bottom:21px; border-bottom:1px solid #e1e1de; }
.edition-1 .wordmark { font-size:40px; }
.edition-1 .category-nav { gap:28px; }
.edition-1 .category-nav button { font-size:13px; }
.edition-1 .category-nav button.active:after { right:0; height:2px; background:#bad7dc; }
.edition-1 .header-tools { gap:23px; }
.edition-1 .soft-search { display:flex; align-items:center; gap:6px; font-size:12px; }
.edition-1 .soft-search svg { width:17px; height:17px; }
.edition-1 .soft-reading { font-size:12px; }
.edition-1 .save-count { font-size:11px; }
.soft-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; }
.edition-1 .soft-photo-stories { margin-top:20px; padding:0; scroll-margin-top:20px; }
.photo-edition { display:flex; justify-content:space-between; align-items:center; margin-bottom:19px; color:#71716c; font-size:11px; letter-spacing:.1px; }
.edition-1 .soft-photo-stories .story-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.edition-1 .soft-photo-stories .photo-grid-featured { grid-template-columns:repeat(12,minmax(0,1fr)); grid-auto-rows:clamp(240px,calc(33.333cqw - 66.667px),360px); }
.photo-story { position:relative; height:440px; min-width:0; border-radius:18px; overflow:hidden; background:#333; color:#fff; }
.edition-1 .photo-grid-featured>.photo-story { height:auto; }
.edition-1 .photo-grid-featured>.photo-story:nth-child(1) { grid-column:1/9; grid-row:1/3; }
.edition-1 .photo-grid-featured>.photo-story:nth-child(2) { grid-column:9/13; grid-row:1; }
.edition-1 .photo-grid-featured>.photo-story:nth-child(3) { grid-column:9/13; grid-row:2; }
.edition-1 .photo-grid-featured>.photo-story:nth-child(n+4) { grid-column:span 4; }
.edition-1 .story-grid:has(>.photo-story:only-child) { grid-template-columns:1fr; }
.photo-opener { position:absolute; inset:0; width:100%; height:100%; display:block; }
.photo-opener img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
/* The shade supports white type on the photograph; it is not a card surface. */
.photo-shade { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.70),rgba(0,0,0,.12) 49%,transparent 77%); pointer-events:none; }
.photo-copy { position:absolute; left:26px; right:26px; bottom:25px; pointer-events:none; }
.photo-category { font-size:11px; line-height:1.5; letter-spacing:.1px; margin-bottom:10px; color:#fffffff0; }
.photo-copy h2 { overflow-wrap:anywhere; margin:0; font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif; font-weight:600; font-size:28px; line-height:1.34; letter-spacing:-.04em; }
.photo-title { font:inherit; letter-spacing:inherit; line-height:inherit; pointer-events:auto; text-shadow:0 1px 5px #0002; }
.photo-title:hover { opacity:.84; }
.photo-source { font-size:10px; line-height:1.7; color:#ffffffd9; display:flex; flex-wrap:wrap; gap:3px 13px; margin-top:15px; }
.photo-save { position:absolute; right:16px; top:16px; display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#0007; color:white; }
.photo-save svg { width:17px; height:17px; }
.photo-save.is-saved svg { fill:currentColor; }
.photo-save:hover { background:#0006; }
.photo-story-design .photo-copy { left:38px; right:32px; bottom:35px; }
.photo-story-design .photo-copy h2 { font-size:clamp(32px,3.3cqw,47px); font-weight:600; line-height:1.3; letter-spacing:-.04em; }
.photo-story-design .photo-category { margin-bottom:14px; font-size:12px; }
.photo-story-design .photo-source { font-size:11px; margin-top:21px; }
.photo-story-design img { object-position:56% center; }
.photo-story-coffee img { object-position:58% 43%; }
.photo-story-coffee .photo-copy { left:25px; }
.photo-story-books img { object-position:45% center; }
.photo-story-books .photo-copy h2 { font-size:28px; }
.photo-story-autumn img { object-position:48% center; }
.photo-story-art img { object-position:45% center; }
.photo-story-beer img { object-position:55% center; }
.edition-1 .soft-footer { display:grid; grid-template-columns:1fr auto; gap:24px; margin-top:39px; padding:28px 0 30px; }
.soft-footer>div:first-child { display:flex; align-items:center; gap:22px; }
.soft-footer .footer-logo { font-size:34px; }
.soft-footer>div:first-child>p { font-size:11px; color:#656565; }
.soft-footer-links { display:flex; align-items:center; gap:20px; padding-top:7px; font-size:11px; }
.soft-footer-links a { text-decoration:none; }
.soft-footer-links a:hover, .soft-footer-links button:hover { text-decoration:underline; text-underline-offset:4px; }
.soft-disclosure { grid-column:1/-1; }
.soft-disclosure p { font-size:10px; color:#747474; line-height:1.9; }
.edition-1 dialog { background:#fff; box-shadow:0 8px 35px #0002; }
.edition-1 dialog::backdrop { backdrop-filter:none; background:#17171799; }
.edition-1 .source-box { background:#f5f6f6; }
.edition-1 .reading-sections h3 span { border:0; color:#777; padding:0; }
.edition-1 .dialog-save { border-color:#aaa; }
.edition-1 .empty { background:#f7f7f5; }
@container magazine (max-width:1100px) {
  .edition-1 .magazine-sheet { width:calc(100% - 48px); }
  .edition-1 .category-nav { gap:23px; }
  .edition-1 .soft-photo-stories .photo-grid-featured { grid-auto-rows:clamp(240px,calc(33.333cqw - 66.667px),360px); gap:17px; }
  .photo-copy { left:21px; right:21px; bottom:22px; }
  .photo-copy h2,.photo-story-books .photo-copy h2 { font-size:25px; }
  .photo-story-design .photo-copy { left:30px; bottom:30px; }
}
@container magazine (max-width:760px) {
  .edition-1 .magazine-sheet { width:calc(100% - 32px); padding:20px 0 0; }
  .edition-1 .soft-header { padding-bottom:15px; gap:15px; row-gap:18px; }
  .edition-1 .wordmark { font-size:36px; }
  .edition-1 .header-tools { gap:20px; }
  .edition-1 .soft-search { font-size:11px; gap:5px; }
  .edition-1 .soft-search svg { width:15px; height:15px; }
  .edition-1 .soft-reading { font-size:11px; }
  .edition-1 .category-nav { gap:14px; justify-content:space-between; }
  .edition-1 .category-nav button { font-size:12px; }
  .edition-1 .category-nav button.active:after { right:0; }
  .edition-1 .soft-photo-stories { margin-top:17px; }
  .photo-edition { font-size:10px; margin-bottom:16px; }
  .edition-1 .soft-photo-stories .story-grid { grid-template-columns:1fr; gap:16px; }
  .edition-1 .soft-photo-stories .photo-grid-featured { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:auto; gap:16px; }
  .photo-story { border-radius:14px; height:390px; }
  .edition-1 .photo-grid-featured>.photo-story:nth-child(n) { grid-column:auto; grid-row:auto; height:280px; }
  .edition-1 .photo-grid-featured>.photo-story:nth-child(1) { grid-column:1/-1; height:480px; }
  .edition-1 .photo-grid-featured>.photo-story:nth-child(6) { grid-column:1/-1; height:340px; }
  .photo-copy { left:21px; right:21px; bottom:21px; }
  .photo-copy h2 { font-size:28px; line-height:1.36; }
  .photo-category { font-size:11px; margin-bottom:9px; }
  .photo-source { margin-top:13px; font-size:10px; gap:2px 9px; }
  .photo-story-design .photo-copy { left:24px; right:17px; bottom:27px; }
  .photo-story-design .photo-copy h2 { font-size:28px; line-height:1.36; letter-spacing:-.05em; }
  .photo-story-design .photo-category { font-size:11px; margin-bottom:12px; }
  .photo-story-design .photo-source { margin-top:17px; font-size:10px; }
  .photo-grid-featured .photo-story-small .photo-copy { left:16px; right:12px; bottom:18px; }
  .photo-grid-featured .photo-story-small .photo-copy h2 { font-size:18px; line-height:1.45; letter-spacing:-.025em; }
  .photo-grid-featured .photo-story-small .photo-category { font-size:10px; margin-bottom:8px; }
  .photo-grid-featured .photo-story-small .photo-source { font-size:10px; margin-top:12px; }
  .photo-save { width:36px; height:36px; right:12px; top:12px; }
  .photo-save svg { width:15px; height:15px; }
  .edition-1 .soft-footer { margin-top:29px; padding:25px 0 28px; gap:20px; }
  .soft-footer>div:first-child { display:block; }
  .soft-footer>div:first-child>p { font-size:10px; margin-top:12px; line-height:1.9; }
  .soft-footer-links { flex-direction:column; align-items:end; gap:12px; padding-top:6px; font-size:10px; }
  .soft-disclosure p { font-size:10px; line-height:1.9; }
}
@media(prefers-reduced-motion:reduce) { .photo-title { transition:none; } }

/* Headlines follow each photograph's empty areas rather than one fixed anchor. */
.photo-story-coffee .photo-copy { top:28px; bottom:auto; left:25px; right:24px; }
.photo-story-coffee .photo-shade { background:linear-gradient(to bottom,rgba(0,0,0,.62),rgba(0,0,0,.58) 48%,rgba(0,0,0,.08) 75%,transparent); }
.photo-story-books .photo-copy { left:28px; right:25px; bottom:29px; text-align:right; }
.photo-story-books .photo-title { text-align:right; }
.photo-story-books .photo-source { justify-content:flex-end; }
.photo-story-books .photo-shade { background:linear-gradient(to top,rgba(0,0,0,.76),rgba(0,0,0,.08) 60%,transparent); }
.photo-story-autumn .photo-copy { left:22px; right:22px; top:30px; bottom:auto; text-align:center; }
.photo-story-autumn .photo-title { text-align:center; }
.photo-story-autumn .photo-source { justify-content:center; }
.photo-story-autumn .photo-shade { background:linear-gradient(to bottom,rgba(0,0,0,.63),rgba(0,0,0,.08) 66%,transparent); }
.photo-story-art .photo-copy { left:22px; right:24px; top:26px; bottom:auto; text-align:right; }
.photo-story-art .photo-title { text-align:right; }
.photo-story-art .photo-source { justify-content:flex-end; }
.photo-story-art .photo-save { left:16px; right:auto; bottom:16px; top:auto; }
.photo-story-art .photo-shade { background:linear-gradient(to bottom,rgba(0,0,0,.67),rgba(0,0,0,.08) 65%,transparent); }
.photo-story-beer .photo-copy { left:26px; right:88px; top:50%; bottom:auto; transform:translateY(-50%); color:#18342d; }
.photo-story-beer .photo-category,.photo-story-beer .photo-source { color:#23453b; }
.photo-story-beer .photo-title { text-shadow:none; }
.photo-story-beer .photo-shade { background:none; }
@container magazine (max-width:760px) {
  .edition-1 .photo-story-coffee .photo-copy { top:27px; bottom:auto; left:16px; right:12px; }
  .edition-1 .photo-story-books .photo-copy { left:12px; right:16px; bottom:22px; }
  .edition-1 .photo-story-autumn .photo-copy { left:12px; right:12px; top:27px; bottom:auto; }
  .edition-1 .photo-story-art .photo-copy { left:12px; right:16px; top:27px; bottom:auto; }
  .edition-1 .photo-story-art .photo-save { left:12px; bottom:12px; }
  .edition-1 .photo-story-beer .photo-copy { left:24px; right:85px; top:50%; bottom:auto; }
}

/* Wider editorial coverage keeps the selected photograph grid and headline anchors. */
.edition-1 .soft-header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; column-gap:32px; }
.edition-1 .category-nav { min-width:0; overflow-x:auto; gap:21px; justify-content:flex-start; scrollbar-width:thin; scrollbar-color:#c2d8dc transparent; overscroll-behavior-x:contain; }
.edition-1 .category-nav button { flex-shrink:0; }
.edition-1 .header-tools { margin-left:0; white-space:nowrap; }
.photo-story-design img { object-position:58% center; }
.photo-story-coffee img { object-position:48% center; }
.photo-story-books img { object-position:68% 63%; }
.photo-story-autumn img { object-position:center 52%; }
.photo-story-autumn .photo-shade { background:linear-gradient(to bottom,#000c,#0007 39%,transparent 72%); }
.photo-story-art img { object-position:50% center; }
.photo-story-beer img { object-position:68% center; }
.photo-story-beer .photo-copy,.photo-story-beer .photo-category,.photo-story-beer .photo-source { color:white; }
.photo-story-beer .photo-shade { background:linear-gradient(to right,#000b,#0005 58%,transparent); }
.photo-story-beer .photo-title { text-shadow:0 1px 5px #0003; }
.photo-story-style img { object-position:center center; }
.photo-story-style .photo-copy { left:25px; right:22px; bottom:25px; }
.photo-story-music img { object-position:75% center; }
.photo-story-music .photo-copy { top:auto; bottom:25px; left:24px; right:24px; }
.photo-story-music .photo-shade { background:linear-gradient(to top,#000c,transparent 70%); }
.photo-story-tech img { object-position:76% center; }
.photo-story-tech .photo-copy { right:24px; bottom:25px; left:24px; text-align:right; }
.photo-story-tech .photo-title { text-align:right; }
.photo-story-tech .photo-source { justify-content:flex-end; }
.photo-story-game img { object-position:center; }
.photo-story-game .photo-copy { left:24px; right:24px; top:27px; bottom:auto; text-align:right; }
.photo-story-game .photo-title { text-align:right; }
.photo-story-game .photo-source { justify-content:flex-end; }
.photo-story-game .photo-save { left:16px; right:auto; top:auto; bottom:16px; }
.photo-story-game .photo-shade { background:linear-gradient(to bottom,#000b,transparent 72%); }
.photo-story-work img { object-position:35% center; }
.photo-story-work .photo-copy { left:24px; right:24px; bottom:25px; }
.photo-story-internet img { object-position:85% center; }
.photo-story-internet .photo-copy { left:24px; right:24px; top:50%; bottom:auto; transform:translateY(-50%); }
.photo-story-internet .photo-shade { background:linear-gradient(to right,#000c,#0007 70%,#0003); }
.dialog-photo-note { display:block; line-height:1.7; }
@container magazine (max-width:760px) {
  .edition-1 .soft-header { grid-template-columns:1fr auto; column-gap:20px; }
  .edition-1 .wordmark { grid-column:1; grid-row:1; }
  .edition-1 .header-tools { grid-column:2; grid-row:1; }
  .edition-1 .category-nav { grid-column:1/-1; grid-row:2; gap:23px; width:100%; padding-bottom:3px; }
  .photo-story-style .photo-copy,.photo-story-work .photo-copy { left:16px; right:12px; bottom:21px; }
  .photo-grid-featured .photo-story-music .photo-copy { left:16px; right:12px; top:auto; bottom:21px; }
  .photo-grid-featured .photo-story-tech .photo-copy { left:12px; right:16px; bottom:22px; }
  .photo-grid-featured .photo-story-game .photo-copy { left:12px; right:16px; top:27px; bottom:auto; }
  .photo-story-game .photo-save { left:12px; bottom:12px; }
  .photo-story-work img { object-position:20% center; }
  .photo-grid-featured .photo-story-internet .photo-copy { left:16px; right:12px; top:50%; bottom:auto; }
  .photo-story-beer .photo-copy { right:100px; }
}

/* Expanded stories retain individual photograph crops and headline positions. */
.photo-story[style] img { object-position:var(--photo-position,center); }
.photo-anchor-bottom-right .photo-copy { text-align:right; }
.photo-anchor-bottom-right .photo-title { text-align:right; }
.photo-anchor-bottom-right .photo-source { justify-content:flex-end; }
.photo-anchor-top-left .photo-copy { top:26px; bottom:auto; }
.photo-anchor-top-right .photo-copy { top:26px; bottom:auto; text-align:right; }
.photo-anchor-top-right .photo-title { text-align:right; }
.photo-anchor-top-right .photo-source { justify-content:flex-end; }
.photo-anchor-top-left .photo-save,.photo-anchor-top-right .photo-save { top:auto; bottom:16px; }
.photo-anchor-top-left .photo-shade,.photo-anchor-top-right .photo-shade { background:linear-gradient(to bottom,#000c,#0007 45%,transparent 80%); }
.reading-more { padding:28px 0 0; text-align:center; }
.reading-more p { font-size:11px; color:#73736e; }
.reading-more button { border:1px solid #d3d3cf; border-radius:24px; margin-top:14px; padding:13px 26px; font-size:12px; }
.reading-more button:hover { border-color:#333; }
.reading-more button[hidden] { display:none; }
@container magazine (max-width:760px) {
 .edition-1 .photo-grid-featured .photo-anchor-top-left .photo-copy,.edition-1 .photo-grid-featured .photo-anchor-top-right .photo-copy { top:24px; bottom:auto; }
 .photo-anchor-top-left .photo-save,.photo-anchor-top-right .photo-save { bottom:12px; }
 /* Keep the faces in the montage clear and use its empty right-hand area. */
 .photo-story-r7-lara-design { height:260px; }
 .edition-1 .photo-grid-featured>.photo-story.photo-story-r7-lara-design { grid-column:1/-1; height:260px; }
 .edition-1 .photo-story-r7-lara-design .photo-copy { left:auto; right:16px; top:24px; bottom:auto; max-width:28%; text-align:right; }
 .edition-1 .photo-story-r7-lara-design .photo-copy h2 { font-size:18px; line-height:1.45; }
 .photo-story-r7-lara-design .photo-title { text-align:right; }
 .photo-story-r7-lara-design .photo-source { justify-content:flex-end; font-size:10px; margin-top:12px; }
 .photo-story-r7-lara-design .photo-shade { background:linear-gradient(to left,#000b,transparent 70%); }
 .photo-story-r7-lara-design .photo-save { left:12px; right:auto; top:auto; bottom:12px; }
}

/* Preserve complete product and multi-person source images in the new edition. */
.photo-story-r8-f-nb-goretex { background:#fff; }
.photo-story-r8-f-nb-goretex .photo-opener img { top:auto;bottom:0;height:calc(100% - 145px);object-fit:contain;background:#fff; }
:is(.photo-story-r8-c-jeon-doyeon,.photo-story-r8-playstation-september-downloads,.photo-story-r8-game-pass-october-wave,.photo-story-r8-toss-ad-work,.photo-story-r8-youtube-ai-music-labels,.photo-story-r8-whatsapp-guest-calls) .photo-opener img { height:calc(100% - 145px);object-fit:contain; }
.photo-story-r8-c-jeon-doyeon { background:#151713; }
.photo-story-r8-playstation-september-downloads { background:#18313e; }
.photo-story-r8-game-pass-october-wave { background:#116b13; }
.photo-story-r8-toss-ad-work { background:#ededec; }
.photo-story-r8-youtube-ai-music-labels { background:#e9eddf; }
.photo-story-r8-whatsapp-guest-calls { background:#fbf4e9; }
.photo-story-r8-web-variety-familiarity { background:#252522; }
.photo-story-r8-web-variety-familiarity .photo-opener img { inset:auto;top:0;left:0;width:200%;height:auto;max-width:none;object-fit:fill; }
@container magazine (max-width:760px) {
 .edition-1 .photo-grid-featured>:is(.photo-story-r8-f-nb-goretex,.photo-story-r8-c-jeon-doyeon,.photo-story-r8-playstation-september-downloads,.photo-story-r8-game-pass-october-wave,.photo-story-r8-toss-ad-work,.photo-story-r8-youtube-ai-music-labels,.photo-story-r8-whatsapp-guest-calls,.photo-story-r8-web-variety-familiarity) { grid-column:1/-1;height:360px; }
}