:root { --bg:#f6f2e9; --surface:#fffcf5; --surface-alt:#e9e4d8; --ink:#17231f; --ink-soft:#41514a; --border:#c9c3b5; --accent:#a43f24; --accent-strong:#7f2e19; --accent-weak:#f2ddd4; --space-2xs:.25rem; --space-xs:.5rem; --space-sm:.75rem; --space-md:1rem; --space-lg:1.5rem; --space-xl:2rem; --space-2xl:3rem; --space-3xl:4.5rem; --space-4xl:6rem; --shell:1080px; --measure:68ch; --gutter:clamp(1rem,4vw,2rem); --shadow:0 6px 20px rgb(23 35 31 / 8%); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--bg); color:var(--ink); font:1.0625rem/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } a { color:var(--accent-strong); text-underline-offset:3px; } a:hover { color:var(--accent); } :focus-visible { outline:3px solid var(--accent); outline-offset:3px; } .shell { width:min(var(--shell),calc(100% - (var(--gutter) * 2))); margin-inline:auto; } .measure { max-width:var(--measure); } h1,h2,h3,p { margin-top:0; } h1,h2,h3,.brand span { font-family:Georgia,"Times New Roman",serif; } h1 { max-width:15ch; margin-bottom:var(--space-lg); font-size:clamp(2.4rem,5vw,4.5rem); line-height:1.04; letter-spacing:-.025em; } h2 { max-width:20ch; margin-bottom:var(--space-lg); font-size:clamp(1.8rem,3vw,2.7rem); line-height:1.15; letter-spacing:-.02em; } h3 { margin-bottom:var(--space-xs); font-size:1.35rem; line-height:1.25; } .eyebrow,.scope,.dossier-meta,.dossier-head,.dossier-foot,th,.numbered-rows>article>span,.process-list>li>span { font-size:.75rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; } .skip-link { position:absolute; left:var(--space-md); top:-100px; z-index:4; padding:var(--space-sm) var(--space-md); background:var(--ink); color:var(--surface); } .skip-link:focus { top:var(--space-md); } .site-header { position:sticky; z-index:3; top:0; border-bottom:1px solid var(--border); background:rgb(246 242 233 / 95%); backdrop-filter:blur(10px); } .header-inner { display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:var(--space-lg); } .brand { color:var(--ink); text-decoration:none; display:grid; line-height:1.15; } .brand span { font-size:1.25rem; font-weight:700; letter-spacing:-.03em; } .brand small { max-width:26ch; margin-top:var(--space-2xs); color:var(--ink-soft); font-size:.72rem; } nav { display:flex; align-items:center; gap:var(--space-lg); } nav a { font-size:.875rem; font-weight:650; } .button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:var(--space-sm) var(--space-lg); border:1px solid var(--accent); border-radius:10px; background:var(--accent); box-shadow:0 1px 2px rgb(23 35 31 / 12%); color:#fff; font:inherit; font-weight:700; text-align:center; text-decoration:none; cursor:pointer; transition:background-color 160ms ease,transform 160ms ease,box-shadow 160ms ease; } .button:hover { background:var(--accent-strong); color:#fff; box-shadow:var(--shadow); } .button:active { transform:translateY(1px); } .button:disabled { opacity:.6; cursor:not-allowed; } .button-small { min-height:44px; padding-inline:var(--space-md); } .hero { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:clamp(2rem,7vw,6rem); align-items:center; padding-block:var(--space-4xl); } .hero-copy { padding-bottom:var(--space-lg); } .lede { max-width:60ch; color:var(--ink-soft); font-size:1.2rem; } .hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-md); margin-block:var(--space-xl); } .text-link { font-weight:700; } .scope { max-width:60ch; color:var(--ink-soft); line-height:1.8; } .scope span { padding-inline:var(--space-2xs); } .dossier-preview { padding:var(--space-xl); border:1px solid var(--border); border-radius:14px; background:var(--surface); box-shadow:var(--shadow); } .dossier-head { display:flex; justify-content:space-between; color:var(--ink-soft); } .dossier-preview h2 { max-width:13ch; margin:var(--space-xl) 0 var(--space-xs); font-size:clamp(1.6rem,2.8vw,2.4rem); } .dossier-meta,.dossier-foot { color:var(--ink-soft); } .dossier-row { display:grid; grid-template-columns:32px 1fr auto; gap:var(--space-sm); align-items:start; padding-block:var(--space-md); border-top:1px solid var(--border); } .dossier-row strong,.dossier-row em { font:700 .68rem/1.4 ui-monospace,"Cascadia Mono",Consolas,monospace; color:var(--ink-soft); text-transform:uppercase; } .dossier-row b,.dossier-row span { display:block; } .dossier-row span { margin-top:var(--space-2xs); color:var(--ink-soft); font-size:.82rem; line-height:1.4; } .dossier-foot { margin:var(--space-lg) 0 0; font-size:.62rem; } .problem { display:grid; grid-template-columns:4px minmax(0,1fr); gap:var(--space-xl); padding-block:var(--space-3xl); } .rule { background:var(--accent); } .section,.about { padding-block:var(--space-4xl); } .numbered-rows { border-top:1px solid var(--border); } .numbered-rows article { display:grid; grid-template-columns:80px minmax(0,1fr); gap:var(--space-lg); padding-block:var(--space-xl); border-bottom:1px solid var(--border); } .numbered-rows article>span { color:var(--ink-soft); } .numbered-rows p,.process-list p,.standards dd,.fit li,.about p { max-width:var(--measure); margin-bottom:0; color:var(--ink-soft); } .qualification { max-width:var(--measure); margin-block:var(--space-xl); padding-left:var(--space-md); border-left:3px solid var(--accent); color:var(--ink-soft); } .band,.request-band { background:var(--surface-alt); } .pilot-grid { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:var(--space-3xl); padding-block:var(--space-4xl); } .pilot-grid p { color:var(--ink-soft); } .table-wrap { overflow-x:auto; } table { width:100%; border-collapse:collapse; } th,td { padding:var(--space-sm) var(--space-md); border-bottom:1px solid var(--border); text-align:left; vertical-align:top; } thead { border-top:1px solid var(--border); } tbody th { width:38%; font:inherit; font-weight:700; } .process-list { max-width:var(--measure); padding:0; margin:0; list-style:none; counter-reset:process; } .process-list li { display:grid; grid-template-columns:64px 1fr; gap:var(--space-md); padding-block:var(--space-xl); border-top:1px solid var(--border); } .process-list li:last-child { border-bottom:1px solid var(--border); } .process-list>li>span { color:var(--accent-strong); font-size:1.5rem; letter-spacing:-.04em; } .bridge { margin:var(--space-xl) 0 0; color:var(--ink-soft); } .standards dl { margin:0; border-top:1px solid var(--border); } .standards dl>div { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr); gap:var(--space-xl); padding-block:var(--space-lg); border-bottom:1px solid var(--border); } .standards dt { font-weight:750; } .standards dd { margin:0; } .fit-columns { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr); gap:var(--space-3xl); } ul { padding-left:1.2em; } li+li { margin-top:var(--space-sm); } .not-fit { color:var(--ink-soft); } .faq { max-width:var(--measure); margin-top:var(--space-3xl); } details { padding:var(--space-md) 0; border-top:1px solid var(--border); } details:last-child { border-bottom:1px solid var(--border); } summary { cursor:pointer; font-weight:700; } details p { max-width:62ch; margin:var(--space-sm) 0 0; color:var(--ink-soft); } .about { border-top:1px solid var(--border); } .request-band { padding-block:var(--space-4xl) var(--space-2xl); } .request-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(320px,1fr); gap:var(--space-3xl); align-items:start; } .request-layout>div>p:not(.eyebrow) { max-width:55ch; color:var(--ink-soft); } .email-fallback { margin-top:var(--space-xl); } .request-form { padding:var(--space-xl); border:1px solid var(--border); border-radius:14px; background:var(--surface); box-shadow:var(--shadow); } .field { margin-bottom:var(--space-lg); } label { display:block; margin-bottom:var(--space-xs); font-size:.94rem; font-weight:700; } .optional { font-weight:400; color:var(--ink-soft); } input { display:block; width:100%; min-height:48px; padding:var(--space-sm); border:1px solid var(--border); border-radius:6px; background:var(--surface); color:var(--ink); font:inherit; } input:focus { border-color:var(--accent); outline:3px solid var(--accent-weak); } input[aria-invalid="true"] { border-color:var(--accent-strong); } .field-error { min-height:1.4em; margin:var(--space-2xs) 0 0; color:var(--accent-strong); font-size:.85rem; font-weight:650; } .form-help,.form-status { color:var(--ink-soft); font-size:.86rem; } .form-action { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-md); margin-top:var(--space-xl); } .form-status { margin:0; } .form-status.error { color:var(--accent-strong); font-weight:650; } .form-status.success { color:var(--ink); font-weight:650; } .reassurance { margin-top:var(--space-xl); margin-bottom:0; padding-top:var(--space-lg); border-top:1px solid var(--border); font-family:Georgia,"Times New Roman",serif; font-size:1.25rem; } .site-footer { border-top:1px solid var(--border); background:var(--bg); } .footer-grid { display:grid; grid-template-columns:1.5fr 1fr auto; gap:var(--space-xl); align-items:end; padding-block:var(--space-2xl); color:var(--ink-soft); font-size:.85rem; } .footer-email { display:inline-block; margin-top:var(--space-md); } .footer-grid nav { display:grid; gap:var(--space-sm); align-items:start; } .footer-grid p { margin:0; text-align:right; }
@media (max-width:800px) { .header-inner { min-height:auto; padding-block:var(--space-sm); align-items:flex-start; } .header-inner nav { flex-wrap:wrap; justify-content:flex-end; gap:var(--space-xs) var(--space-md); } .hero,.pilot-grid,.request-layout { grid-template-columns:1fr; } .hero { padding-block:var(--space-3xl); } .dossier-preview { max-width:580px; width:100%; margin:auto; } .fit-columns { gap:var(--space-xl); } .footer-grid { grid-template-columns:1fr 1fr; } .footer-grid p { text-align:left; } }
@media (max-width:560px) { body { font-size:1rem; } .brand small { display:none; } .header-inner { gap:var(--space-sm); } .header-inner nav { justify-content:flex-end; } .header-inner nav>a:not(.button) { display:none; } .hero { padding-top:var(--space-2xl); } h1 { font-size:clamp(2.4rem,12vw,3.2rem); } .scope span { padding-inline:0; } .dossier-preview { padding:var(--space-lg); } .dossier-row { grid-template-columns:25px 1fr; } .dossier-row em { grid-column:2; } .numbered-rows article,.process-list li,.standards dl>div { grid-template-columns:1fr; gap:var(--space-xs); } .numbered-rows article>span { font-size:.8rem; } .fit-columns,.footer-grid { grid-template-columns:1fr; } .section,.about { padding-block:var(--space-3xl); } .request-form { padding:var(--space-lg); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; } }