@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600&display=swap");
:root{
  --font-sans:"Inter Tight","Neue Haas Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-display:var(--font-sans);
  --font-body:var(--font-sans);
  --font-label:var(--font-sans);
}
:root{
  color-scheme:light;
    --gray-0:#FFFFFF;--gray-50:#F7F7F5;--gray-100:#EDEDEA;--gray-200:#DCDCD8;--gray-300:#C2C2BD;--gray-400:#9A9A94;--gray-500:#6F6F69;--gray-600:#4D4D48;--gray-700:#33332F;--gray-800:#1E1E1B;--gray-900:#121210;--gray-950:#0A0A09;--gray-1000:#000000;
    --orange-500:#FF4D00;--orange-600:#E04400;--orange-400:#FF6A2B;--orange-300:#FF8A55;--orange-50:#FFF0E8;--orange-950:#2B1408;
    --color-bg:#FFFFFF;--color-bg-subtle:#F7F7F5;--color-bg-muted:#EDEDEA;--color-bg-inverse:#0A0A09;--color-bg-overlay:rgb(10 10 9 / 0.6);
    --color-fg:#0A0A09;--color-fg-muted:#6F6F69;--color-fg-subtle:#9A9A94;--color-fg-inverse:#FFFFFF;
    --color-border:#DCDCD8;--color-border-strong:#C2C2BD;--color-border-inverse:#33332F;
    --color-primary:#0A0A09;--color-primary-hover:#33332F;--color-primary-active:#4D4D48;--color-primary-fg:#FFFFFF;--color-primary-subtle:#EDEDEA;
    --color-secondary:#FF4D00;--color-secondary-hover:#E04400;--color-secondary-fg:#FFFFFF;--color-secondary-subtle:#FFF0E8;
    --color-success:#1F7A3E;--color-success-fg:#FFFFFF;--color-success-subtle:#E8F5EC;
  --color-warning:#B45309;--color-warning-fg:#FFFFFF;--color-warning-subtle:#FDF3E1;
  --color-error:#B91C1C;--color-error-fg:#FFFFFF;--color-error-subtle:#FDEAEA;
    --text-body:var(--color-fg);--text-muted:var(--color-fg-muted);--text-placeholder:var(--color-fg-subtle);--text-on-inverse:var(--color-fg-inverse);
  --surface-page:var(--color-bg);--surface-alt:var(--color-bg-subtle);--surface-hover:var(--color-bg-muted);--surface-card:var(--color-bg);--surface-inverse:var(--color-bg-inverse);
  --rule:var(--color-border);--rule-strong:var(--color-border-strong);
  --link-underline-hover:var(--color-secondary);
}
.inverse,[data-inverse]{background:var(--color-bg-inverse);color:var(--color-fg-inverse);--color-border:var(--color-border-inverse);--color-fg-muted:#9A9A94;}
:root{
  --weight-regular:400;--weight-medium:500;--weight-semibold:600;
    --type-size-2xs:0.625rem;
  --type-size-xs:0.6875rem;
  --type-size-sm:clamp(0.8125rem,0.78rem + 0.15vw,0.875rem);  --type-size-base:clamp(0.9375rem,0.9rem + 0.2vw,1.0625rem);  --type-size-md:clamp(1.0625rem,1rem + 0.35vw,1.25rem);  --type-size-lg:clamp(1.25rem,1.15rem + 0.45vw,1.5rem);  --type-size-xl:clamp(1.5rem,1.3rem + 0.9vw,2rem);  --type-size-2xl:clamp(2rem,1.6rem + 1.8vw,3rem);  --type-size-3xl:clamp(2.5rem,1.7rem + 3.6vw,4.5rem);  --type-size-4xl:clamp(3.5rem,1.8rem + 7.2vw,7.5rem);  --type-size-display:clamp(5rem,1.5rem + 15vw,12.5rem);  --leading-none:1;--leading-display:0.88;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.55;
  --tracking-display:-0.05em;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-label:0.08em;
    --type-size-heading-1:var(--type-size-4xl);--type-size-heading-2:var(--type-size-3xl);--type-size-heading-3:var(--type-size-2xl);--type-size-heading-4:var(--type-size-xl);--type-size-heading-5:var(--type-size-lg);
  --type-size-lead:var(--type-size-md);--type-size-body-size:var(--type-size-base);--type-size-caption:var(--type-size-sm);--type-size-label:var(--type-size-xs);
  --measure-prose:64ch;
  font-feature-settings:"ss01","cv11","tnum";
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
}
.t-display{font:400 var(--type-size-display)/var(--leading-display) var(--font-sans);letter-spacing:var(--tracking-display);text-wrap:balance}
.t-h1{font:400 var(--type-size-4xl)/0.95 var(--font-sans);letter-spacing:-0.04em;text-wrap:balance}
.t-h2{font:400 var(--type-size-3xl)/1.02 var(--font-sans);letter-spacing:-0.03em;text-wrap:balance}
.t-h3{font:400 var(--type-size-2xl)/1.1 var(--font-sans);letter-spacing:-0.02em;text-wrap:balance}
.t-h4{font:500 var(--type-size-xl)/1.2 var(--font-sans);letter-spacing:-0.015em}
.t-h5{font:500 var(--type-size-lg)/1.3 var(--font-sans);letter-spacing:-0.01em}
.t-lead{font:400 var(--type-size-md)/1.45 var(--font-sans)}
.t-body{font:400 var(--type-size-base)/1.55 var(--font-sans);max-width:var(--measure-prose)}
.t-small{font:400 var(--type-size-sm)/1.5 var(--font-sans)}
.t-label{font:500 var(--type-size-xs)/1 var(--font-sans);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-fg-muted)}
.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;
  --stack-gap:var(--space-4);--inline-gap:var(--space-2);
  --section-gap:var(--space-20);
  --card-padding-sm:var(--space-4);--card-padding:var(--space-6);--card-padding-lg:var(--space-8);
}
@media (min-width:1024px){:root{--section-gap:var(--space-32)}}
.stack{display:flex;flex-direction:column;gap:var(--stack-gap)}
.cluster{display:flex;flex-wrap:wrap;gap:var(--inline-gap);align-items:center}
:root{
    --radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-full:9999px;
  --border-hairline:1px;--border-thick:2px;
    --shadow-none:none;
  --shadow-float:0 1px 0 0 var(--color-border),0 8px 24px -8px rgb(0 0 0 / 0.12);
  --shadow-modal:0 24px 48px -12px rgb(0 0 0 / 0.24);
  --z-below:-1;--z-base:0;--z-raised:10;--z-sticky:100;--z-dropdown:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;}
.rule{border-top:var(--border-hairline) solid var(--color-border)}
.rule--strong{border-top-color:var(--color-border-strong)}
:root{
  --duration-instant:80ms;--duration-fast:160ms;--duration-base:280ms;--duration-slow:480ms;--duration-reveal:900ms;  --ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in:cubic-bezier(0.7,0,0.84,0);--ease-in-out:cubic-bezier(0.83,0,0.17,1);--ease-linear:linear;}
@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}}
:root{
  --bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;  --cols:4;--gutter:var(--space-4);--margin:var(--space-4);
  --container-wide:1680px;--container-prose:64ch;--container-narrow:480px;
  --nav-h:56px;
}
@media (min-width:640px){:root{--cols:6;--margin:var(--space-6)}}
@media (min-width:768px){:root{--cols:8;--gutter:var(--space-6)}}
@media (min-width:1024px){:root{--cols:12;--margin:var(--space-8);--nav-h:64px}}
@media (min-width:1280px){:root{--gutter:var(--space-10);--margin:var(--space-10)}}
@media (min-width:1536px){:root{--margin:var(--space-16)}}
.container{width:100%;margin-inline:auto;padding-inline:var(--margin);max-width:var(--container-wide)}
.grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--space-8)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font-sans);font-size:var(--type-size-base);line-height:var(--leading-normal);color:var(--color-fg);background:var(--color-bg)}
img,picture,video,canvas,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
a{color:inherit;text-decoration:underline;text-underline-offset:0.14em;text-decoration-thickness:1px;transition:text-decoration-color var(--duration-instant) var(--ease-out)}
a:hover{text-decoration-color:var(--color-secondary)}
:where(h1,h2,h3,h4,h5,h6){font-weight:400;margin:0;overflow-wrap:break-word}
:focus{outline:none}
:focus-visible{outline:var(--border-thick) solid var(--color-primary);outline-offset:2px}
[data-inverse] :focus-visible,.inverse :focus-visible{outline-color:var(--color-fg-inverse)}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:0}
.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}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (prefers-contrast:more){:root{--color-border:var(--color-border-strong);--border-thick:3px}}
@font-face{font-family:"Clemente PD";src:url("assets/fonts/ClementePD-ExtraLight.ttf") format("truetype");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Clemente PD";src:url("assets/fonts/ClementePD-Light.ttf") format("truetype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Clemente PD";src:url("assets/fonts/ClementePD-Book.ttf") format("truetype");font-weight:350;font-style:normal;font-display:swap}
@font-face{font-family:"Clemente PD";src:url("assets/fonts/ClementePD-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Clemente PD";src:url("assets/fonts/ClementePD-SemiBold.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Clemente PD";src:url("assets/fonts/ClementePD-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
:root{--font-display:"Clemente PD",var(--font-sans)}
.preloader{position:fixed;inset:0;z-index:var(--z-tooltip);display:grid;place-items:center;background:var(--color-bg);transition:opacity 280ms var(--ease-out),visibility 0s 280ms}
.preloader svg{width:40px;height:40px;fill:var(--color-fg)}
.preloader .o{fill:var(--color-secondary);animation:pre-pulse 900ms var(--ease-out) infinite alternate}
@keyframes pre-pulse{from{opacity:0.25}to{opacity:1}}
html[data-loaded] .preloader{opacity:0;visibility:hidden}
@media (prefers-reduced-motion:reduce){.preloader{transition:none}.preloader .o{animation:none}}
html{scroll-padding-top:var(--nav-h);scroll-behavior:smooth}
body{font-size:var(--type-size-base)}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
.nav{position:sticky;top:0;z-index:var(--z-sticky);display:flex;justify-content:space-between;align-items:center;height:var(--nav-h);padding-inline:var(--margin);background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:var(--type-size-base);font-weight:500;letter-spacing:-0.02em;text-decoration:none;white-space:nowrap}
.brand .mark{width:22px;height:22px;flex:none;fill:currentColor}
.brand .mark .o{fill:var(--color-secondary)}
.nav-links{display:none}
.nav-links a{font-size:var(--type-size-sm);font-weight:500;text-decoration:none;text-underline-offset:0.4em;text-decoration-thickness:1px;white-space:nowrap}
.nav-links a:hover,.nav-links a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--color-secondary)}
.nav-actions{display:flex;align-items:center;gap:var(--space-2)}
.nav-actions .btn{display:none}
.menu-btn{width:40px;height:40px;background:none;border:0;cursor:pointer;font-size:20px;line-height:1;padding:0}
.menu{position:fixed;inset:0;z-index:var(--z-modal);background:var(--color-bg);padding:var(--space-4) var(--margin);display:none;flex-direction:column}
.menu[data-open]{display:flex}
.menu-top{display:flex;justify-content:space-between;align-items:center;height:var(--nav-h)}
.menu nav{display:grid;gap:var(--space-6);padding-top:var(--space-12)}
.menu nav a{font:400 var(--type-size-2xl)/1.1 var(--font-sans);letter-spacing:-0.02em;text-decoration:none}
.menu nav a:hover,.menu nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--color-secondary);text-decoration-thickness:1px}
body[data-menu-open]{overflow:hidden}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);font-size:var(--type-size-sm);font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:0;cursor:pointer;background:var(--color-primary);color:var(--color-primary-fg);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}
.btn:hover{background:var(--color-primary-hover)}
.btn:active{background:var(--color-primary-active)}
.btn--sm{height:32px;padding:0 var(--space-3)}
.btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--type-size-base)}
.btn--outline{background:transparent;color:inherit;border-color:var(--color-border-strong)}
.btn--outline:hover{background:var(--color-bg-subtle);border-color:var(--color-fg)}
.inverse .btn--outline{border-color:var(--color-border-inverse)}
.inverse .btn--outline:hover{background:transparent;border-color:var(--color-fg-inverse)}
.btn .arrow,.link .arrow{display:inline-block;transition:transform var(--duration-fast) var(--ease-out)}
.btn:hover .arrow{transform:translateX(2px)}
.link{display:inline-flex;align-items:baseline;gap:var(--space-2);font-size:var(--type-size-sm);font-weight:500;text-decoration:none;padding-bottom:4px;border-bottom:1px solid var(--color-border-strong);transition:border-color var(--duration-instant)}
.link:hover{border-color:var(--color-secondary)}
.link:hover .arrow{transform:translateX(4px)}
.inverse .link{border-color:var(--color-border-inverse)}
.inverse .link:hover{border-color:var(--color-secondary)}
.sec-icon{display:block;width:28px;height:28px;flex:none;color:var(--color-fg)}
.inverse .sec-icon{color:var(--color-fg-inverse)}
.sec-head{display:grid;gap:var(--space-5);align-content:start}
.stack-lg>.sec-icon{margin-bottom:calc(-1 * var(--space-1))}
.hero{padding:var(--space-24) var(--margin) var(--space-16)}
.hero h1{max-width:16ch}
.hero .t-lead{max-width:52ch;margin-top:var(--space-10)}
.section{padding:var(--section-gap) var(--margin);border-top:1px solid var(--color-border)}
.section--alt{background:var(--color-bg-subtle)}
.section--tight{padding-top:0;border-top:0}
.inverse{border-top:0}
.inverse .muted{color:#9A9A94}
.muted{color:var(--color-fg-muted)}
.prose{max-width:var(--measure-prose);text-wrap:pretty}
.prose p+p{margin-top:var(--space-4)}
.stack-lg{display:grid;gap:var(--space-6);align-content:start}
.meta-row{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8)}
.meta-row span{font-size:var(--type-size-sm);color:var(--color-fg-muted)}
.meta-row b{font-weight:500;color:var(--color-fg)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--space-8)}
.grid>*{grid-column:1/-1}
.features{display:grid;gap:var(--space-8) var(--gutter);grid-template-columns:1fr}
.feature{border-top:1px solid var(--color-border);padding-top:var(--space-5);display:grid;gap:var(--space-3);align-content:start}
.feature h3{font:500 var(--type-size-lg)/1.3 var(--font-sans);letter-spacing:-0.01em}
.feature p{font-size:var(--type-size-sm);line-height:1.5;color:var(--color-fg-muted)}
.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--card-padding);border:1px solid var(--color-border);background:var(--color-bg);color:inherit;text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out)}
.card h3{font:500 var(--type-size-lg)/1.3 var(--font-sans);letter-spacing:-0.01em;text-underline-offset:0.14em;text-decoration-thickness:1px;text-decoration-color:var(--color-secondary)}
.card p{font-size:var(--type-size-sm);line-height:1.5;color:var(--color-fg-muted)}
.card ul{display:grid;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--type-size-sm);color:var(--color-fg-muted)}
.card .link{margin-top:auto;padding-top:var(--space-4);align-self:flex-start}
a.card:hover{border-color:var(--color-fg)}
a.card:hover h3{text-decoration:underline}
a.card:active{transform:translateY(1px)}
.cards{display:grid;gap:var(--gutter);grid-template-columns:1fr}
.rows{border-top:1px solid var(--color-border)}
.rows li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-6);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border);font:500 var(--type-size-lg)/1.3 var(--font-sans);letter-spacing:-0.01em}
.rows li .arrow{font-size:var(--type-size-lg);line-height:1;color:var(--color-fg-muted)}
.rows--sm li{font:400 var(--type-size-base)/1.5 var(--font-sans);letter-spacing:0;padding:var(--space-4) 0}
.index{border-top:1px solid var(--color-border)}
.index a{display:grid;grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-5) var(--margin);margin:0 calc(-1 * var(--margin));border-bottom:1px solid var(--color-border);text-decoration:none;transition:background var(--duration-fast) var(--ease-out)}
.index a:hover{background:var(--color-bg-subtle)}
.index .title{font:500 var(--type-size-xl)/1.2 var(--font-sans);letter-spacing:-0.015em;text-underline-offset:0.14em;text-decoration-thickness:1px;text-decoration-color:var(--color-secondary)}
.index a:hover .title{text-decoration:underline}
.index .meta{display:flex;gap:var(--space-4);flex-wrap:wrap}
.index .arrow{display:none;font-size:var(--type-size-lg);line-height:1;transition:transform var(--duration-fast) var(--ease-out)}
.index a:hover .arrow{transform:translateX(4px)}
.article{padding:var(--section-gap) var(--margin)}
.mt-16{margin-top:var(--space-16)}
.mt-12{margin-top:var(--space-12)}
.article--flush{padding:0}
.article h2.first{margin-top:0}
.article h2{font:400 var(--type-size-xl)/1.2 var(--font-sans);letter-spacing:-0.015em;margin-top:var(--space-12)}
.article h2+p,.article h2+ul,.article h2+dl{margin-top:var(--space-4)}
.article h3{font:500 var(--type-size-base)/1.4 var(--font-sans);margin-top:var(--space-6)}
.article h3+p{margin-top:var(--space-2)}
.article p+p{margin-top:var(--space-4)}
.article ul li{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}
.article ul li:first-child{border-top:1px solid var(--color-border)}
.article ul+p{margin-top:var(--space-6)}
.article dl{display:grid;gap:0;border-top:1px solid var(--color-border)}
.article dl div{display:grid;gap:var(--space-1);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}
.article dt{font-weight:500}
.article dd{margin:0;color:var(--color-fg-muted);font-size:var(--type-size-sm);line-height:1.5}
.article .links{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-8);margin-top:var(--space-8)}
.article .cta{margin-top:var(--space-10)}
.case{border-top:1px solid var(--color-border);padding:var(--section-gap) var(--margin)}
.case .meta-row{margin-top:var(--space-5)}
.case .article{padding:0}
.cta-band{padding:var(--section-gap) var(--margin)}
.cta-band .grid{align-items:end}
.cta-band .t-h2{max-width:20ch}
.cta-band .actions{display:flex;justify-content:flex-start;align-items:center}
.field{display:grid;gap:var(--space-2)}
.field label{font:500 var(--type-size-xs)/1 var(--font-sans);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-fg-muted)}
.field input,.field textarea{width:100%;min-height:40px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:0;background:var(--color-bg);font-size:var(--type-size-base);line-height:1.4;transition:border-color var(--duration-fast) var(--ease-out)}
.field textarea{padding:var(--space-3) var(--space-4);resize:vertical;min-height:140px}
.field input:hover,.field textarea:hover{border-color:var(--color-fg-muted)}
.field input:focus-visible,.field textarea:focus-visible{border-color:var(--color-fg)}
.form{display:grid;gap:var(--space-6)}
.form .btn{justify-self:start}
.form .hp{display:none}
.form-sent{font-size:var(--type-size-sm);line-height:1.5;padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-bg-subtle)}
.form-sent[hidden]{display:none}
.address{display:grid;gap:var(--space-2);line-height:1.5;font-style:normal}
.f-contact{font-style:normal}
.address a{text-decoration:none}
.footer{padding:var(--space-16) var(--margin) var(--space-8)}
.footer .grid{row-gap:var(--space-10)}
@media (min-width:1024px){.footer .f-links{grid-row:1/3}}
.f-contact{display:grid;gap:var(--space-2);font-size:var(--type-size-sm);color:#9A9A94;align-self:end}
.f-contact a{color:var(--color-fg-inverse);text-decoration:none}
.f-contact a:hover{text-decoration:underline;text-decoration-color:var(--color-secondary)}
.f-links{display:grid;gap:var(--space-3);font-size:var(--type-size-sm)}
.f-links a{text-decoration:none}
.f-links a:hover{text-decoration:underline;text-decoration-color:var(--color-secondary)}
.f-tag{font:400 var(--type-size-xl)/1.2 var(--font-sans);letter-spacing:-0.015em;max-width:22ch;text-wrap:balance}
.f-bottom{border-top:1px solid var(--color-border-inverse);margin-top:var(--space-16);padding-top:var(--space-6);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);font-size:var(--type-size-sm);color:#9A9A94}
.f-legal{display:flex;gap:var(--space-6)}
.f-legal a,.f-legal button{color:inherit;text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.f-legal a:hover,.f-legal button:hover{color:var(--color-fg-inverse);text-decoration:underline;text-decoration-color:var(--color-secondary)}
.media{position:relative;display:block;margin:0;overflow:hidden;background:var(--color-bg-muted)}
.media img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(0.55);transition:transform var(--duration-slow,480ms) var(--ease-out)}
.media--3-2{aspect-ratio:3/2}.media--4-3{aspect-ratio:4/3}.media--wide{aspect-ratio:16/7}
.media-band{padding:0 var(--margin) var(--section-gap)}
.media figcaption{position:absolute;left:0;bottom:0;padding:var(--space-2) var(--space-3);background:var(--color-bg);font-size:var(--type-size-xs);color:var(--color-fg-muted)}
a.card:hover .media img{transform:scale(1.02)}
.policy-toc{display:none;position:sticky;top:calc(var(--nav-h) + var(--space-6));align-self:start;gap:var(--space-3);font-size:var(--type-size-sm)}
.policy-toc a{text-decoration:none;color:var(--color-fg-muted)}
.policy-toc a:hover{color:var(--color-fg);text-decoration:underline;text-decoration-color:var(--color-secondary)}
.article li b{font-weight:500}
.err{padding:var(--space-24) var(--margin) var(--section-gap);min-height:calc(100vh - var(--nav-h))}
.err .t-display{line-height:0.85}
.err .grid{align-items:end}
.err-links{margin-top:var(--space-16);max-width:var(--measure-prose)}
.err-links a{text-decoration:none}
.err-links li:hover a{text-decoration:underline;text-decoration-color:var(--color-secondary)}
.cookie{position:fixed;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);max-width:440px;background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-float);padding:var(--space-6);display:none;flex-direction:column;gap:var(--space-5);max-height:calc(100vh - 2*var(--space-4));overflow:auto;transform:translateY(12px);opacity:0;transition:transform 280ms var(--ease-out),opacity 280ms var(--ease-out)}
.cookie[data-open]{display:flex}
.cookie[data-shown]{transform:none;opacity:1}
.cookie h2{font:500 var(--type-size-lg)/1.3 var(--font-sans);letter-spacing:-0.01em}
.cookie p{font-size:var(--type-size-sm);line-height:1.5;color:var(--color-fg-muted)}
.cookie p a{color:var(--color-fg);text-decoration:underline;text-underline-offset:0.2em;text-decoration-thickness:1px}
.cookie p a:hover{text-decoration-color:var(--color-secondary)}
.cookie-opts{display:none;border-top:1px solid var(--color-border)}
.cookie[data-expanded] .cookie-opts{display:block}
.cookie-opt{display:grid;grid-template-columns:1fr auto;gap:var(--space-1) var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);align-items:center}
.cookie-opt b{font-weight:500;font-size:var(--type-size-sm)}
.cookie-opt p{grid-column:1;font-size:var(--type-size-xs)}
.cookie-opt .sw{grid-column:2;grid-row:1/3}
.sw{position:relative;width:40px;height:22px;flex:none}
.sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.sw span{position:absolute;inset:0;border-radius:var(--radius-full);background:var(--color-border-strong);transition:background var(--duration-fast) var(--ease-out)}
.sw span::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-bg);transition:transform var(--duration-fast) var(--ease-out)}
.sw input:checked+span{background:var(--color-primary)}
.sw input:checked+span::after{transform:translateX(18px)}
.sw input:disabled+span{background:var(--color-secondary);opacity:1}
.sw input:disabled{cursor:default}
.sw input:focus-visible+span{outline:2px solid var(--color-fg);outline-offset:2px}
.cookie-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.cookie-actions .btn{flex:1 1 auto}
.cookie-actions .btn[hidden]{display:none}
.cookie .link-btn{background:none;border:0;padding:0;font:500 var(--type-size-sm)/1 var(--font-sans);color:var(--color-fg);cursor:pointer;text-decoration:underline;text-underline-offset:0.3em;text-decoration-thickness:1px;align-self:flex-start}
.cookie .link-btn:hover{text-decoration-color:var(--color-secondary)}
@media (prefers-reduced-motion:reduce){.cookie,.media img{transition:none}}
@media (min-width:640px){
  .features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .index a{grid-template-columns:minmax(0,7fr) minmax(0,3fr) auto;align-items:baseline}
  .index .arrow{display:inline-block}
  .index .meta{justify-content:flex-start}
}
@media (min-width:1024px){
  .nav{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter)}
  .nav .brand{grid-column:1/3}
  .nav-links{grid-column:3/11;display:flex;gap:var(--space-6);align-items:center}
  .nav-actions{grid-column:11/13;justify-content:flex-end}
  .nav-actions .btn{display:inline-flex}
  .menu-btn{display:none}
  .hero{padding-block:10rem 6rem}
  .features{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cards--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:66%}
  .lg-1-5{grid-column:1/5}.lg-1-6{grid-column:1/6}.lg-1-7{grid-column:1/7}.lg-1-8{grid-column:1/8}.lg-1-9{grid-column:1/9}.lg-1-10{grid-column:1/10}
  .lg-3-9{grid-column:3/9}.lg-3-10{grid-column:3/10}.lg-3-11{grid-column:3/11}.lg-4-13{grid-column:4/13}.lg-5-13{grid-column:5/13}.lg-6-13{grid-column:6/13}.lg-7-13{grid-column:7/13}.lg-8-13{grid-column:8/13}.lg-9-13{grid-column:9/13}
  .lg-span-3{grid-column:span 3}.lg-span-4{grid-column:span 4}.lg-span-6{grid-column:span 6}
  .cta-band .actions{justify-content:flex-end}
  .policy-toc{display:grid}
  .cookie{left:var(--space-8);bottom:var(--space-8)}
}
.t-display,.t-h1,.t-h2,.t-h3,.t-h4,.t-h5,.f-tag,.menu nav a,.feature h3,.card h3,.index .title,.article h2,.cookie h2,.rows li{font-family:var(--font-display)}
[data-texture] .section--alt,[data-texture] .card,[data-texture] .nav,[data-texture] .cookie,[data-texture] .menu{background-color:var(--color-bg)}
[data-texture] .section--alt{background-color:var(--color-bg-subtle)}
[data-texture] .nav{background:color-mix(in srgb,var(--color-bg) 92%,transparent)}
[data-texture="crosshatch"] body{background-color:var(--color-bg);background-image:repeating-linear-gradient(45deg,rgb(10 10 9 / 0.03) 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,rgb(10 10 9 / 0.03) 0 1px,transparent 1px 9px)}
.t-display,.t-h1,.t-h2,.t-h3,.t-h4,.t-h5,.f-tag,.menu nav a,.feature h3,.card h3,.index .title,.article h2,.cookie h2,.rows li{letter-spacing:0.01em}
