/* Direction D — Samlet. B's publication identity, A's order and index, C's Kulturbase walk and compact route.
   Each homepage section has one job; the type labels live only on the Argument page. */

/* ---- cover (B) ---- */
.mh-d{padding:1.6rem 0 2.6rem}
.nameplate{display:flex;justify-content:space-between;align-items:flex-end;gap:.4rem 2rem;flex-wrap:wrap;border-bottom:3px solid var(--lys);padding-bottom:.9rem;margin-bottom:2rem}
.nameplate h1{font-size:clamp(3rem,9.2vw,8.4rem);line-height:.86;letter-spacing:-.065em;color:var(--lys);white-space:nowrap}
.nameplate h1 em{font-style:normal;color:var(--rod)}
.nameplate .author-line{font:500 12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.13em;color:var(--lysdim);margin:0 0 .4rem}
.cover{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:2rem 4rem;align-items:start}
.mh-d .hat{font-size:clamp(2.6rem,5.6vw,5.4rem);line-height:.95;letter-spacing:-.055em;margin:0}
.cover-right .mild{margin-top:.3rem}
/* opening variant 2: the cover keeps the living-room photograph */
.cover-foto{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center}
.mh-foto .hat{font-size:clamp(2.4rem,4.4vw,4.2rem);margin-bottom:1.2rem}
.cover-foto figure{margin:0;position:relative}
.cover-foto img{width:100%;aspect-ratio:1.12;object-fit:cover;filter:saturate(.95) contrast(1.05)}
.cover-foto figcaption{position:absolute;left:.6rem;bottom:.6rem;margin:0;background:var(--ink);color:var(--lysdim);font:11.5px/1.4 var(--mono);letter-spacing:.06em;padding:.3rem .55rem;text-transform:uppercase}

/* ---- ledger: Sist skrevet and the index (A) ---- */
.latest-d{padding-top:.4rem;padding-bottom:2.8rem}
.ledger{list-style:none;margin:0;padding:0}
.latest-d .ledger{border-top:2px solid var(--ink)}
.ledger>li{border-bottom:1px solid var(--line2)}
.ledger-row{display:grid;grid-template-columns:10.5rem 9.5rem minmax(0,1fr) 1.5rem;gap:1.2rem;align-items:baseline;padding:1rem 0;color:var(--ink);text-decoration:none}
.row-kind{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .5rem}
.lang-tag{font:600 11.5px/1 var(--mono);letter-spacing:.08em;text-decoration:none;color:var(--ink);border:1px solid var(--ink);padding:.18rem .3rem .14rem;border-radius:2px}
.ledger-main{display:grid;gap:.2rem}
.ledger-main b{font:700 1.4rem/1.12 var(--disp);letter-spacing:-.035em}
.ledger-main .desc{font-size:1.02rem;line-height:1.42;color:var(--tekst);max-width:46rem}
.ledger-arrow{color:var(--acc);font-size:1.2rem;text-align:right}
.ledger-row:hover b{color:var(--acc)}

/* ---- featured essay (B's lead, after the latest writing) ---- */
.lead-d{grid-template-columns:1.1fr 1fr;gap:3.2rem}
.lead-d img{max-height:520px}
.lead-d h2{font-size:clamp(2.5rem,4.6vw,4.2rem)}

/* ---- Kulturbase: person → work → recording (C) ---- */
.kb-d{padding-top:2.8rem;padding-bottom:3rem;border-top:1px solid var(--line2)}
.kb-d-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1rem 3rem;align-items:end;margin-bottom:1.8rem}
.kb-d h2{margin:0}
.kb-d .kb-mark{font-size:2.3rem}
.kb-d .kb-mark img{width:3.8rem;height:3.8rem}
.kb-d .kb-short{margin:.5rem 0 0}
.kb-walk-quote{margin:0;padding:0}
.kb-walk-quote p{font:italic clamp(1.35rem,2.2vw,1.8rem)/1.3 var(--body);color:var(--tekst);margin:0 0 .4rem;max-width:36ch}
.kb-walk-quote cite{font-style:normal}
.walk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.walk li{position:relative;min-width:0}
.walk li+li::before{content:"→";position:absolute;left:-1.2rem;top:.05rem;color:var(--kb-korall);font:700 1rem/1.4 var(--kb-font)}
.walk figure{margin:0}
.step-label{font:600 .8rem/1.4 var(--kb-font)!important;letter-spacing:.02em!important;color:var(--kb-korall)!important;text-transform:uppercase;margin:0 0 .5rem!important}
.step-label::before{content:attr(data-n) " · ";color:var(--kb-ink)}
.walk .shot{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:left top}
.step-cap{font:.92rem/1.4 var(--kb-font);color:#3d3d52;margin:.6rem 0 0}
.kb-d .kb-actions{display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;align-items:center;margin:1.8rem 0 0}
.kb-d-page{border-top:0;padding-top:.6rem}
.kb-d-page .kb-def{font:1.02rem/1.55 var(--kb-font);color:#34344a;max-width:44rem;margin:0 0 .4rem}
.kb-d-page .kb-play{font:.92rem/1.5 var(--kb-font);color:#55556a;max-width:44rem;margin:0 0 1.8rem}
.kb-figures{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.6rem;margin-top:1.8rem;padding-top:1rem;border-top:1px solid var(--line)}
.kb-figures .kb-stats{margin:0}
.kb-figures .meta{margin:0}
.kb-credit{margin:1.2rem 0 0}

/* ---- compact route through the argument (C, without type labels) ---- */
.route-d{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:auto 1fr;gap:0 3rem;padding-top:2.6rem;padding-bottom:3rem;border-top:2px solid var(--ink)}
.route-d-head{grid-column:1;grid-row:1}
.thread-d{grid-column:2;grid-row:1/span 2}
.route-all{grid-column:1;grid-row:2;align-self:end;margin:0}
.route-d h2{font-size:2.2rem;letter-spacing:-.04em}
.route-d-head .meta{margin:.4rem 0 1rem}

.thread-d{list-style:none;margin:0;padding:0;position:relative}
.thread-d::before{content:"";position:absolute;left:.34rem;top:.7rem;bottom:.7rem;border-left:2px solid var(--rod)}
.thread-d a{display:flex;align-items:baseline;gap:.9rem;padding:.42rem 0 .42rem 1.8rem;position:relative;text-decoration:none;color:var(--ink)}
.thread-d a::before{content:"";position:absolute;left:0;top:.95rem;width:.7rem;height:.7rem;border-radius:50%;background:var(--pap);border:2px solid var(--rod)}
.rt-n{font:500 12px/1.5 var(--mono);color:var(--acc);flex:none}
.thread-d b{font:700 1.3rem/1.2 var(--disp);letter-spacing:-.03em}
.thread-d a:hover b{color:var(--acc)}
.thread-d a:hover::before{background:var(--rod)}

.try-d{margin-top:0}

/* ---- colophon (B) ---- */
.colophon{background:var(--pap);border-top:6px double var(--ink);padding:2.4rem 0 3.4rem;color:var(--ink)}
.colo-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:2rem 4rem}
.colo-brand .brand{font-size:2.4rem;color:var(--ink);display:block;margin-bottom:.4rem;line-height:1}
.colo-brand p{font-size:1rem;color:var(--dim);margin:0 0 .6rem}
.colo-brand a{color:var(--dim)}
.colophon .signup h2{font-size:1.8rem}

/* ---- essay (B, with a quiet related-project line) ---- */
.art-d .kicker{display:flex;gap:.2rem;flex-wrap:wrap}
.art-d h1{font-size:clamp(2.8rem,6.5vw,4.8rem);max-width:15ch;letter-spacing:-.055em;line-height:.98}
.byline{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem 1rem;font:12.5px/1.5 var(--mono);color:var(--dim);border-top:1px solid var(--ink);border-bottom:1px solid var(--line2);padding:.6rem 0;margin:1.2rem 0 2rem}
.end-mark{color:var(--rod);font-size:1rem;margin:0}
.next-d{border-top:2px solid var(--ink);margin-top:2.4rem;padding-top:1rem}
.next-d .section-label{margin-bottom:.3rem}
.next-title{display:block;font:700 clamp(1.9rem,4vw,2.7rem)/1.05 var(--disp);letter-spacing:-.045em;color:var(--ink);text-decoration:none;margin-bottom:.8rem}
.next-title:hover{color:var(--acc)}
.next-small{font-size:1.02rem}
.related-d{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.1rem .9rem;align-items:center;border-top:1px solid var(--line2);margin:1.8rem 0 3rem;padding-top:1rem;font-size:1.02rem;line-height:1.4}
.related-d img{grid-row:1/span 2;width:2rem;height:2rem;border-radius:22%}
.related-d .section-label{margin:0}
.related-d a{color:var(--kb-korall);font-family:var(--kb-font);font-size:.98rem;font-weight:500}

/* ---- Tekster / Kaninhull index (A's list, B's filters) ---- */
.ix-d{padding-top:2.4rem;padding-bottom:2rem}
.ix-d .ix-head{border-bottom:3px solid var(--ink);padding-bottom:1.1rem;margin-bottom:.4rem}
.ix-d .kicker{margin:0 0 .3rem}
.ix-d h1{font-size:clamp(3.2rem,9vw,7rem);letter-spacing:-.06em;line-height:.9}
.ix-tagline{font-size:1.45rem;font-style:italic;margin:.5rem 0 1.2rem}
.ix-tools{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.8rem 2rem}
.filters{display:flex;flex-wrap:wrap;gap:.4rem}
.filters button{font:500 12.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--ink);padding:.5rem .7rem;border-radius:999px;cursor:pointer}
.filters button[aria-pressed="true"]{background:var(--ink);color:var(--lys)}
.ix-year-block{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1.4rem;border-bottom:2px solid var(--ink)}
.ix-year{font:700 1.5rem/1 var(--disp);padding-top:1.15rem;margin:0;position:sticky;top:3.6rem;align-self:start;padding-bottom:1rem}
.ix-d .ledger>li:last-child{border-bottom:0}
.ix-d .ledger-row{grid-template-columns:9.5rem 9rem minmax(0,1fr) 1.5rem;padding:.85rem 0}
.ix-d .ledger-main b{font-size:1.25rem}
.ix-d .ledger-main .desc{font-size:.98rem}
.ix-d .row[data-group="notater"] .ledger-main b{font-weight:500}
.ix-foot{font:13px/1.6 var(--mono);margin:1.4rem 0 0}

/* ---- argument page (B) ---- */
.arg-d{padding-top:2.4rem;padding-bottom:3rem}
.arg-d-head{border-bottom:3px solid var(--ink);padding-bottom:1rem;margin-bottom:.4rem}
.arg-d-head h1{font-size:clamp(3.2rem,9vw,7rem);letter-spacing:-.06em;line-height:.9;margin-bottom:.5rem}
.thesis-page{list-style:none;margin:0;padding:0}
.thesis-page li{display:grid;grid-template-columns:10rem 4rem minmax(0,1fr);gap:1.4rem;padding:1.6rem 0;border-bottom:1px solid var(--line2);align-items:baseline}
.tb-type{font:500 12px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acc)}
.tb-n{font:700 3rem/1 var(--disp);color:var(--rod);letter-spacing:-.05em}
.tb-body h2{font-size:2.2rem;letter-spacing:-.045em;margin:0 0 .6rem}
.tb-q{font-size:1.25rem;line-height:1.45;font-style:italic;max-width:42rem;margin:0 0 .6rem}
.arg-d-foot{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:3rem;padding-top:2.4rem}
.rest-cols{margin:0;padding:0 0 0 1.2rem;columns:2;column-gap:2rem;font:500 1rem/1.35 var(--disp)}
.rest-cols li{break-inside:avoid;padding:.35rem 0}
.rest-cols a{color:var(--ink)}
.back-card{display:block;border-top:2px solid var(--ink);padding:.8rem 0 1.2rem;text-decoration:none;color:var(--ink)}
.back-card small{display:block;font:500 12px/1.5 var(--mono);color:var(--acc);text-transform:uppercase;letter-spacing:.12em}
.back-card b{display:block;font:700 1.8rem/1.1 var(--disp);letter-spacing:-.04em;margin:.2rem 0}

/* ---- projects ---- */
.pj-head{padding-top:2.4rem;padding-bottom:1rem}
.pj-head h1{font-size:clamp(3.2rem,9vw,7rem);letter-spacing:-.06em;line-height:.9;border-bottom:3px solid var(--ink);padding-bottom:1rem}
.pj-others{padding:2.4rem 0 3rem}
.pj-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.pj-list li{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:1.6rem;padding:1.4rem 0;border-bottom:1px solid var(--line2);align-items:start}
.pj-list img{width:100%;aspect-ratio:1.5;object-fit:cover}
.pj-list h3{font-size:1.5rem;margin:0 0 .5rem}
.pj-list p{font-size:1.08rem;line-height:1.45}
.pj-list p.meta{font-size:12px}

@media (max-width:1100px){
  .ledger-row{grid-template-columns:9rem 8.5rem minmax(0,1fr) 1.2rem;gap:1rem}
}
@media (max-width:760px){
  .mh-d{padding:1.1rem 0 1.8rem}
  .nameplate{border-bottom-width:2px;padding-bottom:.6rem;margin-bottom:1.1rem;gap:.1rem}
  .nameplate h1{font-size:clamp(2.6rem,13.4vw,3.6rem)}
  .nameplate .author-line{font-size:11.5px;margin:0}
  .cover,.cover-foto{display:block}
  .mh-d .hat{font-size:2.3rem;line-height:1;margin-bottom:.9rem}
  .cover-foto figure{display:none}
  .latest-d{padding-bottom:2rem}
  .ledger-row,.ix-d .ledger-row{grid-template-columns:auto minmax(0,1fr);gap:.25rem .9rem;padding:.95rem 0}
  .row-date{grid-column:1;grid-row:1}
  .row-kind{grid-column:2;grid-row:1}
  .ledger-main{grid-column:1/-1}
  .ledger-main b{font-size:1.3rem}
  .ledger-arrow{display:none}
  .lead-d{grid-template-columns:1fr;gap:1.3rem}
  .lead-d img{max-height:240px}
  .lead-d h2{font-size:2.6rem}
  .kb-d{padding-top:2rem;padding-bottom:2.2rem}
  .kb-d-head{grid-template-columns:1fr;gap:1rem;margin-bottom:1.3rem}
  .kb-d .kb-mark{font-size:1.8rem}
  .kb-d .kb-mark img{width:3.1rem;height:3.1rem}
  .kb-walk-quote p{font-size:1.22rem}
  .walk{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}
  .walk li{border-bottom:1px solid var(--line)}
  .walk li+li::before{display:none}
  .walk figure{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.1rem .9rem;align-items:center;padding:.75rem 0}
  .walk .shot{grid-column:1;grid-row:1/span 2;aspect-ratio:1.25}
  .step-label{grid-column:2;margin:0!important;align-self:end}
  .step-cap{grid-column:2;margin:0;align-self:start}
  .kb-d .kb-actions{margin-top:1.3rem}
  .kb-figures{gap:.3rem 1rem}
  .route-d{grid-template-columns:1fr;gap:.6rem;padding-top:2rem;padding-bottom:2rem}
  .route-d h2{font-size:1.75rem}
  .route-d-head .meta{margin-bottom:.4rem}
  .thread-d b{font-size:1.12rem}
  .route-d-head,.thread-d,.route-all{grid-column:1;grid-row:auto}
  .route-all{margin-top:.8rem}
  .colo-grid{grid-template-columns:1fr}
  .ix-year-block{grid-template-columns:1fr;gap:0}
  .ix-year{position:static;padding:1.1rem 0 .1rem}
  .thesis-page li{grid-template-columns:2.6rem minmax(0,1fr);gap:.3rem .8rem}
  .tb-type{grid-column:2;grid-row:1}
  .tb-n{grid-column:1;grid-row:1/span 2;font-size:2rem}
  .tb-body{grid-column:2}
  .tb-body h2{font-size:1.6rem}
  .tb-q{font-size:1.1rem}
  .arg-d-foot{grid-template-columns:1fr}
  .rest-cols{columns:1}
  .pj-list li{grid-template-columns:1fr}
}