:root {
  --wine: #64252c;
  --ink: #211d1c;
  --paper: #f3efe6;
  --cream: #fffdf8;
  --brass: #a67b38;
  --muted: #726966;
  --line: rgba(33, 29, 28, 0.22);
  --serif: "Iowan Old Style", "Noto Serif KR", Georgia, serif;
  --sans: "Pretendard", "Noto Sans KR", Arial, sans-serif;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  line-height: 1.65;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.mobile-break {
  display: none;
}
a {
  color: inherit;
  text-decoration: none;
}
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 3px solid var(--brass);
  outline-offset: 3px;
}
.skip-link {
  position: absolute;
  left: -999px;
  z-index: 99;
  background: var(--ink);
  color: #fff;
  padding: 0.7rem 1rem;
}
.skip-link:focus {
  left: 1rem;
  top: 1rem;
}
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.masthead {
  background: var(--cream);
  border-bottom: 1px solid var(--ink);
}
.masthead-top,
.masthead-main,
.edition-nav,
.cover,
.edition-strip,
.feature-spread,
.ledger-grid,
.editorial-note,
.site-footer,
.article-wrap,
.archive-wrap,
.page-wrap,
.not-found {
  max-width: 1280px;
  margin: auto;
}
.masthead-top {
  display: flex;
  justify-content: space-between;
  padding: 10px 28px 8px;
  border-bottom: 1px solid var(--line);
  font-size: 0.69rem;
  letter-spacing: 0.14em;
}
.masthead-top p {
  margin: 0;
}
.masthead-top a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.masthead-main {
  min-height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px 28px;
}
.wordmark {
  display: grid;
  text-align: center;
  line-height: 1;
}
.wordmark span {
  font: 700 0.63rem/1 var(--sans);
  letter-spacing: 0.33em;
}
.wordmark strong {
  font: 400 clamp(2rem, 4vw, 3.6rem)/0.85 var(--serif);
  letter-spacing: -0.07em;
  margin: 0.08em 0;
}
.edition-toggle {
  position: absolute;
  right: 28px;
  border: 0;
  background: none;
  color: var(--ink);
  font: 700 0.72rem var(--sans);
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
  gap: 0.55rem;
  cursor: pointer;
  min-width: 44px;
  min-height: 44px;
  justify-content: center;
  padding: 0.5rem;
}
.edition-icon,
.edition-icon:before,
.edition-icon:after {
  display: block;
  width: 17px;
  height: 1px;
  background: currentColor;
  content: "";
}
.edition-icon:before {
  transform: translateY(-5px);
}
.edition-icon:after {
  transform: translateY(4px);
}
.edition-nav {
  display: block;
  border-top: 1px solid var(--line);
  padding: 0 28px;
}
.edition-menu {
  list-style: none;
  margin: 0;
  min-height: 48px;
  padding: 0;
  display: flex;
  justify-content: center;
  gap: clamp(1.2rem, 4vw, 4rem);
  align-items: center;
  font-size: 0.77rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.edition-menu a {
  position: relative;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.edition-menu a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 1px;
  background: var(--wine);
  transform: scaleX(0);
  transition: transform 0.2s;
}
.edition-menu a:hover:after {
  transform: scaleX(1);
}
.cover {
  min-height: 590px;
  display: grid;
  grid-template-columns: 1.45fr 0.55fr;
  border-left: 1px solid var(--ink);
  border-right: 1px solid var(--ink);
  background: var(--wine);
  color: #fff;
}
.cover-copy {
  padding: clamp(3.5rem, 10vw, 9rem) clamp(1.5rem, 7vw, 7rem);
}
.kicker {
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  font-weight: 700;
  margin: 0 0 1.2rem;
}
.cover h1,
.editorial-note h2,
.not-found h1 {
  font: 400 clamp(2.9rem, 7vw, 6.6rem)/0.93 var(--serif);
  letter-spacing: -0.075em;
  margin: 0.2em 0;
}
.cover-copy > p:not(.kicker) {
  max-width: 39rem;
  font-size: 1.05rem;
  line-height: 1.8;
  margin: 2rem 0;
}
.ink-link {
  display: inline-flex;
  gap: 0.55rem;
  align-items: center;
  border-bottom: 1px solid currentColor;
  padding-bottom: 0.2rem;
  font-weight: 700;
  font-size: 0.85rem;
}
.cover-index {
  padding: 2rem;
  border-left: 1px solid rgba(255, 255, 255, 0.45);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(
    145deg,
    transparent 20%,
    rgba(255, 255, 255, 0.1)
  );
}
.cover-index p {
  font: 700 0.7rem var(--sans);
  letter-spacing: 0.12em;
}
.cover-index strong {
  font: 400 1.6rem/1.3 var(--serif);
}
.cover-index span {
  font-size: 0.75rem;
  letter-spacing: 0.12em;
}
.edition-strip,
.ledger-grid {
  padding: clamp(4rem, 9vw, 8rem) 28px;
}
.section-intro {
  max-width: 690px;
}
.section-intro h2,
.archive-head h1,
.ledger-page h1 {
  font: 400 clamp(2.2rem, 5vw, 4.3rem)/1 var(--serif);
  letter-spacing: -0.06em;
  margin: 0;
}
.edition-list {
  border-top: 1px solid var(--ink);
  margin-top: 3rem;
}
.edition-item {
  display: grid;
  grid-template-columns: 80px 1fr 1.4fr 40px;
  gap: 1rem;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding: 1.45rem 0;
}
.edition-item > span {
  font: italic 1.5rem var(--serif);
  color: var(--wine);
}
.edition-item h3 {
  font: 400 1.6rem var(--serif);
  margin: 0;
}
.edition-item p {
  margin: 0;
  color: var(--muted);
}
.edition-item > a {
  font-size: 1.3rem;
  color: var(--wine);
  text-align: right;
}
.feature-spread {
  display: grid;
  grid-template-columns: 170px 1fr;
  background: var(--cream);
  padding: clamp(4rem, 8vw, 7rem) 28px;
}
.feature-label {
  padding-right: 2rem;
  border-right: 1px solid var(--line);
}
.feature-label span {
  font: 400 4rem/1 var(--serif);
  color: var(--wine);
}
.lead-story {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: clamp(2rem, 6vw, 6rem);
  padding-left: clamp(2rem, 5vw, 5rem);
}
.lead-image {
  min-height: 420px;
  background: #d6cec0;
  display: block;
  overflow: hidden;
}
.lead-image img,
.ledger-image img,
.article-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.image-void {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 420px;
  background: linear-gradient(140deg, #c8b9aa, #805459);
  color: var(--cream);
  font: 400 5rem var(--serif);
}
.lead-content {
  align-self: center;
}
.story-category {
  font-size: 0.74rem;
  color: var(--wine);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.lead-content h2 {
  font: 400 clamp(2rem, 4vw, 3.9rem)/1.04 var(--serif);
  letter-spacing: -0.06em;
  margin: 0.45rem 0 1.3rem;
}
.lead-content p {
  color: var(--muted);
  margin-bottom: 2rem;
}
.split {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  align-items: end;
}
.story-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.4rem;
  margin-top: 3rem;
}
.ledger-card {
  border-top: 1px solid var(--ink);
  padding-top: 0.8rem;
}
.ledger-image {
  height: 245px;
  display: block;
  background: #ded6ca;
  overflow: hidden;
}
.ledger-image > span {
  display: grid;
  place-items: center;
  height: 100%;
  font: 4rem var(--serif);
  color: var(--wine);
}
.ledger-card-copy > span,
.ledger-card-copy small {
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  color: var(--muted);
}
.ledger-card h3 {
  font: 400 1.45rem/1.15 var(--serif);
  letter-spacing: -0.035em;
  margin: 0.7rem 0;
}
.ledger-card h3 a:hover,
.lead-content h2 a:hover {
  text-decoration: underline;
  text-underline-offset: 0.13em;
}
.ledger-card p {
  font-size: 0.9rem;
  line-height: 1.65;
  margin: 0.5rem 0 1rem;
  color: var(--muted);
}
.editorial-note {
  background: var(--ink);
  color: var(--cream);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  padding: clamp(4rem, 8vw, 8rem) clamp(2rem, 8vw, 8rem);
}
.editorial-note p {
  align-self: end;
  max-width: 35rem;
  font-size: 1.06rem;
  line-height: 1.85;
}
.site-footer {
  background: var(--wine);
  color: #fff;
  padding: 0 28px 22px;
}
.footer-rule {
  height: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr 0.8fr;
  gap: 3rem;
  padding: 4rem 0;
}
.footer-grid h2 {
  font: 400 1.4rem/1.3 var(--serif);
  margin: 0 0 1rem;
}
.footer-grid > section:first-child h2 {
  font-size: 2.25rem;
}
.footer-grid p {
  font-size: 0.88rem;
  line-height: 1.8;
}
.footer-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-menu li + li {
  margin-top: 0.4rem;
}
.footer-menu a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  padding-top: 1.2rem;
  font-size: 0.7rem;
  letter-spacing: 0.04em;
  margin: 0;
}
.article-wrap,
.archive-wrap,
.page-wrap,
.not-found {
  padding: clamp(3rem, 7vw, 7rem) 28px;
}
.ledger-article {
  max-width: 830px;
  margin: auto;
}
.article-head {
  text-align: center;
  border-bottom: 1px solid var(--line);
  padding-bottom: 3rem;
}
.article-number {
  font: 700 0.7rem var(--sans);
  letter-spacing: 0.13em;
  color: var(--muted);
  margin: 1.2rem 0;
}
.article-head h1 {
  font: 400 clamp(2.5rem, 6vw, 5.5rem)/0.98 var(--serif);
  letter-spacing: -0.07em;
  margin: 0.2rem auto 1.2rem;
}
.article-deck {
  max-width: 610px;
  margin: 0 auto;
  font-size: 1.08rem;
  line-height: 1.85;
  color: var(--muted);
}
.article-byline {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7rem 1.2rem;
  justify-content: center;
  margin-top: 1.8rem;
  font-size: 0.76rem;
  color: var(--muted);
}
.partner-note {
  margin: 2rem 0;
  padding: 1rem 1.15rem;
  background: #e7ded0;
  display: flex;
  gap: 0.8rem;
  border-left: 3px solid var(--brass);
}
.partner-note strong {
  font-size: 0.8rem;
}
.partner-note p {
  font-size: 0.8rem;
  margin: 0.2rem 0 0;
}
.article-visual {
  margin: 2rem 0;
}
.article-visual img {
  max-height: 630px;
}
.article-content {
  font-size: 1.08rem;
  line-height: 1.95;
}
.article-content h2,
.article-content h3 {
  font-family: var(--serif);
  line-height: 1.2;
  margin-top: 2.3em;
}
.article-content a {
  color: var(--wine);
  text-decoration: underline;
  text-underline-offset: 0.16em;
}
.article-content blockquote {
  margin: 2rem 0;
  padding: 1.2rem 1.5rem;
  border-left: 3px solid var(--brass);
  background: var(--cream);
  font-family: var(--serif);
  font-size: 1.3rem;
}
.article-foot {
  border-top: 1px solid var(--line);
  margin-top: 3rem;
  padding-top: 1rem;
}
.tags {
  font-size: 0.8rem;
}
.comments-area {
  max-width: 830px;
  margin: 3rem auto;
}
.archive-head {
  max-width: 760px;
  border-bottom: 1px solid var(--ink);
  padding-bottom: 2.2rem;
}
.archive-head p {
  max-width: 600px;
  color: var(--muted);
}
.archive-grid {
  grid-template-columns: repeat(3, 1fr);
}
.ledger-empty {
  padding: 3rem;
  background: var(--cream);
  border-left: 4px solid var(--brass);
}
.ledger-empty h2 {
  font: 400 2rem var(--serif);
  margin: 0.3rem 0;
}
.not-found {
  min-height: 55vh;
}
.not-found p {
  max-width: 470px;
  color: var(--muted);
}
.wp-block-image img {
  height: auto;
}
.wp-block-table {
  overflow-x: auto;
}

/* v2: the editorial system intentionally favours dramatic type over generic cards. */
:root { --acid: #d7ff38; --void: #11110f; --fog: #e9e5dc; --signal: #eb3f1f; --display: "Bodoni 72", "Iowan Old Style", "Noto Serif KR", Georgia, serif; }
body { background: var(--fog); }
.masthead, .edition-nav { background: var(--fog); }
.masthead { border-color: var(--void); }
.wordmark strong { font-family: var(--display); letter-spacing: -.095em; }
.edition-menu a:after { background: var(--signal); }
.art-cover, .edition-index, .lead-spread, .choice-atlas { max-width: 1440px; margin: auto; }
.art-cover { min-height: min(780px, calc(100vh - 105px)); display: grid; grid-template-columns: 54px minmax(0, 1.12fr) minmax(300px, .88fr) minmax(180px, .42fr); position: relative; overflow: hidden; background: var(--void); color: #f7f4ee; }
.cover-rail { border-right: 1px solid rgba(255,255,255,.3); display: flex; justify-content: space-between; flex-direction: column; padding: 22px 0; align-items: center; font-size: .61rem; font-weight: 700; letter-spacing: .13em; writing-mode: vertical-rl; transform: rotate(180deg); }
.cover-copy { padding: clamp(5rem, 11vw, 11rem) clamp(2rem, 7vw, 8rem) 4rem; position: relative; z-index: 2; }
.cover-copy:after { content: "FM"; color: rgba(215,255,56,.92); position: absolute; font: italic clamp(7rem,18vw,18rem)/.7 var(--display); right: -1.8rem; bottom: -1rem; z-index: -1; pointer-events: none; }
.cover-copy h1, .index-heading h2, .atlas-intro h2, .section-intro h2, .editorial-note h2 { font-family: var(--display); font-weight: 400; letter-spacing: -.09em; }
.cover-copy h1 { font-size: clamp(3.6rem, 6.4vw, 7.3rem); line-height: .85; margin: .28em 0; }
.cover-copy h1 em, .index-heading em, .atlas-intro em, .section-intro em, .editorial-note em { color: var(--acid); font-style: italic; font-weight: 400; }
.cover-copy > p:not(.kicker) { max-width: 30rem; color: rgba(255,255,255,.75); font-size: 1rem; }
.disc-link { display: inline-flex; align-items: center; gap: 1rem; text-transform: uppercase; font-size: .72rem; font-weight: 800; letter-spacing: .13em; border: 0; padding: 0; }
.disc-link { min-height:44px; }
.disc-link b { display: inline-grid; place-items: center; width: 2.8rem; height: 2.8rem; border: 1px solid currentColor; border-radius: 50%; transition: transform .35s cubic-bezier(.2,.8,.2,1), background .35s; }
.disc-link:hover b { background: var(--acid); color: var(--void); transform: rotate(-45deg); }
.disc-link.dark { color: var(--void); }
.cover-art { position: relative; overflow: hidden; background: linear-gradient(135deg,#d5d0c5,#9c9b90 47%,#242522); min-height: 100%; }
.cover-art > img { width: 100%; height: 100%; object-fit: cover; display: block; filter: saturate(.76) contrast(1.1); transform: translateY(var(--art-offset, 0)); will-change: transform; }
.cover-art:after { content:""; position: absolute; inset:0; background: linear-gradient(180deg,transparent 54%,rgba(0,0,0,.52)); pointer-events: none; }
.cover-art-fallback { height: 100%; min-height: 560px; background: linear-gradient(140deg, #d4d2ca 0 38%, #827c70 38% 65%, #bdc3b7 65%); color: var(--void); position: relative; overflow: hidden; padding: 1.8rem; }
.cover-art-fallback span { font: italic 11rem/.75 var(--display); position:absolute; right:-.25rem; top:1.3rem; }
.cover-art-fallback i { border: 1px solid var(--void); display:block; position:absolute; width:120%; height:42%; left:-10%; top:42%; transform:rotate(-23deg); }
.cover-art-fallback strong { position:absolute; left:1.8rem; bottom:2.3rem; font: 400 clamp(2rem,4vw,4.4rem)/.82 var(--display); letter-spacing:-.08em; }
.art-caption { position:absolute; z-index:2; left:1.5rem; bottom:1.5rem; margin:0; color:#fff; max-width: 11rem; font-size:.58rem; font-weight:700; letter-spacing:.13em; line-height:1.5; }
.cover-note { border-left: 1px solid rgba(255,255,255,.3); display:flex; flex-direction:column; justify-content:space-between; padding: 2rem 1.35rem; background: var(--signal); color:var(--void); }
.cover-note > span, .cover-note small { font-size:.62rem; letter-spacing:.13em; font-weight:800; }
.cover-note strong { font:400 clamp(1.65rem,2.7vw,2.7rem)/.97 var(--display); letter-spacing:-.07em; }
.cover-note small b { font-size:1.45rem; }
.moving-type { overflow:hidden; white-space:nowrap; background:var(--acid); color:var(--void); padding:.55rem 0 .6rem; font:400 clamp(2rem,4vw,4.5rem)/.8 var(--display); letter-spacing:-.07em; }
.moving-type div { display:inline-flex; animation: ledger-marquee 22s linear infinite; }
.moving-type span { padding-right:.4em; }
.edition-index { padding:clamp(5.5rem,12vw,12rem) 6vw; display:grid; grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr); gap:clamp(3rem,10vw,12rem); background:var(--fog); }
.index-heading h2, .atlas-intro h2, .section-intro h2 { font-size:clamp(3rem,5.7vw,6.6rem); line-height:.86; margin:0; }
.atlas-icons { width:min(100%, 250px); height:auto; display:block; margin-top:2.4rem; mix-blend-mode:multiply; }
.atlas-icon-fallback { display:flex; gap:.65rem; margin-top:2.4rem; }
.atlas-icon-fallback i { display:block; width:2.5rem; height:2.5rem; border:1px solid var(--void); border-radius:50%; }
.atlas-icon-fallback i:nth-child(2) { border-radius:0; transform:rotate(45deg); }
.atlas-icon-fallback i:nth-child(3) { width:4.1rem; border-radius:50% 0 50% 0; background:var(--acid); }
.edition-list { margin:0; border-color:var(--void); }
.edition-item { grid-template-columns: 3.25rem minmax(10rem,.8fr) 1fr 2.5rem; min-height:7.9rem; transition:padding .35s ease, background .35s ease; }
.edition-item:hover { background:var(--void); color:var(--fog); padding-left:1rem; padding-right:1rem; }
.edition-item > span, .edition-item > a { color:var(--signal); }
.edition-item:hover > span, .edition-item:hover > a { color:var(--acid); }
.edition-item h3 { font-family:var(--display); font-size:clamp(1.7rem,2.5vw,2.8rem); letter-spacing:-.06em; }
.edition-item p { font-size:.9rem; }
.lead-spread { background:var(--void); color:var(--fog); padding:clamp(4rem,8vw,8rem) 6vw; display:grid; grid-template-columns: 10rem minmax(0,1fr); gap:clamp(2rem,5vw,6rem); }
.spread-meta { border-top:1px solid rgba(255,255,255,.4); padding-top:1rem; display:flex; flex-direction:column; justify-content:space-between; min-height:32rem; }
.spread-meta > span { font:400 3.4rem/.78 var(--display); letter-spacing:-.08em; color:var(--acid); }
.spread-meta > p:last-child { margin:0; font-size:.72rem; color:rgba(255,255,255,.6); line-height:1.6; }
.lead-story { padding:0; gap:clamp(2rem,7vw,8rem); grid-template-columns:minmax(0,1.1fr) minmax(16rem,.9fr); }
.lead-image { min-height:clamp(420px,48vw,650px); position:relative; }
.lead-image img { transition:transform .8s cubic-bezier(.2,.8,.2,1); }
.lead-image:hover img { transform:scale(1.045); }
.image-void { background:linear-gradient(135deg,#40443d,#a5a69c); font-family:var(--display); }
.lead-content { align-self:end; padding-bottom:1rem; }
.story-category { color:var(--acid); }
.lead-content h2 { font-family:var(--display); font-size:clamp(2.8rem,5vw,5.5rem); letter-spacing:-.09em; line-height:.89; }
.lead-content p { color:rgba(255,255,255,.65); }
.empty-lead { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr); gap:clamp(2rem,7vw,8rem); align-items:stretch; }
.empty-lead-mark { display:grid; place-items:center; min-height:420px; background:linear-gradient(135deg,#323630,#77796f); color:var(--acid); font:400 clamp(4rem,11vw,10rem)/.8 var(--display); letter-spacing:-.1em; }
.empty-lead-copy { align-self:center; max-width:44rem; }
.empty-lead-copy h2 { font:400 clamp(2.8rem,5vw,5.5rem)/.89 var(--display); letter-spacing:-.09em; margin:.2rem 0 1.4rem; }
.empty-lead-copy h2 em { color:var(--acid); font-style:italic; }
.empty-lead-copy > p:not(.kicker) { color:rgba(255,255,255,.82); max-width:38rem; font-size:1rem; line-height:1.8; }
.empty-lead-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; margin-top:2rem; }
.empty-lead-links a { min-height:44px; display:grid; grid-template-columns:2rem 1fr auto; align-items:center; gap:.55rem; padding:.65rem .75rem; border-top:1px solid rgba(255,255,255,.38); color:var(--fog); font-size:.84rem; font-weight:700; }
.empty-lead-links a:hover { background:var(--acid); color:var(--void); }
.empty-lead-links span { color:var(--acid); font-size:.68rem; letter-spacing:.08em; }
.empty-lead-links a:hover span { color:var(--void); }
.empty-lead-links b { font-size:1rem; }
.choice-atlas { padding:clamp(5rem,10vw,10rem) 6vw; background:#d8d4c9; display:grid; grid-template-columns:1fr 1.25fr; gap:clamp(3rem,8vw,9rem); position:relative; overflow:hidden; }
.choice-atlas:after { content:"A/L"; position:absolute; right:-.5rem; bottom:-3rem; color:rgba(17,17,15,.06); font:400 19rem/.7 var(--display); letter-spacing:-.15em; pointer-events:none; }
.atlas-steps { list-style:none; padding:0; margin:0; position:relative; z-index:1; border-top:1px solid var(--void); }
.atlas-steps li { min-height:9.2rem; display:grid; align-items:center; grid-template-columns:4rem minmax(7rem,.7fr) 1fr; gap:1rem; border-bottom:1px solid rgba(17,17,15,.38); }
.atlas-steps b { color:var(--signal); font-size:.68rem; letter-spacing:.1em; }
.atlas-steps strong { font:400 clamp(2rem,3.5vw,3.7rem)/.9 var(--display); letter-spacing:-.07em; }
.atlas-steps span { font-size:.9rem; color:#4a4942; }
.ledger-grid { max-width:1440px; padding:clamp(5rem,10vw,10rem) 6vw; background:var(--fog); }
.section-intro h2 { max-width:34rem; }
.story-grid { gap:2.4rem 1.3rem; }
.ledger-card { position:relative; border-top:1px solid var(--void); padding-top:.75rem; }
.ledger-card:nth-child(even) { transform:translateY(4rem); }
.ledger-image { height:clamp(240px,24vw,350px); }
.ledger-card:hover .ledger-image img { transform:scale(1.05); }
.ledger-image img { transition:transform .65s cubic-bezier(.2,.8,.2,1); }
.ledger-card h3 { font-family:var(--display); font-size:clamp(1.55rem,2.15vw,2.4rem); letter-spacing:-.065em; line-height:.96; }
.editorial-note { max-width:1440px; grid-template-columns:1.15fr .85fr; background:var(--signal); color:var(--void); }
.editorial-note h2 { font-size:clamp(3.2rem,6vw,7.2rem); line-height:.83; }
.editorial-note h2 em { color:var(--fog); }
.editorial-note p { font-size:1rem; }
.ledger-article { max-width:920px; }
.article-head { position:relative; text-align:left; max-width:850px; margin:auto; padding:clamp(2rem,6vw,6rem) 0 4rem; }
.article-head:before { content:"EDITORIAL NOTE"; font-size:.64rem; font-weight:800; letter-spacing:.13em; color:var(--signal); display:block; margin-bottom:1.2rem; }
.article-head h1 { font-family:var(--display); font-size:clamp(3.2rem,7vw,7rem); line-height:.84; letter-spacing:-.1em; max-width:16ch; margin-left:0; }
.article-deck { margin-left:0; font-size:1.15rem; }
.article-byline { justify-content:flex-start; }
.article-visual { margin:3.5rem -8vw; position:relative; }
.article-visual:after { content:"옷의 문법 / THE EDIT"; display:block; padding:.6rem 0; color:var(--signal); font-size:.62rem; letter-spacing:.12em; font-weight:800; }
.article-content { max-width:680px; margin:auto; font-size:1.12rem; }
.article-content > p:first-of-type::first-letter { color:var(--signal); float:left; font:400 5.8rem/.72 var(--display); margin:.09em .1em 0 0; }
.article-content h2 { font-family:var(--display); font-size:clamp(2.1rem,4vw,3.5rem); letter-spacing:-.07em; }
.article-content h3 { font-family:var(--display); font-size:1.8rem; letter-spacing:-.05em; }
.article-content blockquote { border-left:0; border-top:3px solid var(--signal); background:transparent; padding:1.7rem 0; font-size:clamp(1.5rem,3vw,2.25rem); line-height:1.25; }
[data-reveal] { opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s cubic-bezier(.2,.75,.3,1); }
[data-reveal].is-visible { opacity:1; transform:none; }
@keyframes ledger-marquee { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *, *:before, *:after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; } [data-reveal] { opacity:1; transform:none; } }
@media (min-width:701px) and (max-width:960px) { .art-cover { grid-template-columns:48px minmax(0,1fr) minmax(250px,.92fr); min-height:680px; } .cover-copy { padding:clamp(4.5rem,9vw,6.5rem) clamp(1.75rem,4vw,3.5rem) 3rem; } .cover-copy h1 { font-size:clamp(3.7rem,7.3vw,5.1rem); } .cover-note { grid-column:2 / 4; min-height:150px; border-left:0; border-top:1px solid rgba(255,255,255,.3); flex-direction:row; align-items:end; gap:1.5rem; } .cover-note strong { max-width:15rem; } .empty-lead { grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr); gap:2.5rem; } }