/* Fælles hero for Services, Elementer, Indsigter og Om os.
   Ret layout her; hver sides data-letter-theme vælger kun farver. */
.finch-subpage-letters [data-letter-theme=services]{--letter-ground:var(--espresso-dark);--letter-base:var(--orange-mid);--letter-accent:var(--lime-bright);--hero-ink:var(--mineral)}
.finch-subpage-letters [data-letter-theme=elements]{--letter-ground:var(--purple-dark);--letter-base:var(--mint-dark);--letter-accent:var(--mint-mid);--hero-ink:var(--mineral)}
.finch-subpage-letters [data-letter-theme=insights]{--letter-ground:#F4CE8F;--letter-base:#EB742F;--letter-accent:#082F32;--hero-ink:#082F32}
.finch-subpage-letters [data-letter-theme=about]{--letter-ground:var(--petrol-mid);--letter-base:var(--lime-bright);--letter-accent:var(--amber-bright);--hero-ink:var(--mineral)}
.finch-subpage-letters .letters-hero{
 --ground:var(--letter-ground);--hero-subtitle-size:27px;
 position:relative;isolation:isolate;overflow:hidden;height:60svh;min-height:600px;background:var(--ground);color:var(--hero-ink)
}
.finch-subpage-letters .letter-grid{position:absolute;inset:112px 0 auto auto;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));z-index:0;pointer-events:none}
.finch-subpage-letters .letter-tile{min-width:0;min-height:0}
.finch-subpage-letters .letter-tile svg{display:block;width:100%;height:100%;overflow:hidden}
.finch-subpage-letters .letter-mutation{position:absolute;z-index:1;pointer-events:none;overflow:hidden}
.finch-subpage-letters .site-header{z-index:4}
.finch-subpage-letters .mobile-nav{z-index:5}
.finch-subpage-letters .letters-hero .hero-copy{inset:auto auto 0 0;width:var(--letter-field-width,50%);height:calc(var(--letter-field-height,408px) * .75);padding:24px var(--gutter);gap:16px;justify-content:center;background:rgb(0 0 0 / 5%);backdrop-filter:none;-webkit-backdrop-filter:none;color:inherit}
.finch-subpage-letters .letters-hero .site-header{position:absolute;inset:24px var(--gutter) auto;width:auto;max-width:none;margin:0;height:42px;padding:0;gap:24px;justify-content:space-between;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;color:inherit}
.finch-subpage-letters .site-header :is(.brand,.desktop-nav,.menu-toggle),.finch-subpage-letters .site-header .desktop-nav a{color:inherit}
.finch-subpage-letters .site-header .brand{font-size:42px;letter-spacing:-2px}
.finch-subpage-letters .site-header .desktop-nav{margin-left:auto;gap:32px;font-size:15px}
.finch-subpage-letters .letters-hero .mobile-nav:not([hidden]){background:var(--ground);color:var(--hero-ink);backdrop-filter:none;-webkit-backdrop-filter:none;border:0}
.finch-subpage-letters .letters-hero .mobile-nav a{color:inherit}
.finch-subpage-letters #motion-toggle{position:absolute;bottom:8px;left:var(--gutter);font:inherit;font-size:10px;line-height:1;color:inherit;background:transparent;border:1px solid currentColor;padding:5px 9px;cursor:pointer}
@media(min-width:681px) and (max-width:1050px){
 .finch-subpage-letters .letters-hero{--hero-subtitle-size:23px}
 .finch-subpage-letters .site-header .desktop-nav{gap:20px}
}
@media(max-width:680px){
 .finch-subpage-letters .letters-hero{height:auto;min-height:0;padding:88px 0 36px;--hero-subtitle-size:23px}
 .finch-subpage-letters .letters-hero .hero-copy{position:relative;inset:auto;width:100%;height:auto;min-height:0;padding:24px var(--gutter) 0;gap:14px}
 .finch-subpage-letters .letter-grid{position:relative;inset:auto;width:calc((100% - 2 * var(--gutter)) * 10 / 9.38);margin-left:calc(var(--gutter) - (100% - 2 * var(--gutter)) * .31 / 9.38)}
 .finch-subpage-letters .letters-hero .site-header{top:22px;height:40px}
 .finch-subpage-letters .site-header .brand{font-size:37px}
 .finch-subpage-letters .letters-hero .mobile-nav:not([hidden]){top:76px}
 .finch-subpage-letters #motion-toggle{bottom:5px;padding:3px 7px}
}
@media print{
 .finch-subpage-letters .letter-grid,.finch-subpage-letters #motion-toggle{display:none}
 .finch-subpage-letters .letters-hero{height:auto;min-height:0;background:white;color:#082f32;padding:32px}
 .finch-subpage-letters .letters-hero .hero-copy{position:static;width:100%;height:auto}
}