@font-face{font-family:Archivo;font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/k3kQo8UDI-1M0wlSfdnoLg.woff2) format('woff2')}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/tDbv2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKwBNntkaToggR7BYRbKPxDcwg.woff2) format('woff2')}
:root{color-scheme:dark;--bg:#071019;--panel:#101d2d;--text:#eef3f8;--muted:#afbdcc;--blue:#48b7ff;--line:#2c3c4d;--font:'Archivo',system-ui,sans-serif;--mono:'JetBrains Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body.cb-ui{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}body.cb-ui [hidden]{display:none!important}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:var(--blue)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;height:auto;display:block}figure{margin:0}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:600;letter-spacing:-.04em;line-height:1.12;text-wrap:balance}h1{font-size:clamp(42px,4.6vw,66px);margin-bottom:25px}h2{font-size:clamp(32px,3.1vw,44px);margin-bottom:22px}h3{font-size:25px;margin-bottom:15px}p{margin-bottom:20px;color:var(--muted)}p:last-child{margin-bottom:0}strong{font-weight:600;color:var(--text)}ul,ol{padding-left:1.2em}li{margin-bottom:.6em}::selection{background:#48b7ff;color:#071019}.container{width:min(1180px,calc(100% - 80px));margin-inline:auto}.section{padding-block:88px}.section+.section:not(.tinted){border-top:1px solid var(--line)}.tinted{background:#0b1622;border-block:1px solid var(--line)}.section-heading{max-width:780px;margin-bottom:40px}.section-heading h2{margin-top:12px}.eyebrow{display:block;font-family:var(--mono);font-size:12px;line-height:1.6;font-weight:500;letter-spacing:.06em;color:var(--blue);margin-bottom:20px;text-transform:uppercase}.lead{font-size:19px;line-height:1.65;max-width:60ch}.note{font-size:14px;line-height:1.6;color:var(--muted);margin-top:22px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.split>*{min-width:0}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.card h3{font-size:24px}.card p{font-size:16px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:13px 20px;border-radius:5px;border:1px solid transparent;text-decoration:none;font-weight:600;font-size:15px;line-height:1.4;transition:background .15s,color .15s}.button.primary,.btn-primary{background:var(--blue);color:#06111b;border-color:var(--blue)}.button.primary:hover,.btn-primary:hover{background:#8dd4ff}.button.secondary,.btn-ghost{background:transparent;border-color:#5e7288;color:var(--text)}.button.secondary:hover,.btn-ghost:hover{background:#17283b}.text-link{font-weight:600;font-size:16px;display:inline-flex;align-items:center;gap:18px;text-decoration:none;padding-block:10px;border-bottom:1px solid #52677f}.text-link:hover{border-color:var(--blue)}.section-link{margin-top:30px}.sr-only,.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:200;top:8px;left:8px;transform:translateY(-200%);padding:12px 20px;background:var(--blue);color:#071019}.skip-link:focus{transform:none}
/* A single navigation pattern across the agency. */
.site-header{position:sticky;top:0;z-index:80;background:rgba(7,16,25,.97);border-bottom:1px solid var(--line)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.site-brand img{width:34px;height:34px;object-fit:contain}.brand-name{font-size:19px;line-height:1.1;font-weight:650;letter-spacing:-.035em}.brand-name small{font:9px var(--mono);display:block;letter-spacing:.15em;color:var(--muted);margin-top:7px}.site-nav{display:flex;align-items:center;gap:26px}.site-nav>a:not(.button){font-size:14px;font-weight:500;text-decoration:none;padding:14px 0}.site-nav a[aria-current=page]{color:var(--blue)}.site-nav .button{font-size:14px;min-height:46px;padding:11px 17px;margin-left:8px}.menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:4px;min-width:48px;min-height:46px;font-size:13px}.site-footer{border-top:1px solid var(--line);padding:58px 0 26px;background:#050c13}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px}.footer-grid>div>p{max-width:34ch;font-size:15px;margin-top:22px}.footer-title{font:12px var(--mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:18px;color:var(--muted)}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}.footer-links a{font-size:15px;text-decoration:none;display:inline-block;padding-block:4px}.industry-links{margin-top:35px;padding-block:25px;border-block:1px solid var(--line)}.industry-links summary{cursor:pointer;color:var(--muted);font-size:14px}.industry-links div{display:flex;flex-wrap:wrap;gap:10px 24px;padding-top:20px}.industry-links a{font-size:14px}.footer-base{padding-top:24px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted)}.footer-base nav{display:flex;gap:18px;flex-wrap:wrap}.assistant-toggle{background:transparent;border:0;border-bottom:1px solid var(--line);padding:9px 0;color:var(--text);font-size:14px}.assistant-toggle:disabled{opacity:1}.assistant-context{font-size:13px;max-width:30ch;margin-top:6px}.page-hero{padding:78px 0 72px;border-bottom:1px solid var(--line)}.page-hero .lead{font-size:18px}.page-hero .split{align-items:center}.proof-panel{background:var(--panel);border:1px solid var(--line);padding:32px;border-radius:8px}.proof-panel>.eyebrow{margin-bottom:24px}.flow-steps{list-style:none;margin:0;padding:0;counter-reset:flow}.flow-steps li{counter-increment:flow;position:relative;padding:0 0 24px 48px;margin:0}.flow-steps li:before{content:counter(flow,decimal-leading-zero);position:absolute;left:0;top:0;font:12px var(--mono);color:var(--blue);width:29px;height:29px;border:1px solid #47627b;border-radius:50%;display:grid;place-items:center;background:#101d2d}.flow-steps li:not(:last-child):after{content:'';position:absolute;left:14px;top:30px;bottom:0;border-left:1px solid #47627b}.flow-steps li:last-child{padding-bottom:0}.flow-steps strong{font-size:18px;line-height:1.3;display:block;margin:3px 0 8px}.flow-steps p{font-size:15px;line-height:1.55}.proof-panel .note{border-top:1px solid var(--line);padding-top:18px}
/* Main page rhythm and visible evidence. */
.home-hero{position:relative;isolation:isolate;padding:90px 0 58px;min-height:620px;overflow:hidden;border-bottom:1px solid var(--line)}.home-hero .hero-copy{position:relative;z-index:2;max-width:665px}.home-hero h1{font-size:clamp(44px,4.6vw,66px);line-height:1.09;letter-spacing:-.05em;max-width:12em}.home-hero h1 em{font-style:normal;color:#8dd4ff}.home-hero .lead{max-width:48ch;font-size:19px}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.63;pointer-events:none;mask-image:linear-gradient(90deg,transparent 23%,#000 64%),linear-gradient(#000 55%,transparent);mask-composite:intersect}.hero-note{margin-top:22px;font-size:13px}.hero-caption{display:flex;flex-direction:column;gap:6px;text-align:right;font:10px var(--mono);letter-spacing:.06em;color:#91a9c1;margin-top:35px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.project-image{display:block;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--panel)}.project-image img{width:100%;aspect-ratio:1.6;object-fit:cover;transition:transform .3s}.project-image:hover img{transform:scale(1.025)}.project-info{padding-top:24px}.project-info .eyebrow{font-size:10px;margin-bottom:12px}.project-info h3{font-size:28px}.project-info h3 a{display:flex;justify-content:space-between;text-decoration:none}.project-info h3 span{font-size:22px;font-weight:400;color:var(--blue)}.project-info p{font-size:16px;max-width:40ch}.service-grid{gap:36px}.service-grid article{border-top:1px solid #59718d;padding-top:27px;display:flex;flex-direction:column;align-items:flex-start}.service-number{font:13px var(--mono);color:var(--blue);margin-bottom:28px}.service-grid h3{max-width:15ch;font-size:29px}.service-grid p{font-size:16px;flex:1}.process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0;list-style:none;margin:0}.process-list>li{border-top:1px solid #486078;padding-top:24px;margin:0}.process-list>li>span{font:13px var(--mono);color:var(--blue);display:block;margin-bottom:25px}.process-list h3{font-size:23px;max-width:15ch}.process-list p{font-size:15px}.founder-grid{display:grid;grid-template-columns:.8fr 1fr;gap:90px;align-items:center;max-width:1050px}.founder-photo{max-height:480px;overflow:hidden;border-radius:6px}.founder-photo img{width:100%;height:480px;object-fit:cover;object-position:50% 40%}.founder-grid h2{font-size:46px}.founder-grid p:not(.lead){max-width:51ch;font-size:16px}.faq{max-width:850px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{padding:22px 38px 22px 0;font-size:20px;font-weight:500;cursor:pointer;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:4px;top:20px;color:var(--blue);font-size:24px}.faq details[open] summary:after{content:'−'}.faq details>div{padding:0 35px 25px 0;max-width:76ch}.faq p{font-size:16px}.contact-band{border-top:1px solid #345b7d;background:#0e2234;padding:72px 0}.contact-band h2{margin:0;font-size:40px}.contact-band .lead{font-size:17px}.contact-band .split{align-items:start}.case-heading{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:28px}.case-heading .eyebrow{grid-column:1/-1;margin-bottom:10px}.case-heading h2{margin:0}.case-image{display:block;border:1px solid var(--line);border-radius:6px;overflow:hidden}.case-image img{width:100%;height:auto}.case-description{margin-top:38px;align-items:start}.case-description h3{font-size:28px}.check-list{list-style:none;padding:0}.check-list li{padding:11px 0;border-bottom:1px solid var(--line);font-size:16px}.demo-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px}.demo-links a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:17px 0;text-decoration:none;font-size:16px}.demo-links a span:last-child{color:var(--blue)}.editorial-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:65px}.editorial-grid h2{font-size:34px;max-width:15ch}.prose{max-width:72ch}.prose h3{font-size:24px;margin-top:32px}.prose p,.prose li{color:var(--muted)}.prose li{padding-left:8px;margin-bottom:13px}.prose a{color:var(--text)}.prose details{margin:16px 0;border-top:1px solid var(--line);padding-top:16px}.prose summary{cursor:pointer;color:var(--text);font-size:19px;font-weight:600;margin-bottom:14px}.about-photo{max-width:390px;justify-self:end}.about-photo img{aspect-ratio:4/4.5;object-fit:cover;object-position:center 40%;border-radius:6px}.about-photo figcaption{font:11px var(--mono);color:var(--muted);margin-top:15px}.commitments{display:grid;grid-template-columns:1fr 1fr;gap:34px 70px}.commitments>div{border-top:1px solid var(--line);padding-top:23px}.commitments h3{font-size:24px}.table-scroll{overflow-x:auto;max-width:100%;margin-block:25px;border:1px solid var(--line);border-radius:4px}.table-scroll table{min-width:480px;width:100%;border-collapse:collapse;font-size:15px}.table-scroll th,.table-scroll td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.table-scroll th{background:var(--panel);color:var(--text)}.table-scroll td{color:var(--muted)}.tag{display:inline-block;font:11px var(--mono);color:var(--blue);margin-bottom:12px}.stack>*+*{margin-top:24px}
/* Forms and the existing website checker. */
.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:15px;font-weight:600;color:var(--text)}.field input,.field textarea,.field select,.ask input{min-width:0;width:100%;border:1px solid #637b92;border-radius:5px;background:#07131e;color:var(--text);padding:13px 14px;min-height:50px}.field textarea{resize:vertical;min-height:130px}.field input::placeholder,.field textarea::placeholder,.ask input::placeholder{color:#a5b6c8;opacity:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field.full{grid-column:1/-1}.audit-panel{background:var(--panel);border:1px solid #40576c;border-radius:7px;padding:26px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.panel-head .t{font-weight:600;font-size:18px}.live{font:10px var(--mono);color:#a6e8c4}.ask{display:flex;gap:8px}.ask button{border:0;background:var(--blue);color:#071019;border-radius:4px;min-height:49px;padding:12px 16px;font-size:14px;font-weight:650;flex-shrink:0}.audit-body{margin-top:22px}.audit-idle{font-size:15px}.panel-foot{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.panel-foot .note{margin:0;font-size:12px;line-height:1.65;display:block}.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0}.audit-run{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px}.audit-shot img{max-height:240px;object-fit:cover;object-position:top;width:100%}.audit-skel{height:180px;background:#213349}.step-line{font-size:13px;color:var(--muted);padding-block:5px}.step-line.on,.step-line.did{color:var(--text)}.audit-faults{list-style:none;padding:0;margin:0}.audit-faults li{display:flex;gap:10px;margin-bottom:16px}.audit-faults .n{font:11px var(--mono);color:var(--blue)}.audit-faults b{font-size:14px;line-height:1.4;display:block}.audit-faults p,.audit-wins{font-size:13px}.audit-next{margin-top:20px}.audit-next .note{font-size:12px;margin-top:12px;display:block}.audit-error{font-size:14px;color:#ffd1bd}.audit-wins{padding-left:18px}.page-hero .prose{margin-top:28px}
@media(min-width:1600px){.home-hero{min-height:660px}.home-hero .hero-caption{margin-top:70px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.header-inner{gap:20px}.site-nav{gap:18px}.site-nav>a:not(.button){font-size:13px}.brand-name{font-size:17px}.site-nav .button{font-size:13px;padding-inline:13px}.split{gap:32px}.home-hero h1{font-size:56px}.home-hero .hero-copy{max-width:600px}.founder-grid{gap:50px}.process-list{grid-template-columns:1fr 1fr;gap:32px}.editorial-grid{gap:40px;grid-template-columns:.7fr 1.3fr}.grid-3{gap:18px}}
@media(max-width:820px){.header-inner{min-height:74px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100svh - 74px);overflow:auto;padding:18px 24px 25px;background:#0b1622;border-bottom:1px solid var(--line);box-shadow:0 14px 30px #0005}.site-nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:0}.site-nav>a:not(.button){font-size:17px;padding:14px 5px}.site-nav .button{margin:14px 0 0;font-size:15px}.home-hero .hero-copy{max-width:560px}.home-hero .hero-canvas{opacity:.25}.home-hero .hero-caption{display:none}.home-hero{min-height:0;padding:72px 0}.footer-grid{grid-template-columns:1.2fr 1fr;gap:35px}.footer-grid>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.editorial-grid{grid-template-columns:1fr;gap:15px}.editorial-grid h2{max-width:24ch}.founder-grid{gap:35px}.founder-grid h2{font-size:38px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.section{padding-block:56px}.page-hero{padding:48px 0 50px}.page-hero .split,.split{grid-template-columns:1fr;gap:36px}h1{font-size:40px}h2{font-size:32px}.lead{font-size:18px}.eyebrow{font-size:10px;margin-bottom:18px}.page-hero .proof-panel{margin-top:0}.proof-panel{padding:25px}.grid-3{grid-template-columns:1fr;gap:22px}.section-heading{margin-bottom:30px}.home-hero{padding:52px 0 48px}.home-hero h1{font-size:clamp(35px,7.5vw,52px);max-width:13em}.home-hero .lead{font-size:17px;max-width:40ch}.home-hero .eyebrow{max-width:35ch}.home-hero .hero-canvas{display:none}.hero-note{max-width:28ch;line-height:1.6;font-size:12px}.home-hero .actions{gap:10px}.button{font-size:14px;min-height:48px;padding:12px 16px}.work-grid{grid-template-columns:1fr;gap:36px}.project-info h3{font-size:26px}.service-grid{gap:32px}.service-grid article{position:relative;padding:25px 0 0 45px}.service-grid .service-number{position:absolute;left:0;top:26px}.service-grid h3{font-size:27px;max-width:none}.service-grid p{font-size:16px}.process-list{gap:28px}.process-list h3{font-size:21px}.founder-grid{grid-template-columns:1fr;gap:30px}.founder-photo{height:360px;max-width:440px}.founder-photo img{height:360px;object-position:50% 35%}.founder-grid h2{font-size:36px}.faq summary{font-size:18px;padding-block:20px}.faq details>div{padding-right:15px}.contact-band{padding:50px 0}.contact-band h2{font-size:33px}.contact-band .split{gap:20px}.case-heading{grid-template-columns:1fr;gap:10px}.case-heading a{justify-self:start}.case-description{gap:24px;margin-top:27px}.case-description h3{font-size:26px}.demo-links{grid-template-columns:1fr 1fr;gap:0 24px}.demo-links a{font-size:14px}.about-photo{justify-self:start;max-width:360px}.about-photo img{max-height:390px}.commitments{grid-template-columns:1fr;gap:27px}.editorial-grid h2{font-size:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{display:block;grid-column:auto}.footer-base{flex-direction:column;font-size:11px}.footer-base nav{gap:15px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.audit-panel{padding:20px}.panel-head{gap:15px}.panel-head .t{font-size:17px}.ask input{padding:11px;font-size:14px}.ask button{padding:10px 12px;font-size:13px}.ask-url{display:grid;grid-template-columns:minmax(0,1fr) auto}.audit-next .ask{flex-wrap:wrap}.audit-next .ask input{flex:1;min-width:170px}.audit-next .ask button{flex:1}.table-scroll{margin-inline:0}}
@media(max-width:360px){.container{width:calc(100% - 36px)}.home-hero h1{font-size:33px}.home-hero .actions{align-items:stretch;flex-direction:column}.home-hero .actions .button{width:100%}.process-list{grid-template-columns:1fr}.process-list li{display:flex;gap:20px}.process-list h3{max-width:none}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:1}.brand-name{font-size:17px}.site-brand{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.hero-canvas{display:none}}
@media print{.site-header,.site-footer,.contact-band{display:none}body.cb-ui{background:white;color:#111}p,.lead,.note{color:#333}.section,.page-hero{padding:24px 0}.container{width:100%}.split,.editorial-grid{display:block}}
.hero-fallback{position:absolute;right:max(6vw,calc((100vw - 1180px)/2));top:130px;width:450px;opacity:.55;pointer-events:none;z-index:0}.mark-animated .hero-fallback{display:none}.hero-canvas{mask-image:linear-gradient(#000 65%,transparent);mask-composite:add}.proof-panel h2{font-size:30px;line-height:1.2;margin-bottom:26px}.flow-steps h3{font-size:21px;letter-spacing:-.025em;margin:1px 0 12px}.table-hint{font-size:13px;color:var(--muted)}.legal-layout{padding-top:56px}.legal-copy h2{margin-top:42px}.callout{border-left:2px solid var(--blue);padding:18px 22px;background:var(--panel)}
@media(max-width:1050px){.hero-fallback{width:330px;right:0;opacity:.16}}@media(max-width:820px){.hero-fallback{display:none}}@media(prefers-reduced-motion:reduce){.mark-animated .hero-fallback{display:block}}@media(max-width:820px) and (prefers-reduced-motion:reduce){.mark-animated .hero-fallback{display:none}}
/* Keep optional consent choices accessible without covering the enquiry journey. */
body.cb-ui>[aria-label="Cookie choice"]{position:static!important;width:min(1180px,calc(100% - 40px))!important;max-width:none!important;margin:24px auto!important;box-shadow:none!important;border-radius:6px!important;font-family:var(--font)!important}body.cb-ui>[aria-label="Cookie choice"]>p{max-width:78ch;margin-bottom:16px!important}body.cb-ui>[aria-label="Cookie choice"] button{border-radius:4px!important;background:#142436!important;color:var(--text)!important;border:1px solid #71869d!important}
@media(max-width:820px){.site-header:not([data-enhanced]) .header-inner{flex-wrap:wrap;padding-block:18px}.site-header:not([data-enhanced]) .menu-toggle{display:none}.site-header:not([data-enhanced]) .site-nav{display:flex;position:static;max-height:none;width:100%;padding:0;box-shadow:none;border:0;flex-wrap:wrap;gap:10px 20px;background:transparent}.site-header:not([data-enhanced]) .site-nav .button{margin:0}.site-header:not([data-enhanced]) .site-nav>a:not(.button){font-size:14px;padding:8px 0}}
/* Permit the guide's comparison table to scroll inside its grid column. */
.editorial-grid>*{min-width:0}

/* Verified live-client portfolio */
.work-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}.work-card:first-child .project-info{padding-top:0}.project-info>.text-link{display:inline-block;font-size:14px;padding-block:10px}.project-index{display:flex;flex-wrap:wrap;gap:8px 28px;padding-top:32px}.project-index a{padding-block:10px;font-size:14px;text-decoration:none;border-bottom:1px solid var(--line)}.project-index a span{color:var(--blue);margin-left:8px}.case-study{scroll-margin-top:125px}
@media(max-width:760px){.work-card:first-child{grid-template-columns:1fr;gap:24px}.project-index{gap:4px 20px;padding-top:24px}.project-index a{font-size:13px}.case-study{scroll-margin-top:145px}}

/* Clean contrast: solid ink, navy and warm off-white surfaces. */
@media screen {
 body.cb-ui { background-color:#090e15; }
 body.cb-ui .home-hero,
 body.cb-ui .page-hero:not(.container) { background-color:#060a10; }
 body.cb-ui .tinted { background-color:#142536; border-color:#34495b; }
 body.cb-ui .work-section,
 body.cb-ui .case-study,
 body.cb-ui .contact-band {
  --text:#17232e;
  --muted:#4a5965;
  --blue:#075a82;
  --line:#c5cbd0;
  --panel:#e5e4df;
  background:#f2f0e9;
  color:var(--text);
  border-color:var(--line);
 }
 body.cb-ui .work-section .project-image { background:#e5e4df; }
 body.cb-ui .contact-band .primary { background:#172b3b; border-color:#172b3b; color:#fff; }
 body.cb-ui .contact-band .primary:hover { background:#27475d; border-color:#27475d; color:#fff; }
 body.cb-ui .contact-band .secondary { background:transparent; border-color:#71808b; color:#17232e; }
 body.cb-ui .contact-band .secondary:hover { background:#e0e4e5; border-color:#596b79; color:#17232e; }
}

/* The real bridge mark, in solid colour and offset outlines. */
@media screen {
 [data-brand-hero] { position:relative; isolation:isolate; }
 .brand-background { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:-1; }
 .brand-stage { position:absolute; width:43%; height:88%; right:1%; top:5%; }
 .brand-layer { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; transform-origin:50% 60%; }
 .brand-back { opacity:.32; transform:translate(32px,26px) rotate(4deg) scale(1.12); }
 .brand-mid { opacity:.65; transform:translate(-22px,-14px) rotate(-3deg) scale(1.05); }
 .brand-front { opacity:.86; }
 .page-hero .brand-stage { width:48%; right:-12%; top:8%; opacity:.17; }
 .home-hero .brand-stage { max-width:650px; right:max(2%,calc((100vw - 1320px)/2)); }
 .home-hero .brand-background { z-index:0; left:max(56%,calc((100vw - 1180px)/2 + 670px)); }
 .home-hero .brand-stage { width:100%; right:0; max-width:none; }
 .home-hero .hero-caption { position:relative; }
 .motion-toggle { position:absolute; z-index:3; right:max(24px,calc((100vw - 1180px)/2)); bottom:12px; min-height:44px; padding:10px 13px; color:#c9d8e5; background:#0e1b28; border:1px solid #50677b; border-radius:4px; font:11px var(--mono); cursor:pointer; }
 .motion-toggle:hover { color:#fff; border-color:#8dd4ff; }
 .motion-toggle:focus-visible { outline:3px solid #8dd4ff; outline-offset:4px; }
 .motion-toggle[hidden] { display:none; }
 .page-hero.container .motion-toggle { right:0; }
 .home-hero .motion-toggle { top:18px; bottom:auto; }
 @media (max-width:1100px) {
  .home-hero .brand-background { left:56%; }
  .home-hero .brand-stage { opacity:.18; width:135%; right:-30%; }
 }
 @media (max-width:820px) {
  .home-hero .brand-background { left:45%; }
  .home-hero .brand-stage { opacity:.12; width:170%; right:-72%; }
  .home-hero .motion-toggle { top:auto; bottom:8px; }
  .page-hero .brand-stage { width:90%; right:-43%; opacity:.10; }
 }
}
@media print { .brand-background,.motion-toggle { display:none!important; } }
@media (prefers-reduced-motion:reduce), (hover:none), (pointer:coarse) {
 .motion-toggle { display:none!important; }
}
