/* Bogstavforside: isoleret fra undersidernes fotoheroer og navigation. */
.finch-home-letters .letters-hero{
 --ground:#a9431d;--hero-ink:#F5F5EF;--hero-subtitle-size:clamp(34px,2.65vw,42px);
 position:relative;isolation:isolate;overflow:hidden;height:100svh;min-height:780px;background:var(--ground);color:var(--hero-ink)
}
.finch-home-letters .letter-grid{position:absolute;inset:72px 0 0;display:grid;grid-template-columns:repeat(var(--columns,15),minmax(0,1fr));grid-template-rows:repeat(var(--rows,8),minmax(0,1fr));z-index:0;pointer-events:none}
.finch-home-letters .letter-tile{min-width:0;min-height:0;transform-origin:center}
.finch-home-letters .letter-tile[data-reserved=true]{visibility:hidden}
.finch-home-letters .letter-tile[data-phase=flip]{will-change:transform}
.finch-home-letters .letter-tile svg{display:block;width:100%;height:100%;transform-origin:center;overflow:hidden}
.finch-home-letters .letter-mutation{position:absolute;z-index:1;pointer-events:none;overflow:hidden}
.finch-home-letters .site-header{z-index:4}
.finch-home-letters .mobile-nav{z-index:5}
.finch-home-letters .letters-hero .hero-copy{
 top:var(--copy-top,40%);bottom:auto;left:var(--gutter);width:calc(50% - var(--gutter) - 22px);height:var(--copy-height,33%);
 padding:0;justify-content:center;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none
}
.finch-home-letters .letters-hero .text-link img{filter:brightness(0) invert(1)}
.finch-home-letters .letters-hero[data-light=true] .text-link img{filter:none}
.finch-home-letters .site-header{
 position:absolute;inset:24px var(--gutter) auto;margin:0;width:auto;max-width:none;height:42px;padding:0;display:flex;justify-content:space-between;gap:24px;
 color:var(--hero-ink);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none
}
.finch-home-letters .site-header :is(.brand,.desktop-nav,.menu-toggle),.finch-home-letters .site-header .desktop-nav a{color:inherit}
.finch-home-letters .site-header .brand{font-size:42px;letter-spacing:-2px}
.finch-home-letters .site-header .desktop-nav{margin-left:auto;gap:32px;font-size:15px}
.finch-home-letters .mobile-nav:not([hidden]){background:var(--ground);color:var(--hero-ink);backdrop-filter:none;-webkit-backdrop-filter:none}
.finch-home-letters .mobile-nav a{color:inherit}
@media(min-width:681px) and (max-width:1100px){
 .finch-home-letters .letters-hero{min-height:940px;--hero-subtitle-size:30px}
 .finch-home-letters .site-header .desktop-nav{gap:20px}
}
@media(max-width:680px){
 .finch-home-letters .letters-hero{height:auto;min-height:0;padding:88px 0 48px;--hero-subtitle-size:28px}
 .finch-home-letters .letter-grid{position:relative;inset:auto;width:calc((100% - 2 * var(--gutter)) * 8 / 7.4);height:auto;aspect-ratio:8/6;margin-left:calc(var(--gutter) - (100% - 2 * var(--gutter)) * .3 / 7.4)}
 .finch-home-letters .letters-hero .hero-copy{position:relative;inset:auto;width:calc(100% - 2 * var(--gutter));height:auto;margin:24px var(--gutter) 0;justify-content:flex-start}
 .finch-home-letters .site-header{top:22px;height:40px}
 .finch-home-letters .site-header .brand{font-size:37px}
}
@media print{
 .finch-home-letters .letter-grid{display:none}
 .finch-home-letters .letters-hero{height:auto;min-height:0;background:white;color:#082f32;padding:32px}
 .finch-home-letters .letters-hero .hero-copy{position:static;width:100%;height:auto}
}

/* Browserkommentarer 8. oktober: kort hero og offwhite introduktion. */
.finch-home-letters .letters-hero .hero-services-button{display:inline-flex;align-self:flex-start;width:fit-content;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:13px 22px;background:#fff;color:var(--petrol-dark);border:1px solid #fff;text-decoration:none;font-size:16px;line-height:1.4}
.finch-home-letters .letters-hero .hero-services-button img{width:24px;height:24px;filter:none}
.finch-home-letters .letters-hero .hero-services-button:hover{background:var(--mineral);border-color:var(--mineral)}
.finch-home-letters .letters-hero .hero-services-button:focus-visible{outline:3px solid var(--hero-ink);outline-offset:5px}
.finch-home-letters .home-shell .work-section{background:var(--mineral);color:var(--petrol-dark)}
.finch-home-letters .home-shell .work-section .section-label{background:var(--petrol-dark);color:var(--mineral)}
.finch-home-letters .work-toggle{display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;width:44px;height:44px;margin-left:6px;padding:8px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer}
.finch-home-letters .work-toggle[hidden],.finch-home-letters #work-more[hidden]{display:none}
.finch-home-letters .work-toggle img{width:22px;height:22px;transform:rotate(90deg);transition:transform .2s}
.finch-home-letters .work-toggle[aria-expanded=true] img{transform:rotate(270deg)}
.finch-home-letters .work-toggle:focus-visible{outline:3px solid var(--orange-mid);outline-offset:4px}
.finch-home-letters #work-more{margin-top:24px}
@media(prefers-reduced-motion:reduce){.finch-home-letters .work-toggle img{transition:none}}
@media print{.finch-home-letters .work-toggle{display:none!important}.finch-home-letters #work-more[hidden]{display:block}}