@font-face{
font-family:"WFS Sans";
src:url("../fonts/geist-var.woff2") format("woff2-variations");
font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
font-family:"WFS Mono";
src:url("../fonts/geist-mono-var.woff2") format("woff2-variations");
font-weight:100 900;font-style:normal;font-display:swap;
}
@font-face{
font-family:"WFS Sans Fallback";
src:local("Arial"),local("Helvetica Neue"),local("Liberation Sans");
size-adjust:102.2%;ascent-override:98.3%;descent-override:28.9%;line-gap-override:0%;
}
@font-face{
font-family:"WFS Mono Fallback";
src:local("Menlo"),local("Consolas"),local("Courier New");
size-adjust:99%;ascent-override:101.5%;descent-override:29.8%;line-gap-override:0%;
}
:root{
--ink:#001948;
--ink-2:#0A2A6B;
--ink-deep:#00102F;
--paper:#F7F6F0;
--paper-2:#FFFFFF;
--muted:#5B6478;
--muted-dark:rgba(247,246,240,.62);
--gold:#D9A441;
--gold-light:#FBCA68;
--gold-dark:#B8862B;
--gold-soft:#F3E2BE;
--line:rgba(0,25,72,.12);
--line-soft:rgba(0,25,72,.055);
--line-strong:rgba(0,25,72,.24);
--line-dark:rgba(247,246,240,.14);
--line-dark-soft:rgba(247,246,240,.065);
--line-dark-strong:rgba(247,246,240,.32);
--focus:var(--gold-dark);
--focus-dark:var(--gold-light);
--overlay:rgba(0,12,34,.58);
--hdr-bg:rgba(247,246,240,.88);
--sans:"WFS Sans","WFS Sans Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
--mono:"WFS Mono","WFS Mono Fallback",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--fs-display:clamp(40px,6.2vw,64px);
--fs-h2:clamp(36px,4.2vw,48px);
--fs-h3:clamp(26px,2.4vw,32px);
--fs-h4:20px;
--fs-quote:clamp(20px,1.9vw,26px);
--fs-lead:clamp(17px,1.5vw,20px);
--fs-body:16px;
--fs-small:14px;
--fs-micro:13px;
--fs-eyebrow:12px;
--lh-display:1.06;
--lh-h2:1.1;
--lh-h3:1.25;
--lh-h4:1.26;
--lh-lead:1.55;
--lh-body:1.6;
--lh-tight:1.2;
--lh-flat:1;
--tr-display:-.03em;
--tr-h3:-.02em;
--tr-lead:-.015em;
--tr-body:-.011em;
--tr-mono:.12em;
--fw-regular:400;
--fw-medium:500;
--container:1200px;
--measure:730px;
--measure-prose:62ch;
--measure-narrow:48ch;
--gutter:clamp(20px,5vw,40px);
--grid-gap:24px;
--hdr-h:72px;
--sp-1:4px;   --sp-2:8px;   --sp-3:12px;  --sp-4:16px;  --sp-5:24px;
--sp-6:32px;  --sp-7:40px;  --sp-8:56px;  --sp-9:72px;  --sp-10:96px;
--sp-11:120px;--sp-12:160px;--sp-13:200px;
--section:clamp(72px,9vw,120px);
--section-lg:clamp(120px,14vw,200px);
--head-gap:clamp(40px,5vw,56px);
--stack:var(--sp-5);
--r-xs:2px;
--r-sm:6px;
--r-md:10px;
--r-lg:16px;
--r-xl:24px;
--r-pill:100px;
--r-circle:50%;
--sh-card:0 1px 2px rgba(0,25,72,.04);
--sh-raised:0 1px 2px rgba(0,25,72,.05),0 8px 24px rgba(0,25,72,.06);
--sh-modal:0 24px 64px rgba(0,12,34,.28);
--sh-none:none;
--ease:cubic-bezier(.2,.7,.3,1);
--t-fast:120ms var(--ease);
--t-base:160ms var(--ease);
--t-panel:240ms var(--ease);
--t-enter:500ms var(--ease);
--z-rules:0;
--z-content:1;
--z-mnav:55;
--z-sticky:60;
--z-bar:70;
--z-toast:80;
--z-modal:90;
--btn-h:44px;
--btn-h-sm:40px;
--btn-px:28px;
--btn-px-sm:22px;
--btn-fs:var(--fs-small);
--btn-fw:var(--fw-medium);
--icon:20px;
--icon-lg:24px;
--icon-sw:1.5;
--card-bg:var(--paper-2);
--card-bd:var(--line);
--card-r:var(--r-md);
--card-pad:clamp(20px,2.2vw,26px);
--card-sh:var(--sh-card);
--field-h:48px;
--field-bd:var(--line);
--field-bd-focus:var(--ink);
}
@media (prefers-reduced-motion:reduce){
:root{--t-fast:.01ms;--t-base:.01ms;--t-panel:.01ms;--t-enter:.01ms}
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
html.is-locked{overflow:hidden;padding-right:var(--sbw,0px)}
body{
min-height:100vh;
background:var(--paper);color:var(--ink);
font-family:var(--sans);font-size:var(--fs-body);line-height:var(--lh-body);
font-weight:var(--fw-regular);letter-spacing:var(--tr-body);
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
font-synthesis-weight:none;
overflow-x:clip;
}
img,svg,video,canvas,iframe{display:block;max-width:100%}
img,video{height:auto}
svg{fill:none;stroke-width:var(--icon-sw)}
input,button,textarea,select{font:inherit;letter-spacing:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
ul,ol{list-style:none;padding:0}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse}
[hidden]{display:none !important}
::selection{background:var(--gold-soft);color:var(--ink)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-xs)}
:is(.on-dark,.sec--dark,.panel--dark,.ft) :focus-visible{outline-color:var(--focus-dark)}
h1,h2,h3{font-weight:var(--fw-regular);letter-spacing:var(--tr-display);text-wrap:balance}
h4,h5,h6{
font-size:var(--fs-h4);line-height:var(--lh-h4);
letter-spacing:var(--tr-h3);font-weight:var(--fw-medium);
}
p{text-wrap:pretty}
strong,b{font-weight:var(--fw-medium)}
em{font-style:italic}
.h1{font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--tr-display);font-weight:var(--fw-regular)}
.h1 em{
font-style:normal;font-weight:var(--fw-medium);
color:color-mix(in srgb,var(--gold-dark) 86%,var(--ink));
}
.h2{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--tr-display);font-weight:var(--fw-regular)}
.h3{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);font-weight:var(--fw-regular)}
.h4{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--tr-h3);font-weight:var(--fw-medium)}
.h5,blockquote{font-size:var(--fs-quote);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);font-weight:var(--fw-regular)}
.lead{
font-size:var(--fs-lead);line-height:var(--lh-lead);
letter-spacing:var(--tr-lead);max-width:var(--measure);color:var(--ink);
}
.lead--muted{color:var(--muted)}
.prose p{max-width:var(--measure-prose);font-size:var(--fs-body);line-height:var(--lh-body)}
.prose p + p{margin-top:var(--sp-5)}
.prose a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.prose a:hover{text-decoration-color:var(--gold-dark);color:var(--gold-dark)}
.mono{
font-family:var(--mono);font-size:var(--fs-eyebrow);line-height:var(--lh-flat);
letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--muted);
}
.micro{font-size:var(--fs-micro);line-height:var(--lh-lead);color:var(--muted);max-width:var(--measure-narrow)}
.small{font-size:var(--fs-small);line-height:1.55;color:var(--muted);max-width:var(--measure-prose)}
.list{display:flex;flex-direction:column;gap:var(--sp-3)}
.list li{
position:relative;padding-left:var(--sp-5);
font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);
max-width:var(--measure-prose);
}
.list li::before{
content:"";position:absolute;left:0;top:calc(var(--sp-3) - var(--sp-1) / 2);
width:var(--sp-1);height:var(--sp-1);border-radius:var(--r-circle);background:var(--gold);
}
.claim{
margin:0;padding-left:var(--sp-6);border-left:1px solid var(--gold);
font-size:var(--fs-h3);line-height:1.3;letter-spacing:var(--tr-h3);color:var(--gold-dark);
max-width:var(--measure-prose);
}
:is(.on-dark,.sec--dark,.panel--dark) .claim{color:var(--gold-light);border-left-color:var(--gold)}
.nb{white-space:nowrap}
.sr-only{
position:absolute;width:1px;height:1px;padding:0;overflow:hidden;
clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}
.skip{
position:fixed;top:var(--sp-2);left:var(--sp-2);z-index:var(--z-modal);
transform:translateY(-200%);
background:var(--ink);color:var(--paper);
padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);
font-size:var(--fs-small);font-weight:var(--fw-medium);
}
.skip:focus{transform:none}
.wrap{
position:relative;z-index:var(--z-content);
width:100%;max-width:var(--container);margin-inline:auto;
padding-inline:var(--gutter);
}
.sec{position:relative;padding-top:var(--section);padding-bottom:var(--section)}
.sec--lg{padding-top:var(--section-lg);padding-bottom:var(--section-lg)}
.sec--pt-lg{padding-top:var(--section-lg)}
.sec--pb-lg{padding-bottom:var(--section-lg)}
.sec--pt-0{padding-top:0}
.sec--pb-0{padding-bottom:0}
.sec > .wrap > :last-child{margin-bottom:0}
.sec--dark{background:var(--ink);color:var(--paper);overflow-x:clip}
.on-dark{color:var(--paper)}
:is(.on-dark,.sec--dark,.panel--dark) .lead{color:var(--paper)}
:is(.on-dark,.sec--dark,.panel--dark) .lead--muted,
:is(.on-dark,.sec--dark,.panel--dark) .small,
:is(.on-dark,.sec--dark,.panel--dark) .micro,
:is(.on-dark,.sec--dark,.panel--dark) .mono,
:is(.on-dark,.sec--dark,.panel--dark) .list li{color:var(--muted-dark)}
:is(.on-dark,.sec--dark,.panel--dark) .list li::before{background:var(--gold-light)}
.panel{border-radius:var(--r-xl);padding:clamp(var(--sp-6),4vw,var(--sp-9))}
.panel--dark{background:var(--ink);color:var(--paper);overflow:clip}
.panel--paper{background:var(--paper-2);border:1px solid var(--line);box-shadow:var(--sh-card)}
.panel--gold{background:transparent;border:1px solid var(--gold)}
.panel--raised{background:var(--paper-2);border:1px solid var(--line);box-shadow:var(--sh-raised)}
.rules{
position:absolute;top:0;bottom:0;left:0;right:0;z-index:var(--z-rules);pointer-events:none;
width:100%;max-width:var(--container);margin-inline:auto;
padding-inline:var(--gutter);
display:grid;grid-template-columns:repeat(12,1fr);
}
.rules span{border-left:1px solid var(--line-soft)}
.rules span:last-child{border-right:1px solid var(--line-soft)}
:is(.on-dark,.sec--dark,.panel--dark) .rules span{border-color:var(--line-dark-soft)}
.rv,[data-reveal]{
opacity:0;transform:translateY(12px);
transition:opacity var(--t-enter),transform var(--t-enter);
}
.rv.is-in,[data-reveal].is-in{opacity:1;transform:none}
.stack > * + *{margin-top:var(--stack)}
.sec-head{max-width:var(--measure)}
.sec-head--center{margin-inline:auto;text-align:center}
.sec-head .h2{margin-top:var(--sp-5)}
.sec-head .h3{margin-top:var(--sp-5)}
.sec-head .lead{margin-top:var(--sp-5)}
.sec-head--center .lead{margin-inline:auto}
.sec-head + *{margin-top:var(--head-gap)}
.eyebrow{
display:inline-flex;align-items:center;gap:10px;
font-family:var(--mono);font-size:var(--fs-eyebrow);line-height:var(--lh-flat);
font-weight:var(--fw-regular);letter-spacing:var(--tr-mono);
text-transform:uppercase;color:var(--muted);
}
.eyebrow i{
width:0;height:0;flex:none;
border-top:4px solid transparent;border-bottom:4px solid transparent;
border-left:6px solid var(--gold);
}
.eyebrow--dark{color:var(--muted-dark)}
.eyebrow--dark i{border-left-color:var(--gold-light)}
:is(.on-dark,.sec--dark,.panel--dark) .eyebrow{color:var(--muted-dark)}
:is(.on-dark,.sec--dark,.panel--dark) .eyebrow i{border-left-color:var(--gold-light)}
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
height:var(--btn-h);padding:0 var(--btn-px);
border:1px solid transparent;border-radius:var(--r-pill);
font-size:var(--btn-fs);font-weight:var(--btn-fw);line-height:var(--lh-flat);
letter-spacing:0;white-space:nowrap;text-align:center;
transition:background-color var(--t-base),border-color var(--t-base),color var(--t-base);
}
.btn svg{width:var(--icon);height:var(--icon);flex:none;stroke-width:var(--icon-sw)}
.btn--ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.btn--ink:hover{background:var(--ink-2);border-color:var(--ink-2)}
.btn--gold{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.btn--gold:hover{background:var(--gold-light);border-color:var(--gold-light)}
.btn--line{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn--line:hover{border-color:var(--ink)}
.btn--paper{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn--paper:hover{background:var(--paper-2);border-color:var(--paper-2)}
.btn--ghost{background:transparent;color:var(--paper);border-color:var(--line-dark-strong)}
.btn--ghost:hover{border-color:var(--paper)}
.btn--sm{height:var(--btn-h-sm);padding:0 var(--btn-px-sm)}
.btn--full{width:100%}
.btn[aria-disabled="true"],.btn:disabled{opacity:.45;pointer-events:none}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.sec-head--center + .btn-row,.btn-row--center{justify-content:center}
.link{
display:inline-flex;align-items:center;gap:8px;
font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--ink);
border-bottom:1px solid var(--line-strong);padding-bottom:2px;
transition:color var(--t-base),border-color var(--t-base);
}
.link:hover{color:var(--gold-dark);border-color:var(--gold-dark)}
.link svg{width:var(--icon);height:var(--icon);flex:none;stroke-width:var(--icon-sw)}
:is(.on-dark,.sec--dark,.panel--dark,.ft) .link{color:var(--paper);border-bottom-color:var(--line-dark-strong)}
:is(.on-dark,.sec--dark,.panel--dark,.ft) .link:hover{color:var(--gold-light);border-bottom-color:var(--gold-light)}
.badge{
display:inline-flex;align-items:center;gap:var(--sp-2);
padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);
background:var(--gold-soft);color:var(--gold-dark);
font-family:var(--mono);font-size:var(--fs-eyebrow);line-height:var(--lh-flat);
letter-spacing:var(--tr-mono);text-transform:uppercase;
}
.badge--line{background:transparent;border:1px solid var(--line);color:var(--muted)}
.badge--date{
flex-direction:column;gap:var(--sp-1);text-align:center;
padding:var(--sp-3) var(--sp-4);background:var(--ink);color:var(--paper);
}
:is(.on-dark,.sec--dark,.panel--dark) .badge--line{border-color:var(--line-dark);color:var(--muted-dark)}
.chip{
display:inline-flex;align-items:center;gap:var(--sp-2);
height:var(--btn-h-sm);padding:0 var(--btn-px-sm);
border:1px solid var(--line);border-radius:var(--r-pill);
background:transparent;color:var(--muted);
font-size:var(--fs-small);line-height:var(--lh-flat);white-space:nowrap;
transition:border-color var(--t-base),color var(--t-base),background-color var(--t-base);
}
button.chip:hover{border-color:var(--line-strong);color:var(--ink)}
.chip[aria-pressed="true"],.chip[aria-selected="true"]{
border-color:var(--ink);background:var(--ink);color:var(--paper);
}
.chip-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
:is(.on-dark,.sec--dark,.panel--dark) .chip{border-color:var(--line-dark);color:var(--muted-dark)}
:is(.on-dark,.sec--dark,.panel--dark) button.chip:hover{border-color:var(--line-dark-strong);color:var(--paper)}
:is(.on-dark,.sec--dark,.panel--dark) .chip[aria-pressed="true"],
:is(.on-dark,.sec--dark,.panel--dark) .chip[aria-selected="true"]{
border-color:var(--paper);background:var(--paper);color:var(--ink);
}
.card{
display:flex;flex-direction:column;gap:var(--sp-3);
background:var(--card-bg);
border:1px solid var(--card-bd);
border-radius:var(--card-r);
box-shadow:var(--card-sh);
padding:var(--card-pad);
transition:border-color var(--t-base);
}
.card:hover{border-color:var(--line-strong)}
.card__no{
font-family:var(--mono);font-size:var(--fs-eyebrow);line-height:var(--lh-flat);
letter-spacing:var(--tr-mono);font-weight:var(--fw-regular);color:var(--muted);
}
.card__title{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--tr-h3);font-weight:var(--fw-medium);max-width:20ch}
.card__text{font-size:var(--fs-small);line-height:1.55;color:var(--muted);max-width:var(--measure-narrow)}
.card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}
.card__top svg{width:var(--icon);height:var(--icon);flex:none;stroke-width:var(--icon-sw);color:var(--gold-dark)}
.card > .link{margin-top:auto;align-self:flex-start;padding-top:var(--sp-2)}
.card--dark{background:var(--ink);border-color:var(--line-dark);color:var(--paper);box-shadow:var(--sh-none)}
.card--dark .card__no,.card--dark .card__text{color:var(--muted-dark)}
.card--dark:hover{border-color:var(--line-dark-strong)}
.card--flat{background:transparent;border-color:transparent;box-shadow:var(--sh-none);padding:0}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap);align-items:stretch}
.card-grid--2{grid-template-columns:repeat(2,1fr)}
.card-grid--4{grid-template-columns:repeat(4,1fr)}
.card-grid--seamed{
gap:1px;background:var(--line);
border:1px solid var(--line);border-radius:var(--card-r);overflow:hidden;
box-shadow:var(--card-sh);
}
.card-grid--seamed .card{border:0;border-radius:0;box-shadow:none}
.card-grid--seamed .card:hover{background:var(--paper)}
.media{border-radius:var(--r-lg);overflow:hidden;background:var(--line-soft)}
.media img{width:100%;height:100%;object-fit:cover}
.media--sq{aspect-ratio:1/1}
.media--por{aspect-ratio:4/5}
.media--wide{aspect-ratio:16/9}
.exp{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--t-panel)}
.exp[data-open="true"]{grid-template-rows:1fr}
.exp > *{overflow:hidden;min-height:0}
.acc{border-top:1px solid var(--line)}
.acc__item{border-bottom:1px solid var(--line)}
.acc__item h3,.acc__item h4{margin:0;font:inherit;letter-spacing:inherit}
.acc__head{
display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-4);
width:100%;text-align:left;padding:var(--sp-5) 0;cursor:pointer;
transition:color var(--t-base);
}
.acc__head:hover{color:var(--gold-dark)}
.acc__no{
font-family:var(--mono);font-size:var(--fs-eyebrow);letter-spacing:var(--tr-mono);
font-weight:var(--fw-regular);
color:var(--muted);line-height:var(--lh-flat);
}
.acc__head[aria-expanded="true"] .acc__no{color:var(--gold-dark)}
.acc__title{font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--tr-h3);font-weight:var(--fw-medium)}
.plus{position:relative;width:14px;height:14px;flex:none;justify-self:end}
.plus::before,.plus::after{
content:"";position:absolute;background:var(--muted);
transition:transform var(--t-panel),background-color var(--t-base);
}
.plus::before{left:0;top:6.5px;width:14px;height:1px}
.plus::after{top:0;left:6.5px;width:1px;height:14px}
[aria-expanded="true"] .plus::after{transform:scaleY(0)}
[aria-expanded="true"] .plus::before{background:var(--gold-dark)}
.acc__panel,.acc__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--t-panel)}
.acc__panel[data-open="true"],.acc__body[data-open="true"],
.acc__item.is-open .acc__panel,.acc__item.is-open .acc__body{grid-template-rows:1fr}
.acc__panel-in,.acc__inner{overflow:hidden;min-height:0}
.acc__panel p,.acc__body p{
max-width:var(--measure-prose);padding-bottom:var(--sp-5);
font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);
}
:is(.on-dark,.sec--dark,.panel--dark) .acc{border-top-color:var(--line-dark)}
:is(.on-dark,.sec--dark,.panel--dark) .acc__item{border-bottom-color:var(--line-dark)}
:is(.on-dark,.sec--dark,.panel--dark) .acc__no{color:var(--muted-dark)}
:is(.on-dark,.sec--dark,.panel--dark) .acc__head:hover{color:var(--gold-light)}
:is(.on-dark,.sec--dark,.panel--dark) .acc__head[aria-expanded="true"] .acc__no{color:var(--gold-light)}
:is(.on-dark,.sec--dark,.panel--dark) .plus::before,
:is(.on-dark,.sec--dark,.panel--dark) .plus::after{background:var(--muted-dark)}
:is(.on-dark,.sec--dark,.panel--dark) [aria-expanded="true"] .plus::before{background:var(--gold-light)}
:is(.on-dark,.sec--dark,.panel--dark) .acc__panel p,
:is(.on-dark,.sec--dark,.panel--dark) .acc__body p{color:var(--muted-dark)}
.tablist{display:flex;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tablist::-webkit-scrollbar{display:none}
.tab{
position:relative;flex:none;
padding:0 var(--sp-5) var(--sp-4) 0;margin-right:var(--sp-6);
font-size:var(--fs-lead);letter-spacing:var(--tr-h3);color:var(--muted);
transition:color var(--t-base);
}
.tab:last-child{margin-right:0}
.tab::after{
content:"";position:absolute;left:0;right:var(--sp-5);bottom:-1px;height:1px;
background:var(--ink);transform:scaleX(0);transform-origin:left;
transition:transform var(--t-panel);
}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{color:var(--ink)}
.tab[aria-selected="true"]::after{transform:scaleX(1)}
.tab__no{
font-family:var(--mono);font-size:var(--fs-eyebrow);letter-spacing:var(--tr-mono);
font-weight:var(--fw-regular);
color:var(--muted);margin-right:var(--sp-3);
}
.tab[aria-selected="true"] .tab__no{color:var(--gold-dark)}
.tabs__panels{display:grid;padding-top:var(--head-gap)}
.tabs__panels > .tabpanel{grid-area:1/1}
.tabs__panels > .tabpanel[hidden]{display:block !important;visibility:hidden;pointer-events:none}
.tabs__panels--flow{display:block}
.tabs__panels--flow > .tabpanel[hidden]{display:none !important}
.tabpanel{padding-top:0}
.tabs > .tabpanel{padding-top:var(--head-gap)}
:is(.on-dark,.sec--dark,.panel--dark) .tablist{border-bottom-color:var(--line-dark)}
:is(.on-dark,.sec--dark,.panel--dark) .tab{color:var(--muted-dark)}
:is(.on-dark,.sec--dark,.panel--dark) .tab:hover,
:is(.on-dark,.sec--dark,.panel--dark) .tab[aria-selected="true"]{color:var(--paper)}
:is(.on-dark,.sec--dark,.panel--dark) .tab::after{background:var(--paper)}
:is(.on-dark,.sec--dark,.panel--dark) .tab__no{color:var(--muted-dark)}
:is(.on-dark,.sec--dark,.panel--dark) .tab[aria-selected="true"] .tab__no{color:var(--gold-light)}
.modal{
width:min(760px,calc(100vw - var(--gutter) * 2));max-height:min(86vh,900px);
padding:0;border:0;border-radius:var(--r-xl);
background:var(--paper);color:var(--ink);box-shadow:var(--sh-modal);overflow:hidden;
margin:auto;
}
.modal::backdrop{background:var(--overlay)}
.modal__box{display:flex;flex-direction:column;max-height:inherit}
.modal__head{
position:relative;flex:none;
padding:var(--sp-6) var(--sp-7) var(--sp-5);
padding-right:calc(var(--sp-7) + var(--btn-h-sm));
border-bottom:1px solid var(--line);background:var(--paper);
}
.modal__head .h3{margin-top:var(--sp-4)}
.modal__role{margin-top:var(--sp-2);font-size:var(--fs-small);color:var(--muted)}
.modal__x{
position:absolute;top:var(--sp-5);right:var(--sp-5);
width:var(--btn-h-sm);height:var(--btn-h-sm);
display:inline-flex;align-items:center;justify-content:center;
border:1px solid var(--line);border-radius:var(--r-circle);
transition:border-color var(--t-base),color var(--t-base);
}
.modal__x:hover{border-color:var(--ink)}
.modal__x svg{width:var(--icon);height:var(--icon);stroke-width:var(--icon-sw)}
.modal__body{
overflow-y:auto;overscroll-behavior:contain;
padding:var(--sp-6) var(--sp-7) var(--sp-8);
}
.modal__body .claim{margin-top:var(--sp-6)}
.modal__foot{
flex:none;display:flex;flex-wrap:wrap;gap:var(--sp-3);
padding:var(--sp-5) var(--sp-7);border-top:1px solid var(--line);background:var(--paper);
}
.modal__pdf{margin-top:var(--sp-6);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.modal__pdf:empty{display:none}
.form{display:flex;flex-direction:column;gap:var(--sp-5)}
.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-5)}
.field{display:flex;flex-direction:column;gap:var(--sp-2)}
.field__label{font-size:var(--fs-small);line-height:var(--lh-flat);color:var(--muted)}
.field__label span{color:var(--gold-dark)}
.input,.select,.textarea{
width:100%;height:var(--field-h);
padding:0 var(--sp-4);
background:var(--paper-2);color:var(--ink);
border:1px solid var(--field-bd);border-radius:var(--r-sm);
font-size:var(--fs-body);line-height:var(--lh-flat);
transition:border-color var(--t-base);
}
.textarea{height:auto;min-height:calc(var(--field-h) * 3);padding:var(--sp-3) var(--sp-4);line-height:var(--lh-body);resize:vertical}
.select{
appearance:none;cursor:pointer;
padding-right:var(--sp-8);
background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
background-position:calc(100% - var(--sp-5)) 50%,calc(100% - var(--sp-5) + 5px) 50%;
background-size:5px 5px,5px 5px;background-repeat:no-repeat;
}
.input::placeholder,.textarea::placeholder{color:var(--muted);opacity:1}
.input:focus,.select:focus,.textarea:focus{border-color:var(--field-bd-focus)}
.input[aria-invalid="true"],.select[aria-invalid="true"],.textarea[aria-invalid="true"]{border-color:var(--gold-dark)}
.field__err{font-size:var(--fs-micro);line-height:var(--lh-lead);color:var(--gold-dark);min-height:0}
.field__err:empty{display:none}
.check{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3);align-items:start;cursor:pointer}
.check input{
appearance:none;flex:none;
width:var(--icon);height:var(--icon);margin-top:2px;
border:1px solid var(--field-bd);border-radius:var(--r-xs);background:var(--paper-2);
transition:border-color var(--t-base),background-color var(--t-base);
}
.check input:checked{background:var(--ink);border-color:var(--ink)}
.check input:checked::after{
content:"";display:block;width:100%;height:100%;
background:linear-gradient(45deg,transparent 45%,var(--paper) 45%,var(--paper) 55%,transparent 55%);
}
.check span{font-size:var(--fs-micro);line-height:var(--lh-lead);color:var(--muted)}
.check a{text-decoration:underline;text-underline-offset:2px}
.form__msg{
padding:var(--sp-4) var(--sp-5);border-radius:var(--r-sm);
border:1px solid var(--line);background:var(--paper-2);
font-size:var(--fs-small);line-height:var(--lh-lead);color:var(--ink);
}
.form__msg--err{border-color:var(--gold-dark);color:var(--gold-dark)}
#wfs-toast{
position:fixed;left:50%;bottom:var(--sp-7);z-index:var(--z-toast);
transform:translate(-50%,var(--sp-4));
padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);
background:var(--ink);color:var(--paper);
font-size:var(--fs-small);line-height:var(--lh-flat);
opacity:0;pointer-events:none;
transition:opacity var(--t-base),transform var(--t-base);
}
#wfs-toast.is-on{opacity:1;transform:translate(-50%,0)}
.cookies{
position:fixed;left:var(--gutter);right:var(--gutter);bottom:var(--sp-5);
z-index:var(--z-toast);
max-width:var(--container);margin-inline:auto;
display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-5);
padding:var(--sp-5) var(--sp-6);
background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);
box-shadow:var(--sh-raised);
}
.cookies__txt{flex:1 1 46ch;font-size:var(--fs-micro);line-height:var(--lh-lead);color:var(--muted);max-width:46ch}
.cookies__txt a{text-decoration:underline;text-underline-offset:2px}
.cookies__act{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.hdr{
position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);
background:transparent;border-bottom:1px solid transparent;
transition:background-color var(--t-base),border-color var(--t-base),backdrop-filter var(--t-base);
}
.hdr.is-stuck{
background:var(--hdr-bg);
border-bottom-color:var(--line);
backdrop-filter:saturate(1.4) blur(12px);
-webkit-backdrop-filter:saturate(1.4) blur(12px);
}
.hdr__in{
display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);
height:var(--hdr-h);
}
.hdr__logo{display:flex;align-items:center}
.hdr__logo img{height:var(--sp-7);width:auto}
.nav ul{display:flex;align-items:center;gap:var(--sp-6)}
.nav a{
position:relative;display:inline-flex;align-items:center;
font-size:var(--fs-small);line-height:var(--lh-flat);color:var(--muted);
padding:var(--sp-2) 0;
transition:color var(--t-base);
}
.nav a:hover{color:var(--ink)}
.nav a[aria-current="true"]{color:var(--gold-dark)}
.nav a::after{
content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
background:var(--gold-dark);transform:scaleX(0);transform-origin:left;
transition:transform var(--t-base);
}
.nav a[aria-current="true"]::after{transform:scaleX(1)}
.hdr__act{display:flex;align-items:center;gap:var(--sp-3)}
.burger{
display:none;
width:var(--btn-h-sm);height:var(--btn-h-sm);
align-items:center;justify-content:center;
border:1px solid var(--line);border-radius:var(--r-circle);
transition:border-color var(--t-base);
}
.burger:hover{border-color:var(--ink)}
.burger span{position:relative;display:block;width:16px;height:1px;background:var(--ink);transition:transform var(--t-panel),background-color var(--t-base)}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:16px;height:1px;background:var(--ink);transition:transform var(--t-panel)}
.burger span::before{top:-5px}
.burger span::after{top:5px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{transform:translateY(5px) rotate(45deg)}
.burger[aria-expanded="true"] span::after{transform:translateY(-5px) rotate(-45deg)}
.mnav{
position:fixed;inset:0;z-index:var(--z-mnav);
background:var(--paper);
padding:calc(var(--hdr-h) + var(--sp-7)) var(--gutter) var(--sp-9);
display:flex;flex-direction:column;gap:var(--sp-7);
overflow-y:auto;
opacity:0;visibility:hidden;transform:translateY(calc(var(--sp-2) * -1));
transition:opacity var(--t-panel),visibility var(--t-panel),transform var(--t-panel);
}
.mnav[data-open="true"]{opacity:1;visibility:visible;transform:none}
.mnav ul{display:flex;flex-direction:column;gap:var(--sp-5)}
.mnav a{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);color:var(--ink)}
.mnav a[aria-current="true"]{color:var(--gold-dark)}
.mnav__foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--sp-4)}
.mnav__foot .micro{color:var(--muted)}
.mbar{
position:fixed;left:0;right:0;bottom:0;z-index:var(--z-bar);
display:none;gap:var(--sp-3);
padding:var(--sp-3) var(--gutter) calc(var(--sp-3) + env(safe-area-inset-bottom));
background:var(--hdr-bg);border-top:1px solid var(--line);
backdrop-filter:saturate(1.4) blur(12px);
-webkit-backdrop-filter:saturate(1.4) blur(12px);
}
.mbar .btn{flex:1 1 0}
.ft{background:var(--ink);color:var(--paper);overflow-x:clip}
.ft__top{
display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1.2fr;gap:var(--grid-gap);
padding-top:var(--section-lg);padding-bottom:var(--section);
}
.ft__brand img{height:var(--sp-10);width:auto}
.ft__claim{margin-top:var(--sp-5);font-size:var(--fs-lead);line-height:var(--lh-lead);letter-spacing:var(--tr-lead);color:var(--paper);max-width:var(--measure-narrow)}
.ft__tag{margin-top:var(--sp-4);font-family:var(--mono);font-size:var(--fs-eyebrow);letter-spacing:var(--tr-mono);color:var(--gold-light);line-height:var(--lh-flat)}
.ft__h{
font-family:var(--mono);font-size:var(--fs-eyebrow);line-height:var(--lh-flat);
letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--muted-dark);
font-weight:var(--fw-regular);
}
.ft__list{margin-top:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}
.ft__list a,.ft__list button{
display:inline-flex;align-items:center;gap:var(--sp-2);
font-size:var(--fs-small);line-height:var(--lh-lead);color:var(--muted-dark);
text-align:left;transition:color var(--t-base);
}
.ft__list a:hover,.ft__list button:hover{color:var(--paper)}
.ft__list address{font-style:normal;font-size:var(--fs-small);line-height:var(--lh-lead);color:var(--muted-dark)}
.ft__cta{margin-top:var(--sp-5)}
.ft__bar{background:var(--ink-deep)}
.ft__bar-in{
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);
padding-top:var(--sp-5);padding-bottom:var(--sp-5);
}
.ft__bar p,.ft__reg li{font-size:var(--fs-micro);line-height:var(--lh-lead);color:var(--muted-dark)}
.ft__reg{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2) var(--sp-4)}
.ft__reg li + li::before{content:"|";margin-right:var(--sp-4);color:var(--line-dark-strong)}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
.rv,[data-reveal]{opacity:1;transform:none}
}
@media (max-width:1024px){
.nav,.hdr__act .btn{display:none}
.burger{display:inline-flex}
.card-grid,.card-grid--4{grid-template-columns:repeat(2,1fr)}
.ft__top{grid-template-columns:repeat(2,1fr);row-gap:var(--sp-8)}
.modal__head{padding-left:var(--sp-6);padding-right:calc(var(--sp-6) + var(--btn-h-sm))}
.modal__body,.modal__foot{padding-left:var(--sp-6);padding-right:var(--sp-6)}
}
@media (max-width:640px){
.h2 br,.h1 br,.h3 br{display:none}
.rules{display:none}
.card-grid,.card-grid--2,.card-grid--4{grid-template-columns:1fr}
.form-row{grid-template-columns:1fr}
.ft__top{grid-template-columns:1fr;row-gap:var(--sp-7)}
.ft__bar-in{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}
.mbar{display:flex}
body{padding-bottom:calc(var(--btn-h) + var(--sp-6))}
.cookies{left:var(--sp-3);right:var(--sp-3);bottom:calc(var(--btn-h) + var(--sp-7));padding:var(--sp-5);gap:var(--sp-4)}
#wfs-toast{bottom:calc(var(--btn-h) + var(--sp-7))}
.cookies__act .btn{flex:1 1 auto}
.tab{font-size:var(--fs-body);margin-right:var(--sp-5)}
.modal{
width:100vw;max-width:100vw;max-height:92vh;
border-radius:var(--r-xl) var(--r-xl) 0 0;margin:auto 0 0;
}
.modal__head{padding-left:var(--gutter);padding-right:calc(var(--gutter) + var(--btn-h-sm))}
.modal__body,.modal__foot{padding-left:var(--gutter);padding-right:var(--gutter)}
.panel{padding:var(--sp-6)}
}
.sec.s1{
--s1-air:clamp(52px,6vw,76px);
--s1-gap:clamp(var(--sp-8),7vw,var(--sp-10));
padding-top:calc(var(--hdr-h) + var(--s1-air));
padding-bottom:0;
overflow-x:clip;
}
.s1-head{max-width:none}
.s1-title{margin-top:var(--sp-5);max-width:none}
.s1-line{display:block}
.s1-line--close{
display:flex;align-items:baseline;
gap:clamp(var(--sp-5),3vw,var(--sp-7));
}
.s1-line--close::after{
content:"";flex:1 1 auto;min-width:0;
height:1px;background:var(--line);
}
.s1-head + .s1-body{margin-top:clamp(var(--sp-7),5vw,var(--sp-9))}
.s1-body{
display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
gap:var(--sp-7) var(--sp-9);
}
.s1-body .lead{
flex:1 1 calc(var(--measure-narrow) - var(--sp-8));
max-width:calc(var(--measure-narrow) - var(--sp-8));
}
.s1-cta{flex:0 0 auto}
.s1-values{
margin-top:var(--s1-gap);
padding-top:clamp(var(--sp-7),4vw,var(--sp-8));
border-top:1px solid var(--line);
}
.s1-value .card__title{max-width:none}
.s1-value .card__text{max-width:22ch}
.s1-band{
position:relative;z-index:var(--z-content);
margin-top:var(--s1-gap);
background:var(--ink);
overflow-x:clip;
}
.s1-band__in{display:flex;align-items:center;min-height:var(--sp-8)}
.s1-band__list{
display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap);
width:100%;
}
.s1-band .mono{color:var(--gold-light)}
@media (max-width:1024px){
.s1-band__list{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3)}
.s1-band__list li{display:inline-flex;align-items:center}
.s1-band__list li + li::before{
content:"-";margin-right:var(--sp-3);color:var(--line-dark-strong);
}
.s1-band__in{padding-block:var(--sp-4)}
}
@media (max-width:640px){
.s1-body{align-items:flex-start}
.s1-cta{width:100%}
.s1-cta .btn{flex:1 1 auto}
.s1-values{gap:0;padding-top:0;border-top:0}
.s1-values .card{
background:transparent;border:0;border-top:1px solid var(--line);
border-radius:0;box-shadow:var(--sh-none);
padding:var(--sp-5) 0;
}
.s1-values .card:last-child{border-bottom:1px solid var(--line)}
.s1-values .card:hover{border-color:var(--line)}
.s1-band__list{
display:grid;grid-template-columns:repeat(2,1fr);
gap:var(--sp-4) var(--grid-gap);
}
.s1-band__in{padding-block:var(--sp-5)}
.s1-band__list li + li::before{content:none}
}
.skip{
width:1px;height:1px;padding:0;overflow:hidden;
clip-path:inset(50%);white-space:nowrap;transform:none;
}
.skip:focus-visible{
width:auto;height:auto;overflow:visible;clip-path:none;
padding:var(--sp-3) var(--sp-5);
}
.s2{
--s2-fs-h2:var(--fs-h2);
--s2-fs-sub:var(--fs-h3);
--s2-measure:min(var(--measure-narrow),calc(var(--measure) - var(--sp-13)));
--s2-measure-sm:min(var(--measure-narrow),calc(var(--measure) - var(--sp-13) - var(--sp-8)));
--s2-col-pad:var(--sp-9);
--s2-lead-off:calc((var(--fs-h4) * var(--lh-h4) - var(--fs-eyebrow)) / 2);
}
.s2 .h2{font-size:var(--s2-fs-h2);line-height:var(--lh-display)}
.s2-why__h,.s2-cele__h{font-size:var(--s2-fs-sub);line-height:var(--lh-tight)}
.s2 .h2{letter-spacing:var(--tr-display)}
.s2-why__h,.s2-cele__h,.s2-claim,.s2-misja{letter-spacing:var(--tr-h3)}
.s2-why__lead,.s2-why__note,
.s2 .acc__title,.s2-cel__title{letter-spacing:var(--tr-lead)}
.s2-kim__prose p{letter-spacing:var(--tr-body)}
.s2 .acc__panel p,.s2 .card__text{letter-spacing:0}
.s2 .eyebrow,.s2 .tab__no,.s2 .acc__no,.s2 .card__no{letter-spacing:var(--tr-mono)}
.s2 .sec-head + *{margin-top:var(--sp-9)}
.s2-tabs .tablist{overflow:visible}
.s2-tabs .tab{padding-bottom:var(--sp-6)}
.s2-tabs .tab::after{bottom:-1px;height:calc(var(--sp-1) / 2)}
.s2-tabs .tabs__panels{display:block;padding-top:var(--sp-8)}
.s2-tabs .tabs__panels > .tabpanel[hidden]{display:none !important}
.s2-kim{
display:grid;grid-template-columns:repeat(2,1fr);
column-gap:0;align-items:start;
}
.s2-kim__col{grid-column:1;grid-row:1}
.s2-kim__prose p{max-width:var(--s2-measure);color:var(--muted)}
.s2-kim__prose p + p{margin-top:var(--sp-5)}
.s2-why{grid-column:2;grid-row:1;padding-left:var(--s2-col-pad)}
.s2-why__h{margin:0}
.s2-why__lead{margin-top:var(--sp-4);max-width:var(--s2-measure)}
.s2-why__acc{margin-top:var(--sp-8);border-top:1px solid var(--line)}
.s2-why__acc .acc__h{
margin:0;
font-size:var(--fs-h4);line-height:var(--lh-h4);
font-weight:var(--fw-medium);letter-spacing:var(--tr-h3);
}
.s2-why__acc .acc__panel p{
max-width:var(--s2-measure);
font-size:var(--fs-small);line-height:var(--lh-lead);
}
.s2-why__acc .acc__head{align-items:start}
.s2-why__acc .acc__no,
.s2-why__acc .plus{margin-top:var(--s2-lead-off)}
.s2-why__note{margin-top:var(--sp-8);max-width:var(--s2-measure)}
.s2-claim{
margin-top:var(--sp-10);font-size:var(--fs-quote);line-height:var(--lh-h3);
max-width:var(--s2-measure);
}
.s2-misja{
font-size:var(--s2-fs-sub);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);
color:var(--ink);max-width:var(--measure);text-wrap:balance;
}
.s2-cele{
margin-top:var(--sp-11);
border-top:1px solid var(--line);padding-top:var(--sp-8);
}
.s2-cele__h{margin:0}
.s2-cele__grid{
margin-top:var(--sp-8);grid-template-columns:repeat(2,1fr);
gap:0;background:transparent;
}
.s2-cele__grid .s2-cel{
padding:var(--sp-7) var(--sp-6);gap:0;
border-top:1px solid var(--line);border-left:1px solid var(--line);
}
.s2-cele__grid .s2-cel:nth-child(-n+2){border-top:0}
.s2-cele__grid .s2-cel:nth-child(odd){border-left:0}
.s2-cel__h{
margin:0;
font-size:var(--fs-h4);line-height:var(--lh-h4);
font-weight:var(--fw-medium);letter-spacing:var(--tr-h3);
}
.s2-cel__btn{
display:grid;grid-template-columns:auto 1fr auto;
align-items:start;gap:var(--sp-4);
width:100%;text-align:left;
transition:color var(--t-base);
}
.s2-cel__btn > .card__no,
.s2-cel__btn > .plus{margin-top:var(--s2-lead-off)}
.s2-cel__btn:hover{color:var(--gold-dark)}
.s2-cel__btn:hover .plus::before,
.s2-cel__btn:hover .plus::after{background:var(--gold-dark)}
.s2-cel__title{
font-size:var(--fs-h4);line-height:var(--lh-h4);
font-weight:var(--fw-medium);
}
.s2-cel__btn[aria-expanded="true"] .card__no{color:var(--gold-dark)}
.s2-cel .exp p{padding-top:var(--sp-5);max-width:var(--s2-measure-sm)}
@media (max-width:1024px){
.s2-kim{grid-template-columns:1fr}
.s2-kim__col{display:contents}
.s2-kim__prose{order:1}
.s2-why{order:2;grid-column:1;grid-row:auto;padding-left:0;margin-top:var(--sp-11)}
.s2-claim{order:3;grid-column:1;grid-row:auto;margin-top:var(--sp-11)}
}
@media (max-width:640px){
.s2-tabs .tab{padding-right:var(--sp-3);margin-right:var(--sp-4)}
.s2-tabs .tab::after{right:var(--sp-3)}
.s2-cele{margin-top:var(--sp-10)}
.s2-cele__grid{grid-template-columns:1fr}
.s2-cele__grid .s2-cel,
.s2-cele__grid .s2-cel:nth-child(-n+2),
.s2-cele__grid .s2-cel:nth-child(odd){border-left:0;border-top:1px solid var(--line)}
.s2-cele__grid .s2-cel:first-child{border-top:0}
}
.s3 .sec-head .lead{max-width:calc(var(--measure) - var(--sp-11))}
.s3-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
column-gap:var(--sp-9);
row-gap:var(--sp-9);
align-items:start;
}
.s3-person{
display:flex;flex-direction:column;
border-top:1px solid var(--line-dark);
padding-top:var(--sp-5);
}
.s3-person__ph{
margin-top:var(--sp-6);
aspect-ratio:1/1;
background:var(--paper);
}
.s3-person__body{
display:flex;flex-direction:column;align-items:flex-start;
margin-top:var(--sp-7);
}
.s3-person__name{color:var(--paper)}
.s3-person__role{margin-top:var(--sp-3)}
.s3-person__txt{margin-top:var(--sp-5);max-width:calc(var(--measure-narrow) - var(--sp-8))}
.s3-person__btn{margin-top:var(--sp-6)}
.s3-person__btn svg{transition:transform var(--t-base)}
.s3-person__btn:hover svg{transform:translateX(var(--sp-1))}
.s3 .modal{width:min(calc(var(--measure) - var(--sp-8)),calc(100vw - var(--gutter) * 2))}
.s3 .modal .eyebrow{color:var(--muted)}
.s3 .modal .eyebrow i{border-left-color:var(--gold)}
.s3 .modal .claim{color:var(--gold-dark);border-left-color:var(--gold)}
.s3 .modal :focus-visible{outline-color:var(--focus)}
.s3 .modal__body p,
.s3 .modal__body .claim{max-width:calc(var(--measure) - var(--sp-13) - var(--sp-6))}
@media (max-width:1024px){
.s3 .sec-head .lead{max-width:calc(var(--measure) - var(--sp-13))}
.s3-grid{column-gap:var(--sp-6);row-gap:var(--sp-8)}
.s3-person__body{margin-top:var(--sp-6)}
}
@media (max-width:640px){
.s3-grid{grid-template-columns:1fr;row-gap:var(--sp-9)}
.s3-person__ph{aspect-ratio:4/5}
.s3-person__btn{width:100%}
.s3 .modal{width:100vw;max-width:100vw}
}
.s4{
--s4-measure:46ch;
--s4-rail:minmax(0,4fr);
--s4-body:minmax(0,8fr);
}
.s4 .lead,
.s4 .prose p,
.s4 .small,
.s4 .list li,
.s4 .acc__panel p,
.s4-prog__text{max-width:var(--s4-measure)}
.sec-head + .s4-intro{margin-top:var(--sp-5)}
.s4-intro{max-width:var(--s4-measure)}
.s4-toggle{margin-top:var(--sp-5)}
.s4-toggle svg{transition:transform var(--t-panel)}
.s4-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.s4-toggle__t--b{display:none}
.s4-toggle[aria-expanded="true"] .s4-toggle__t--a{display:none}
.s4-toggle[aria-expanded="true"] .s4-toggle__t--b{display:inline}
.s4-prog{
margin-top:var(--sp-10);
display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
gap:clamp(var(--sp-6),4vw,var(--sp-8));
align-items:stretch;
}
.s4-prog__body{
display:flex;flex-direction:column;align-items:flex-start;
justify-content:center;gap:var(--sp-5);
}
.s4-prog__top{
display:flex;align-items:center;justify-content:space-between;
gap:var(--sp-4);width:100%;
}
.s4-prog__title{max-width:var(--s4-measure)}
.s4-prog__text{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted)}
.s4-prog__act{margin-top:var(--sp-2)}
.s4-block{
margin-top:var(--sp-9);
padding-top:var(--sp-8);
border-top:1px solid var(--line);
display:grid;grid-template-columns:var(--s4-rail) var(--s4-body);
column-gap:var(--sp-8);
}
.s4-block > *{min-width:0}
.s4-tabs__rail .tablist{margin-top:var(--sp-6)}
.s4-tabs .tabpanel > .list{margin-top:var(--sp-5)}
@media (min-width:901px){
.s4-tabs .tablist{
flex-direction:column;overflow:visible;
border-bottom:0;border-left:1px solid var(--line);
}
.s4-tabs .tab{
padding:var(--sp-3) 0 var(--sp-3) var(--sp-5);
margin-right:0;white-space:normal;
}
.s4-tabs .tab::after{
left:-1px;right:auto;top:0;bottom:0;
width:1px;height:auto;
transform:scaleY(0);transform-origin:top;
}
.s4-tabs .tab[aria-selected="true"]::after{transform:scaleY(1)}
.s4-tabs .tabs__panels{padding-top:0}
.s4-prog__media{aspect-ratio:auto;height:100%}
.s4-block__rail{position:sticky;top:calc(var(--hdr-h) + var(--sp-8));align-self:start}
.s4-tabs__rail{align-self:start}
}
.s4-cta{margin-top:var(--sp-10);text-align:center}
.s4-cta__in{
max-width:var(--measure);margin-inline:auto;
display:flex;flex-direction:column;align-items:center;gap:var(--sp-5);
}
.s4-cta .lead{margin-inline:auto}
.s4-cta .btn-row{margin-top:var(--sp-3)}
@media (max-width:900px){
.s4-prog,.s4-block{grid-template-columns:minmax(0,1fr)}
.s4-prog{gap:var(--sp-6)}
.s4-block{row-gap:var(--sp-6)}
.s4-tabs .tabs__panels{display:block}
.s4-tabs .tabs__panels > .tabpanel[hidden]{display:none !important}
}
@media (max-width:640px){
.s4-prog__top{flex-direction:column;align-items:flex-start;gap:var(--sp-3)}
}
.s5 .lead{max-width:46ch}
.s5 .sec-head .h2{
font-size:var(--fs-h2);line-height:var(--lh-h2);
letter-spacing:var(--tr-display);font-weight:var(--fw-regular);
}
.s5 .s5-block{margin-top:var(--sp-12)}
.s5-cat{gap:0}
.s5-cat .card__title{margin-top:var(--sp-5)}
.s5-cat__in{padding-top:var(--sp-5)}
.s5-cat .card__text{max-width:var(--measure-prose)}
.s5-more{
display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);
align-self:stretch;margin-top:auto;
padding-top:var(--sp-5);
border-top:1px solid var(--line);
font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:var(--lh-flat);
color:var(--ink);
transition:color var(--t-base),border-color var(--t-base);
}
.s5-more[aria-expanded="true"]{border-top-color:var(--line-strong)}
.s5-cat__exp[data-open="true"] + .s5-more{margin-top:var(--sp-5)}
.s5-more:hover{color:var(--gold-dark)}
.s5-more__on{display:none}
.s5-more[aria-expanded="true"] .s5-more__off{display:none}
.s5-more[aria-expanded="true"] .s5-more__on{display:inline}
.s5-ev-grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--grid-gap);align-items:stretch}
.s5-ev{gap:0;padding:var(--sp-7)}
.s5-ev__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4)}
.s5-ev__title{margin-top:var(--sp-5);max-width:18ch}
.s5-ev__txt{margin-top:var(--sp-5);max-width:46ch}
.s5-ev__meta{
margin-top:var(--sp-6);padding-top:var(--sp-5);
border-top:1px solid var(--line);
display:flex;flex-direction:column;gap:var(--sp-3);
}
.s5-ev__meta li{display:flex;align-items:center;gap:var(--sp-3);max-width:var(--measure-narrow)}
.s5-ev__meta svg{width:var(--icon);height:var(--icon);flex:none;stroke-width:var(--icon-sw);color:var(--muted)}
.s5-ev__meta span{font-size:var(--fs-small);line-height:var(--lh-flat);color:var(--muted)}
.s5-ev__cta{margin-top:var(--sp-7);align-self:flex-start}
.s5-ev__cta[aria-disabled="true"]{
opacity:1;height:var(--btn-h);
color:var(--ink);border-color:var(--line-strong);
}
.s5-note{
gap:0;padding:var(--sp-7);align-self:start;
background:transparent;box-shadow:var(--sh-none);
}
.s5-note__top{display:flex;align-items:center;gap:var(--sp-3)}
.s5-note__top svg{width:var(--icon-lg);height:var(--icon-lg);flex:none;stroke-width:var(--icon-sw);color:var(--gold-dark)}
.s5-note__txt{margin-top:var(--sp-5);max-width:46ch}
.s5-rule{
margin:var(--sp-5) 0;border:0;
border-top:1px solid var(--line);
}
.s5-note__foot{margin-top:auto;display:flex}
.s5-note__cta{align-self:flex-start}
.s5-stats{
display:grid;grid-template-columns:repeat(3,1fr);
column-gap:var(--grid-gap);
border-bottom:1px solid var(--line-dark);
}
.s5-stat{
display:flex;flex-direction:column;gap:var(--sp-3);
padding-top:var(--sp-6);padding-bottom:var(--sp-6);
border-top:1px solid var(--line-dark);
}
.s5-stat__v{order:-1}
.s5-stat__v{
display:flex;align-items:baseline;gap:var(--sp-1);
font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--tr-display);
color:var(--paper);
}
.s5-stat__u{
font-style:normal;font-family:var(--mono);font-size:var(--fs-eyebrow);
letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--muted-dark);
}
.s5-stat__l{font-size:var(--fs-small);line-height:1.55;color:var(--muted-dark);max-width:var(--measure-narrow)}
.s5-stats__note{margin-top:var(--sp-6)}
@media (max-width:1024px){
.s5-ev-grid{grid-template-columns:1fr}
.s5-stats{grid-template-columns:repeat(2,1fr)}
.s5-note{justify-content:flex-start}
}
@media (max-width:640px){
.s5 .s5-block{margin-top:var(--sp-9)}
.s5-ev,.s5-note{padding:var(--sp-6)}
.s5-ev__title{max-width:none}
.s5-ev__cta,.s5-note__cta{align-self:stretch}
}
.s6{
--s6-mid:var(--fs-h3);
--card-r:var(--r-md);
}
.s6 .s6-give .mono,
.s6 .s6-give .field__label,
.s6 .s6-bank__dl dt{font-weight:var(--fw-medium)}
.s6 .h2{
font-size:var(--fs-h2);line-height:var(--lh-h2);
letter-spacing:var(--tr-display);font-weight:var(--fw-regular);
}
.s6 .mono,.s6 .eyebrow,.s6 .badge,.s6 .card__no,
.s6 .s6-give .field__label{letter-spacing:var(--tr-mono)}
.s6 .s6-give > .h3,
.s6 .s6-use > .h3,
.s6 .s6-goal__hd .h3,
.s6 .s6-goal__amt{
font-size:var(--s6-mid);line-height:var(--lh-tight);
letter-spacing:var(--tr-h3);font-weight:var(--fw-regular);
}
.s6 .s6-use > .lead{
font-size:var(--fs-body);line-height:var(--lh-body);
letter-spacing:var(--tr-body);color:var(--paper);
}
.s6 .micro{font-size:var(--fs-eyebrow);line-height:var(--lh-lead)}
.s6 > .rules{gap:var(--grid-gap)}
.s6 > .wrap{
display:grid;grid-template-columns:repeat(12,1fr);
column-gap:var(--grid-gap);row-gap:0;align-content:start;
}
.s6 > .wrap > *{grid-column:1 / -1}
.s6 .card__no,
.s6 .chip,
.s6 .s6-bank__acc,
.s6 .s6-goal__amt,
.s6 .input{font-variant-numeric:tabular-nums}
.s6 .sec-head{grid-column:1 / 7;max-width:none;text-align:left}
.s6 .sec-head .lead{max-width:none;margin-inline:0}
.s6 .sec-head + *{margin-top:var(--sp-10)}
.s6 .s6-ways{grid-column:1 / -1}
.s6 .s6-way{gap:0}
.s6 .s6-way__h{
margin:0;
font-size:var(--fs-h4);line-height:var(--lh-h4);
letter-spacing:var(--tr-h3);font-weight:var(--fw-medium);
}
.s6 .s6-way__btn{
display:grid;grid-template-columns:1fr auto;
gap:var(--sp-5) var(--sp-4);
width:100%;text-align:left;
transition:color var(--t-base);
}
.s6 .s6-way__btn > .card__no{grid-column:1;grid-row:1;align-self:center}
.s6 .s6-way__btn > .card__title{
grid-column:1 / -1;grid-row:2;
display:block;
min-height:calc(var(--fs-h4) * var(--lh-h4) * 2);
align-self:start;
}
.s6 .s6-way__btn > .plus{grid-column:2;grid-row:1;align-self:center}
.s6 .s6-way__btn:hover{color:var(--gold-light)}
.s6 .s6-way__btn:hover .plus::before,
.s6 .s6-way__btn:hover .plus::after{background:var(--gold-light)}
.s6 .s6-way .exp{flex:1}
.s6 .s6-way .exp > *{display:flex}
.s6 .s6-way__in{
flex:1;
display:flex;flex-direction:column;align-items:flex-start;
justify-content:flex-start;gap:var(--sp-5);
padding-top:var(--sp-5);
}
.s6 .s6-way__in .link{margin-top:auto}
.s6 .s6-main{
display:grid;grid-template-columns:repeat(12,1fr);
column-gap:var(--grid-gap);row-gap:0;align-items:stretch;
margin-top:var(--sp-11);
}
.s6 .s6-give{grid-column:1 / 7}
.s6 .s6-use{grid-column:7 / -1}
.s6 .s6-give{color:var(--ink)}
.s6 .s6-give > * + *{margin-top:var(--sp-5)}
.s6 .s6-give__row{display:flex;flex-direction:column;gap:var(--sp-3)}
.s6 .s6-give__row .chip-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}
.s6 .s6-give__row .chip-row.s6-give__amounts{grid-template-columns:repeat(4,1fr)}
.s6 .s6-give .chip{justify-content:center;padding-inline:var(--sp-3);min-width:0}
.s6 .s6-give__pay{
margin-top:var(--sp-4);padding-top:var(--sp-4);
border-top:1px solid var(--line);
}
.s6 .s6-give__note{
display:flex;align-items:flex-start;gap:var(--sp-3);
margin-top:var(--sp-5);max-width:none;
}
.s6 .s6-give__note .badge{flex:none}
.s6 .s6-give__txt{margin-top:var(--sp-1);max-width:var(--measure-narrow)}
.s6 .s6-give{border-radius:var(--r-xl)}
.s6 .s6-give .input{border-radius:var(--r-pill);padding-inline:var(--btn-px-sm);height:var(--btn-h)}
.s6 .s6-give .chip{height:var(--btn-h)}
.s6 .s6-give .badge{border-radius:var(--r-pill)}
.s6 .s6-give .field{gap:var(--sp-3)}
.s6 .s6-give .field__label{
font-family:var(--mono);font-size:var(--fs-eyebrow);line-height:var(--lh-flat);
letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--muted);
}
.s6 .s6-give .mono,
.s6 .s6-give .micro,
.s6 .s6-give .small{color:var(--muted)}
.s6 .s6-give .badge--line{border-color:var(--line);color:var(--muted)}
.s6 .s6-give .chip{border-color:var(--line);color:var(--muted)}
.s6 .s6-give button.chip:hover{border-color:var(--line-strong);color:var(--ink)}
.s6 .s6-give .chip[aria-pressed="true"],
.s6 .s6-give .chip[aria-selected="true"]{
border-color:var(--ink);background:var(--ink);color:var(--paper);
}
.s6 .s6-give :focus-visible{outline-color:var(--focus)}
.s6 .s6-bank{padding-top:var(--sp-5)}
.s6 .s6-bank__dl{margin-top:var(--sp-5)}
.s6 .s6-bank__dl > div{
display:flex;flex-direction:column;gap:var(--sp-1);
padding:var(--sp-3) 0;border-top:1px solid var(--line);
}
.s6 .s6-bank__dl dd{
font-size:var(--fs-small);line-height:var(--lh-lead);color:var(--ink);
max-width:var(--measure-narrow);
}
.s6 .s6-bank__acc{
font-family:var(--mono);font-size:var(--fs-small);
letter-spacing:var(--tr-mono);line-height:var(--lh-lead);
}
.s6 .s6-bank .btn{margin-top:var(--sp-5)}
.s6 .s6-use{display:flex;flex-direction:column;padding-top:clamp(var(--sp-6),4vw,var(--sp-9))}
.s6 .s6-use > * + *{margin-top:var(--sp-5)}
.s6 .s6-use .list,
.s6 .s6-use__note{
margin-top:var(--sp-4);padding-top:var(--sp-4);
border-top:1px solid var(--line-dark);
}
.s6 .s6-goal{
display:grid;grid-template-columns:repeat(12,1fr);
column-gap:var(--grid-gap);row-gap:0;align-items:start;
margin-top:var(--sp-10);padding-top:var(--sp-10);
border-top:1px solid var(--line-dark);
}
.s6 .s6-goal__hd{grid-column:1 / 7}
.s6 .s6-goal__bd{grid-column:7 / -1}
.s6 .s6-goal__hd .h3{margin-top:var(--sp-5);max-width:none}
.s6 .s6-goal__bd{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-5)}
.s6 .s6-goal__meta{width:100%}
.s6 .s6-goal__hd .h3,
.s6 .s6-goal__amt{color:var(--paper)}
.s6 .s6-goal__amt{margin-top:var(--sp-5)}
.s6 .s6-goal__bd .btn{margin-top:0}
@media (max-width:1024px){
.s6 .s6-main{grid-template-columns:1fr;row-gap:var(--sp-9)}
.s6 .s6-goal{grid-template-columns:1fr;row-gap:var(--sp-9)}
.s6 .sec-head,
.s6 .s6-give,.s6 .s6-use,
.s6 .s6-goal__hd,.s6 .s6-goal__bd{grid-column:1 / -1}
.s6 .sec-head{max-width:var(--measure)}
.s6 .sec-head .lead{max-width:var(--measure-narrow)}
.s6 .s6-use{padding-top:0}
}
@media (max-width:640px){
.s6{--s6-mid:calc(var(--fs-h4) + var(--sp-1))}
.s6 > .wrap{display:block}
.s6 .s6-way__btn > .card__title{min-height:0}
.s6 .s6-main{margin-top:var(--sp-9)}
.s6 .s6-goal{margin-top:var(--sp-9);padding-top:var(--sp-9)}
.s6 .s6-give__row .chip-row.s6-give__amounts{grid-template-columns:repeat(2,1fr)}
.s6 .s6-give__note{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}
.s6 .s6-give__txt{margin-top:0}
}
.s7 .lead{max-width:calc(var(--measure-narrow) - var(--sp-6))}
.s7 .btn{box-shadow:var(--sh-none)}
.s7-wall{
display:grid;grid-template-columns:repeat(4,1fr);
gap:1px;background:var(--line);
border:1px solid var(--line);border-radius:var(--card-r);
overflow:hidden;box-shadow:var(--card-sh);
}
.s7-tile{
position:relative;
display:flex;align-items:flex-end;justify-content:flex-start;
min-height:var(--sp-11);
padding:var(--card-pad);
background:var(--card-bg);
transition:background-color var(--t-base);
}
.s7-tile__no{
position:absolute;top:var(--sp-4);left:var(--sp-4);
font-family:var(--mono);font-size:var(--fs-eyebrow);line-height:var(--lh-flat);
letter-spacing:var(--tr-mono);color:var(--muted);
}
.s7-ghost{display:flex;align-items:center;gap:var(--sp-3);height:var(--sp-5)}
.s7-ghost__m{
width:var(--sp-5);height:var(--sp-5);flex:none;
border-radius:var(--r-circle);background:var(--line-strong);
}
.s7-ghost__w{height:var(--sp-3);border-radius:var(--r-pill);background:var(--line)}
.s7-tile:nth-child(1) .s7-ghost__w,
.s7-tile:nth-child(4) .s7-ghost__w,
.s7-tile:nth-child(7) .s7-ghost__w{width:var(--sp-9)}
.s7-tile:nth-child(2) .s7-ghost__w,
.s7-tile:nth-child(5) .s7-ghost__w{width:var(--sp-10)}
.s7-tile:nth-child(3) .s7-ghost__w,
.s7-tile:nth-child(6) .s7-ghost__w{width:var(--sp-8)}
.s7-tile--cta{padding:0}
.s7-tile__link{
display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
width:100%;height:100%;padding:var(--card-pad);
font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:var(--lh-flat);
color:var(--ink);
transition:color var(--t-base);
}
.s7-tile__row{display:flex;align-items:center;gap:var(--sp-2);height:var(--sp-5)}
.s7-tile__lbl{white-space:nowrap}
.s7-tile__link svg{width:var(--icon);height:var(--icon);flex:none;stroke-width:var(--icon-sw)}
.s7-tile--cta:hover .s7-tile__link{color:var(--gold-dark)}
.s7-foot{
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
gap:var(--sp-5);margin-top:var(--sp-8);
}
.s7-note{
display:flex;align-items:flex-start;gap:var(--sp-3);
font-size:var(--fs-small);line-height:var(--lh-lead);color:var(--muted);
max-width:calc(var(--measure-narrow) - var(--sp-6));
}
.s7-note .badge{flex:none;padding-top:var(--sp-1);padding-bottom:var(--sp-1)}
.s7-block{margin-bottom:0;padding-bottom:0}
.s7-amb{margin-top:0;padding-top:0}
.s7-rule{
height:1px;border:0;background:var(--line);
margin-block:var(--sp-11);
}
.s7-amb-head{
display:grid;grid-template-columns:1fr var(--measure-prose);
gap:var(--grid-gap);align-items:start;
}
.s7-amb-head .h3{margin-top:var(--sp-5)}
.s7-amb-head__r .s7-note{margin-top:var(--sp-5)}
.s7-amb-head__cta{margin-top:var(--sp-5)}
.s7-amb-lead{
font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--tr-body);
color:var(--muted);max-width:var(--measure-narrow);
}
.s7-rail{
display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);
gap:var(--grid-gap);margin-top:var(--head-gap);align-items:stretch;
}
.s7-rail > li{display:flex}
.s7-card{gap:var(--sp-5);width:100%}
.s7-q{
font-size:var(--fs-body);line-height:var(--lh-lead);letter-spacing:var(--tr-body);
color:var(--ink);max-width:var(--measure-prose);
}
.s7-card__foot{
display:flex;align-items:center;gap:var(--sp-3);
margin-top:auto;padding-top:var(--sp-5);border-top:1px solid var(--line);
}
.s7-ava{
flex:none;display:grid;place-items:center;
width:var(--sp-7);height:var(--sp-7);
border:1px solid var(--line);border-radius:var(--r-circle);
color:var(--line-strong);
}
.s7-ava svg{width:var(--icon);height:var(--icon);stroke-width:var(--icon-sw)}
.s7-card__id{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}
.s7-name{
font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:var(--lh-flat);
color:var(--ink);text-decoration:none;align-self:flex-start;
}
.s7-role{
font-size:var(--fs-small);line-height:var(--lh-lead);letter-spacing:var(--tr-body);
color:var(--muted);
}
@media (max-width:1024px){
.s7-wall{grid-template-columns:repeat(2,1fr)}
.s7-amb-head{display:block}
.s7-amb-head__r{margin-top:var(--sp-5)}
}
@media (max-width:640px){
.s7-tile{min-height:var(--sp-10)}
.s7-tile__row{width:100%;justify-content:space-between}
.s7-foot{align-items:flex-start;gap:var(--sp-6)}
.s7-foot .btn{width:100%}
.s7-rule{margin-block:var(--sp-10)}
.s7-rail{
grid-auto-columns:82%;
overflow-x:auto;scroll-snap-type:x mandatory;
scroll-padding-inline:0;
scrollbar-width:none;padding-bottom:var(--sp-2);
mask-image:linear-gradient(to right,#000 calc(100% - var(--sp-7)),transparent);
}
.s7-rail::-webkit-scrollbar{display:none}
.s7-rail > li{scroll-snap-align:start}
}
#historie{--s8-measure:44ch}
#historie .sec-head .lead{max-width:var(--s8-measure)}
#historie .sec-head + *{margin-top:var(--sp-9)}
.btn--wait{
background:transparent;color:var(--muted);border-color:var(--line);
cursor:default;
}
.s8-rail{
display:grid;grid-auto-flow:column;grid-auto-columns:1fr;
grid-template-rows:auto 1fr auto auto auto;
gap:var(--sp-5) var(--grid-gap);align-items:stretch;
}
.s8-card{
display:grid;grid-row:1 / -1;grid-template-rows:subgrid;
gap:var(--sp-5);
border:0;border-top:1px solid var(--line);border-radius:0;
padding-top:var(--sp-4);
transition:border-color var(--t-base);
}
.s8-card:hover{border-top-color:var(--line-strong)}
.s8-quote{
align-self:start;margin-bottom:var(--sp-7);
font-size:var(--fs-quote);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);
color:color-mix(in srgb,var(--ink) 78%,var(--paper));
text-wrap:balance;hyphens:none;max-width:var(--s8-measure);
}
.s8-by{display:grid;grid-row:3 / -1;grid-template-rows:subgrid}
.s8-name{
grid-row:1;
border-top:1px solid var(--line);padding-top:var(--sp-5);
font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--tr-h3);
font-weight:var(--fw-medium);color:var(--ink);
}
.s8-by > .btn{grid-row:2;justify-self:start;align-self:center;margin-top:0}
.s8-soon{
grid-row:3;align-self:start;
font-size:var(--fs-small);line-height:1.55;color:var(--muted);
max-width:var(--s8-measure);
}
.s8-hint{display:none}
.s8-foot{margin-top:var(--sp-9)}
#modal-historia-1 .modal__body .claim{margin-top:0}
#modal-historia-1 .modal__body .claim + p{margin-top:var(--sp-6)}
#modal-historia-1 .modal__body p{max-width:var(--s8-measure)}
@media (max-width:1024px){
.s8-rail{
grid-auto-columns:calc((100% - var(--grid-gap)) / 2);
overflow-x:auto;overscroll-behavior-x:contain;
scroll-snap-type:x mandatory;
scroll-padding-inline:var(--gutter);
margin-inline:calc(var(--gutter) * -1);
padding-inline:var(--gutter);
padding-bottom:var(--sp-2);
scrollbar-width:none;
}
.s8-rail::-webkit-scrollbar{display:none}
.s8-card{scroll-snap-align:start}
.s8-hint{display:block;margin-top:var(--sp-5)}
.s8-foot{margin-top:var(--sp-8)}
}
@media (max-width:640px){
.s8-rail{grid-auto-columns:calc(100% - var(--sp-7))}
.s8-foot .btn{width:100%}
}
.s9{--field-h:var(--btn-h)}
.s9 .h2{
font-size:var(--fs-display);line-height:var(--lh-display);
letter-spacing:var(--tr-display);font-weight:var(--fw-regular);
}
.s9-lead,.s9-wspol__txt{max-width:calc(var(--measure-narrow) - var(--sp-4))}
.s9 .s9-grid{
display:grid;grid-template-columns:5fr 7fr;
column-gap:var(--sp-9);row-gap:var(--sp-9);
align-items:start;
margin-top:var(--sp-11);
}
.s9-list{grid-template-columns:1fr;box-shadow:var(--sh-none)}
.s9-list .card{gap:var(--sp-4)}
.s9-list .card__top svg{color:var(--muted)}
.s9-val{
font-style:normal;
font-size:var(--fs-h4);line-height:var(--lh-h4);letter-spacing:var(--tr-h3);
font-weight:var(--fw-regular);color:var(--ink);
}
.s9-val a{
border-bottom:1px solid transparent;padding-bottom:2px;
transition:color var(--t-base),border-color var(--t-base);
}
.s9-val a:hover{color:var(--gold-dark);border-bottom-color:var(--gold-dark)}
.s9-line{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}
.s9-copy{
display:inline-flex;align-items:center;justify-content:center;flex:none;
width:var(--btn-h-sm);height:var(--btn-h-sm);
border:1px solid var(--line);border-radius:var(--r-circle);
color:var(--muted);
transition:border-color var(--t-base),color var(--t-base);
}
.s9-copy:hover{border-color:var(--ink);color:var(--ink)}
.s9-copy svg{width:var(--icon);height:var(--icon);stroke-width:var(--icon-sw)}
.s9-rej{
display:flex;flex-wrap:wrap;gap:var(--sp-3) var(--sp-5);
margin-top:var(--sp-6);
font-family:var(--mono);font-size:var(--fs-eyebrow);line-height:var(--lh-flat);
letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--muted);
}
.s9-form{padding-top:var(--card-pad)}
.s9-form .field__label{
font-family:var(--mono);font-size:var(--fs-eyebrow);line-height:var(--lh-flat);
letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--muted);
}
.s9-form .field{gap:var(--sp-3)}
.s9-form .input,.s9-form .select,.s9-form .textarea,.s9-form .form__msg{border-radius:var(--r-md)}
.s9-form .textarea{resize:none;height:calc(var(--field-h) * 4);min-height:0}
.s9-form .check{gap:var(--sp-3)}
.s9-form .check input{margin-top:0;border-color:var(--line-strong)}
.s9-form .check span{max-width:var(--measure-prose)}
.s9-form .btn-row{margin-top:var(--sp-2)}
.s9-band{
margin-top:var(--sp-10);padding-top:var(--sp-10);
border-top:1px solid var(--line);
}
.s9-band--split{
display:grid;grid-template-columns:5fr 7fr;
column-gap:var(--sp-9);row-gap:var(--sp-6);
align-items:start;
}
.s9-map{
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
gap:var(--sp-5);
padding:var(--sp-7) var(--sp-8);
background:var(--paper-2);
border:1px solid var(--line);border-radius:var(--r-md);
box-shadow:var(--sh-none);
overflow:hidden;
}
.s9-map:has(iframe){padding:0;gap:0}
.s9-map iframe{width:100%}
.s9-map__adres{
display:grid;grid-template-columns:auto 1fr;align-items:start;
gap:var(--sp-4);
font-size:var(--fs-body);line-height:var(--lh-lead);color:var(--ink);
}
.s9-map__adres svg{width:var(--icon-lg);height:var(--icon-lg);stroke-width:var(--icon-sw);flex:none}
.s9-wspol__txt{
margin-top:var(--sp-5);
font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);
}
.s9-wspol{padding-top:var(--sp-2)}
.s9-wspol .chip-row{gap:var(--sp-3)}
.s9-wspol .chip{min-height:var(--btn-h-sm)}
@media (max-width:1024px){
.s9 .s9-grid,.s9-band--split{grid-template-columns:1fr}
.s9 .s9-grid{margin-top:var(--sp-10);row-gap:var(--sp-9)}
.s9-band--split{row-gap:var(--sp-6)}
.s9-form{padding-top:0}
.s9-wspol{padding-top:0}
}
@media (max-width:640px){
.s9-map{padding:var(--sp-6)}
.s9-map__adres{gap:var(--sp-3);font-size:var(--fs-small)}
.s9-map .btn{width:100%}
}
