:root{--canvas:#fcfcfa;--ink:#002956;--ink-soft:#25445b;--muted:#f0f1ef;--brand-blue:#00688e;--brand-orange:#cc3d00;--muted-foreground:#4e5960;--border:rgba(0,41,86,.15)}
.site-header{background:rgba(252,252,250,.97);backdrop-filter:blur(12px)}
.header-inner{height:84px}.brand{gap:13px;letter-spacing:.11em;font-size:19px}.brand img{height:49px;width:28px;object-fit:contain}.nav a{font-size:11px;letter-spacing:.13em}.nav a:last-child{border-bottom:2px solid var(--brand-orange);padding-block:12px}
.hero{min-height:660px;background:var(--canvas);border-bottom:1px solid var(--border)}
.hero-grid{grid-template-columns:1fr 1.1fr;gap:35px;padding-block:74px 64px;min-height:650px}
.hero-copy{animation:none;position:relative;z-index:2}.hero-kicker{font-size:11px;letter-spacing:.18em;color:var(--brand-blue)}
.hero h1{font-size:clamp(42px,4.55vw,68px);line-height:1.07;font-weight:500;letter-spacing:-.045em;max-width:13ch;font-family:var(--serif)}
.hero h1 em{font-style:normal;color:var(--brand-orange)}.hero-copy p:not(.hero-kicker){font-size:16px;line-height:1.8;max-width:39ch}
.hero-actions{gap:20px;margin-top:28px}.button{font-size:12px;border-radius:0;box-shadow:none;min-height:48px;padding-inline:22px}.button-secondary{border:0;border-bottom:1px solid var(--ink);background:none;padding-inline:0}
.hero-art{position:relative;min-width:0;align-self:stretch;display:flex;align-items:center;padding-top:50px}.hero-drawing{width:100%;mix-blend-mode:multiply;aspect-ratio:3/2;object-fit:contain}.hero-mark{position:absolute;top:0;right:20px;width:91px;height:167px;z-index:1;background:var(--canvas)}
.hero-mark svg{width:100%;height:100%;overflow:visible}.hero-mark .logo-base{animation:base-in .8s both}.hero-mark .logo-blue{animation:blue-in 1.3s .15s both}.hero-mark .logo-orange{animation:orange-in 1.6s .3s both}
.art-label{position:absolute;bottom:10px;left:20px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-foreground);border-left:24px solid var(--brand-orange);padding-left:10px}
.section{padding-block:85px}.section-muted{background:#f4f5f2}.split{display:block;padding-top:0;border:0}.split>div:first-child{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:38px;gap:24px}.section h2{font-size:clamp(30px,3vw,42px);font-weight:400;letter-spacing:-.025em}.split h2{margin:0}.services-grid{gap:30px}.service{border-top:0;padding:0}.service-visual{animation:none;transform:none;filter:none;aspect-ratio:3/2;margin-bottom:25px;overflow:hidden;will-change:auto;background:#fff}.service-visual img{transform:none;object-fit:contain;width:100%;height:100%;mix-blend-mode:multiply}.service h3{font-size:27px;margin-block:10px}.service p{font-size:14px;line-height:1.8}.eyebrow,.eyebrow-num{font-size:10px}.eyebrow-num{display:block;border-top:1px solid var(--border);padding-top:18px}
.projects-head{margin-bottom:35px}.projects-grid{gap:38px 26px}.projects-grid figure{margin:0}.project-media{height:auto;aspect-ratio:4/3}.projects-grid .span-12 .project-media{aspect-ratio:16/7}.project-media img{width:100%;height:100%;object-fit:cover;filter:none!important}.projects-grid figcaption{gap:14px;padding-block:14px}.projects-grid figcaption .eyebrow{line-height:1.6;letter-spacing:.08em}.section-dark{background:#002956}.watermark{opacity:.055}.feature p{color:#d0d9de}.contact-copy p{line-height:1.9}.site-footer{background:#f0f1ef}.footer-grid{gap:40px}.footer .brand img{height:49px}.footer .brand{color:var(--ink)}
:focus-visible{outline:3px solid #00688e;outline-offset:5px}
@keyframes base-in{from{opacity:0;transform:translateY(85px)}to{opacity:1;transform:translateY(0)}}
@keyframes blue-in{from{opacity:0;transform:translateY(-170px)}to{opacity:1;transform:translateY(0)}}
@keyframes orange-in{from{opacity:0;transform:translateY(-340px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-grid{min-height:700px}.hero h1{font-size:72px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1fr;gap:20px}.hero h1{font-size:48px}.hero-mark{width:65px;height:120px;right:10px;top:25px}.split>div:first-child{display:block}.split h2{margin-top:15px}.services-grid{gap:18px}.service h3{font-size:24px}}
@media(max-width:680px){.header-inner{height:72px}.header-inner,.section-inner{width:calc(100% - 36px)}.brand{font-size:17px}.brand img{height:43px;width:25px}.hero{min-height:0}.hero-grid{display:flex;flex-direction:column;min-height:0;padding-block:42px 30px;gap:15px}.hero h1{font-size:44px;max-width:14ch}.hero-copy p:not(.hero-kicker){font-size:15px}.hero-art{width:100%;min-height:280px;padding-top:40px}.hero-mark{top:0;width:55px;height:101px}.hero-drawing{max-height:290px}.art-label{bottom:0;left:0;font-size:9px}.section{padding-block:56px}.services-grid{grid-template-columns:1fr;gap:35px}.service-visual{margin-bottom:16px;aspect-ratio:3/2}.service p{max-width:48ch}.projects-head{display:block}.projects-note{margin-top:18px}.projects-grid{grid-template-columns:1fr;gap:24px}.projects-grid figure{grid-column:auto}.projects-grid .span-12 .project-media{aspect-ratio:4/3}.hero-actions{gap:18px}.button{padding-inline:15px}.button-secondary{padding-inline:0}.contact-grid{gap:30px}.footer-grid{gap:25px}}
.hero-art{isolation:isolate;padding-top:0;min-height:470px}
.hero-mark{width:180px;height:328px;top:0;right:20px;background:transparent}
.hero-rhombi{position:absolute;inset:0;z-index:-1;pointer-events:none}
.rhombus{position:absolute;display:block;width:clamp(290px,25vw,390px);aspect-ratio:1;transform:rotate(45deg) skew(-8deg,-8deg)}
.rhombus-orange{background:#ed7d31;opacity:.16;left:20%;top:-65px}
.rhombus-blue{background:#00688e;opacity:.16;right:-165px;bottom:-30px}
.rhombus-grey{background:#999999;opacity:.18;left:2%;bottom:-190px}
@media(max-width:900px){.hero-mark{width:150px;height:274px;right:10px;top:25px}.rhombus{width:290px}.rhombus-orange{left:16%;top:-25px}.rhombus-grey{left:5%;bottom:-180px}.rhombus-blue{right:-190px;bottom:0}}
@media(max-width:680px){.hero-art{min-height:310px;padding:0}.hero-mark{width:135px;height:246px;top:0;right:10px}.rhombus{width:230px}.rhombus-orange{top:50px;left:10%}.rhombus-blue{right:-115px;bottom:-30px}.rhombus-grey{left:-60px;bottom:-150px}.art-label{z-index:2;background:var(--canvas);padding-block:5px}}
.rhombus{overflow:hidden;opacity:1}
.rhombus-orange{background:#f9e6d7}.rhombus-blue{background:#d6e7eb}.rhombus-grey{background:#eaeae8}
.rhombus img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transform:skew(8deg,8deg) rotate(-45deg) scale(1.65);mix-blend-mode:multiply;opacity:.63}
.rhombus-blue img{opacity:.68;transform:skew(8deg,8deg) rotate(-45deg) translate(-25px,-22px) scale(1.25)}.rhombus-grey img{opacity:.62;object-position:center 35%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}