
@import url("https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400..900;1,400..900&display=swap");
:root{
--font-sans:"Schibsted Grotesk","Helvetica Neue",system-ui,sans-serif;
--weight-light:300; 
--weight-regular:400; 
--weight-medium:500; 
--weight-bold:700; 
}

:root{
color-scheme:light;
--neutral-0:#FFFFFF;--neutral-50:#F5F6F7;--neutral-100:#EDEFF1;--neutral-200:#DFE2E5;--neutral-300:#C6CACF;--neutral-400:#9AA0A6;--neutral-500:#6B7178;--neutral-600:#4A5158;--neutral-700:#2B3035;--neutral-800:#1F2327;--neutral-900:#141618;--neutral-950:#0B0C0E;
--primary-50:#EEF3FD;--primary-100:#D8E3FA;--primary-200:#B3C8F5;--primary-300:#7FA3EE;--primary-400:#4A7DE6;--primary-500:#1F58D9;--primary-600:#1747B3;--primary-700:#12388C;--primary-800:#0E2A66;--primary-900:#0A1D45;
--secondary-50:#EEF4F4;--secondary-100:#D6E4E4;--secondary-200:#B2CBCB;--secondary-300:#83ABAB;--secondary-400:#5B8B8B;--secondary-500:#3F6F6F;--secondary-600:#325A5A;--secondary-700:#274747;--secondary-800:#1C3434;--secondary-900:#122222;
--success-50:#EAF6EF;--success-100:#CDEBDA;--success-500:#1E8A4F;--success-600:#176F3F;--success-700:#125630;
--warning-50:#FDF4E7;--warning-100:#FAE4C2;--warning-500:#C77A11;--warning-600:#A2620D;--warning-700:#7D4B0A;
--error-50:#FCECEC;--error-100:#F8CFCF;--error-500:#C8302E;--error-600:#A32725;--error-700:#7E1E1C;
--color-bg:var(--neutral-50);
--color-bg-elevated:var(--neutral-0);
--color-bg-sunken:var(--neutral-100);
--color-bg-inverse:var(--neutral-900);
--color-fg:var(--neutral-900);
--color-fg-secondary:var(--neutral-600);
--color-fg-muted:var(--neutral-500);
--color-fg-inverse:var(--neutral-50);
--color-fg-on-primary:#FFFFFF;
--color-border:var(--neutral-200);
--color-border-strong:var(--neutral-900);
--color-border-disabled:var(--neutral-300);
--color-primary:var(--primary-500);
--color-primary-hover:var(--primary-600);
--color-primary-active:var(--primary-700);
--color-primary-subtle:var(--primary-50);
--color-secondary:var(--secondary-500);
--color-secondary-subtle:var(--secondary-50);
--color-success:var(--success-500);
--color-success-subtle:var(--success-50);
--color-warning:var(--warning-600);
--color-warning-subtle:var(--warning-50);
--color-error:var(--error-500);
--color-error-subtle:var(--error-50);
--color-focus:var(--primary-500);
--color-scrim:rgb(11 12 14 / 0.6);
}

:root{
--text-display-xl:clamp(3.5rem,9vw,8rem);
--text-display-lg:clamp(2.75rem,6vw,5rem);
--text-display-md:clamp(2rem,4vw,3.25rem);
--text-heading-xl:2.5rem;
--text-heading-lg:2rem;
--text-heading-md:1.5625rem;
--text-heading-sm:1.25rem;
--text-body-lg:1.125rem;
--text-body-md:1rem;
--text-body-sm:0.875rem;
--text-label-md:0.875rem;
--text-label-sm:0.75rem;
--text-caption:0.75rem;
}
html{font-family:var(--font-sans);font-size:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}
body{font-size:var(--text-body-md);line-height:1.75;color:var(--color-fg);background:var(--color-bg)}
.text-display-xl{font-size:var(--text-display-xl);line-height:0.95;letter-spacing:-0.03em;font-weight:var(--weight-light)}
.text-display-lg{font-size:var(--text-display-lg);line-height:1.0;letter-spacing:-0.025em;font-weight:var(--weight-light)}
.text-display-md{font-size:var(--text-display-md);line-height:1.1;letter-spacing:-0.02em;font-weight:var(--weight-regular)}
.text-heading-xl{font-size:var(--text-heading-xl);line-height:1.15;letter-spacing:-0.015em;font-weight:var(--weight-medium)}
.text-heading-lg{font-size:var(--text-heading-lg);line-height:1.2;letter-spacing:-0.01em;font-weight:var(--weight-medium)}
.text-heading-md{font-size:var(--text-heading-md);line-height:1.25;letter-spacing:-0.005em;font-weight:var(--weight-medium)}
.text-heading-sm{font-size:var(--text-heading-sm);line-height:1.3;font-weight:var(--weight-medium)}
.text-body-lg{font-size:var(--text-body-lg);line-height:1.7}
.text-body-md{font-size:var(--text-body-md);line-height:1.75}
.text-body-sm{font-size:var(--text-body-sm);line-height:1.6}
.text-label-md{font-size:var(--text-label-md);line-height:1.2;letter-spacing:0.02em;font-weight:var(--weight-medium)}
.text-label-sm{font-size:var(--text-label-sm);line-height:1.2;letter-spacing:0.04em;font-weight:var(--weight-medium)}
.text-caption{font-size:var(--text-caption);line-height:1.5;color:var(--color-fg-muted)}

.locator{font-size:var(--text-label-sm);letter-spacing:0.04em;color:var(--color-fg-muted)}
.locator::before{content:"( "}
.locator::after{content:" )"}
.name-slash::before{content:"/ "}
.measure-short{max-inline-size:40ch}
.measure-prose{max-inline-size:68ch}
.tnum{font-variant-numeric:tabular-nums}

:root{
--space-0:0;--space-px:1px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-64:16rem;
--gutter:clamp(1rem,4vw,3rem); 
--section-gap:clamp(4rem,12vw,10rem); 
--stack-sm:var(--space-2); 
--stack-md:var(--space-6); 
--stack-lg:var(--space-12); 
--inline-sm:var(--space-2); 
--inline-md:var(--space-4); 
--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;
--z-hide:-1; 
--z-base:0; 
--z-raised:10; 
--z-dropdown:100; 
--z-sticky:200; 
--z-overlay:300; 
--z-modal:400; 
--z-toast:500; 
--z-tooltip:600; 
--z-max:9999; 
--border-hairline:1px; 
--border-thick:2px; 
--shadow-none:none;
--shadow-sm:0 1px 2px rgb(20 22 24 / 0.06);
--shadow-md:0 4px 12px rgb(20 22 24 / 0.08);
--shadow-lg:0 16px 40px rgb(20 22 24 / 0.12);
}

:root{
--duration-instant:80ms; 
--duration-fast:160ms; 
--duration-base:240ms; 
--duration-slow:400ms; 
--duration-reveal:900ms; 
--ease-standard:cubic-bezier(0.2,0,0,1); 
--ease-out:cubic-bezier(0,0,0.2,1); 
--ease-in:cubic-bezier(0.4,0,1,1); 
--ease-reveal:cubic-bezier(0.16,1,0.3,1); 
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{hanging-punctuation:first last}
body{min-block-size:100dvh;text-wrap:pretty}
h1,h2,h3,h4{text-wrap:balance;overflow-wrap:anywhere}
img,picture,video,svg{display:block;max-inline-size:100%;block-size:auto}
input,button,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
a{color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:0.15em;transition:color var(--duration-fast) var(--ease-standard)}
a:hover{color:var(--color-primary-hover);text-decoration-thickness:2px}
[hidden]{display:none!important}
:focus{outline:none}
:focus-visible{outline:var(--border-thick) solid var(--color-focus);outline-offset:2px;border-radius:inherit}
.focus-inset:focus-visible{outline-offset:-2px}
[data-surface="inverse"] :focus-visible{outline-color:var(--color-fg-inverse)}
[class^="container-"]{margin-inline:auto;padding-inline:var(--gutter);inline-size:100%}
.container-full{max-inline-size:none;padding-inline:0}
.container-wide{max-inline-size:1440px}
.container-content{max-inline-size:1200px}
.container-narrow{max-inline-size:800px}
.container-prose{max-inline-size:68ch}
.grid{display:grid;gap:var(--space-4) var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr))}
@media (min-width:768px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:1024px){.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-6) var(--space-8)}}
.stack{display:flex;flex-direction:column;gap:var(--stack-md)}
.cluster{display:flex;flex-wrap:wrap;gap:var(--inline-md);align-items:center}
.bleed{inline-size:100vw;margin-inline:calc(50% - 50vw)}
.hairline-t{border-top:var(--border-hairline) solid var(--color-border)}
.hairline-b{border-bottom:var(--border-hairline) solid var(--color-border)}
.surface-inverse{--color-bg:var(--neutral-900);--color-fg:var(--neutral-50);--color-fg-secondary:var(--neutral-300);--color-fg-muted:var(--neutral-400);--color-border:var(--neutral-700);background:var(--color-bg);color:var(--color-fg)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

html,body{overflow-x:hidden}
.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:rgb(245 246 247 / 0.92);backdrop-filter:blur(12px);border-bottom:var(--border-hairline) solid var(--color-border);transition:transform var(--duration-base) var(--ease-standard)}
.site-header.is-hidden{transform:translateY(-100%)}
.site-header.nav-open{transform:none;backdrop-filter:none;background:var(--color-bg)}
.header-inner{display:flex;align-items:center;gap:var(--space-4);height:64px;position:relative}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-fg)}
.brand:hover{color:var(--color-fg)}
.brand img{display:block;width:34px;height:34px}
.brand svg{width:34px;height:34px}
.brand span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:500;font-size:18px;letter-spacing:-0.01em;white-space:nowrap}
.site-nav{position:fixed;top:10px;right:10px;bottom:10px;width:min(340px,calc(85vw - 20px));background:var(--neutral-100);border:var(--border-hairline) solid var(--color-border);border-radius:10px;box-shadow:var(--shadow-md);padding:0 var(--space-8) var(--space-8);display:flex;flex-direction:column;transform:translateX(calc(100% + 10px));transition:transform var(--duration-base) var(--ease-standard);visibility:hidden}
.nav-mark{display:flex;align-items:center;height:54px;margin-bottom:var(--space-6)}
.nav-mark img{display:block;width:30px;height:30px}
.nav-open .site-nav{transform:none;visibility:visible}
.site-nav .nav-link{padding-block:var(--space-4);border-top:var(--border-hairline) solid var(--color-border);font-size:clamp(1.75rem,2.4vw,2.125rem);font-weight:300;letter-spacing:-0.02em;line-height:1.15}
.site-nav .nav-link::after{display:none}
.site-nav .nav-link[aria-current="page"]{color:var(--color-primary)}
.nav-contact{margin:auto 0 0}
.nav-contact div{display:flex;gap:var(--space-4);border-top:var(--border-hairline) solid var(--color-border);padding-block:var(--space-3)}
.nav-contact dt{flex:0 0 4.5rem;font-size:var(--text-label-sm);letter-spacing:0.04em;color:var(--color-fg-muted);padding-top:2px}
.nav-contact dd{margin:0;font-size:var(--text-body-sm)}
.nav-link{font-size:var(--text-label-md);font-weight:500;letter-spacing:0.02em;color:var(--color-fg);text-decoration:none}
.nav-link::after{content:"";display:block;height:1px;background:var(--color-fg);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-standard)}
.nav-link:hover{color:var(--color-fg)}
.nav-link:hover::after,.nav-link[aria-current="page"]::after{transform:scaleX(1)}
.btn-pill{display:inline-flex;align-items:center;margin-left:auto;background:var(--color-primary);color:var(--color-fg-on-primary);border-radius:var(--radius-full);padding:9px 22px;font-size:var(--text-label-md);font-weight:500;text-decoration:none;transition:background var(--duration-fast) var(--ease-standard)}
.btn-pill:hover{background:var(--color-primary-hover);color:var(--color-fg-on-primary)}
.btn-pill:active{transform:translateY(1px)}
.menu-btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:10px 4px;margin-left:auto;position:relative;z-index:1}
.menu-btn span{display:block;width:26px;height:2px;background:var(--color-fg);transition:transform var(--duration-base) var(--ease-standard),opacity var(--duration-base) var(--ease-standard)}
.menu-btn span:first-child{background:var(--color-primary);transform:translateX(6px)}
.menu-btn:hover span:first-child{transform:translateX(0)}
.nav-open .menu-btn span:first-child{opacity:0;transform:translateX(0)}
.nav-open .menu-btn span:nth-child(2){transform:translateY(4px) rotate(45deg)}
.nav-open .menu-btn span:nth-child(3){transform:translateY(-4px) rotate(-45deg)}
@media (min-width:768px){
.header-inner{height:80px;gap:var(--space-10)}
.site-nav{padding-top:0}
.nav-mark{height:70px}
}
@media (max-width:420px){.brand span{font-size:15px}.brand img{width:28px;height:28px}}
.hero{padding-block:var(--space-16) var(--space-12)}
.hero h1{max-inline-size:12ch}
.hero-line{display:block;opacity:0;transform:translateY(0.4em);animation:hero-rise var(--duration-reveal) var(--ease-reveal) forwards}
.hero-media{margin-top:var(--space-12);aspect-ratio:21/9;overflow:hidden;background:var(--neutral-200);clip-path:inset(0 0 100% 0);animation:hero-clip var(--duration-reveal) var(--ease-reveal) 300ms forwards}
.hero-media img,.media img{display:block;width:100%;height:100%;object-fit:cover}
.media{overflow:hidden;background:var(--neutral-200)}
@keyframes hero-rise{to{opacity:1;transform:none}}
@keyframes hero-clip{to{clip-path:inset(0)}}
@media (prefers-reduced-motion:reduce){.hero-line,.hero-media{animation:none;opacity:1;transform:none;clip-path:none}}
@media (max-width:767px){.hero{padding-block:var(--space-10) var(--space-8)}.hero-media{margin-top:var(--space-8)}.page-head{padding-block:var(--space-10) var(--space-4)}.chapter{padding-block:calc(var(--section-gap)/2.5)}.company-tile{padding:var(--space-6)}.insight-arrow{display:none}.contact-row dt{flex-basis:100%}.footer-inner{padding-block:var(--space-10)}}
@media (min-width:768px) and (max-width:1023px){.chapter-grid{grid-template-columns:5fr 7fr;gap:var(--space-6) var(--space-8);align-items:start}.hero-media{width:92%;margin-left:auto}}
.chapter{padding-block:calc(var(--section-gap)/2)}
.chapter-grid{display:grid;gap:var(--space-8)}
@media (min-width:1024px){.chapter-grid{grid-template-columns:5fr 7fr;gap:var(--space-6) var(--space-8);align-items:start}
.chapter:not(.chapter--flip) .chapter-body{padding-left:18%}}
.chapter-head .locator{display:block;margin-top:var(--space-4)}
.chapter-body{display:flex;flex-direction:column;gap:var(--space-6);align-items:flex-start}
.lead{color:var(--color-fg-secondary)}
.btn-outline{display:inline-flex;align-items:center;gap:var(--space-2);padding:11px 24px;border:var(--border-hairline) solid var(--color-border-strong);color:var(--color-fg);text-decoration:none;font-size:var(--text-label-md);font-weight:500;transition:background var(--duration-fast) var(--ease-standard)}
.btn-outline:hover{background:var(--neutral-100);color:var(--color-fg)}
.btn-outline:active{transform:translateY(1px)}
.page-head{padding-block:var(--space-16) var(--space-4)}
.page-head .locator{display:block;margin-top:var(--space-4)}
.snippet{border-top:var(--border-hairline) solid var(--color-border);padding-block:var(--space-8)}
.snippet h3 a,.snippet h2 a{color:var(--color-fg);text-decoration:none}
.snippet h3 a:hover,.snippet h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.15em}
.snippet p{margin-top:var(--space-4);color:var(--color-fg-secondary);max-inline-size:68ch}
.sector-grid{display:grid;border-top:var(--border-hairline) solid var(--color-border)}
.sector-grid .sector{border-top:0;padding:var(--space-8) 0}
@media (min-width:1024px){
.sector-grid{grid-template-columns:1fr 1fr 1fr;gap:var(--space-10)}
.sector-grid .sector{border-left:var(--border-hairline) solid var(--color-border);padding:var(--space-8) 0 var(--space-8) var(--space-6)}
.sector-grid .sector:first-child{border-left:0;padding-left:0}
}
.sector{border-top:var(--border-hairline) solid var(--color-border);padding-block:var(--space-8)}
.sector p{margin-top:var(--space-4);color:var(--color-fg-secondary);max-inline-size:68ch}
.company-tiles{display:grid;gap:var(--space-6)}
@media (min-width:768px){.company-tiles{grid-template-columns:1fr 1fr}}
.company-tile{border:var(--border-hairline) solid var(--color-border);background:var(--neutral-0);padding:var(--space-8)}
.company-tile h2 a{color:var(--color-fg);text-decoration:none}
.company-tile h2 a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.15em}
.company-tile p{margin-top:var(--space-4);color:var(--color-fg-secondary)}
.company-tile .domain{margin-left:var(--space-3);font-size:var(--text-label-sm);letter-spacing:0.04em;color:var(--color-fg-muted);text-decoration:none}
.company-tile .domain:hover{color:var(--color-fg)}
.company-tile h2{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}
.company-tile h2 .domain{margin-left:0}
.company-logo{display:block}
.company-logo img{display:block;height:30px;width:auto}
.company-logo--badge img{height:52px}
.company-logo:hover img{opacity:0.8}
.company .domain{margin-left:var(--space-3);font-size:var(--text-label-sm);letter-spacing:0.04em;color:var(--color-fg-muted);text-decoration:none}
.company .domain:hover{color:var(--color-fg)}
.highlight-center{text-align:center}
.highlight-center .snippet{max-inline-size:800px;margin-inline:auto}
.highlight-center .snippet p{margin-inline:auto}
.insight-list{border-top:var(--border-hairline) solid var(--color-border)}
.insight-row{display:grid;gap:var(--space-2) var(--space-8);padding-block:var(--space-8);border-bottom:var(--border-hairline) solid var(--color-border);text-decoration:none;color:var(--color-fg)}
.insight-row:hover{color:var(--color-fg)}
.insight-tag{font-size:var(--text-label-sm);letter-spacing:0.04em;color:var(--color-fg-muted)}
.insight-title{font-size:clamp(1.6rem,2.8vw,2.4rem);font-weight:300;letter-spacing:-0.02em;line-height:1.15}
.insight-row:hover .insight-title{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:0.15em}
.insight-excerpt{color:var(--color-fg-secondary);font-size:var(--text-body-sm);max-inline-size:60ch}
.insight-arrow{font-size:1.4rem;transition:transform var(--duration-base) var(--ease-standard)}
.insight-row:hover .insight-arrow{transform:translateX(6px)}
@media (min-width:1024px){
.insight-row{grid-template-columns:9rem 1fr 22rem auto;align-items:baseline}
.insight-excerpt{grid-column:3}
.insight-arrow{grid-column:4;align-self:center}
}
.prose{padding-block:var(--space-8) var(--section-gap)}
.prose p{margin-top:var(--space-5);color:var(--color-fg-secondary);font-size:var(--text-body-lg)}
.prose h2{margin-top:var(--space-12)}
.prose ul{margin-top:var(--space-5);padding-left:0;list-style:none}
.prose ul li{border-top:var(--border-hairline) solid var(--color-border);padding-block:var(--space-4);color:var(--color-fg-secondary);font-size:var(--text-body-lg)}
.prose strong{color:var(--color-fg);font-weight:500}
.closing{padding-block:calc(var(--section-gap)/2) var(--section-gap)}
.closing--media{position:relative;overflow:hidden;padding-block:var(--section-gap)}
.closing-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.closing--media .closing-inner{position:relative;color:var(--neutral-50);text-align:center}
.closing--media h2{color:var(--neutral-50)}
.closing--media a{color:var(--neutral-50)}
.closing--media a:hover{color:var(--neutral-0)}
.closing--media::before{content:"";position:absolute;inset:0;background:rgb(20 22 24/0.55);z-index:1}
.closing--media .closing-inner{z-index:2}
.closing .locator{display:block;margin-top:var(--space-4)}
.contact-rows{margin-top:var(--space-10);max-inline-size:800px}
.contact-row{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-8);border-top:var(--border-hairline) solid var(--color-border);padding-block:var(--space-5)}
.contact-row dt{flex:0 0 8rem;font-size:var(--text-label-sm);letter-spacing:0.04em;color:var(--color-fg-muted);padding-top:3px}
.contact-row dd{margin:0;font-size:var(--text-body-lg)}
.site-footer{margin-top:0}
.footer-inner{padding-block:var(--space-16);display:flex;flex-wrap:wrap;gap:var(--space-10);align-items:flex-start;justify-content:space-between}
.footer-brand{display:flex;align-items:center;gap:10px}
.footer-brand span{font-weight:500;font-size:18px;color:var(--neutral-50)}
.footer-nav{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-8)}
.footer-nav a{font-size:var(--text-body-sm);color:var(--neutral-300);text-decoration:none}
.footer-nav a:hover{color:var(--neutral-50)}
.footer-legal{border-top:var(--border-hairline) solid var(--neutral-700);padding-block:var(--space-6);font-size:var(--text-caption);color:var(--neutral-500);display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}
.footer-legal a{color:var(--neutral-500);text-decoration:none}
.footer-legal a:hover{color:var(--neutral-50)}

.texture{position:fixed;inset:-30vh 0;z-index:-1;pointer-events:none;will-change:transform;background-image:radial-gradient(rgb(20 22 24/0.07) 1px,transparent 1.5px);background-size:30px 30px}
.hero h1{position:relative;z-index:1}
@media (min-width:1024px){
.hero-media{width:84%;margin-left:auto;margin-top:calc(-1 * var(--space-10))}
.chapter--flip .chapter-grid{grid-template-columns:7fr 5fr}
.chapter--flip .chapter-head{order:2;text-align:right}
.chapter--flip .chapter-body{order:1}
.sector:not(.sector-grid .sector):nth-of-type(even){padding-left:16%}
.page-insights .snippet:nth-of-type(even){padding-left:16%}
.page-head h1{font-size:var(--text-display-xl)}
}
.page-insights .snippet h2 a{font-size:clamp(1.75rem,3.2vw,2.6rem);font-weight:300;letter-spacing:-0.02em;line-height:1.15}

.switch{position:relative;width:38px;height:20px;border-radius:9999px;background:var(--neutral-300);transition:background var(--duration-fast) var(--ease-standard);flex:none}
.switch::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--neutral-0);transition:transform var(--duration-fast) var(--ease-standard)}
.cookie-popup{position:fixed;right:16px;bottom:16px;z-index:var(--z-modal,1000);width:min(340px,calc(100vw - 32px));background:var(--color-bg-elevated);border:var(--border-hairline) solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-6);opacity:0;transform:translateY(12px);transition:opacity var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}
.cookie-popup.show{opacity:1;transform:none}
.cookie-head{display:flex;align-items:center;gap:var(--space-3)}
.cookie-head strong{font-weight:500;font-size:var(--text-body-md)}
.cookie-popup p{margin:var(--space-4) 0 0;font-size:var(--text-body-sm);color:var(--color-fg-secondary)}
.cookie-options{margin-top:var(--space-5);display:flex;flex-direction:column}
.cookie-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-top:var(--border-hairline) solid var(--color-border);font-size:var(--text-label-md);font-weight:500;cursor:pointer}
.cookie-option input{position:absolute;opacity:0;pointer-events:none}
.switch.locked{opacity:0.45}
.cookie-actions{display:flex;align-items:center;gap:var(--space-5);margin-top:var(--space-6)}
.cookie-accept{background:var(--color-primary);color:var(--color-fg-on-primary);border-radius:9999px;padding:9px 20px;font-size:var(--text-label-md);font-weight:500;transition:background var(--duration-fast) var(--ease-standard)}
.cookie-accept:hover{background:var(--color-primary-hover)}
.cookie-accept:active{transform:translateY(1px)}
.cookie-actions a{font-size:var(--text-caption);color:var(--color-fg-muted)}
.page-404 .notfound{padding-block:var(--space-16) var(--section-gap)}
.page-404 .notfound .btn-outline{display:inline-flex}

.mt-6{margin-top:var(--space-6)}
.mt-8{margin-top:var(--space-8)}
.hero-line:nth-child(2){animation-delay:60ms}
.media--wide{aspect-ratio:16/9}
.media--banner{aspect-ratio:21/9;margin-top:var(--space-10)}
.article-head{padding-inline:0}
@media (max-width:767px){.article-head h1{font-size:42px !important}}
@media (min-width:768px) and (max-width:1023px){.article-head h1{font-size:60px !important}}
.article-head .locator{color:var(--color-fg-muted);text-decoration:none}
.flush{margin-inline:0;padding-inline:0}
