:root{--ink:#273c57;--paper:#f5f8fb;--muted:#718299;--line:rgba(39,60,87,.18);--blue:#b7d7ee;--teal-1:#19515e;--teal-2:#277889}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 64px));margin:auto}.site-header{border-top:4px solid #171717}.navigation{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.brand{font-weight:800;font-size:15px;letter-spacing:-.04em}.nav-links{display:flex;gap:24px;color:var(--muted)}.nav-links a{transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-cta{color:var(--ink)!important;border-bottom:1px solid currentColor;padding-bottom:3px}.menu-toggle{display:none}.hero{position:relative;min-height:555px;display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:end;padding:72px 0 66px}.eyebrow,.section-label{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}h1,h2,h3,p{margin-top:0}.hero h1{margin:30px 0 0;font-size:clamp(58px,8.3vw,118px);line-height:.88;letter-spacing:-.075em;font-weight:500}.hero-copy{max-width:280px;padding-bottom:10px;font-size:15px;line-height:1.45}.hero-copy h2{font-size:21px;line-height:1.03;letter-spacing:-.05em;font-weight:500;margin-bottom:18px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid currentColor;padding:12px 15px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s}.button:hover,.button:focus-visible{background:var(--ink);color:var(--paper)}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover,.button-primary:focus-visible{background:transparent;color:var(--ink)}.scroll-note{position:absolute;right:0;bottom:24px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.statement-band{background:var(--ink);color:var(--paper);padding:68px 0}.statement-grid,.services-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px}.statement-band .section-label{color:#c8dbea}.statement{margin:0;font-size:clamp(38px,5.5vw,70px);line-height:.94;letter-spacing:-.065em;font-weight:500}.statement span{color:var(--blue)}.work{padding:76px 0 88px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading h2{max-width:540px;margin:14px 0 0;font-size:clamp(34px,4vw,56px);line-height:.94;letter-spacing:-.065em;font-weight:500}.project-module{width:calc(100% + 64px);margin-left:-32px;display:grid;grid-template-columns:.8fr 1.15fr .58fr;gap:8px;min-height:405px;padding:16px;background:#c9d5df;border:3px solid #536d85;box-shadow:8px 8px 0 rgba(39,60,87,.12)}.project-left,.project-right{display:grid;gap:8px;min-width:0}.project-left{grid-template-rows:1fr .78fr}.project-right{grid-template-rows:.62fr 1fr}.project-panel{border:2px solid #536d85;padding:17px;color:#405a71;overflow:hidden}.project-tag-panel{background:#a9bfd3;clip-path:polygon(0 0,100% 0,100% 58%,0 100%)}.project-tag{display:inline-block;background:#536d85;color:#f6fafc;padding:4px 7px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.project-tag-panel p{margin:8px 0 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.project-note-panel{background:#e4edf4;clip-path:polygon(0 0,100% 20%,100% 100%,0 100%);font-size:16px;line-height:1.08;letter-spacing:-.035em}.project-center{position:relative;display:flex;flex-direction:column;justify-content:center;padding:28px;background:#496a83;border:2px solid #536d85;color:#f7fafc}.project-data{position:absolute;top:10px;left:14px;margin:0;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#d9eaf4}.project-center h3{margin:0;max-width:310px;font-size:clamp(36px,4.8vw,62px);line-height:.84;letter-spacing:-.075em;font-weight:500}.project-center>p:last-child{max-width:155px;margin:22px 0 0;font-size:12px;line-height:1.15;color:#f0f5f8}.project-detail-panel{background:#d5e3ee;font-size:14px;line-height:1.05;letter-spacing:-.035em}.project-dial-panel{display:grid;place-items:center;background:#c7d8e4}.project-dial{width:72px;height:72px;border:2px solid #66809a;border-radius:50%;background:#c6d9e6;box-shadow:inset 0 0 0 9px #aac3d6,4px 5px 0 rgba(83,109,133,.18)}.services{border-top:1px solid var(--line);padding:86px 0}.services-intro h2{margin:20px 0 0;font-size:clamp(31px,3.4vw,46px);line-height:.94;letter-spacing:-.065em;font-weight:500}.services-intro>p:last-child{max-width:230px;margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(150px,.65fr) 18px;gap:18px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--line)}.service-number,.service p,.service-arrow{font-size:12px;color:var(--muted)}.service h3{margin:0;font-size:clamp(28px,4vw,52px);line-height:.95;letter-spacing:-.06em;font-weight:500}.service p{margin:0;line-height:1.35}.service-arrow{font-size:18px;transition:transform .2s,color .2s}.service:hover .service-arrow{color:var(--ink);transform:translateX(5px)}.mix{--ink:#fff;--paper:#17404b;--muted:#d1e6e8;background:linear-gradient(135deg,var(--teal-1),var(--teal-2) 58%,#1b5865);color:var(--ink);padding:88px 0 94px}.mix-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px}.mix .section-label{color:var(--muted)}.mix h2{margin:14px 0 22px;font-size:clamp(48px,6.5vw,82px);line-height:.86;letter-spacing:-.075em;font-weight:500}.mix-copy>p:not(.section-label){max-width:300px;line-height:1.45}.mix .button{margin-top:26px}.mix .button:hover,.mix .button:focus-visible{background:#fff;color:#17404b}.sliders{border-top:1px solid rgba(255,255,255,.44)}.slider-row{padding:19px 0;border-bottom:1px solid rgba(255,255,255,.34)}.slider-labels{display:flex;justify-content:space-between;margin-bottom:10px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.slider-labels div{display:flex;flex-direction:column;gap:4px}.slider-labels div:last-child{text-align:right;align-items:end}.slider-labels b{font-weight:500}.slider-labels small{font-size:10px;letter-spacing:0;text-transform:none;color:var(--muted)}.range-wrap{position:relative;height:24px}.mix-slider{position:relative;z-index:3;width:100%;height:24px;margin:0;accent-color:#fff;cursor:pointer;background:transparent}.midpoint{position:absolute;z-index:4;left:50%;top:50%;width:2px;height:6px;transform:translate(-50%,-50%);background:#c9edf1;box-shadow:0 0 0 1px rgba(13,48,60,.48);pointer-events:none}.mix-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 26px;margin-top:20px;font-size:12px;line-height:1.6;font-weight:600;letter-spacing:.03em}.mix-result strong{grid-column:1/-1}.mix-result span{white-space:nowrap}.footer{display:grid;grid-template-columns:1fr 1.6fr auto auto;gap:20px;align-items:start;padding:30px 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.footer p,.footer span{margin:0;color:var(--muted)}.footer a{border-bottom:1px solid currentColor;padding-bottom:3px}@media(max-width:720px){.shell{width:min(100% - 40px,1120px)}.navigation{position:relative}.menu-toggle{display:block;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;letter-spacing:.08em;text-transform:uppercase}.nav-links{position:absolute;top:100%;right:0;left:0;z-index:10;display:none;flex-direction:column;gap:0;padding:14px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.nav-links.is-open{display:flex}.nav-links a{padding:12px 0}.nav-cta{width:max-content}.hero,.statement-grid,.services-grid,.mix-grid{grid-template-columns:1fr}.hero{display:block;min-height:0;padding:84px 0 70px}.hero-copy{max-width:320px;margin-top:44px}.scroll-note{display:none}.statement-band{padding:56px 0}.statement-grid,.services-grid,.mix-grid{gap:28px}.work{padding:68px 0 72px}.section-heading{display:block}.section-heading .button{margin-top:22px}.project-module{width:calc(100% + 40px);margin-left:-20px;grid-template-columns:1fr;gap:10px;padding:10px;min-height:auto}.project-left,.project-right{grid-template-columns:1fr 1fr;grid-template-rows:auto;min-height:170px}.project-center{min-height:300px}.project-center h3{font-size:50px}.services{padding:70px 0}.service{grid-template-columns:32px 1fr 18px;gap:12px}.service p{grid-column:2}.service-arrow{grid-column:3;grid-row:1}.mix{padding:72px 0}.mix-result{grid-template-columns:1fr}.footer{grid-template-columns:1fr;gap:10px}.footer span{margin-top:6px}}
.direction-result:not([hidden]){display:block!important;margin-top:20px;padding:18px;border:1px solid rgba(255,255,255,.42);background:rgba(8,42,51,.18)}.direction-kicker{margin:0 0 8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.direction-result h3{margin:0;font-size:clamp(24px,2.8vw,34px);line-height:1;letter-spacing:-.05em;font-weight:500}.direction-copy{max-width:510px;margin:12px 0 0;font-size:14px;line-height:1.45}.direction-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 26px;margin-top:17px;font-size:12px;line-height:1.6;font-weight:600;letter-spacing:.03em}.direction-values strong{grid-column:1/-1}.direction-values span{white-space:nowrap}.direction-start{margin-top:18px!important}.direction-button{font:inherit;color:inherit;background:transparent;cursor:pointer}@media(max-width:720px){.direction-values{grid-template-columns:1fr}}
.direction-readings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.26)}.direction-readings span{display:flex;flex-direction:column;gap:3px;font-size:12px;font-weight:600}.direction-readings b{font-size:9px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}@media(max-width:720px){.direction-readings{grid-template-columns:repeat(2,minmax(0,1fr))}}
.direction-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:19px;border-top:1px solid rgba(255,255,255,.28)}.direction-profile-axis{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.24)}.direction-profile-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:12px}.direction-profile-title strong{font-size:13px}.direction-profile-title span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.direction-profile-poles{display:flex;justify-content:space-between;margin-top:9px;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.direction-profile-meter{position:relative;height:5px;margin-top:8px;background:rgba(10,42,49,.63)}.direction-profile-meter:after{content:"";position:absolute;left:50%;top:-2px;width:2px;height:9px;background:#c9edf1;transform:translateX(-50%)}.direction-profile-dot{position:absolute;z-index:1;top:-4px;width:13px;height:13px;border-radius:50%;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 3px rgba(255,255,255,.13)}@media(max-width:720px){.direction-profile-grid{grid-template-columns:1fr}}
.direction-result:not([hidden]){display:grid!important;grid-template-columns:.7fr 1.3fr;column-gap:44px;row-gap:0;margin-top:44px!important;padding:25px 0 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.44)!important;background:transparent!important}.direction-result .direction-kicker{grid-column:1;grid-row:1;margin:0!important;align-self:start}.direction-result h3{grid-column:2;grid-row:1;margin:0!important;max-width:700px;font-size:clamp(32px,4.25vw,58px)!important;line-height:.92!important}.direction-result .direction-copy{grid-column:1;grid-row:2;margin:18px 0 0!important;max-width:300px}.direction-result .direction-profile-grid{grid-column:1/-1;grid-row:3;margin-top:28px!important}.direction-result .direction-start{grid-column:2;grid-row:4;justify-self:start;margin:24px 0 0!important}@media(max-width:720px){.direction-result:not([hidden]){grid-template-columns:1fr;gap:0;margin-top:32px!important}.direction-result .direction-kicker,.direction-result h3,.direction-result .direction-copy,.direction-result .direction-profile-grid,.direction-result .direction-start{grid-column:1;grid-row:auto}.direction-result h3{margin-top:12px!important}.direction-result .direction-copy{margin-top:14px!important}.direction-result .direction-profile-grid{margin-top:22px!important}.direction-result .direction-start{margin-top:22px!important}}
.mix-shell.is-showing-direction .slider-row{display:none}.mix-shell.is-showing-direction .sliders{min-height:430px;display:flex;align-items:center}.mix-shell.is-showing-direction .direction-result:not([hidden]){display:block!important;width:100%;margin:0!important;padding:0!important;border:0!important;background:transparent!important}.mix-shell.is-showing-direction .direction-result .direction-kicker{margin:0 0 14px!important}.mix-shell.is-showing-direction .direction-result h3{margin:0!important;max-width:600px;font-size:clamp(40px,5vw,70px)!important;line-height:.9!important}.mix-shell.is-showing-direction .direction-result .direction-copy{margin:22px 0 0!important;max-width:430px;font-size:16px}.mix-shell.is-showing-direction .direction-result .direction-start{margin:28px 0 0!important}@media(max-width:720px){.mix-shell.is-showing-direction .sliders{min-height:0;padding:16px 0}.mix-shell.is-showing-direction .direction-result h3{font-size:clamp(38px,10vw,58px)!important}}
.direction-result[hidden]{display:none!important}
.slider-state{position:absolute;left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#d1e6e8;white-space:nowrap}.slider-labels{position:relative}
.mix-shell.is-showing-direction .direction-result h3 span{display:block;margin-top:.13em;color:#c9edf1;font-size:.62em;line-height:1}
.contact{border-top:1px solid var(--line);padding:88px 0;background:#edf4fa}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:44px}.contact-intro h2{margin:18px 0 0;font-size:clamp(36px,4.6vw,62px);line-height:.92;letter-spacing:-.065em;font-weight:500}.contact-intro>p:last-child{max-width:300px;margin:20px 0 0;font-size:15px;line-height:1.45;color:var(--muted)}.project-form{display:grid;gap:18px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-form label{display:grid;gap:8px;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid #8aa1b6;border-radius:0;background:#f9fcff;color:var(--ink);padding:12px;font:inherit;font-size:14px;letter-spacing:0;text-transform:none}.project-form textarea{resize:vertical;line-height:1.45}.project-form .button{justify-self:start;font:inherit;cursor:pointer}.form-status{min-height:18px;margin:0;font-size:12px;line-height:1.35;color:var(--muted)}@media(max-width:720px){.contact{padding:70px 0}.contact-grid,.form-row{grid-template-columns:1fr}.contact-grid{gap:32px}}
.project-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid #536d85;border-radius:0;background:#edf4fa;color:var(--ink);padding:30px;box-shadow:10px 12px 0 rgba(39,60,87,.18)}.project-dialog::backdrop{background:rgba(15,31,44,.64)}.dialog-heading{display:flex;justify-content:space-between;gap:28px;margin-bottom:30px}.dialog-heading h2{margin:15px 0 0;font-size:clamp(35px,5vw,58px);line-height:.91;letter-spacing:-.065em;font-weight:500}.dialog-heading p:last-child{max-width:390px;margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.4}.dialog-close{width:36px;height:36px;flex:0 0 auto;border:1px solid currentColor;border-radius:0;background:transparent;color:var(--ink);font-size:26px;line-height:1;cursor:pointer}.project-dialog .project-form{max-width:none}@media(max-width:720px){.project-dialog{padding:22px}.dialog-heading{gap:16px;margin-bottom:24px}.dialog-close{width:34px;height:34px}.project-dialog .form-row{grid-template-columns:1fr}}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.project-form .concept-option{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid #8aa1b6;background:#f9fcff;letter-spacing:0;text-transform:none;cursor:pointer}.project-form .concept-option input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--ink)}.concept-option span{display:grid;gap:4px}.concept-option strong{font-size:14px;line-height:1.2}.concept-option small{font-size:12px;line-height:1.35;color:var(--muted)}
.form-direction{display:grid;gap:5px;padding:14px;border-left:3px solid var(--ink);background:#dceaf4}.form-direction span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.form-direction strong{font-size:15px;line-height:1.2}.form-direction small{font-size:12px;line-height:1.35;color:var(--muted)}
.form-direction.is-pending{border-left-color:#8aa1b6;background:#e7f0f7}.form-direction.is-pending strong{color:var(--muted)}
.build-direction{display:none;width:max-content;margin-top:7px;border:0;border-bottom:1px solid currentColor;padding:0 0 3px;background:transparent;color:var(--ink);font:inherit;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.form-direction.is-pending .build-direction{display:inline-flex;gap:8px;align-items:center}
.service{grid-template-columns:minmax(0,1fr) minmax(150px,.65fr)!important}.project-dialog{padding:22px!important}.dialog-heading{margin-bottom:20px!important}.dialog-heading h2{font-size:clamp(32px,4.5vw,52px)!important}.project-form{gap:13px!important}.form-row{gap:13px!important}.project-form input,.project-form select,.project-form textarea{padding:10px!important}.project-form .concept-option{padding:10px!important}@media(max-width:720px){.service{grid-template-columns:1fr!important}.service p{grid-column:auto!important}}
