:root{--color-primary:#0F172A;--color-secondary:#334155;--color-accent:#0369A1;--color-neutral-dark:#020617;--color-neutral-light:#F8FAFC;--font-heading:'Lora',serif;--font-body:'Inter',sans-serif;--space-unit:6px;--section-padding:clamp(3.5rem,6vw,5.5rem);--section-padding-tight:clamp(2.5rem,4vw,3.5rem);--gap:1.5rem;--container:1200px;--measure:68ch;--step-display:clamp(2.25rem,4.5vw,3.5rem);--step-h2:clamp(1.75rem,3vw,2.4rem);--step-h3:clamp(1.25rem,2vw,1.5rem);--step-body:1.0625rem;--step-small:.875rem;--leading-display:1.05;--leading-body:1.65;--tracking-display:-.03em;--radius-card:24px;--radius-button:14px;--radius-image:20px;--shadow-rest:0 2px 12px -6px color-mix(in srgb,var(--color-neutral-dark) 30%,transparent);--shadow-hover:0 12px 28px -14px color-mix(in srgb,var(--color-neutral-dark) 40%,transparent);--border-hairline:1px solid color-mix(in srgb,var(--color-neutral-dark) 8%,transparent);--sidebar:240px;--focus:2px;--duration:180ms}
/* === Base === */
*{box-sizing:border-box}body{margin:0;background:var(--color-neutral-light);color:var(--color-primary);font-family:var(--font-body);font-size:var(--step-body);line-height:var(--leading-body)}h1,h2,h3{font-family:var(--font-heading);font-weight:400;line-height:var(--leading-display);letter-spacing:var(--tracking-display);margin:0 0 calc(var(--space-unit)*4)}h1{font-size:var(--step-display);max-width:20ch}h2{font-size:var(--step-h2);max-width:25ch}h3{font-size:var(--step-h3)}p{max-width:var(--measure);margin:0 0 calc(var(--space-unit)*4)}a{color:inherit;text-underline-offset:.2em;transition:color var(--duration),opacity var(--duration)}a:hover,a[aria-current=page]{color:var(--color-accent)}:focus-visible{outline:var(--focus) solid var(--color-accent);outline-offset:var(--focus)}img{display:block;width:100%;object-fit:cover;border-radius:var(--radius-image)}button,input,textarea{font:inherit}button,a.button{cursor:pointer}button:hover,.button:hover{opacity:.85}button{transition:opacity var(--duration)}[hidden]{display:none!important}
/* === Sidebar === */
.sidebar{padding:calc(var(--space-unit)*3);border-bottom:var(--border-hairline)}.logo{display:block;width:max-content;max-width:100%}.logo img{height:72px;width:auto;max-width:100%;object-fit:contain;border-radius:0}.sidebar nav{display:flex;flex-wrap:wrap;gap:calc(var(--space-unit)*2) calc(var(--space-unit)*3);margin-top:calc(var(--space-unit)*3)}.sidebar nav a{text-decoration:none;font-size:var(--step-small)}.sidebar small{display:none}.page{min-width:0}.inner{max-width:var(--container);margin-inline:auto;padding-inline:calc(var(--space-unit)*4)}
/* === Editorial sections === */
.hero{padding-block:var(--section-padding)}.eyebrow{font-size:var(--step-small);text-transform:uppercase;letter-spacing:.12em;color:var(--color-secondary);margin-bottom:calc(var(--space-unit)*4)}.hero .sub{color:var(--color-secondary);max-width:var(--measure)}.hero img{aspect-ratio:21/9;margin-top:calc(var(--space-unit)*7)}.button{display:inline-block;padding:calc(var(--space-unit)*2) calc(var(--space-unit)*4);border-radius:var(--radius-button);background:var(--color-primary);color:var(--color-neutral-light);text-decoration:none;border:var(--border-hairline);font-size:var(--step-body)}.hero .button{background:var(--color-accent)}.button:hover{color:var(--color-neutral-light)}.intro{padding-block:var(--section-padding);border-top:var(--border-hairline)}.intro p{margin-bottom:0}.intro.tinted{background:color-mix(in srgb,var(--color-secondary) 8%,var(--color-neutral-light));border:0}.highlights{padding-block:var(--section-padding)}.cards{display:grid;gap:var(--gap);counter-reset:item}.card{border-top:var(--border-hairline);padding-top:calc(var(--space-unit)*4);counter-increment:item}.card:before{content:'0' counter(item);display:block;font-size:var(--step-small);font-variant-numeric:tabular-nums;color:var(--color-secondary);margin-bottom:calc(var(--space-unit)*4)}.card p{margin:0}.card-link{display:block;text-decoration:none;border-radius:var(--radius-card);transition:color var(--duration),transform var(--duration)}.card-link:hover{transform:translateY(calc(var(--space-unit)*-.33))}.quote-section{padding-block:var(--section-padding-tight)}blockquote{margin:0;padding-block:calc(var(--space-unit)*6);border-top:var(--border-hairline);border-bottom:var(--border-hairline)}blockquote p{font-family:var(--font-heading);font-size:var(--step-h3)}cite{font-style:normal;font-size:var(--step-small);color:var(--color-secondary)}.contact-band{padding-block:var(--section-padding-tight);border-top:var(--border-hairline)}.cta-band{padding-block:var(--section-padding);background:var(--color-primary);color:var(--color-neutral-light)}.cta-band .button{background:var(--color-neutral-light);color:var(--color-primary)}.image-strip{margin:0;padding-bottom:var(--section-padding-tight)}.image-strip img{aspect-ratio:21/9;border-radius:0}.contact-layout{display:grid;gap:var(--gap)}
/* === Form === */
.contact-form{padding-block:var(--section-padding-tight);max-width:var(--measure)}.contact-form>label{display:block;margin-bottom:calc(var(--space-unit)*4)}input:not([type=checkbox]),textarea{display:block;width:100%;padding:calc(var(--space-unit)*2);margin-top:var(--space-unit);border:1px solid var(--color-secondary);border-radius:var(--radius-button);background:var(--color-neutral-light);color:var(--color-primary)}textarea{resize:vertical}.contact-form .form-consent{display:flex;gap:calc(var(--space-unit)*2);align-items:baseline;font-size:var(--step-small)}input[type=checkbox]{flex-shrink:0}table{border-collapse:collapse;width:100%;font-size:var(--step-small)}td,th{text-align:left;font-weight:400;padding:calc(var(--space-unit)*2) 0;border-bottom:var(--border-hairline)}
/* === Footer === */
.site-footer{padding-block:var(--section-padding-tight);border-top:var(--border-hairline)}.footer-grid{display:grid;gap:calc(var(--space-unit)*6)}.footer-brand{font-family:var(--font-heading);font-size:var(--step-h3)}.site-footer p,.site-footer address,.site-footer nav{font-size:var(--step-small)}.site-footer address{font-style:normal;overflow-wrap:anywhere}.site-footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-unit)}.legal{margin-top:calc(var(--space-unit)*3)}.copyright{margin-top:calc(var(--space-unit)*6);margin-bottom:0;color:var(--color-secondary)}
/* === Consent === */
.cookie-banner{position:fixed;left:calc(var(--space-unit)*3);right:calc(var(--space-unit)*3);bottom:calc(var(--space-unit)*3);display:none;z-index:9999;background:var(--color-neutral-dark);color:var(--color-neutral-light);border-radius:var(--radius-card);padding:calc(var(--space-unit)*4);box-shadow:var(--shadow-rest);max-width:var(--measure);margin-left:auto}.cookie-banner.is-visible{display:block}.cookie-banner p{font-size:var(--step-small);margin-bottom:calc(var(--space-unit)*3)}.cookie-banner__actions{display:flex;gap:calc(var(--space-unit)*2);flex-wrap:wrap}.cookie-banner button{background:var(--color-neutral-light);color:var(--color-primary);border:0;border-radius:var(--radius-button);padding:calc(var(--space-unit)*2);font-size:var(--step-small)}.cookie-banner__prefs{padding-top:calc(var(--space-unit)*3)}.cookie-banner__prefs label{display:block;margin-bottom:calc(var(--space-unit)*2);font-size:var(--step-small)}
/* === Responsive === */
@media(min-width:768px){.logo img{height:96px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-grid{grid-template-columns:.8fr .65fr 1.2fr}.inner{padding-inline:calc(var(--space-unit)*8)}.contact-layout{grid-template-columns:1fr 1fr}}
@media(min-width:900px){body{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-bottom:0;border-right:var(--border-hairline);display:flex;flex-direction:column;padding:calc(var(--space-unit)*4) calc(var(--space-unit)*3)}.sidebar .logo{width:100%;overflow:visible}.sidebar .logo img{max-width:none;width:auto;transform:scale(.56);transform-origin:left center;margin-right:calc(var(--space-unit)*-30)}.sidebar nav{flex-direction:column;gap:calc(var(--space-unit)*3);margin-top:calc(var(--space-unit)*7)}.sidebar small{display:block;margin-top:auto;font-size:var(--step-small);color:var(--color-secondary)}.intro:not(.tinted) .inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:calc(var(--space-unit)*6)}.intro:not(.tinted) h2{position:sticky;top:calc(var(--space-unit)*6);align-self:start}.intro.tinted .inner{max-width:var(--measure)}.hero h1{max-width:20ch}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}