/* ================================================================
   Oplæg B – inspireret af kunstnerarkiver: hvidt, luftigt, værkerne fylder.
   ================================================================ */
:root { --paper: #ffffff; --paper-2: #f4f4f2; --line: #1a1a1a; }
body { background: #fff; }

/* Header: signatur med tagline under, menu med lodrette streger, sprog øverst */
.b-header { position: relative; border-bottom: 1px solid #1a1a1a !important; background: #fff; }
.b-header .wrap { max-width: none; padding: 0 1.5rem; height: auto !important; min-height: 118px; align-items: center; }
.b-header .brand { flex-direction: column; align-items: flex-start; gap: .55rem; padding: 1.1rem 0 1rem; }
.b-header .brand img { height: 52px !important; }
.tagline { font: 300 .78rem/1 var(--sans); letter-spacing: .42em; text-transform: uppercase; color: #8a8a86; padding-left: .2rem; }
.b-header .nav { gap: 0; }
.b-header .nav a { font: 300 1.02rem/1 var(--sans); letter-spacing: .01em; text-transform: none; padding: 0 .85rem; border-left: 1px solid #1a1a1a; text-decoration: none; }
.b-header .nav a:first-child { border-left: 0; }
.b-header .nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: .35em; }
.b-header .lang { position: absolute; top: .55rem; right: 1.5rem; border: 0; padding: 0; font: 300 .72rem/1 var(--sans); letter-spacing: .02em; text-transform: none; gap: .8rem; }
.b-header .lang .soon { color: #b5b5b0; }
.site-header.small .wrap { min-height: 76px; }
.site-header.small .brand { padding: .6rem 0; }
.site-header.small .brand img { height: 34px !important; }
.site-header.small .tagline { display: none; }
@media (max-width: 760px) {
  .b-header .nav a { border-left: 0; padding: .7rem 0; }
  .b-header .lang { top: .4rem; }
}

/* Forside: et maleri i fuld bredde (udsnit), billedtekst under */
.full .show-stage { position: relative; height: calc(100vh - 118px - 3.2rem); min-height: 380px; max-height: none; margin: 0; }
.full .show-stage a { display: block; }
.full .show-stage img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; box-shadow: none; }
.full .show-bar { padding: .9rem 1.5rem; display: flex; justify-content: space-between; align-items: center; font: 300 .8rem/1.4 var(--sans); }
.full .show-cap strong { font-weight: 500; }

/* Undersider */
.page { padding-top: 2rem; padding-bottom: 4rem; }
.page-t { font: 300 1.5rem/1.2 var(--sans); letter-spacing: 0; margin: 0 0 1.5rem; }
.page-t span { color: #8a8a86; font-size: .8em; margin-left: .5rem; }
.page-lead { max-width: 40rem; color: #555; margin: -0.5rem 0 2.5rem; font-weight: 300; }
.crumb { font: 300 .8rem/1 var(--sans); color: #8a8a86; margin: 0 0 1rem; }
.crumb a { color: inherit; }

/* Serier som fliser med titel centreret under */
.tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.25rem .9rem; }
.tile { text-decoration: none; color: var(--ink); text-align: center; }
.tile-img { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: var(--paper-2); }
.tile-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.tile:hover .tile-img img { transform: scale(1.03); }
.tile-blank { display: flex; height: 100%; align-items: center; justify-content: center; font: 300 2rem/1 var(--sans); color: #b5b5b0; letter-spacing: .2em; }
.tile-t { display: block; margin-top: .8rem; font: 400 1.05rem/1.3 var(--sans); }
.tile-s { display: block; font: 300 .8rem/1.4 var(--sans); color: #8a8a86; }
@media (max-width: 860px) { .tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .tiles { grid-template-columns: 1fr; } }

/* Galleri: titel centreret under værket, som på kunstnerarkiver */
.grid { gap: 2.5rem .9rem; }
.work .meta { text-align: center; font: 300 .78rem/1.5 var(--sans); }
.work .meta strong { font: 400 .95rem/1.4 var(--sans); }
.filters { border-bottom: 0; }

/* Biografi: portræt flyder til venstre */
.bio h1 { font: 300 1.5rem/1.2 var(--sans); }

/* Footer: centreret og enkel */
.b-footer { text-align: center; border-top: 0; padding: 2.5rem 0; font: 300 .75rem/1.6 var(--sans); }
.b-footer .wrap { display: block; }
.b-footer p { margin: 0 0 .3rem; }
.count { font: 300 .8rem/1 var(--sans); letter-spacing: 0; }
.full .show-stage { height: calc((100vh - 118px - 3.2rem) * .8); min-height: 300px; } /* 20 % lavere */
.tiles { gap: 4.5rem 1.8rem; } /* dobbelt så meget luft mellem fliserne */
.full .show-stage { height: calc((100vh - 118px - 3.2rem) * .88); } /* 10 % højere end før */
.tiles { gap: 4.5rem 4.5rem; } /* samme luft vandret som lodret */
.full .show-stage { height: calc((100vh - 118px - 3.2rem) * .84); }
.grid { gap: 4.5rem 4.5rem; } /* samme luft som på oversigten */
/* Menuen bliver stående øverst, når man scroller (signaturen skrumper) */
.b-header { position: sticky; top: 0; z-index: 30; }
.b-header .wrap, .b-header .brand, .b-header .brand img { transition: all .3s ease; }
/* Avisudklip i svævende visning */
.lightbox.pressbox.open { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.pressbox .stage { padding: 3rem 4rem 1rem; height: calc(100vh - 4rem); }
.pressbox .stage img { max-height: 100%; max-width: 100%; }
.pressbox .press-cap { color: #cfc8bd; font: 300 .9rem/1.4 var(--sans); margin: 0 0 1.5rem; }
.pressbox .next { right: .5rem; }
/* Sprogvælger: "Sprog: 🇩🇰 ▾" med valgmuligheder under */
.b-header .lang { gap: 0; }
.langsel { position: relative; font: 300 .78rem/1 var(--sans); }
.langsel summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: .35rem; color: #555; padding: .2rem 0; }
.langsel summary::-webkit-details-marker { display: none; }
.langsel .flag { font-size: 1rem; line-height: 1; }
.langsel .caret { font-size: .7rem; transition: transform .2s ease; }
.langsel[open] .caret { transform: rotate(180deg); }
.langsel ul { position: absolute; right: 0; top: 1.7rem; list-style: none; margin: 0; padding: .4rem 0; background: #fff; border: 1px solid #1a1a1a; z-index: 40; min-width: 9rem; }
.langsel li a { display: flex; gap: .55rem; align-items: center; padding: .45rem .9rem; text-decoration: none; color: var(--ink); font: 300 .85rem/1 var(--sans); border: 0; }
.langsel li a:hover { background: #f4f4f2; }
.langsel li a[aria-current="true"] { font-weight: 500; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
/* Biografi: triptykon øverst, lille kursiv billedtekst */
.bio .bio-top { margin: 0 0 2.5rem; }
.bio figure .caption { font-size: .78rem; font-style: italic; }
.bio .bio-top { max-width: none; }
/* Frise med tegninger øverst på kontaktsiden */
.frieze { margin: 0 0 3rem; }
.frieze .grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.2rem; }
.frieze .work .frame { aspect-ratio: 3 / 4; }
.frieze .work .meta { display: none; }
@media (max-width: 760px) { .frieze .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.frieze-row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.2rem; }
.frieze-row a { display: block; aspect-ratio: 1 / 1; overflow: hidden; }
.frieze-row img { width: 100%; height: 100%; object-fit: cover; transition: opacity .25s ease; }
.frieze-row a:hover img { opacity: .85; }
.frieze .caption { font-size: .78rem; font-style: italic; margin-top: .8rem; color: var(--muted); }
.frieze .caption a { font-style: normal; margin-left: .4rem; }
@media (max-width: 760px) { .frieze-row { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.b-header .brand img { height: 60px !important; } /* signatur 15 % større på alle sider (skrumper stadig til 34 px ved scroll) */
/* Frise: 6 tegninger – 6 på række på stor skærm, 3 + 3 på mobil */
.frieze-row { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 760px) { .frieze-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; } }

/* Mobil */
@media (max-width: 520px) {
  /* værker i én kolonne: ingen tom luft over billederne */
  .grid { gap: 2.5rem; }
  .work .frame { aspect-ratio: auto; }
  .work .frame img { position: static; display: block; margin: 0 auto; max-height: none; }
  .work .frame .panels { position: static; }
  .work.wide .frame { min-height: 0; }
  /* avisudklip tre på række */
  .press { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; font-size: .7rem; }
}
@media (max-width: 760px) {
  /* sprogvalg på samme linje som menuknappen */
  .b-header .lang { position: static; order: 2; margin-left: auto; margin-right: .5rem; }
  .b-header .nav-toggle { order: 3; }
  .b-header .langsel summary { font-size: 0; gap: .25rem; }
  .b-header .langsel summary .flag, .b-header .langsel summary .caret { font-size: 1.1rem; }
  .b-header .langsel summary .caret { font-size: .7rem; }
  .b-header .wrap { flex-wrap: nowrap; }
}
@media (max-width: 760px) { .tagline { letter-spacing: .22em; font-size: .68rem; white-space: nowrap; } .b-header .brand img { height: 46px !important; } }
@media (max-width: 520px) { .press a { font-size: .68rem; line-height: 1.35; } }
/* Prøve: tre tegninger som fliserne på Værker */
.frieze-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4.5rem; }
.frieze-row a { aspect-ratio: 4 / 3; }
@media (max-width: 760px) { .frieze-row { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; } .frieze-row a { aspect-ratio: 3 / 4; } }
/* Hele tegningen vises (højkant, ingen beskæring) */
.frieze-row a { aspect-ratio: 3 / 4; }
.frieze-row { gap: 4.5rem; }
@media (max-width: 760px) { .frieze-row { gap: .6rem; } }
/* Hele fotoet vises – ingen beskæring overhovedet */
.frieze-row { align-items: end; }
.frieze-row a { aspect-ratio: auto; overflow: visible; }
.frieze-row img { height: auto; object-fit: fill; }
@media (max-width: 760px) { .frieze-row a { aspect-ratio: auto; } }