:root {
  --paper:#f4f0e7; --paper-2:#fbfaf6; --ink:#171714; --soft:#6d6a61; --line:rgba(23,23,20,.16);
  --orange:#f15a2a; --orange-dark:#cf431b; --white:#fff; --shell:min(1320px, calc(100vw - 64px));
  --ease:cubic-bezier(.2,.75,.25,1); --shadow:0 24px 70px rgba(25,22,16,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");z-index:1000}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}.shell{width:var(--shell);margin:0 auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:2000;padding:10px 14px;color:#fff;background:#000}.skip-link:focus{top:16px}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:1200}.scroll-progress span{display:block;width:0;height:100%;background:var(--orange)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1100;transition:background .25s ease,transform .35s var(--ease),border-color .25s ease;border-bottom:1px solid transparent}.site-header.is-scrolled{background:rgba(244,240,231,.92);backdrop-filter:blur(16px);border-color:var(--line)}.site-header.is-hidden{transform:translateY(-102%)}.nav-shell{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:0}.brand-monogram{display:grid;width:36px;height:36px;place-items:center;color:var(--paper);background:var(--ink);font-family:'PT Mono',monospace;font-size:.76rem}.brand-name{font-size:.93rem}.desktop-nav{display:flex;align-items:center;gap:32px;font-size:.82rem;font-weight:600}.desktop-nav>a:not(.nav-connect){position:relative;padding:8px 0}.desktop-nav>a:not(.nav-connect)::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--ink);transition:right .25s var(--ease)}.desktop-nav>a:hover::after,.desktop-nav>a.is-active::after{right:0}.nav-connect{display:flex;align-items:center;gap:18px;padding:11px 15px;color:var(--paper);background:var(--ink)}.nav-connect span{color:var(--orange)}.menu-button{display:none;width:42px;height:42px;border:0;background:transparent}.menu-button span{display:block;width:22px;height:1px;margin:6px auto;background:var(--ink);transition:transform .25s ease}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{position:fixed;inset:82px 0 auto;z-index:1050;padding:26px 32px 34px;background:var(--paper);border-bottom:1px solid var(--line)}.mobile-menu nav{display:grid}.mobile-menu a{padding:14px 0;border-bottom:1px solid var(--line);font-size:1.4rem;font-weight:700}
.section-first{padding-top:150px}.section{padding:140px 0}.micro-label{margin:0;font-family:'PT Mono',monospace;font-size:.68rem;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:50px;padding:0 19px;font-size:.78rem;font-weight:700;transition:transform .25s var(--ease),background .25s ease,color .25s ease}.button:hover{transform:translateY(-2px)}.button-solid{color:var(--paper);background:var(--ink)}.button-solid span,.button-text span,.button-outline span,.button-light span{color:var(--orange)}.button-text{padding:0;border-bottom:1px solid var(--ink)}.button-outline{border:1px solid var(--ink)}.button-light{color:var(--ink);background:var(--paper)}.section-action{padding-top:48px;text-align:right}
.hero{overflow:hidden;padding-bottom:0}.hero-layout{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(360px,.68fr);gap:70px;align-items:end;min-height:720px}.hero-copy{padding-bottom:64px}.hero-label{margin-bottom:36px}.hero h1{max-width:940px;margin:0;font-size:clamp(3.2rem,5.5vw,4rem);line-height:1.18;letter-spacing:0;font-weight:700}.hero h1 span{display:block;overflow:hidden;padding-bottom:.05em;margin-bottom:-.05em}.hero h1 span>i{display:block;font-style:normal}.hero h1 em{color:var(--orange);font-style:normal}.hero-intro{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:750px;margin-top:46px;padding-top:26px;border-top:1px solid var(--line);color:var(--soft);font-size:.98rem}.hero-intro p{margin:0}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.portrait-column{position:relative}.portrait-frame{position:relative;overflow:hidden;min-height:620px;background:var(--ink)}.portrait-frame::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.15);pointer-events:none}.portrait-frame img{position:absolute;z-index:2;left:50%;bottom:0;width:100%;height:98%;transform:translateX(-50%);object-fit:contain;object-position:center bottom}.portrait-block{position:absolute;right:-10%;top:8%;width:73%;height:83%;background:var(--orange)}.portrait-caption{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;padding-top:13px;color:#fff;border-top:1px solid rgba(255,255,255,.45);font-family:'PT Mono',monospace;font-size:.64rem;text-transform:uppercase}.portrait-note{margin:15px 0 0;color:var(--soft);font-family:'PT Mono',monospace;font-size:.62rem;text-transform:uppercase}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:68px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-strip>div{padding:25px 24px;border-right:1px solid var(--line)}.proof-strip>div:first-child{padding-left:0}.proof-strip>div:last-child{border-right:0}.proof-strip strong{display:block;margin-bottom:6px;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.1;letter-spacing:0}.proof-strip span{display:block;max-width:175px;color:var(--soft);font-size:.72rem}
.section-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:80px}.section-intro h2{max-width:800px;margin:16px 0 0;font-size:clamp(2rem,3.8vw,2.5rem);line-height:1.08;letter-spacing:0}.section-intro>p{max-width:480px;margin:0;color:var(--soft);font-size:1rem}.section-intro.compact h2{font-size:clamp(1.75rem,3vw,2.25rem);background:var(--paper-2)}.project-list{display:grid;gap:130px}.project-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:70px;align-items:center}.project-row-reverse{grid-template-columns:minmax(310px,.85fr) minmax(0,1.15fr)}.project-row-reverse .project-image{order:2}.project-row-reverse .project-copy{order:1}.project-image{position:relative;overflow:hidden;margin:0;aspect-ratio:1.5/1;background:#ddd}.project-image img{width:100%;height:115%;object-fit:cover;transform:translateY(-7%);transition:transform .65s var(--ease),filter .4s ease}.project-row:hover .project-image img{transform:translateY(-7%) scale(1.025)}.image-index{position:absolute;left:0;bottom:0;display:grid;width:62px;height:62px;place-items:center;color:var(--paper);background:var(--ink);font-family:'PT Mono',monospace;font-size:.7rem}.project-copy h3{margin:13px 0 20px;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.12;letter-spacing:0}.project-copy>p:not(.micro-label){max-width:580px;margin:0;color:var(--soft);font-size:1.02rem}.project-proof{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:end;max-width:430px;margin:35px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-proof strong{font-size:2.3rem;line-height:1.08;letter-spacing:0}.project-proof span{color:var(--soft);font-size:.72rem}.text-link{display:inline-flex;gap:16px;align-items:center;font-size:.76rem;font-weight:700}.text-link b{color:var(--orange);transition:transform .25s var(--ease)}.project-row:hover .text-link b{transform:translate(3px,-3px)}
.usefulness{color:var(--paper);background:var(--ink)}.usefulness-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.usefulness-heading{position:sticky;top:130px;align-self:start}.usefulness-heading h2{margin:16px 0 24px;font-size:clamp(2rem,3.8vw,2.5rem);line-height:1.08;letter-spacing:0}.usefulness-heading>p:last-child{max-width:460px;color:rgba(244,240,231,.58)}.usefulness-list{border-top:1px solid rgba(244,240,231,.2)}.usefulness-list article{display:grid;grid-template-columns:68px 1fr;gap:28px;padding:34px 0;border-bottom:1px solid rgba(244,240,231,.2)}.line-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgba(244,240,231,.25)}.line-icon svg{width:27px;height:27px;fill:none;stroke:var(--orange);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.usefulness-list h3{margin:8px 0 8px;font-size:clamp(1.5rem,2.5vw,1.75rem);line-height:1.12;letter-spacing:0}.usefulness-list article p:last-child{max-width:610px;margin:0;color:rgba(244,240,231,.58)}
.about-section{background:var(--paper)}.about-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px;align-items:start}.about-portrait{position:sticky;top:130px;min-height:540px;padding:44px 38px;color:var(--paper);background:var(--orange)}.quote-mark{font-size:7rem;line-height:.7;font-weight:800}.about-portrait blockquote{margin:55px 0 70px;font-size:clamp(1.5rem,2.5vw,1.75rem);line-height:1.14;letter-spacing:0;font-weight:700}.about-portrait p{max-width:340px;margin:0;color:rgba(255,255,255,.7);font-size:.78rem}.about-copy h2{margin:16px 0 34px;font-size:clamp(2rem,3.8vw,2.5rem);line-height:1.08;letter-spacing:0}.about-copy p{max-width:780px;color:var(--soft)}.about-copy .lead{color:var(--ink);font-size:1.28rem}.career-list{margin:48px 0 32px;border-top:1px solid var(--line)}.career-list>div{display:grid;grid-template-columns:150px 1fr 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}.career-list span{font-family:'PT Mono',monospace;font-size:.63rem}.career-list strong{font-size:.9rem}.career-list em{color:var(--soft);font-style:normal;font-size:.78rem}
.perspectives-preview{background:var(--paper-2)}.article-list{border-top:1px solid var(--line)}.article-row{display:grid;grid-template-columns:145px 175px 1fr 40px;gap:24px;align-items:center;min-height:125px;padding:18px 0;border-bottom:1px solid var(--line);transition:padding .25s var(--ease),background .25s ease}.article-row:hover{padding-left:18px;padding-right:18px;background:rgba(241,90,42,.06)}.article-date,.article-category{font-family:'PT Mono',monospace;font-size:.62rem;text-transform:uppercase}.article-category{color:var(--orange)}.article-row h3,.article-row h2{max-width:790px;margin:0;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.2;letter-spacing:0}.row-arrow{font-size:1.25rem;transition:transform .25s var(--ease)}.article-row:hover .row-arrow{transform:translate(4px,-4px)}.article-row-large{min-height:175px}.article-row-large h2{font-size:clamp(1.5rem,2.5vw,1.75rem);color:var(--paper);background:var(--ink)}.final-cta-grid{display:grid;grid-template-columns:140px 1.2fr .55fr;gap:50px;align-items:start}.final-cta h2{max-width:780px;margin:0;font-size:clamp(2rem,3.8vw,2.5rem);line-height:1.2;letter-spacing:0}.final-cta-grid>div p{margin:0 0 30px;color:rgba(244,240,231,.6)}
.site-footer{padding:70px 0 28px;color:#f5f1e8;background:#0d0d0b}.footer-grid{display:grid;grid-template-columns:1.6fr .5fr .5fr;gap:60px;padding-bottom:70px}.footer-brand{display:flex;align-items:center;gap:13px;font-weight:700}.footer-brand span{display:grid;width:38px;height:38px;place-items:center;color:var(--ink);background:var(--orange);font-family:'PT Mono',monospace;font-size:.7rem}.footer-grid>div:first-child p{max-width:420px;color:rgba(244,240,231,.5);font-size:.82rem}.footer-nav{display:grid;align-content:start;gap:9px;font-size:.8rem}.footer-nav .micro-label{margin-bottom:12px;color:rgba(244,240,231,.4)}.footer-nav a:hover{color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;padding-top:22px;border-top:1px solid rgba(244,240,231,.16);color:rgba(244,240,231,.4);font-family:'PT Mono',monospace;font-size:.58rem;text-transform:uppercase}
.page-hero{padding-bottom:100px}.page-hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end}.page-hero h1{margin:24px 0 0;font-size:clamp(3.2rem,5.5vw,4rem);line-height:1.18;letter-spacing:0}.page-hero h1 span{display:block;overflow:hidden;padding-bottom:.05em;margin-bottom:-.05em}.page-lede{max-width:500px;margin:0;color:var(--soft);font-size:1.05rem}.work-index{padding-bottom:140px}.work-index-row{position:relative;display:grid;grid-template-columns:50px 220px 1fr 180px 38px;gap:28px;align-items:center;min-height:250px;padding:28px 0;border-top:1px solid var(--line)}.work-index-row:last-child{border-bottom:1px solid var(--line)}.work-number{font-family:'PT Mono',monospace;font-size:.66rem}.work-thumb{overflow:hidden;aspect-ratio:1.36/1}.work-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}.work-index-row:hover .work-thumb img{transform:scale(1.035)}.work-row-copy h2{margin:8px 0 12px;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.1;letter-spacing:0}.work-row-copy>p:last-child{max-width:670px;margin:0;color:var(--soft);font-size:.85rem}.work-row-meta{display:grid;gap:5px;align-self:center}.work-row-meta>span,.work-row-meta small{font-family:'PT Mono',monospace;font-size:clamp(1rem,1.5vw,1.125rem);text-transform:uppercase}.work-row-meta strong{margin-top:16px;font-size:clamp(1.25rem,2vw,1.5rem);letter-spacing:0}.work-row-meta small{color:var(--soft)}
.case-hero{padding-bottom:0}.back-link{display:inline-block;margin-bottom:65px;font-family:'PT Mono',monospace;font-size:.65rem;text-transform:uppercase}.case-title-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.case-title-grid h1{margin:18px 0 0;font-size:clamp(3.2rem,5.5vw,4rem);line-height:1.18;letter-spacing:0}.case-intro>p:first-child{margin:0 0 18px;font-family:'PT Mono',monospace;font-size:.65rem;text-transform:uppercase}.case-intro h2{max-width:660px;margin:0 0 18px;font-size:clamp(1.75rem,3vw,2.25rem);line-height:1.12;letter-spacing:0}.case-intro>p:last-child{max-width:640px;margin:0;color:var(--soft)}.case-image{overflow:hidden;margin:90px 0 0;aspect-ratio:1.75/1;background:#ddd}.case-image img{width:100%;height:116%;object-fit:cover;transform:translateY(-7%)}.case-metrics{color:var(--paper);background:var(--ink)}.case-metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.case-metric-grid>div{min-height:180px;padding:34px 26px;border-right:1px solid rgba(244,240,231,.16)}.case-metric-grid>div:last-child{border-right:0}.case-metric-grid strong{display:block;margin-bottom:13px;color:var(--orange);font-size:clamp(1.6rem,2.4vw,2rem);line-height:1.08;letter-spacing:0}.case-metric-grid span{display:block;max-width:180px;color:rgba(244,240,231,.55);font-size:.72rem}.story-grid{display:grid;grid-template-columns:1fr;gap:38px}.story-grid h2,.case-work-heading h2{margin:16px 0 0;font-size:clamp(2rem,3.8vw,2.5rem);line-height:1.1;letter-spacing:0}.story-list{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.story-list li{color:#b7b0a5;font-size:1.02rem;line-height:1.68;padding-left:22px;position:relative}
.story-list li::before{content:'\2014';position:absolute;left:0;color:var(--orange);font-weight:700}
.story-list li strong{color:#f5f1e8;font-weight:700}
.story-lead{margin:0;color:var(--soft);font-size:1.05rem;line-height:1.45;letter-spacing:0}.case-work{padding-top:0}.case-work-grid{display:grid;grid-template-columns:1fr;gap:38px}.case-work-heading{align-self:start}.stack-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:38px}.stack-list a{padding:7px 14px;font-family:'PT Mono',monospace;font-size:.7rem;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:8px;color:#fff;border-radius:6px;transition:opacity .2s,transform .2s}.stack-list a:hover{opacity:.85;transform:translateY(-1px)}.tool-logo{height:20px;width:auto;flex-shrink:0;display:block;filter:brightness(0) invert(1)}.tool-shopify{background:#95BF47}.tool-adobe{background:#DA1A32}.tool-canva{background:#00C4CC}.tool-instagram{background:#E4405F}.tool-chatgpt{background:#10A37F}.tool-squarespace{background:#222222}.tool-mailchimp{background:#FFE01B;color:#222!important}.tool-mailchimp img{filter:none!important}.tool-powerbi{background:#F2C811;color:#222!important}.tool-powerbi img{filter:none!important}.tool-wordpress{background:#21759B}.tool-basecamp{background:#1D2D35}.tool-sketch{background:#FDB300;color:#222!important}.tool-sketch img{filter:none!important}.tool-hotjar{background:#FF3A00}.tool-klaviyo{background:#24C2CB}.tool-googleanalytics{background:#E37400}.tool-meta{background:#1877F2}.tool-googleads{background:#4285F4}.tool-zapier{background:#FF4A00}.tool-asana{background:#F06A6A}.tool-gorgias{background:#7500FF}.tool-postscript{background:#FF5A5F}.tool-descript{background:#6C5CE7}.tool-youtube{background:#FF0000}.tool-slack{background:#4A154B}.tool-github{background:#333333}.tool-postgresql{background:#4169E1}.case-step-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.case-step-list li{display:grid;grid-template-columns:55px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.case-step-list span{color:var(--orange);font-family:'PT Mono',monospace;font-size:.66rem}.case-step-list p{max-width:720px;margin:0;font-size:1rem}.case-outcome{background:var(--paper-2)}.outcome-grid{display:grid;grid-template-columns:1fr;gap:30px}.outcome-grid h2{margin:0;font-size:clamp(2rem,3.8vw,2.5rem);line-height:1.08;letter-spacing:0}.outcome-grid .button{justify-self:start;margin:12px 0 60px}.next-project{padding:55px 0;border-top:1px solid var(--line)}.next-project .shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.next-project a{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;line-height:1.14;letter-spacing:0}.next-project b{color:var(--orange)}
.perspectives-page{padding:0 0 140px}.archive-note{padding-top:28px;color:var(--soft);font-family:'PT Mono',monospace;font-size:.6rem;text-transform:uppercase}.connect-page{min-height:100vh;padding-bottom:120px}.connect-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:100px;align-items:start}.connect-copy h1{max-width:800px;margin:20px 0 34px;font-size:clamp(3.2rem,5.5vw,4rem);line-height:1.18;letter-spacing:0}.connect-copy .lead{max-width:680px;color:var(--soft);font-size:1.12rem}.direct-contact{margin-top:55px;border-top:1px solid var(--line)}.direct-contact>a,.direct-contact>div{display:grid;grid-template-columns:95px 1fr 30px;gap:20px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.direct-contact span{font-family:'PT Mono',monospace;font-size:.6rem;text-transform:uppercase}.direct-contact strong{font-size:.9rem}.direct-contact b{color:var(--orange)}.contact-panel{padding:45px;background:var(--paper-2);border-top:4px solid var(--orange);box-shadow:var(--shadow)}.contact-panel form{display:grid;gap:26px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-panel label{display:grid;gap:9px}.contact-panel label span{font-family:'PT Mono',monospace;font-size:.6rem;text-transform:uppercase}.contact-panel input,.contact-panel textarea{width:100%;padding:13px 0;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);outline:none}.contact-panel textarea{resize:vertical;border:1px solid var(--line);padding:14px}.contact-panel input:focus,.contact-panel textarea:focus{border-color:var(--orange)}.contact-panel .button{justify-self:start;border:0}.form-note{margin:0;color:var(--soft);font-size:.65rem}.legal-page{min-height:100vh;padding-bottom:140px}.legal-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.legal-grid h1{margin:20px 0 0;font-size:clamp(3.2rem,5.5vw,4rem);line-height:1.18;letter-spacing:0}.legal-copy{max-width:720px}.legal-copy h2{margin:0 0 12px;padding-top:34px;border-top:1px solid var(--line);font-size:1.6rem}.legal-copy h2:first-child{padding-top:0;border-top:0}.legal-copy p{color:var(--soft)}.legal-copy a{text-decoration:underline}.not-found{min-height:82vh;padding-bottom:100px;display:grid;align-items:center}.not-found h1{margin:18px 0 20px;font-size:clamp(3.2rem,5.5vw,4rem);line-height:1.18;letter-spacing:0}.not-found p:not(.micro-label){color:var(--soft)}.not-found .button{margin-top:28px}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .75s var(--ease),transform .75s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}.hero h1 [data-line],.page-hero h1 [data-line]{opacity:0;transform:translateY(105%);transition:opacity .85s var(--ease),transform .85s var(--ease)}.hero h1 [data-line].is-visible,.page-hero h1 [data-line].is-visible{opacity:1;transform:none}.hero h1 [data-line]:nth-child(2),.page-hero h1 [data-line]:nth-child(2){transition-delay:.08s}.hero h1 [data-line]:nth-child(3),.page-hero h1 [data-line]:nth-child(3){transition-delay:.16s}
@media (max-width:1100px){:root{--shell:min(100% - 42px,1320px)}.hero-layout{grid-template-columns:1fr .58fr;gap:42px}.hero h1{font-size:clamp(2.5rem,7vw,3.2rem)}.usefulness-grid,.about-layout,.case-work-grid,.story-grid{gap:60px}.work-index-row{grid-template-columns:40px 170px 1fr 130px 30px}.final-cta-grid{grid-template-columns:100px 1fr .5fr}}
@media (max-width:820px){:root{--shell:calc(100vw - 36px)}.desktop-nav{display:none}.menu-button{display:block}.nav-shell{height:72px}.mobile-menu{inset:72px 0 auto}.section-first{padding-top:116px}.section{padding:94px 0}.hero-layout{grid-template-columns:1fr;min-height:0}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(2.5rem,7vw,3.2rem)}.hero-intro{grid-template-columns:1fr;gap:15px}.portrait-column{max-width:560px;margin:25px 0 0 auto}.portrait-frame{min-height:620px}.proof-strip{grid-template-columns:1fr 1fr;margin-top:48px}.proof-strip>div{border-bottom:1px solid var(--line)}.proof-strip>div:nth-child(2){border-right:0}.proof-strip>div:nth-child(3),.proof-strip>div:nth-child(4){border-bottom:0}.proof-strip>div:nth-child(3){padding-left:0}.section-intro,.page-hero-grid{grid-template-columns:1fr;gap:30px;margin-bottom:55px}.section-intro h2{font-size:clamp(1.6rem,4.5vw,2rem)}.project-row-reverse .project-image,.project-row-reverse .project-copy{order:initial}.project-copy h3{font-size:clamp(1.4rem,3.5vw,1.75rem)}.usefulness-heading,.about-portrait,.case-work-heading{position:static}.about-portrait{min-height:430px}.about-layout{grid-template-columns:1fr;gap:40px}.career-list>div{grid-template-columns:120px 1fr}.career-list em{grid-column:2}.article-row{grid-template-columns:110px 1fr 30px;gap:15px}.article-category{display:none}.final-cta-grid{grid-template-columns:1fr;gap:22px}.final-cta h2{font-size:clamp(1.6rem,4.5vw,2rem)}.footer-grid>div:first-child{grid-column:1/-1}.page-hero h1{font-size:clamp(2.5rem,7vw,3.2rem)}.work-index-row{grid-template-columns:38px 120px 1fr 30px;gap:18px;min-height:190px}.work-row-meta{display:none}.work-row-copy h2{font-size:clamp(1.4rem,3.5vw,1.75rem)}.outcome-grid .button{grid-column:auto}.next-project .shell{align-items:flex-end}.contact-panel{padding:30px}}
@media (max-width:560px){:root{--shell:calc(100vw - 28px)}.brand-name{display:none}.hero h1{font-size:clamp(2rem,8vw,2.8rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.portrait-frame{min-height:500px}.proof-strip{grid-template-columns:1fr}.proof-strip>div{padding-left:0!important;border-right:0;border-bottom:1px solid var(--line)!important}.proof-strip>div:last-child{border-bottom:0!important}.project-image{aspect-ratio:1.2/1}.usefulness-list article{grid-template-columns:48px 1fr;gap:17px}.line-icon{width:42px;height:42px}.about-portrait{padding:34px 26px}.about-portrait blockquote{font-size:clamp(1.5rem,2.5vw,1.75rem)}.career-list>div{grid-template-columns:1fr;gap:6px}.article-row{grid-template-columns:1fr 28px;min-height:155px}.article-date{grid-column:1}.article-row h3,.article-row h2{grid-column:1}.row-arrow{grid-column:2;grid-row:1/3}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:grid;gap:8px}.work-index-row{grid-template-columns:28px 1fr 28px;padding:22px 0}.work-thumb{grid-column:2;grid-row:1}.work-row-copy{grid-column:2;grid-row:2}.work-number{grid-row:1/3;align-self:start}.work-index-row>.row-arrow{grid-column:3;grid-row:1/3}.case-metric-grid{grid-template-columns:repeat(2,1fr)}.case-metric-grid>div{border-right:0;border-bottom:1px solid rgba(244,240,231,.16)!important}.case-metric-grid>div:last-child{border-bottom:0!important}.field-row{grid-template-columns:1fr}.direct-contact>a,.direct-contact>div{grid-template-columns:75px 1fr 22px}.next-project .shell{display:grid}.next-project a{font-size:clamp(1.25rem,2vw,1.5rem);transition:none!important}[data-reveal],[data-line]{opacity:1!important;transform:none!important}.project-image img,.case-image img{transform:none!important;height:100%}}

/* Dark orange portfolio theme */
body.dark-site{
  --paper:#0b0b0c;
  --paper-2:#131315;
  --ink:#f5f1e8;
  --soft:#aaa49a;
  --line:rgba(255,255,255,.14);
  --orange:#ff6a1a;
  --orange-dark:#d84d0e;
  --shadow:0 28px 80px rgba(0,0,0,.38);
  color:var(--ink);
  background:
    radial-gradient(circle at 82% -10%,rgba(255,106,26,.08),transparent 32%),
    var(--paper);
}
body.dark-site::before{opacity:.14}
.dark-site .site-header.is-scrolled{background:rgba(11,11,12,.9);border-color:var(--line)}
.dark-site .brand-monogram{color:#fff;background:var(--orange);border-radius:50%}
.dark-site .desktop-nav>a:not(.nav-connect)::after{background:var(--orange)}
.dark-site .nav-connect{color:#fff;background:var(--orange);border-radius:999px}
.dark-site .nav-connect span{color:#fff}
.dark-site .menu-button span{background:var(--ink)}
.dark-site .mobile-menu{background:rgba(11,11,12,.98)}
.dark-site .button-solid{color:#fff;background:var(--orange)}
.dark-site .button-solid span{color:#fff}
.dark-site .button-outline{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.03)}
.dark-site .button-outline:hover{background:rgba(255,255,255,.08)}
.dark-site .button-text{border-color:rgba(255,255,255,.55)}
.dark-site .button-light{color:#111;background:#fff}
.dark-site .portrait-frame{background:#09090a}
.dark-site .portrait-block{background:linear-gradient(180deg,#ff7a22,#d94a0b)}
.dark-site .proof-strip,.dark-site .career-list,.dark-site .article-list,.dark-site .direct-contact,.dark-site .case-step-list{border-color:var(--line)}
.dark-site .work-preview,
.dark-site .perspectives-preview,
.dark-site .case-outcome{background:#131315}
.dark-site .contact-panel{background:#fff}
.dark-site .contact-panel .deftform,.dark-site .contact-panel label,.dark-site .contact-panel label span{color:#171714}
.dark-site .project-image,.dark-site .case-image{background:#171719}
.dark-site .project-row:hover .article-row{background:rgba(255,106,26,.08)}
.dark-site .usefulness,
.dark-site .final-cta,
.dark-site .case-metrics{color:#f5f1e8;background:#080809}
.dark-site .about-portrait{color:#fff;background:linear-gradient(160deg,#ff7521,#c94009)}
.dark-site .about-portrait p{color:rgba(255,255,255,.74)}
.dark-site .case-metric-grid>div{border-color:rgba(255,255,255,.14)}
.dark-site .contact-panel{border-top-color:var(--orange);box-shadow:0 30px 80px rgba(0,0,0,.36)}
.dark-site .contact-panel input,.dark-site .contact-panel textarea{color:#171714;border-color:rgba(23,23,20,.24)}

.dark-site .image-index{color:#fff;background:var(--orange)}
.dark-site .site-footer{background:#080809}
.dark-site .footer-grid,.dark-site .footer-bottom{border-color:var(--line)}
.dark-site .page-hero,
.dark-site .case-hero,
.dark-site .connect-page,
.dark-site .legal-page,
.dark-site .perspectives-page,
.dark-site .not-found{background:transparent}
.dark-site .work-index-row:hover{background:rgba(255,106,26,.055)}
.dark-site .work-thumb{background:#18181a}
.dark-site .next-project{background:#0e0e10}
.dark-site .line-icon{background:rgba(255,255,255,.02)}