@font-face{font-family:Hanken;src:url('hanken-grotesk.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Caslon;src:url('caslon.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Caslon;src:url('caslon-italic.woff2') format('woff2');font-style:italic;font-display:swap}
:root{--bg:#f0ede6;--fg:#272c36;--muted:#666971;--panel:#e6e2d9;--line:#cdc9c1;--accent:#3f5a87;--soft:#dce0e5;--sans:Hanken,Arial,sans-serif;--serif:Caslon,Georgia,serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;color-scheme:light}
html[data-theme=dark]{--bg:#191b20;--fg:#dedbd4;--muted:#a6a6ac;--panel:#23262c;--line:#41434a;--accent:#b8a68b;--soft:#2b3038;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--accent)}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}svg{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(48px,5.6vw,85px)}h2{font-size:clamp(34px,3.5vw,54px)}h3{font-size:27px;letter-spacing:-.025em}p+p{margin-top:20px}em{font-style:normal;color:var(--accent)}.intro{font-size:20px;line-height:1.6;color:var(--muted);max-width:660px}.eyebrow,.number,.caption,.hero-caption,.window-bar,.window-foot,.header-note,.rail-note,.footer-small{font:10px/1.6 var(--mono);letter-spacing:.09em}.eyebrow{display:block;margin-bottom:22px;text-transform:uppercase;color:var(--accent)}.number{color:var(--accent)}.muted,.caption{color:var(--muted)}.skip{position:absolute;top:-200px;left:20px;background:var(--fg);color:var(--bg);padding:14px;z-index:50}.skip:focus{top:10px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;letter-spacing:-.035em;line-height:1.2;text-decoration:none}.brand-icon{font:23px var(--mono);color:var(--accent);letter-spacing:-.1em}.suffix{font:12px var(--mono);color:var(--accent);margin-left:3px}.site-header nav a{text-decoration:none}.theme-toggle{border:1px solid var(--line);background:transparent;min-height:38px;width:82px;padding:6px 10px;font:12px var(--mono);display:inline-flex;align-items:center;justify-content:center;gap:8px}.theme-toggle[hidden]{display:none}.theme-toggle[aria-pressed=true]{border-color:var(--accent)}.theme-toggle:hover{background:var(--soft)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--fg);color:var(--bg);padding:16px 21px;font-size:14px;font-weight:600;text-decoration:none;line-height:1.35}.button:hover{background:var(--accent);color:var(--bg)}.button span{font-size:20px}.text-link{font-size:14px;font-weight:600;display:inline-block;text-decoration:none;border-bottom:1px solid var(--line);padding:10px 0}.text-link:hover{border-color:var(--accent)}.actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:32px}.hero-caption{margin-top:32px;color:var(--muted);font-size:9px;text-transform:uppercase}.hero h1{margin-bottom:30px}.hero-copy{min-width:0}.console-art{background:var(--panel);border:1px solid var(--line);color:var(--accent);min-width:0}.window-bar{display:flex;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid var(--line);font-size:8px}.window-foot{font-size:9px;padding:16px 18px;border-top:1px solid var(--line);color:var(--muted);letter-spacing:0}.editorial-art{color:var(--accent);min-width:0}.editorial-art figcaption{font:9px/1.5 var(--mono);display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid var(--line);letter-spacing:.05em;color:var(--muted)}.principle-strip{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding:24px 0;color:var(--muted);font:11px/1.5 var(--mono)}.principle-strip span:before{content:'+';margin-right:10px;color:var(--accent)}.section{padding:88px 0}.section-heading{margin-bottom:45px}.section-heading h2{margin-bottom:24px}.section-heading>p:last-child:not(.eyebrow){color:var(--muted)}.service-list{border-top:1px solid var(--line)}.service-item{display:flex;align-items:center;gap:28px;padding:29px 0;border-bottom:1px solid var(--line);text-decoration:none}.service-item>div{flex:1}.service-item .eyebrow{font-size:9px;margin-bottom:9px}.service-item h3{font-size:27px}.service-item .arrow{font-size:24px}.service-item:hover h3{color:var(--accent)}.promise{background:var(--panel);padding:55px;position:relative;border:1px solid var(--line)}.promise h2{max-width:800px;margin-bottom:34px}.promise-copy{max-width:650px;color:var(--muted)}.promise .text-link{color:var(--fg);margin-top:22px}.closing{padding:100px 0}.closing h2{margin-bottom:25px}.closing p{color:var(--muted);max-width:530px;margin-bottom:28px}footer{padding:40px 0 25px;border-top:1px solid var(--line)}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:34px}.footer-main p{font-size:17px;color:var(--muted)}.footer-small{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px;letter-spacing:0}.page-hero{padding:75px 0 65px}.page-hero h1{margin-bottom:28px}.detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:55px;border-top:1px solid var(--line);padding:48px 0}.detail .number{display:block;margin-bottom:20px}.detail h2{font-size:36px;margin-bottom:24px}.detail .intro{font-size:19px}.fit{font-size:14px;color:var(--muted);padding-top:23px;border-top:1px solid var(--line);margin-top:26px}.fit strong{color:var(--fg);font-weight:500}.essay{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:55px;padding:60px 0;border-top:1px solid var(--line)}.essay h2{margin-bottom:25px}.essay p:not(.eyebrow){color:var(--muted)}.essay .text-link{margin-top:22px}.commitments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.commitments article{border-top:1px solid var(--line);padding:25px 0}.commitments h3{margin:20px 0}.commitments p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:55px;padding-bottom:90px;align-items:start}.contact-card{padding:35px;background:var(--panel);border:1px solid var(--line)}.contact-card .email{font-size:clamp(18px,1.9vw,27px);letter-spacing:-.04em;text-decoration:none;overflow-wrap:anywhere;display:block;border-bottom:1px solid var(--line);padding-bottom:23px}.contact-card p:last-child{margin-top:25px;font-size:14px;color:var(--muted)}.contact-grid h2{font-size:34px}.brief-list{list-style:none;counter-reset:brief;padding:0;margin:25px 0}.brief-list li{counter-increment:brief;border-top:1px solid var(--line);padding:17px 0 17px 35px;position:relative;font-size:15px}.brief-list li:before{content:counter(brief,decimal-leading-zero);position:absolute;left:0;top:20px;font:10px var(--mono);color:var(--accent)}.contact-grid .muted{font-size:14px}.ticket-art{color:var(--fg)}.ticket{padding:24px 26px;margin:24px;border:1px solid var(--line);background:var(--bg)}.ticket h3{font-size:24px}.ticket p{font-size:14px;color:var(--muted);margin-top:15px}.ticket .eyebrow{font-size:8px;margin-bottom:12px}.pipeline{display:grid;grid-template-columns:1fr 1fr;padding:0 24px;gap:12px;font:9px var(--mono);color:var(--accent)}.pipeline span{border-left:2px solid var(--accent);padding:9px}.ticket.output{border-color:var(--accent)}.process-demo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);border:1px solid var(--line);background:var(--panel)}.step-tabs{display:flex;flex-direction:column}.step-tabs button{border:0;border-bottom:1px solid var(--line);padding:22px;background:transparent;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:18px;text-align:left;width:100%;min-width:0}.step-tabs button span{font:11px var(--mono);color:var(--muted)}.step-tabs button:last-child{border-bottom:0}.step-tabs button[aria-selected=true]{background:var(--soft);box-shadow:inset 3px 0 var(--accent);color:var(--accent)}.step-panels{border-left:1px solid var(--line);padding:35px;display:flex;align-items:center}.step-panels h3{font-size:32px;margin-bottom:20px}.step-panels p{font-size:16px;color:var(--muted)}[hidden]{display:none!important}.caption{margin-top:17px;font-size:9px;letter-spacing:0}.managed{padding:55px;background:var(--panel);border-top:3px solid var(--accent);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px}.managed h3{margin-bottom:20px}.managed p{color:var(--muted)}.managed .button{margin-top:28px}.ownership{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line)}.ownership>div{padding:40px}.ownership>div:first-child{background:var(--panel)}.ownership>div+div{border-left:1px solid var(--line)}.ownership ul{list-style:none;margin:25px 0 0;padding:0}.ownership li{border-top:1px solid var(--line);padding:12px 0;color:var(--muted);font-size:15px}.status{padding:30px;border-left:2px solid var(--accent);background:var(--panel);margin-top:30px}.status p{font-size:16px;color:var(--muted)}html[data-spelling=gray] .grey,html:not([data-spelling=gray]) .gray{display:none}
/* Workbench: persistent index, technical plates, quiet charcoal. */
.direction-3 .site-header{position:fixed;inset:0 auto 0 0;width:220px;border-right:1px solid var(--line);padding:38px 25px;display:flex;flex-direction:column;background:var(--panel);z-index:5}.direction-3 .brand{font-size:18px;align-items:flex-start;gap:9px}.direction-3 .brand-icon{font-size:20px}.direction-3 .header-note{font-size:8px;color:var(--muted);margin-top:22px;letter-spacing:.04em}.direction-3 nav{display:flex;flex-direction:column;gap:0;margin:55px 0 35px}.direction-3 nav a{font-size:13px;padding:14px 0;border-bottom:1px solid var(--line)}.direction-3 nav a[aria-current]{color:var(--accent)}.direction-3 nav a[aria-current]:before{content:'↳ ';}.direction-3 .rail-note{margin-top:auto;font-size:8px;color:var(--muted);line-height:2}.direction-3 .page{margin-left:220px;padding:0 clamp(28px,4.5vw,80px);max-width:1800px}.direction-3 .hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:center;padding:80px 0}.direction-3 h1{font-size:clamp(45px,4.7vw,76px);font-weight:500;letter-spacing:-.055em}.direction-3 .hero .intro{font-size:18px}.direction-3 .hero .actions{gap:16px}.direction-3 .hero .button{font-size:12px;padding:15px 16px;gap:12px}.direction-3 .hero .text-link{font-size:12px}.direction-3 .service-index{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:45px}.direction-3 .service-index h2{font-size:40px}.direction-3 .service-item{padding:26px 0;gap:20px}.direction-3 .service-item h3{font-size:23px}.direction-3 .promise h2{font-size:45px}.direction-3 .closing{max-width:740px}
/* Fieldnotes: a journal masthead, expressive typography and generous spreads. */
.direction-4{--accent:#435f86}.direction-4 .site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1440px;margin:0 auto;padding:28px 52px;border-bottom:1px solid var(--line)}.direction-4 .header-note,.direction-4 .rail-note{display:none}.direction-4 .site-header nav{display:flex;align-items:center;gap:28px;margin-left:auto}.direction-4 nav a{font-size:13px;padding:8px 0}.direction-4 nav a[aria-current]{border-bottom:1px solid var(--accent)}.direction-4 .brand-icon{font-family:var(--serif);font-size:27px}.direction-4 .page{max-width:1440px;margin:auto;padding:0 52px}.direction-4 h1,.direction-4 h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}.direction-4 h1{font-size:clamp(60px,7.8vw,118px);line-height:1.03}.direction-4 h2{font-size:clamp(42px,4.6vw,67px)}.direction-4 em{font-style:italic}.direction-4 .hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:65px;padding:85px 0 60px;align-items:center}.direction-4 .hero .eyebrow{margin-bottom:38px}.direction-4 .hero .intro{max-width:580px}.direction-4 .hero .editorial-art{transform:translateY(25px)}.direction-4 .hero .editorial-art svg{min-height:330px}.direction-4 .principle-strip{font:12px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.06em;padding:26px 0}.direction-4 .principle-strip span:before{content:'—';}.direction-4 .service-index .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 40px}.direction-4 .service-index .section-heading .eyebrow{grid-row:1/3}.direction-4 .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:0;gap:0 65px}.direction-4 .service-item{border-top:1px solid var(--line);border-bottom:0;min-height:170px;align-items:flex-start;padding:28px 0}.direction-4 .service-item:last-child{grid-column:1/-1;max-width:610px}.direction-4 .service-item h3{font-family:var(--serif);font-size:35px;max-width:390px}.direction-4 .promise{background:transparent;border:0;border-block:1px solid var(--line);padding:65px 0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 70px}.direction-4 .promise>.eyebrow{grid-column:1/-1}.direction-4 .promise h2{font-size:60px}.direction-4 .promise-copy{padding-top:7px}.direction-4 .closing{text-align:center;padding:100px 0}.direction-4 .closing p{margin-left:auto;margin-right:auto}.direction-4 .footer-main p{font-family:var(--serif);font-size:26px}.direction-4 .page-hero{padding-block:80px}.direction-4 .page-hero h1{font-size:clamp(56px,6.8vw,100px)}.direction-4 .detail h2{font-family:var(--serif);font-size:46px}.direction-4 .detail{padding-block:60px}.direction-4 .managed{background:var(--soft);border:0;padding:65px}.direction-4 .managed h2{font-size:70px}.direction-4 .product-art{position:relative;min-height:480px;padding:0 5px 35px}.big-ticket,.small-ticket{position:relative;background:var(--panel);padding:30px;border:1px solid var(--line);width:78%;z-index:1}.big-ticket{transform:rotate(-5deg)}.big-ticket h3,.small-ticket h3{font-family:var(--serif);font-size:40px;line-height:1.03}.big-ticket .eyebrow,.small-ticket .eyebrow{margin-bottom:22px!important;font-size:9px}.paper-lines{margin-top:25px}.paper-lines i{display:block;height:1px;background:var(--line);margin-top:10px}.paper-lines i:last-child{width:65%}.small-ticket{margin: -30px 0 0 auto;transform:rotate(5deg);background:var(--soft);z-index:2}.review-mark{display:block;font:9px/1.5 var(--mono);margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.flow-arrow{position:absolute;right:0;top:70px;font-size:100px;line-height:1}.product-art figcaption{margin-top:35px;position:relative;z-index:3}.process-grid{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:50px 0 25px}.process-grid li{padding-top:20px;border-top:1px solid var(--line)}.big-number{font-family:var(--serif);font-size:65px;line-height:1;color:var(--accent)}.process-grid h3{font-size:23px;margin:22px 0 15px}.process-grid p{font-size:15px;color:var(--muted)}html[data-theme=dark] .direction-4{--accent:#a3b2ca;--soft:#282e39}html[data-theme=light] .direction-3{--accent:#776143;--bg:#e9e7e2;--panel:#dedcd6;--soft:#d4d5d7}
@media(min-width:1600px){.direction-3 .hero{gap:70px}}
@media(max-width:1150px){.direction-3 .site-header{width:185px;padding:30px 20px}.direction-3 .page{margin-left:185px;padding-inline:32px}.direction-3 .brand{font-size:16px}.direction-3 .hero{grid-template-columns:1fr;gap:35px;padding-top:60px}.direction-3 .hero-copy{max-width:700px}.direction-3 .console-art{max-width:650px}.direction-3 .console-art svg{max-height:350px}.direction-3 .ticket-art{max-width:600px}.direction-3 .service-index{grid-template-columns:1fr}.direction-3 .service-index .section-heading{margin-bottom:0}.direction-4 .site-header{padding:25px 32px;gap:20px}.direction-4 .site-header nav{gap:18px}.direction-4 .page{padding-inline:32px}.direction-4 .hero{gap:30px}.direction-4 h1{font-size:74px}.direction-4 .brand{font-size:18px}.direction-4 .promise h2{font-size:50px}.direction-4 .managed{padding:40px}.direction-4 .managed h2{font-size:58px}.direction-4 .product-art{min-height:420px}.big-ticket,.small-ticket{padding:24px}.big-ticket h3,.small-ticket h3{font-size:32px}.contact-grid{gap:30px}.contact-card{padding:27px}.detail,.essay{gap:35px}}
@media(max-width:760px){body{font-size:16px}.direction-3 .site-header,.direction-4 .site-header{position:relative;inset:auto;width:auto;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:24px 12px;align-items:center;margin:0 24px;padding-inline:0;border:0;border-bottom:1px solid var(--line);background:transparent}.direction-3 .site-header nav,.direction-4 .site-header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:12px;margin:0}.direction-3 .site-header nav a,.direction-4 .site-header nav a{font-size:11px;padding:6px 0;border:0;white-space:nowrap}.direction-3 .site-header nav a[aria-current],.direction-4 .site-header nav a[aria-current]{border-bottom:1px solid var(--accent)}.direction-3 .header-note,.direction-3 .rail-note{display:none}.direction-3 .brand,.direction-4 .brand{font-size:19px;align-items:center}.theme-toggle{grid-column:2;grid-row:1;width:70px;font-size:11px;padding:6px}.direction-3 .page,.direction-4 .page{margin:0;padding:0 24px}.direction-3 .hero,.direction-4 .hero{display:grid;grid-template-columns:minmax(0,1fr);padding:46px 0 35px;gap:35px}.direction-3 h1{font-size:clamp(47px,10vw,68px)}.direction-4 h1{font-size:clamp(56px,12vw,80px)}.hero .eyebrow{font-size:9px;margin-bottom:25px!important}.hero .intro,.direction-3 .hero .intro{font-size:18px}.actions{gap:15px}.hero-caption{font-size:8px}.direction-4 .hero .editorial-art{transform:none}.direction-4 .hero .editorial-art svg{min-height:0}.direction-4 .product-art{min-height:0;padding:12px 5px 0}.big-ticket,.small-ticket{width:78%}.big-ticket h3,.small-ticket h3{font-size:36px}.small-ticket{margin-top:-12px}.product-art figcaption{font-size:8px}.flow-arrow{font-size:75px;top:35px}.principle-strip,.direction-4 .principle-strip{display:flex;flex-direction:column;gap:12px;padding:22px 0;font-size:11px;letter-spacing:0}.section{padding:58px 0}.section-heading{margin-bottom:30px}h2,.direction-3 .service-index h2{font-size:36px}.direction-4 h2{font-size:44px}.direction-3 .service-index,.direction-4 .service-index .section-heading,.direction-4 .service-list{display:block}.direction-4 .service-index .section-heading .eyebrow{margin-bottom:22px}.service-item,.direction-3 .service-item,.direction-4 .service-item{gap:17px;padding:24px 0;min-height:0}.service-item h3,.direction-3 .service-item h3{font-size:24px}.direction-4 .service-item h3{font-size:31px}.service-item .eyebrow{font-size:8px}.promise{padding:30px 25px}.direction-3 .promise h2{font-size:36px}.direction-4 .promise{display:block;padding:45px 0}.direction-4 .promise h2{font-size:44px}.direction-4 .promise-copy{padding:0}.closing,.direction-4 .closing{padding:65px 0}.footer-main,.footer-small{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.footer-small{font-size:9px;gap:12px}.footer-main .brand{font-size:20px}.direction-4 .footer-main p{font-size:24px}.page-hero,.direction-4 .page-hero{padding:48px 0}.page-hero h1,.direction-4 .page-hero h1{font-size:clamp(48px,10.5vw,70px)}.page-hero .intro{font-size:18px}.detail,.essay{display:block;padding:35px 0}.detail>div:first-child{display:flex;align-items:baseline;gap:20px}.detail h2,.direction-4 .detail h2{font-size:34px}.detail .intro{font-size:18px}.detail .eyebrow{font-size:9px}.fit{font-size:14px}.commitments{grid-template-columns:1fr;gap:10px}.commitments h3{font-size:25px}.contact-grid{grid-template-columns:1fr;gap:40px;padding-bottom:55px}.contact-card{padding:28px 22px}.contact-card .email{font-size:23px}.contact-grid h2{font-size:33px}.ticket{margin:20px;padding:20px}.window-bar{font-size:7px;padding:14px}.pipeline{font-size:8px;gap:10px;padding-inline:20px}.window-foot{font-size:8px}.process-demo{grid-template-columns:minmax(0,1fr)}.step-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.step-tabs button{font-size:14px;padding:17px 12px;gap:8px;border-bottom:1px solid var(--line)!important}.step-tabs button:nth-child(odd){border-right:1px solid var(--line)}.step-tabs button span{font-size:9px}.step-panels{border:0;padding:30px 25px;min-height:260px}.step-panels h3{font-size:29px}.managed,.direction-4 .managed{grid-template-columns:1fr;gap:30px;padding:32px 25px}.direction-4 .managed h2{font-size:52px}.managed h3{font-size:25px}.ownership{grid-template-columns:1fr}.ownership>div{padding:30px}.ownership>div+div{border-left:0;border-top:1px solid var(--line)}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;margin-top:30px}.big-number{font-size:52px}.process-grid h3{font-size:22px}.process-grid p{font-size:14px}.direction-4 .service-item:last-child{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media print{.site-header,.skip{display:none!important}.direction-3 .page{margin:0}body{print-color-adjust:exact}.detail,.contact-card,.console-art{break-inside:avoid}}

/* Keep labels intact and reserve predictable space for the theme control. */
.button,.text-link,.site-header nav a{white-space:nowrap;flex-shrink:0}
.theme-toggle{height:38px;min-height:38px;flex:0 0 82px;border-radius:0}
.direction-4 .brand,.footer-main .brand{white-space:nowrap;flex-shrink:0}
.direction-4 .site-header nav{flex-shrink:0}
.footer-main .brand{display:block}
@media(max-width:760px){
 .direction-3 .site-header,.direction-4 .site-header{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px 12px;justify-content:space-between}
 .direction-3 .site-header .brand,.direction-4 .site-header .brand{order:0;flex:1 1 auto;white-space:nowrap;font-size:18px}
 .site-header .theme-toggle{order:1;flex:0 0 70px}
 .direction-3 .site-header nav,.direction-4 .site-header nav{order:2;flex:0 0 100%;width:100%;flex-direction:row;justify-content:space-between;margin:0;gap:10px}
 .direction-3 .site-header nav a,.direction-4 .site-header nav a{font-size:10px}
}

.theme-toggle{padding:0;width:82px;max-width:82px}
@media(min-width:1151px){.direction-4 .site-header{display:grid;grid-template-columns:minmax(0,1fr) 480px 82px;column-gap:24px}.direction-4 .site-header nav{margin:0;justify-content:flex-end;width:100%;min-width:0}}
@media(min-width:761px) and (max-width:1150px){.direction-4 .site-header{flex-wrap:wrap}.direction-4 .site-header .brand{order:0}.direction-4 .site-header .theme-toggle{order:1;margin-left:auto}.direction-4 .site-header nav{order:2;flex:0 0 100%;width:100%;margin:0;justify-content:space-between}}
@media(max-width:760px){.site-header .theme-toggle{width:70px;max-width:70px}}

.direction-3 .site-header>.theme-toggle{flex-basis:auto;flex-grow:0;flex-shrink:0}
@media(min-width:1151px){.direction-4 .site-header{grid-template-columns:minmax(0,1fr) 500px 82px;column-gap:0}.direction-4 .site-header nav{padding-right:24px}}