/* Full-width agency layout inspired by the supplied visual reference. */
:root{--ink:#081827;--paper:#f9f7f0;--gold:#ffb000;--gray:#afbdc9;--line:#2b3c4b}
body{background:#081827;color:var(--paper)}em{color:var(--gold)}.wrap{width:min(1320px,calc(100% - 112px))}.header{background:#081827;color:var(--paper);border-color:#263747;height:94px}.wordmark>span{color:var(--gold)}.wordmark small{color:#a9b8c4}.header nav>a:not(.nav-cta){color:#bfccd6}.header nav>a:hover{color:var(--gold)}.nav-cta{background:var(--gold);color:#081827;border-color:var(--gold);border-radius:40px;font-weight:700}.header nav>a.nav-cta:hover{color:#081827;background:#edbe56}.header nav{gap:27px}.menu-toggle{color:var(--paper);border-color:#617181}
.hero{display:block;min-height:790px;padding-top:72px;padding-bottom:40px;position:relative;isolation:isolate}.hero-copy{position:relative;z-index:1}.hero-lines{position:absolute;inset:0;overflow:hidden;z-index:-1;opacity:.18;color:#51758c;pointer-events:none}.hero-lines svg{width:100%;height:100%;stroke-width:.8}.hero .eyebrow{color:#dfb95f;border:1px solid #594f33;border-radius:40px;background:#142332;display:inline-block;font-size:9px;padding:9px 17px;margin-bottom:55px}.hero h1{font-size:clamp(48px,6.5vw,98px);font-weight:750;line-height:1.06;letter-spacing:-4.8px;margin-bottom:35px;max-width:1200px}.hero h1 em{color:var(--gold)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:50px}.hero .intro{color:#bac8d4;max-width:530px;font-size:16px;margin:0}.hero-actions{margin:0;flex-shrink:0}.button{border-radius:40px;min-height:56px;padding:17px 25px}.outline{border:1px solid #6a7c8b;background:#081827;color:var(--paper)}.outline:hover{background:#192e40;color:white}.hero-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #344858;padding-top:28px;margin-top:55px;font-size:9px;letter-spacing:1.7px;color:#a9bdcb}.ticker{background:#112a3d;border-top:1px solid #2d4253;border-bottom:1px solid #2d4253}.ticker div{font-size:14px;color:#bed0dc;word-spacing:28px;letter-spacing:2px}
.eyebrow{color:#d3ae5d}.section-head>p,.possibilities .section-head>p,.process .section-head>p{color:#a8bac8}.explorer,.divisions{padding-top:95px;padding-bottom:20px}.explorer h2,.divisions h2{font-size:clamp(35px,4.4vw,62px)}.explorer-shell{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #344858;border-radius:12px;background:#0e2233;overflow:hidden}.explorer-map{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:45px 35px;border-right:1px solid #344858;background:#0c1d2c}.map-centre{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:200px;height:200px;border:1px solid #9c7733;border-radius:50%;outline:1px solid #263e50;outline-offset:20px;margin-bottom:55px}.map-centre strong{font-size:13px;letter-spacing:2px}.map-centre>span{font-size:11px;color:#a8bac8}.map-options{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}.map-options button{border:1px solid #3b5263;background:#122c40;color:#dce4e9;border-radius:6px;text-align:left;padding:15px;font-size:13px}.map-options small{display:block;color:#89a1b3;font-size:9px;margin-bottom:7px}.map-options button.active{border-color:var(--gold);background:#26323a;color:var(--gold)}.explorer-detail{padding:55px 40px;display:flex;flex-direction:column;justify-content:center}.explorer-detail .eyebrow{font-size:9px;margin-bottom:25px}.explorer-detail h3{font-size:31px;line-height:1.2;letter-spacing:-1px;font-weight:600}.explorer-detail>p:not(.eyebrow){font-size:14px;color:#b1c1cc}.explorer-detail ul{padding-left:18px;color:#b1c1cc;font-size:13px;margin:5px 0 30px}.explorer-detail li{padding:5px 0}.explorer-detail .text-link{align-self:flex-start;color:var(--gold);border-color:#ae8a3e}.division-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.division-grid article{padding:40px;border:1px solid #344858;background:#102537;border-radius:10px}.division-number{color:#d3ae5d;font-size:9px;letter-spacing:1.5px}.division-grid h3{font-size:31px;font-weight:600;margin:26px 0 15px;letter-spacing:-1px}.division-grid p{color:#afc0cc;font-size:14px;max-width:460px}.division-grid .tags{justify-content:flex-start;max-width:none;margin:25px 0 30px}.division-grid .tags span{background:#193246;border-color:#496174;color:#b9cbd6}.division-grid .text-link{color:#f2c66c}
.light,.services,.studio,.faq{background:#0c1e2e;color:var(--paper)}.marketing-goals{margin-top:85px;background:#102537}.goal-grid>a{border-color:#4a5c69}.goal-grid h3{color:var(--paper)}.goal-grid p,.goal-grid span,.service-number,.service-detail p,.service-action,.service-bottom,.studio-copy>p:not(.large-copy),.principle p,.faq details p,.steps p{color:#a9bdca}.goal-grid strong{color:var(--gold);border-color:#a58132}.services .section-head>p{color:#a9bdca}.muted{color:#9cadb8}.service-list,.service-list details{border-color:#344858}.service-list h3{font-size:28px}.tags span{background:#142e40;border-color:#3e5666;color:#bacbd5}.service-bottom .text-link,.text-link{color:var(--gold)}.deliverables{background:#081827}.deliverable-grid article,.steps li,.principle,.faq details,.faq details:first-child{border-color:#344858}.possibilities .eyebrow{color:#d3ae5d}.concept-description p,.concept-note{color:#9eb1bf}.filters button{color:#c0ccd5;border-color:#4b6170}.filters button.selected,.filters button:hover{background:var(--gold);color:#081827;border-color:var(--gold)}.light em{color:var(--gold)}.steps li>span{color:var(--gold)}
.contact{gap:65px}.contact .intro,.contact-note p{color:#a9bdca}.contact form{background:#102537;border-color:#344858;border-radius:10px}.form-kicker{color:#d3ae5d}label{color:#d7e0e6}label span{color:var(--gold)}input,select,textarea{background:#0a1b29;border-color:#506573;color:var(--paper);border-radius:5px}input::placeholder,textarea::placeholder{color:#a0b3c0}.form-help{color:#a9bdca}.brief-actions button{color:var(--gold);border-color:#6f5b37}#brief-status{color:#dfbf7c}.footer,.footer-bottom{border-color:#344858}.footer-top>p,.footer-bottom{color:#a9bdca}.policy p,.policy li{color:#bac8d4}.policy .eyebrow{color:#dfbf7c}.policy .text-link{color:var(--gold)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--gold)}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{min-height:740px}.hero h1{font-size:70px;letter-spacing:-3.5px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:25px}.hero-actions{flex-wrap:wrap}.explorer-detail{padding:35px 28px}.header nav{gap:18px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:86px}.header nav{background:#081827;border-color:#344858}.header nav>a.nav-cta{color:#081827}.hero{padding-top:38px;padding-bottom:35px;min-height:0}.hero .eyebrow{font-size:7px;letter-spacing:1px;padding:8px 11px;margin-bottom:33px}.hero h1{font-size:clamp(36px,8.8vw,64px);letter-spacing:-1.7px;line-height:1.1;margin-bottom:25px}.hero .intro{font-size:14px}.hero-bottom{gap:25px}.hero-actions{gap:12px}.button{padding:14px 18px;min-height:49px;font-size:11px}.hero-capabilities{grid-template-columns:1fr 1fr;font-size:7px;gap:15px;margin-top:35px;padding-top:23px}.explorer,.divisions{padding-top:60px}.explorer-shell{grid-template-columns:1fr}.explorer-map{border-right:0;border-bottom:1px solid #344858;padding:40px 22px 25px}.map-centre{width:150px;height:150px;margin-bottom:45px;outline-offset:12px;gap:8px}.map-centre img{width:43px;height:43px}.map-options button{font-size:12px;padding:13px}.explorer-detail{padding:30px 23px}.explorer-detail h3{font-size:27px}.division-grid{grid-template-columns:1fr}.division-grid article{padding:28px}.division-grid h3{font-size:28px}.marketing-goals{margin-top:55px}.service-list h3{font-size:20px}.contact{gap:30px}.contact h2{font-size:39px}.ticker div{font-size:12px}.header .wordmark{font-size:21px}.wordmark small{font-size:6px}}

.service-reading{display:flex;gap:18px;flex-wrap:wrap;padding-top:25px}.service-reading a,.policy li a{font-size:13px;text-decoration:underline;text-underline-offset:5px;color:var(--gold)}.policy section{margin-top:35px}.policy .button{width:max-content;max-width:100%;margin-top:35px}@media(max-width:760px){.policy h1{font-size:36px;letter-spacing:-1.5px}}

.public-contact{color:#b6c9d6;font-size:14px;margin-top:25px}.public-contact a,.policy p>a:not(.button){color:var(--gold);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
