/* Fælles billedåbning: samme boks og afstande, uanset tekstmængde. */
@media screen {
 .hero-frame{--hero-edge:var(--gutter);--hero-bottom:var(--hero-edge);--hero-title-size:clamp(42px,3.6vw,56px);--hero-subtitle-size:30px;--hero-box-width:640px;--hero-box-height:288px;position:relative;isolation:isolate}
 .hero-frame.photo-hero{padding-top:0;min-height:max(75svh,calc(var(--hero-box-height) + var(--hero-bottom) + 140px))}
 .hero-frame .photo-hero-content.hero{position:static;display:block;min-height:0;padding:0;max-width:none;margin:0}
 .hero-frame .hero-box{position:absolute;inset:auto auto var(--hero-bottom) var(--hero-edge);width:min(var(--hero-box-width),calc(100% - 2 * var(--hero-edge)));height:var(--hero-box-height);min-height:0;max-width:none;margin:0;padding:22px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;background:rgba(0,0,0,.2);border:0;border-radius:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:2;color:inherit}
 .hero-frame .hero-box>*{flex-shrink:0;width:100%}
 .hero-frame .hero-box h1{font-family:var(--serif);font-weight:400;font-size:var(--hero-title-size);line-height:1.05;letter-spacing:-.025em;text-wrap:balance;margin:0;max-width:none}
 .hero-frame .hero-box .hero-subtitle{font-family:var(--serif);font-size:var(--hero-subtitle-size);line-height:1.2;letter-spacing:-.02em;white-space:normal;text-wrap:balance;max-width:none;margin:0}
 .hero-frame .hero-box .hero-description{font-size:16px;line-height:24px;text-wrap:pretty;max-width:none;margin:0}
 .hero-frame .hero-box .text-link{width:auto;align-self:start;line-height:22px;font-size:15px;padding-bottom:6px;gap:20px}
 .hero-frame .hero-box .text-link img{width:24px;height:24px}
 .hero-frame .hero-box .section-label{position:absolute;inset:auto auto calc(100% + 8px) 0;margin:0;width:fit-content;font-size:13px;line-height:16px;padding:4px 12px}
 .hero-frame .photo-hero-image,.hero-frame .contact-red-art img{filter:none}
 .hero-frame.contact-red-hero{min-height:max(75svh,calc(var(--hero-box-height) + var(--hero-bottom) + 140px));color:#fff}
 .hero-frame .contact-red-art{position:absolute;inset:0}
 .hero-frame .contact-red-art img{width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center bottom}
 /* Navigation med luft omkring baggrundsfladen; hvid tekst og blur uden toning. */
 .finch-page{--nav-top:20px;--nav-height:52px;--nav-surface:transparent}
 .finch-page .site-header{position:absolute;inset:var(--nav-top) auto auto max(var(--gutter),calc((100vw - 1920px)/2 + var(--gutter)));margin:0;width:max-content;max-width:calc(100% - 2 * var(--gutter));height:var(--nav-height);padding:0 14px;gap:16px;z-index:20;color:#fff;background:var(--nav-surface);border:0;border-radius:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 .finch-page .site-header :is(.brand,.desktop-nav,.menu-toggle){color:#fff;opacity:1;text-shadow:none}
 .finch-page :is(.desktop-nav,.mobile-nav) a{font-family:Satoshi,Arial,sans-serif;font-weight:500;font-synthesis:none}
 .finch-page .site-header .desktop-nav{gap:16px}
 .finch-page .site-header .desktop-nav a{color:#fff}
 @media(max-width:900px){
  .finch-page{--nav-top:16px;--nav-height:48px}
  .finch-page .site-header{inset:var(--nav-top) var(--gutter) auto;width:auto;max-width:none;height:var(--nav-height);padding:0 16px}
  .finch-page .mobile-nav:not([hidden]){position:absolute;inset:calc(var(--nav-top) + var(--nav-height) + 8px) var(--gutter) auto;margin:0;max-width:none;max-height:calc(100svh - var(--nav-top) - var(--nav-height) - 24px);overflow-y:auto;z-index:20;padding:16px 22px 20px;background:var(--nav-surface);color:#fff;border:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .finch-page .mobile-nav a{color:#fff;text-shadow:none}
 }
 @media(max-width:1100px){.hero-frame:is(.photo-hero,.contact-red-hero){min-height:max(100svh,calc(var(--hero-box-height) + var(--hero-bottom) + 140px))}}
 @media(max-width:680px){
  .hero-frame{--hero-edge:clamp(28px,8vw,40px);--hero-bottom:calc(2 * var(--hero-edge));--hero-title-size:clamp(29px,8.5vw,36px);--hero-subtitle-size:24px;--hero-box-width:640px;--hero-box-height:340px}
  .hero-frame .hero-box{padding:20px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .hero-frame .hero-box .hero-description{font-size:15px;line-height:22px}
  .hero-frame .hero-box .section-label{left:0}
  .hero-frame.contact-red-hero{min-height:max(100svh,calc(var(--hero-box-height) + var(--hero-bottom) + 140px))}
 }
}
/* Fælles typografi for den aktive forside og de fire bogstavundersider. */
@media screen {
 .finch-page:is(.finch-home-letters,.finch-subpage-letters) .letters-hero{--hero-title-size:80px}
 @media(min-width:681px) and (max-width:1100px){
  .finch-page:is(.finch-home-letters,.finch-subpage-letters) .letters-hero{--hero-title-size:clamp(48px,6.6vw,80px)}
 }
 @media(max-width:680px){
  .finch-page:is(.finch-home-letters,.finch-subpage-letters) .letters-hero{--hero-title-size:clamp(42px,12vw,56px)}
 }
}