*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper,#f3f1e9);color:var(--ink,#121713);font-family:var(--font-sans,Inter,system-ui,sans-serif);font-size:16px;line-height:1.55;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit;color:inherit}
button,a{touch-action:manipulation}
a{color:inherit;text-underline-offset:.22em}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--accent,#d6ff63);outline-offset:3px}
.sr-only{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:9999;left:16px;top:12px;transform:translateY(-180%);background:var(--accent);color:var(--ink);padding:10px 14px;border:2px solid var(--ink);font-weight:800}
.skip-link:focus{transform:translateY(0)}
.shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.narrow{width:min(900px,calc(100% - 48px))}
.announcement{padding:9px 24px;background:var(--accent);border-bottom:1px solid var(--ink);font-size:.82rem;font-weight:800;text-align:center;letter-spacing:.03em}
.site-header{position:relative;z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--paper) 92%,transparent)}
.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.header-inner>.wordmark,.menu-button{position:relative;z-index:2}
.wordmark{display:inline-flex;text-decoration:none;font-size:1.18rem;letter-spacing:-.04em;font-weight:650;align-items:baseline}
.wordmark b{font-family:var(--font-display);font-style:italic;font-weight:600;margin-left:2px;color:var(--primary)}
.wordmark-light{color:#fff}.wordmark-light b{color:var(--accent)}
.primary-nav{display:flex;align-items:center;gap:26px;font-size:.91rem;font-weight:650}
.primary-nav a{text-decoration:none;padding-block:8px;border-bottom:1px solid transparent}
.primary-nav a:hover{border-color:currentColor}
.nav-login{padding:10px 16px!important;border:1px solid var(--ink)!important}
.menu-button{display:none;border:0;background:transparent;width:44px;height:44px;padding:10px;cursor:pointer}
.menu-button span:not(.sr-only){display:block;height:2px;background:currentColor;margin:6px 0}
.hero{padding:82px 0 96px;border-bottom:1px solid var(--border);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:80px;align-items:center}
.eyebrow,.section-index{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--primary);margin:0 0 22px}
.hero h1,.page-hero h1,.auth-panel h1,.workspace-hero h1,.admin-page-head h1{font-family:var(--font-display);font-weight:500;letter-spacing:-.055em;line-height:.94;margin:0}
.hero h1{font-size:clamp(4.2rem,7.7vw,7.7rem);max-width:820px}
.hero-lede{max-width:650px;font-size:1.2rem;color:var(--muted);margin:32px 0 0}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.button{min-height:48px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid currentColor;text-decoration:none;font-weight:800;cursor:pointer;background:transparent}
.button-accent{background:var(--accent);color:var(--ink);border-color:var(--ink)}
.button-quiet{background:transparent}.button-dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.button:hover{transform:translateY(-2px)}
.signal-board{background:var(--surface);border:1px solid var(--ink);box-shadow:12px 12px 0 var(--primary)}
.signal-head,.signal-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:var(--ink);color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:750}
.status-dot{display:inline-flex;align-items:center;gap:8px}.status-dot::before{content:"";width:8px;height:8px;background:var(--accent);border-radius:50%}
.signal-board>a{display:grid;grid-template-columns:1fr auto;gap:16px;text-decoration:none;padding:24px 20px;border-bottom:1px solid var(--border)}
.signal-board>a:hover{background:color-mix(in srgb,var(--accent) 15%,var(--surface))}
.signal-board>a span{font-size:1.08rem;font-weight:800}.signal-board>a b{font-size:.7rem;color:var(--muted);margin-right:12px}.signal-board>a small{color:var(--muted);text-align:right}
.signal-foot{background:transparent;color:var(--muted);font-size:.64rem}
.split-section{padding:110px 0;background:var(--surface);border-bottom:1px solid var(--border)}
.split-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.split-section h2,.cta-band h2{font-family:var(--font-display);font-size:clamp(2.7rem,5vw,5rem);font-weight:500;letter-spacing:-.05em;line-height:1;margin:0}
.track-list article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:4px 0 34px;margin-bottom:34px;border-bottom:1px solid var(--border)}
.track-list article:last-child{margin-bottom:0}.track-number{font-family:var(--font-display);font-size:2rem;color:var(--primary)}
.track-list h3{font-size:1.45rem;margin:0 0 8px}.track-list p{color:var(--muted);margin:0 0 18px;max-width:610px}.track-list a{font-weight:800}
.principles-section{padding:100px 0}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.principles-grid article{padding:34px 30px 38px 0;border-right:1px solid var(--border)}.principles-grid article+article{padding-left:30px}.principles-grid article:last-child{border-right:0}
.principles-grid b{display:block;font-family:var(--font-display);font-size:1.75rem;line-height:1.12;margin-bottom:16px}.principles-grid p{color:var(--muted);margin:0}
.cta-band{background:var(--accent);padding:90px 0;border-block:1px solid var(--ink)}
.cta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.cta-grid p{font-size:1.1rem;max-width:450px;margin:0 0 24px}
.site-footer{background:var(--ink);color:#dce3dd;padding:76px 0 28px}.footer-grid{display:grid;grid-template-columns:1.7fr .65fr .65fr;gap:70px}.footer-grid p{max-width:440px;color:#a9b1ab}.footer-grid nav{display:flex;flex-direction:column;gap:11px}.footer-grid nav a{text-decoration:none}.footer-label{text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;color:var(--accent);font-weight:800;margin-bottom:8px}.footer-base{display:flex;justify-content:space-between;gap:20px;padding-top:40px;margin-top:56px;border-top:1px solid #343b35;color:#89928b;font-size:.8rem}
.page-hero{padding:90px 0 82px;border-bottom:1px solid var(--border)}.page-hero h1{font-size:clamp(3.6rem,8vw,7rem);max-width:980px}.page-hero>div>p:last-child{font-size:1.2rem;color:var(--muted);max-width:680px;margin:28px 0 0}.page-body{padding:90px 0 120px;min-height:48vh}.service-list article{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:34px 0;border-top:1px solid var(--ink)}.service-list article:last-child{border-bottom:1px solid var(--ink)}.service-list span{font-family:var(--font-display);font-size:1.6rem;color:var(--primary)}.service-list h2{font-family:var(--font-display);font-size:2.25rem;line-height:1.05;margin:0 0 10px}.service-list p{margin:0;color:var(--muted);max-width:650px}.empty-state{border:1px solid var(--ink);padding:48px;background:var(--surface)}.empty-state>span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--primary)}.empty-state h2{font-family:var(--font-display);font-size:2.7rem;line-height:1;margin:18px 0}.empty-state p{color:var(--muted);max-width:620px}.status-model h2,.editorial-copy h2{font-family:var(--font-display);font-size:3rem;line-height:1;margin:0 0 34px}.status-model dl{border-top:1px solid var(--ink)}.status-model dl div{display:grid;grid-template-columns:210px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--border)}.status-model dt{font-weight:800}.status-model dd{margin:0;color:var(--muted)}.editorial-copy{max-width:760px}.editorial-copy p{font-family:var(--font-display);font-size:1.7rem;line-height:1.35}
.page-hero-contact{background:var(--primary);color:#fff}.page-hero-contact .eyebrow,.page-hero-contact>div>p:last-child{color:#d9e5df}.contact-section{padding:90px 0 120px}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.contact-grid>div h2{font-family:var(--font-display);font-size:2.6rem;margin:0}.contact-grid ul{padding-left:1.2rem;color:var(--muted)}.contact-grid li{margin:12px 0}.contact-form{background:var(--surface);border:1px solid var(--ink);padding:38px;display:grid;gap:22px}.contact-form label,.settings-form label,.auth-panel label{display:grid;gap:8px;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.contact-form input,.contact-form textarea,.contact-form select,.settings-form input,.settings-form textarea,.settings-form select,.auth-panel input{width:100%;border:1px solid var(--border);background:var(--paper);padding:13px 14px;text-transform:none;letter-spacing:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.honeypot{position:absolute;left:-9999px}.alert{padding:14px 16px;border:1px solid}.alert-error{background:#fff1ef;border-color:#9f3527;color:#702419}.alert-success{background:#edf7ee;border-color:#397547;color:#24532e}
.auth-body{min-height:100vh;background:var(--ink);color:#fff}.auth-shell{min-height:100vh;width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;padding:60px 0}.auth-shell>.wordmark{align-self:start}.auth-panel{border-top:1px solid #5b625c;border-bottom:1px solid #5b625c;padding:56px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.auth-panel h1{font-size:4.2rem}.auth-panel>div>p:last-child,.auth-note{color:#aab2ac}.auth-panel form{display:grid;gap:20px}.auth-panel input{background:#202621;border-color:#424a44;color:#fff}.auth-note{grid-column:2;font-size:.78rem;margin:0}.auth-panel .eyebrow{color:var(--accent)}
.app-body{background:#eef0eb}.app-header{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100% - 1240px)/2));border-bottom:1px solid var(--border);background:var(--surface)}.app-header nav{display:flex;align-items:center;gap:18px}.app-header nav a{text-decoration:none;font-weight:800}.app-header form{display:inline}.app-header button,.admin-user button{border:0;background:transparent;text-decoration:underline;cursor:pointer}.workspace-shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:80px 0}.workspace-hero h1{font-size:clamp(3rem,6vw,6rem)}.workspace-hero>p:last-child{max-width:720px;color:var(--muted);font-size:1.1rem}.workspace-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border:1px solid var(--ink)}.workspace-grid>*{padding:28px;min-height:170px;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;text-decoration:none}.workspace-grid>*:last-child{border-right:0}.workspace-grid span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.workspace-grid b{margin-top:auto;font-family:var(--font-display);font-size:1.35rem}
.admin-body{min-height:100vh;background:#eef0eb}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#101511;color:#d9e0da;overflow-y:auto;padding:26px 18px;border-right:1px solid #303730}.admin-brand{padding:0 10px 28px;border-bottom:1px solid #2b322c;display:flex;justify-content:space-between;align-items:end}.admin-brand small{color:#778079;font-size:.65rem}.admin-nav-group{display:grid;gap:2px;margin-top:24px}.admin-nav-group>span{padding:0 10px 7px;color:#778079;text-transform:uppercase;letter-spacing:.12em;font-size:.61rem;font-weight:800}.admin-nav-group a{padding:8px 10px;text-decoration:none;font-size:.82rem;border-left:2px solid transparent}.admin-nav-group a:hover,.admin-nav-group a[aria-current="page"]{background:#1c231d;border-color:var(--accent);color:#fff}.admin-frame{margin-left:250px;min-height:100vh}.admin-topbar{height:72px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.environment-chip{padding:6px 9px;border:1px solid var(--border);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.admin-menu{display:none}.admin-user{display:flex;align-items:center;gap:12px}.admin-user>span{font-weight:800}.admin-user small{color:var(--muted)}.admin-main{padding:44px clamp(24px,4vw,64px) 90px}.admin-page-head{display:flex;justify-content:space-between;align-items:end;gap:34px;margin-bottom:42px}.admin-page-head h1{font-size:clamp(3rem,5vw,5.4rem)}.admin-page-head>div>p:last-child{color:var(--muted);margin:15px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink);background:var(--surface);margin-bottom:34px}.metric-grid article{padding:24px;border-right:1px solid var(--border)}.metric-grid article:last-child{border-right:0}.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.metric-grid strong{display:block;font-family:var(--font-display);font-size:3.5rem;font-weight:500;line-height:1;margin:20px 0 16px}.admin-panel{background:var(--surface);border:1px solid var(--border);margin-bottom:28px}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:1px solid var(--border)}.panel-head h2{font-family:var(--font-display);font-weight:500;font-size:2rem;margin:4px 0 0}.panel-head .section-index{margin:0}.panel-head>p{color:var(--muted);font-size:.8rem;margin:0;max-width:360px;text-align:right}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.82rem}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}tbody tr:last-child td{border-bottom:0}.table-empty{padding:34px;color:var(--muted)}.admin-empty{border:0}.settings-form{display:grid}.settings-section{margin-bottom:26px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:28px}.field-span{grid-column:1/-1}.settings-form input,.settings-form textarea,.settings-form select{background:#f7f8f4}.code-field{font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.token-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px}.color-input{display:grid;grid-template-columns:52px 1fr}.color-input input[type="color"]{height:46px;padding:3px}.check-label{align-content:end;display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:start}.check-label input[type="checkbox"]{width:auto}.sticky-actions{position:sticky;bottom:16px;z-index:10;margin:4px 0 34px;padding:12px 14px 12px 18px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #0003}.status-badge{display:inline-flex;padding:4px 7px;border:1px solid var(--border);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.status-published{background:#e1f2e3;color:#205c2b}.status-draft{background:#fff4c9;color:#6c5310}.status-archived{background:#eceeeb;color:#566058}.table-action{border:0;background:transparent;text-decoration:underline;font-weight:800;cursor:pointer}.revision-panel form{display:inline}
@media (max-width:1080px){.hero-grid{grid-template-columns:1fr;gap:56px}.signal-board{max-width:720px}.split-grid{gap:50px}.workspace-grid{grid-template-columns:1fr 1fr}.workspace-grid>*:nth-child(2){border-right:0}.workspace-grid>*:nth-child(-n+2){border-bottom:1px solid var(--border)}.token-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article:nth-child(2){border-right:0}.metric-grid article:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media (max-width:820px){.shell,.narrow{width:min(100% - 32px,1240px)}.header-inner{height:68px}.menu-button{display:block}.primary-nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--paper);border-bottom:1px solid var(--ink);padding:20px 16px;flex-direction:column;align-items:stretch;gap:2px}.primary-nav[data-open="true"]{display:flex}.primary-nav a{padding:12px}.hero{padding:56px 0 72px}.hero h1{font-size:clamp(3.6rem,15vw,6.2rem)}.hero-grid{grid-template-columns:1fr}.signal-board>a{grid-template-columns:1fr}.signal-board>a small{text-align:left;margin-left:30px}.split-section{padding:76px 0}.split-grid,.cta-grid,.contact-grid{grid-template-columns:1fr;gap:48px}.principles-grid{grid-template-columns:1fr}.principles-grid article,.principles-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--border)}.principles-grid article:last-child{border-bottom:0}.cta-band{padding:70px 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div{grid-column:1/-1}.page-hero{padding:64px 0}.page-body,.contact-section{padding:64px 0 90px}.auth-shell{grid-template-columns:1fr;gap:48px;align-content:center}.auth-shell>.wordmark{align-self:auto}.auth-panel{grid-template-columns:1fr;gap:34px}.auth-note{grid-column:1}.admin-sidebar{transform:translateX(-100%);z-index:100;transition:transform .2s}.admin-sidebar[data-open="true"]{transform:translateX(0)}.admin-frame{margin-left:0}.admin-menu{display:inline-block}.admin-main{padding-top:32px}.admin-page-head{align-items:start;flex-direction:column}.field-grid{grid-template-columns:1fr}.field-span{grid-column:auto}}
@media (max-width:560px){.hero h1{font-size:3.55rem}.hero-lede{font-size:1.05rem}.button-row{display:grid}.button{width:100%}.signal-board{box-shadow:7px 7px 0 var(--primary)}.signal-board>a{padding:19px 16px}.track-list article,.service-list article{grid-template-columns:44px 1fr}.principles-section{padding:70px 0}.footer-grid{grid-template-columns:1fr}.footer-grid>div{grid-column:auto}.footer-base{flex-direction:column}.page-hero h1{font-size:3.8rem}.status-model dl div{grid-template-columns:1fr;gap:7px}.contact-form{padding:24px 18px}.form-row{grid-template-columns:1fr}.workspace-grid,.metric-grid{grid-template-columns:1fr}.workspace-grid>*,.metric-grid article{border-right:0!important;border-bottom:1px solid var(--border)}.workspace-grid>*:last-child,.metric-grid article:last-child{border-bottom:0}.app-header{padding:0 16px}.app-header nav>a,.app-header nav>span{display:none}.admin-topbar{padding:0 16px}.admin-user small{display:none}.token-grid{grid-template-columns:1fr}.panel-head{align-items:start;flex-direction:column}.panel-head>p{text-align:left}.sticky-actions{align-items:stretch;flex-direction:column;gap:12px}.sticky-actions .button{width:100%}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.button:hover{transform:none}}
html[data-motion="off"] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.admin-brand{display:grid;gap:4px;justify-content:normal;align-items:initial}

/* Phase 2 public direction: agency-first, inspired by work-led independent studios. */
.public-body{--gh-ink:#090b0a;--gh-paper:#f2f0e9;--gh-acid:#c9ff3d;--gh-blue:#4858ff;--gh-line:#1a1c1a;background:var(--gh-paper);color:var(--gh-ink);font-family:"Archivo",Arial,sans-serif;letter-spacing:-.012em}
.public-body .shell{width:min(1320px,calc(100% - 56px))}
.public-body .skip-link{background:var(--gh-acid);color:var(--gh-ink);border-color:var(--gh-ink);font-weight:800}
.public-body .site-header{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--gh-ink);background:color-mix(in srgb,var(--gh-paper) 94%,transparent);backdrop-filter:blur(12px)}
.home-page .site-header{position:absolute;inset:0 0 auto;background:transparent;border:0;backdrop-filter:none;color:var(--gh-ink)}
.public-body .header-inner{height:86px;gap:28px}
.public-body .wordmark{align-items:center;font-family:"Archivo Black","Arial Black",sans-serif;font-size:1rem;font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:-.07em}
.public-body .wordmark span,.public-body .wordmark strong{font:inherit;color:inherit}
.public-body .wordmark strong{margin-left:.18em}
.public-body .primary-nav{gap:4px;font-size:.78rem;font-weight:700;letter-spacing:-.01em}
.public-body .primary-nav a{padding:10px 12px;border:0;border-radius:999px}
.public-body .primary-nav a:hover{background:var(--gh-ink);color:var(--gh-acid)}
.public-body .primary-nav .nav-project{margin-left:8px;padding:12px 18px;background:var(--gh-ink);color:#fff}
.public-body .primary-nav .nav-project:hover{background:var(--gh-blue);color:#fff}
.public-body .menu-button{border:1px solid currentColor;border-radius:999px}
.public-body .menu-button span:not(.sr-only){height:1px}

.agency-hero{min-height:100svh;padding:112px 0 48px;display:flex;flex-direction:column;overflow:hidden;background:var(--gh-acid);border-bottom:1px solid var(--gh-ink)}
.agency-hero-meta{display:flex;justify-content:space-between;gap:24px;padding-top:8px;text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.08em}
.agency-hero-meta p{margin:0}
.agency-lockup{display:flex;flex-direction:column;margin:clamp(44px,6vh,80px) 0 clamp(42px,5vh,70px);font-family:"Archivo Black","Arial Black",sans-serif;font-size:clamp(7.8rem,18.6vw,18.5rem);font-weight:400;line-height:.69;letter-spacing:-.09em;text-transform:uppercase;white-space:nowrap}
.agency-lockup span{display:block;animation:gh-word-reveal .85s cubic-bezier(.22,1,.36,1) both}
.agency-lockup span:first-child{margin-left:-.035em}
.agency-lockup span:last-child{align-self:flex-end;margin-right:-.025em;animation-delay:.1s}
.agency-hero-bottom{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:clamp(50px,9vw,150px);align-items:end;margin-top:auto;animation:gh-rise .7s .18s ease-out both}
.agency-hero h1{max-width:850px;margin:0;font-family:"Archivo",Arial,sans-serif;font-size:clamp(2.6rem,4.5vw,4.8rem);font-weight:700;line-height:.93;letter-spacing:-.07em}
.agency-hero-intro>p{max-width:560px;margin:0;font-size:clamp(1.05rem,1.45vw,1.35rem);line-height:1.35;letter-spacing:-.035em}
.agency-actions{display:flex;align-items:center;gap:24px;margin-top:28px}
.agency-button{min-height:52px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em;transition:transform .2s ease,background-color .2s ease,color .2s ease}
.agency-button:hover{transform:translateY(-3px)}
.agency-button-dark{background:var(--gh-ink);color:#fff;border-color:var(--gh-ink)}
.agency-button-dark:hover{background:var(--gh-blue);border-color:var(--gh-blue)}
.agency-button-light{background:#fff;color:var(--gh-ink);border-color:#fff}
.agency-button-light:hover{background:var(--gh-acid);border-color:var(--gh-acid)}
.agency-text-link{display:inline-flex;padding-bottom:3px;border-bottom:1px solid currentColor;text-decoration:none;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.agency-text-link:hover{border-bottom-width:3px}
.agency-text-link-light{color:var(--gh-acid)}
.agency-label{margin:0;text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.1em}

.agency-position{padding:clamp(110px,12vw,190px) 0;background:var(--gh-ink);color:#fff}
.agency-position-grid{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,2.45fr);gap:60px}
.agency-position .agency-label{color:var(--gh-acid)}
.agency-position h2{max-width:1100px;margin:0;font-family:"Archivo",Arial,sans-serif;font-size:clamp(3.8rem,7.8vw,8.5rem);font-weight:700;line-height:.89;letter-spacing:-.075em}
.agency-position h2::first-line{color:var(--gh-acid)}
.agency-position-grid>div>p{max-width:690px;margin:54px 0 34px;font-size:clamp(1.1rem,1.6vw,1.45rem);line-height:1.45;color:#c8cbc7}

.agency-capabilities{padding:clamp(100px,11vw,170px) 0 0;background:var(--gh-paper)}
.agency-section-head{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,2.45fr);gap:60px;margin-bottom:clamp(70px,9vw,130px)}
.agency-section-head h2{margin:0;font-size:clamp(4rem,8vw,8.6rem);font-weight:700;line-height:.87;letter-spacing:-.078em}
.capability-list{border-top:1px solid var(--gh-ink)}
.capability-row{display:grid;grid-template-columns:minmax(44px,.3fr) minmax(320px,1.35fr) minmax(270px,1fr) auto;gap:36px;align-items:center;padding:36px max(28px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--gh-ink);text-decoration:none;transition:background-color .22s ease,color .22s ease}
.capability-row:hover{background:var(--gh-blue);color:#fff}
.capability-number{align-self:start;padding-top:7px;font-size:.68rem;font-weight:800;letter-spacing:.08em}
.capability-row h3{margin:0;font-size:clamp(1.8rem,3vw,3.4rem);font-weight:600;line-height:1;letter-spacing:-.06em}
.capability-row p{max-width:520px;margin:0;font-size:.95rem;line-height:1.45;color:#4f524f}
.capability-row:hover p{color:#fff}
.capability-action{padding:9px 13px;border:1px solid currentColor;border-radius:999px;white-space:nowrap;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}

.agency-method{padding:clamp(110px,12vw,190px) 0;background:var(--gh-blue);color:#fff}
.agency-method-head{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,2.45fr);gap:60px}
.agency-method .agency-label{color:var(--gh-acid)}
.agency-method-head h2{margin:0;font-size:clamp(4rem,8.5vw,9rem);font-weight:700;line-height:.86;letter-spacing:-.08em}
.agency-method-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(90px,10vw,150px);border-top:1px solid #fff;border-bottom:1px solid #fff}
.agency-method-steps article{min-height:330px;padding:28px 34px 32px 0;border-right:1px solid #fff;display:flex;flex-direction:column}
.agency-method-steps article+article{padding-left:34px}
.agency-method-steps article:last-child{border-right:0}
.agency-method-steps span{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--gh-acid)}
.agency-method-steps h3{max-width:330px;margin:auto 0 18px;font-size:clamp(1.75rem,2.5vw,2.8rem);font-weight:600;line-height:1;letter-spacing:-.055em}
.agency-method-steps p{max-width:350px;margin:0;line-height:1.45;color:#e2e5ff}

.agency-proof{padding:clamp(100px,11vw,170px) 0;background:var(--gh-ink);color:#fff}
.agency-proof-grid{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.55fr) minmax(260px,.9fr);gap:60px;align-items:end}
.agency-proof .agency-label{align-self:start;color:var(--gh-acid)}
.agency-proof h2{max-width:820px;margin:0;font-size:clamp(4rem,8vw,8.6rem);font-weight:700;line-height:.87;letter-spacing:-.078em;color:var(--gh-acid)}
.agency-proof-grid>p:last-child{max-width:430px;margin:0;font-size:1.1rem;line-height:1.5;color:#c8cbc7}

.agency-products{padding:clamp(100px,11vw,170px) 0 0;background:var(--gh-paper)}
.agency-products-intro{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.55fr) minmax(260px,.9fr);gap:60px;align-items:end;margin-bottom:clamp(70px,8vw,120px)}
.agency-products-intro .agency-label{align-self:start}
.agency-products-intro h2{margin:0;font-size:clamp(3.4rem,6.8vw,7.3rem);font-weight:700;line-height:.9;letter-spacing:-.075em}
.agency-products-intro>p:last-child{max-width:420px;margin:0;font-size:1.05rem;line-height:1.5;color:#4f524f}
.agency-product-links{border-top:1px solid var(--gh-ink)}
.agency-product-links a{display:grid;grid-template-columns:minmax(44px,.3fr) 1.4fr 1fr;gap:36px;align-items:center;padding:38px max(28px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--gh-ink);text-decoration:none;transition:background-color .22s ease,color .22s ease}
.agency-product-links a:hover{background:var(--gh-acid)}
.agency-product-links span{font-size:.68rem;font-weight:800;letter-spacing:.08em}
.agency-product-links strong{font-size:clamp(2.2rem,4vw,4.4rem);font-weight:600;line-height:1;letter-spacing:-.06em}
.agency-product-links small{font-size:.82rem;color:#4f524f}

.agency-closing{padding:clamp(100px,11vw,170px) 0;background:var(--gh-blue);color:#fff}
.agency-closing-grid{display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1.55fr) minmax(260px,.9fr);gap:60px;align-items:end}
.agency-closing .agency-label{align-self:start;color:var(--gh-acid)}
.agency-closing h2{margin:0;font-size:clamp(4rem,8vw,8.6rem);font-weight:700;line-height:.87;letter-spacing:-.078em}
.agency-closing-grid>div p{margin:0 0 32px;font-size:1.05rem;line-height:1.5;color:#e2e5ff}

.public-body .site-footer{padding:0 0 28px;background:var(--gh-ink);color:#fff}
.public-body .footer-invite{display:grid;grid-template-columns:.65fr 2.35fr;gap:60px;padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(90px,10vw,150px);border-bottom:1px solid #555a55}
.public-body .footer-invite p{margin:10px 0 0;text-transform:uppercase;font-size:.68rem;font-weight:800;letter-spacing:.09em;color:var(--gh-acid)}
.public-body .footer-invite a{max-width:1000px;text-decoration:none;font-size:clamp(4rem,8.5vw,9.2rem);font-weight:700;line-height:.86;letter-spacing:-.08em}
.public-body .footer-invite a:hover{color:var(--gh-acid)}
.public-body .footer-grid{grid-template-columns:1.5fr repeat(3,.5fr);gap:50px;padding-top:70px}
.public-body .footer-grid p{max-width:420px;color:#aeb3ae}
.public-body .footer-label{color:var(--gh-acid)}
.public-body .footer-base{border-color:#3f433f;color:#888e88}

.inner-page .page-hero{padding:clamp(90px,10vw,150px) 0;background:var(--gh-blue);color:#fff;border-color:var(--gh-ink)}
.inner-page .page-hero .eyebrow{color:var(--gh-acid)}
.inner-page .page-hero h1{font-family:"Archivo",Arial,sans-serif;font-size:clamp(4.2rem,10vw,10rem);font-weight:700;line-height:.84;letter-spacing:-.08em}
.inner-page .page-hero>div>p:last-child{max-width:760px;color:#e2e5ff;font-size:1.25rem}
.inner-page .page-body,.inner-page .contact-section{background:var(--gh-paper)}
.inner-page .service-list article{border-color:var(--gh-ink)}
.inner-page .service-list span{font-family:"Archivo",Arial,sans-serif;color:var(--gh-blue);font-size:.8rem;font-weight:800}
.inner-page .service-list h2,.inner-page .empty-state h2,.inner-page .status-model h2,.inner-page .editorial-copy h2,.inner-page .contact-grid>div h2{font-family:"Archivo",Arial,sans-serif;font-weight:600;letter-spacing:-.055em}
.inner-page .service-list h2{font-size:clamp(2rem,4vw,4rem)}
.inner-page .empty-state,.inner-page .contact-form{box-shadow:none;border-color:var(--gh-ink);background:#fff}
.inner-page .page-hero-contact{background:var(--gh-ink)}

@keyframes gh-word-reveal{from{clip-path:inset(0 100% 0 0);transform:translateY(.12em)}to{clip-path:inset(0);transform:translateY(0)}}
@keyframes gh-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:1080px){
  .agency-hero-bottom{grid-template-columns:1fr .8fr;gap:50px}
  .capability-row{grid-template-columns:44px 1.25fr 1fr}.capability-action{grid-column:2}.capability-row p{grid-column:3;grid-row:1/3}
  .agency-proof-grid,.agency-products-intro,.agency-closing-grid{grid-template-columns:150px 1fr}.agency-proof-grid>p:last-child,.agency-products-intro>p:last-child,.agency-closing-grid>div{grid-column:2}
}

@media (max-width:820px){
  .public-body .shell{width:min(100% - 32px,1320px)}
  .public-body .header-inner{height:70px}
  .public-body .primary-nav{top:70px;padding:16px;background:var(--gh-paper);color:var(--gh-ink);border-bottom:1px solid var(--gh-ink)}
  .home-page .primary-nav{background:var(--gh-acid)}
  .public-body .primary-nav a{padding:13px 14px;border-radius:0;border-bottom:1px solid currentColor}
  .public-body .primary-nav .nav-project{margin:12px 0 0;border:0;border-radius:999px;text-align:center}
  .agency-hero{min-height:auto;padding:96px 0 34px}
  .agency-hero-meta{padding-top:6px}.agency-hero-meta p:last-child{display:none}
  .agency-lockup{margin:58px 0 68px;font-size:24vw;line-height:.72;letter-spacing:-.095em}
  .agency-hero-bottom{grid-template-columns:1fr;gap:34px}
  .agency-hero h1{font-size:clamp(2.65rem,11vw,4.3rem)}
  .agency-position-grid,.agency-section-head,.agency-method-head{grid-template-columns:1fr;gap:34px}
  .agency-position h2,.agency-section-head h2,.agency-method-head h2,.agency-proof h2,.agency-closing h2{font-size:clamp(3.3rem,14vw,6.2rem)}
  .agency-position-grid>div>p{margin-top:38px}
  .capability-row{grid-template-columns:36px 1fr;gap:18px 16px;padding:28px 16px}.capability-row h3{font-size:2.2rem}.capability-row p{grid-column:2;grid-row:auto}.capability-action{grid-column:2;justify-self:start}
  .agency-method-steps{grid-template-columns:1fr}.agency-method-steps article,.agency-method-steps article+article{min-height:260px;padding:26px 0;border-right:0;border-bottom:1px solid #fff}.agency-method-steps article:last-child{border-bottom:0}
  .agency-proof-grid,.agency-products-intro,.agency-closing-grid{grid-template-columns:1fr;gap:34px}.agency-proof-grid>p:last-child,.agency-products-intro>p:last-child,.agency-closing-grid>div{grid-column:auto}
  .agency-product-links a{grid-template-columns:36px 1fr;gap:16px;padding:28px 16px}.agency-product-links small{grid-column:2}
  .public-body .footer-invite{grid-template-columns:1fr;gap:24px}
  .public-body .footer-invite a{font-size:clamp(3.4rem,15vw,6.2rem)}
  .public-body .footer-grid{grid-template-columns:1fr 1fr}.public-body .footer-grid>div{grid-column:1/-1}
}

@media (max-width:560px){
  .agency-actions{display:grid;align-items:stretch}.agency-button{width:100%}.agency-text-link{justify-self:start}
  .agency-lockup{margin-top:52px;margin-bottom:58px}
  .agency-hero-intro>p{font-size:1rem}
  .agency-position,.agency-capabilities,.agency-method,.agency-proof,.agency-products,.agency-closing{padding-top:84px}
  .agency-section-head{margin-bottom:58px}
  .agency-method{padding-bottom:84px}.agency-proof,.agency-closing{padding-bottom:84px}
  .agency-method-steps{margin-top:64px}
  .public-body .footer-grid{grid-template-columns:1fr}.public-body .footer-grid>div{grid-column:auto}
}

@media (prefers-reduced-motion:reduce){.agency-lockup span,.agency-hero-bottom{animation:none}}

/* Multi-reference synthesis: SEO authority, human agency clarity, and work-led restraint. */
.public-body{--gh-ink:#101217;--gh-paper:#f4f4ef;--gh-acid:#ff5c35;--gh-blue:#2f50ff;--gh-line:#24262c;background:var(--gh-paper);font-family:Arial,"Helvetica Neue",sans-serif}
.home-page .site-header{position:sticky;top:0;background:rgba(255,255,255,.94);border-bottom:1px solid #d8d9d4;color:var(--gh-ink);backdrop-filter:blur(14px)}
.home-page .primary-nav .nav-project{background:var(--gh-blue);color:#fff}
.home-page .primary-nav .nav-project:hover{background:var(--gh-ink)}

.agency-hero{min-height:calc(100svh - 86px);padding:44px 0 30px;background:#fff;color:var(--gh-ink);border-bottom:1px solid #d8d9d4}
.agency-hero-meta{padding-top:0;color:#60636a}
.agency-hero-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.45fr);gap:clamp(60px,8vw,130px);align-items:end;margin-top:clamp(70px,10vh,120px)}
.agency-hero-index{margin:0 0 24px;color:#c64024;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.agency-hero-copy h1{max-width:950px;margin:0;font-size:clamp(4.8rem,8.1vw,8.4rem);font-weight:600;line-height:.9;letter-spacing:-.075em}
.agency-hero-copy h1 span{display:block;color:var(--gh-blue)}
.agency-hero-brief{padding-top:24px;border-top:3px solid var(--gh-ink)}
.agency-hero-brief>p{margin:0 0 32px;font-size:1.1rem;line-height:1.45;color:#3f4248}
.agency-hero-brief dl{margin:0;border-top:1px solid #cfd1cc}
.agency-hero-brief dl div{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #cfd1cc}
.agency-hero-brief dt{font-size:.65rem;font-weight:800;color:var(--gh-blue)}
.agency-hero-brief dd{margin:0;font-size:.82rem;font-weight:700}
.agency-hero .agency-actions{gap:18px;margin-top:30px}
.agency-hero .agency-button-light{background:var(--gh-blue);border-color:var(--gh-blue);color:#fff}
.agency-hero .agency-button-light:hover{background:var(--gh-ink);border-color:var(--gh-ink)}
.agency-hero .agency-text-link-light{color:var(--gh-ink)}
.agency-hero-foot{display:flex;justify-content:space-between;gap:40px;margin-top:auto;padding-top:26px;border-top:1px solid #cfd1cc;color:#60636a;font-size:.72rem;font-weight:600}
.agency-hero-foot p{margin:0}

.agency-position{padding:clamp(105px,11vw,165px) 0;background:var(--gh-paper);color:var(--gh-ink)}
.agency-position .agency-label{color:var(--gh-blue)}
.agency-position h2{max-width:1120px;font-size:clamp(3.8rem,7vw,7.5rem);font-weight:600;line-height:.91}
.agency-position h2::first-line{color:inherit}
.agency-position h2 span{color:var(--gh-blue)}
.agency-position-grid>div>p{color:#4e5158}
.agency-position .agency-text-link-light{color:var(--gh-ink)}

.agency-capabilities{background:#fff}
.agency-section-head h2{font-size:clamp(3.8rem,7vw,7.4rem);font-weight:600;line-height:.91}
.agency-capabilities .agency-label{color:#c64024}
.capability-list,.capability-row{border-color:#cfd1cc}
.capability-row:hover{background:var(--gh-ink);color:#fff}
.capability-row p{color:#55585f}

.agency-method{background:var(--gh-ink);color:#fff}
.agency-method .agency-label,.agency-method-steps span{color:var(--gh-acid)}
.agency-method-head h2{font-size:clamp(3.8rem,7.2vw,7.7rem);font-weight:600;line-height:.9}
.agency-method-steps{border-color:#5a5d64}
.agency-method-steps article{border-color:#5a5d64}
.agency-method-steps p{color:#bfc2c9}

.agency-proof{background:var(--gh-blue);color:#fff}
.agency-proof .agency-label{color:#fff}
.agency-proof h2{max-width:900px;color:#fff;font-size:clamp(3.8rem,6.5vw,7rem);font-weight:600;line-height:.91}
.agency-proof-grid>p:last-child{color:#e0e4ff}

.agency-products{background:var(--gh-paper)}
.agency-products .agency-label{color:var(--gh-blue)}
.agency-products-intro h2{font-size:clamp(3.5rem,6.2vw,6.7rem);font-weight:600;line-height:.92}
.agency-product-links,.agency-product-links a{border-color:#c4c6c1}
.agency-product-links a:hover{background:#fff;color:var(--gh-blue)}

.agency-closing{background:var(--gh-acid);color:var(--gh-ink)}
.agency-closing .agency-label{color:var(--gh-ink)}
.agency-closing h2{font-size:clamp(3.8rem,6.8vw,7.2rem);font-weight:600;line-height:.9}
.agency-closing-grid>div p{color:#372219}
.agency-closing .agency-button-light{background:var(--gh-ink);border-color:var(--gh-ink);color:#fff}
.agency-closing .agency-button-light:hover{background:var(--gh-blue);border-color:var(--gh-blue)}

.public-body .footer-invite p,.public-body .footer-label{color:var(--gh-acid)}
.public-body .footer-invite a:hover{color:var(--gh-acid)}

@media (max-width:1080px){
  .agency-hero-main{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:55px}
  .agency-hero-copy h1{font-size:clamp(4.3rem,9vw,7rem)}
}

@media (max-width:820px){
  .home-page .primary-nav{background:#fff}
  .agency-hero{min-height:auto;padding:30px 0 34px}
  .agency-hero-main{grid-template-columns:1fr;gap:50px;margin-top:58px}
  .agency-hero-copy h1{font-size:clamp(3.4rem,14.7vw,5.7rem);line-height:.91}
  .agency-hero-brief{max-width:none}
  .agency-hero-foot{display:grid;margin-top:56px}
  .agency-position h2,.agency-section-head h2,.agency-method-head h2,.agency-proof h2,.agency-products-intro h2,.agency-closing h2{font-size:clamp(3.2rem,13vw,5.5rem);line-height:.94}
}

@media (max-width:560px){
  .agency-hero-meta p:first-child{max-width:220px}
  .agency-hero-main{margin-top:48px}
  .agency-hero-copy h1{font-size:3.75rem}
  .agency-hero-brief>p{font-size:1rem}
  .agency-hero .agency-actions{display:grid;gap:22px}
  .agency-hero-foot{gap:8px}
}

/* Option 1 — agency-first editorial system with persistent light/dark themes. */
html{scroll-padding-top:112px}
body.home-page.gh-option-one{
  --gh-bg:#f4f0e8;
  --gh-surface:#f8f5ee;
  --gh-surface-strong:#fffdf8;
  --gh-text:#171814;
  --gh-muted:#66635d;
  --gh-line:#b9b4aa;
  --gh-line-soft:#d9d3c8;
  --gh-gold:#e5a33d;
  --gh-gold-strong:#f0b34f;
  --gh-coral:#ef6547;
  --gh-grid-image:url('/assets/images/option-one/grid-light.png');
  --gh-map-image:url('/assets/images/option-one/search-architecture-light.png');
  margin:0;
  min-width:320px;
  overflow-x:hidden;
  background-color:var(--gh-bg);
  background-image:var(--gh-grid-image);
  background-repeat:repeat;
  background-size:640px 640px;
  color:var(--gh-text);
  font-family:Arial,"Helvetica Neue",sans-serif;
  font-size:16px;
  line-height:1.45;
  letter-spacing:-.025em;
  transition:background-color .35s ease,color .35s ease;
}

html[data-theme="dark"] body.home-page.gh-option-one{
  --gh-bg:#0d0f0f;
  --gh-surface:#101313;
  --gh-surface-strong:#141717;
  --gh-text:#e7dfd2;
  --gh-muted:#aaa59d;
  --gh-line:#55554f;
  --gh-line-soft:#2b2f2d;
  --gh-gold:#dfa138;
  --gh-gold-strong:#f0b34f;
  --gh-coral:#f06a4b;
  --gh-grid-image:url('/assets/images/option-one/grid-dark.png');
  --gh-map-image:url('/assets/images/option-one/search-architecture-dark.png');
}

.home-page.gh-option-one .skip-link{background:var(--gh-gold);color:#111;border-color:#111}
.gh-shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}
.gh-option-one a{text-decoration-thickness:1px}
.gh-option-one [id]{scroll-margin-top:118px}

.gh-site-header{
  position:fixed;
  z-index:120;
  top:16px;
  left:0;
  right:0;
  height:64px;
  pointer-events:none;
}
.gh-nav-shell{
  width:min(1280px,calc(100% - 112px));
  height:64px;
  margin-inline:auto;
  padding:0 14px 0 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  color:var(--gh-text);
  background:color-mix(in srgb,var(--gh-surface-strong) 92%,transparent);
  border:1px solid color-mix(in srgb,var(--gh-line) 76%,transparent);
  border-radius:999px;
  box-shadow:0 12px 30px color-mix(in srgb,#000 13%,transparent);
  backdrop-filter:blur(16px);
  pointer-events:auto;
  transition:height .28s ease,background-color .35s ease,border-color .35s ease,box-shadow .28s ease;
}
.gh-site-header.is-scrolled .gh-nav-shell{height:58px;box-shadow:0 16px 36px color-mix(in srgb,#000 18%,transparent)}
.gh-wordmark{
  position:relative;
  z-index:3;
  display:inline-flex;
  align-items:flex-start;
  color:inherit;
  text-decoration:none;
  font-size:1.06rem;
  font-weight:900;
  line-height:1;
  letter-spacing:-.07em;
  text-transform:uppercase;
  white-space:nowrap;
}
.gh-wordmark i{margin:-5px 0 0 -2px;color:var(--gh-coral);font-size:1.05rem}
.gh-primary-nav{display:flex;align-items:center;gap:3px;font-size:.78rem;font-weight:500;letter-spacing:-.035em}
.gh-primary-nav>a:not(.gh-nav-project){padding:10px 11px;border-radius:999px;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.gh-primary-nav>a:not(.gh-nav-project):hover,.gh-primary-nav>a:not(.gh-nav-project):focus-visible{background:var(--gh-text);color:var(--gh-bg)}
.gh-nav-project{
  min-height:42px;
  margin-left:6px;
  padding:0 17px 0 19px;
  display:inline-flex;
  align-items:center;
  gap:15px;
  border-radius:999px;
  background:var(--gh-gold-strong);
  color:#17140e;
  text-decoration:none;
  font-weight:600;
  transition:transform .2s ease,background-color .2s ease;
}
.gh-nav-project:hover{transform:translateY(-2px);background:#f5bb5b}
.gh-nav-project i{font-size:.9rem;transition:transform .2s ease}
.gh-nav-project:hover i{transform:translate(2px,-2px)}
.gh-theme-toggle,.gh-menu-button{
  width:38px;
  height:38px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid var(--gh-line-soft);
  border-radius:50%;
  background:transparent;
  color:inherit;
  cursor:pointer;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.gh-theme-toggle:hover{background:var(--gh-text);color:var(--gh-bg);border-color:var(--gh-text);transform:rotate(8deg)}
.gh-theme-toggle .ph-sun{display:none}
html[data-theme="dark"] .gh-theme-toggle .ph-sun{display:block}
html[data-theme="dark"] .gh-theme-toggle .ph-moon{display:none}
.gh-menu-button{display:none}
.gh-menu-button .ph-x{display:none}

.gh-hero{padding:148px 0 0;overflow:hidden}
.gh-hero-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(260px,.58fr);gap:clamp(60px,8vw,126px);align-items:start}
.gh-hero-copy{min-width:0}
.gh-kicker{margin:0 0 24px;font-family:"Arial Narrow",Arial,sans-serif;font-size:.62rem;font-weight:700;letter-spacing:.105em;text-transform:uppercase}
.gh-kicker span,.gh-section-label>p span{display:inline-flex;align-items:center}
.gh-kicker i,.gh-section-label>p i{margin-left:-1px;color:var(--gh-coral);font-size:.92rem}
.gh-hero h1{max-width:850px;margin:0;font-size:clamp(4rem,7.25vw,6.65rem);font-weight:500;line-height:.94;letter-spacing:-.075em}
.gh-hero-lede{max-width:650px;margin:28px 0 0;color:var(--gh-muted);font-size:clamp(1rem,1.45vw,1.32rem);line-height:1.42;letter-spacing:-.038em}
.gh-actions{display:flex;align-items:center;gap:32px;margin-top:34px}
.gh-button{min-height:54px;padding:0 18px 0 22px;display:inline-flex;align-items:center;gap:42px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-size:.81rem;font-weight:600;letter-spacing:-.02em;transition:transform .2s ease,background-color .2s ease}
.gh-button-primary{background:var(--gh-gold-strong);color:#17140e}
.gh-button:hover{transform:translateY(-3px);background:#f5bb5b}
.gh-button i,.gh-text-link i,.gh-service-action i{transition:transform .2s ease}
.gh-button:hover i,.gh-text-link:hover i,.gh-service-row:hover .gh-service-action i{transform:translate(3px,-3px)}
.gh-text-link{display:inline-flex;align-items:center;gap:16px;padding:10px 0 5px;border-bottom:1px solid currentColor;color:inherit;text-decoration:none;font-size:.78rem;font-weight:600;letter-spacing:-.025em}
.gh-hero-rail{padding-top:22px;border-top:3px solid var(--gh-text)}
.gh-hero-rail>p{margin:0 0 25px;font-size:clamp(.95rem,1.15vw,1.08rem);line-height:1.45}
.gh-hero-rail ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--gh-line-soft)}
.gh-hero-rail li{border-bottom:1px solid var(--gh-line-soft)}
.gh-hero-rail a{display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:7px;min-height:52px;color:inherit;text-decoration:none;font-size:.78rem;transition:padding .2s ease,color .2s ease}
.gh-hero-rail a:hover{padding-left:7px;color:var(--gh-coral)}
.gh-hero-rail a span{font-family:"Arial Narrow",Arial,sans-serif;color:var(--gh-coral);font-size:.65rem;font-weight:700;letter-spacing:.04em}
.gh-hero-rail a strong{font-weight:600}
.gh-hero-rail a i{justify-self:end;font-size:.82rem}
.gh-hero-map{
  --gh-map-shift:0px;
  width:100%;
  height:clamp(252px,25vw,360px);
  margin-top:70px;
  background-image:var(--gh-map-image);
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center 35%;
  transform:translate3d(0,var(--gh-map-shift),0) scale(1.008);
  transform-origin:center bottom;
  transition:background-image .3s ease;
}

.gh-section{padding:34px 0 0}
.gh-section-label{min-height:27px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:12px}
.gh-section-label>p{margin:0;font-family:"Arial Narrow",Arial,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.gh-window-tools{display:flex;align-items:center;gap:16px;font-size:.68rem}
.gh-case{display:grid;grid-template-columns:minmax(270px,.39fr) minmax(0,1fr);min-height:550px;border:1px solid var(--gh-line);border-left:3px solid var(--gh-gold);background:color-mix(in srgb,var(--gh-surface) 84%,transparent);transition:background-color .35s ease,border-color .35s ease}
.gh-case-copy{padding:56px 48px 44px;display:flex;flex-direction:column;border-right:1px solid var(--gh-line-soft)}
.gh-case-index{margin:0 0 26px;color:var(--gh-muted);font-family:"Arial Narrow",Arial,sans-serif;font-size:.58rem;letter-spacing:.11em;text-transform:uppercase}
.gh-case-copy h2{margin:0;font-size:clamp(2.1rem,3.5vw,3.4rem);font-weight:500;line-height:1.04;letter-spacing:-.064em}
.gh-case-copy>p:not(.gh-case-index){max-width:280px;margin:24px 0 0;color:var(--gh-muted);font-size:1.04rem;line-height:1.48}
.gh-case-copy .gh-text-link{align-self:flex-start;margin-top:auto}
.gh-case-visual{position:relative;min-width:0;padding:20px;display:grid;place-items:center;overflow:hidden}
.gh-case-visual img{width:100%;height:100%;max-height:430px;object-fit:contain;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .25s ease}
.gh-case:hover .gh-case-visual img{transform:scale(1.018)}
.gh-expand{position:absolute;right:28px;bottom:26px;min-height:38px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid var(--gh-line);border-radius:999px;background:color-mix(in srgb,var(--gh-surface-strong) 92%,transparent);color:inherit;font-size:.66rem;font-weight:600;cursor:pointer;backdrop-filter:blur(8px);transition:background-color .2s ease,color .2s ease,transform .2s ease}
.gh-expand:hover{background:var(--gh-text);color:var(--gh-bg);transform:translateY(-2px)}

.gh-services{padding-top:52px}
.gh-service-list{border:1px solid var(--gh-line);border-left:3px solid var(--gh-gold);background:color-mix(in srgb,var(--gh-surface) 68%,transparent)}
.gh-service-row{min-height:126px;padding:24px 34px;display:grid;grid-template-columns:46px minmax(230px,1.05fr) minmax(280px,1.45fr) 92px;align-items:center;gap:24px;border-bottom:1px solid var(--gh-line-soft);color:inherit;text-decoration:none;transition:background-color .25s ease,color .25s ease,padding .25s ease}
.gh-service-row:last-child{border-bottom:0}
.gh-service-row:hover,.gh-service-row:focus-visible{padding-left:42px;background:var(--gh-text);color:var(--gh-bg)}
.gh-service-number{color:var(--gh-gold);font-family:"Arial Narrow",Arial,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.05em}
.gh-service-row h2{margin:0;font-size:clamp(1.5rem,2.2vw,2.16rem);font-weight:500;line-height:1;letter-spacing:-.055em}
.gh-service-row p{max-width:420px;margin:0;color:var(--gh-muted);font-size:.79rem;line-height:1.45;letter-spacing:-.02em;transition:color .25s ease}
.gh-service-row:hover p,.gh-service-row:focus-visible p{color:color-mix(in srgb,var(--gh-bg) 74%,transparent)}
.gh-service-action{justify-self:end;display:inline-flex;align-items:center;gap:16px;font-size:.72rem;font-weight:600}

.gh-process{padding-top:54px}
.gh-process-track{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--gh-line);background:color-mix(in srgb,var(--gh-surface) 68%,transparent)}
.gh-process-track article{position:relative;min-height:174px;padding:29px 34px;display:grid;grid-template-columns:76px 1fr;align-items:center;gap:28px;transition:background-color .28s ease}
.gh-process-track article+article::before{content:"";position:absolute;left:0;top:32px;bottom:32px;border-left:1px dotted var(--gh-line)}
.gh-process-track article.is-active{background:color-mix(in srgb,var(--gh-gold) 10%,transparent)}
.gh-process-icon{width:70px;height:70px;display:grid;place-items:center;border:1px solid var(--gh-line);border-radius:50%;font-size:2rem;color:var(--gh-gold);transition:border-color .25s ease,transform .25s ease,background-color .25s ease}
.gh-process-track article.is-active .gh-process-icon{border-color:var(--gh-gold);transform:rotate(-5deg);background:color-mix(in srgb,var(--gh-gold) 8%,transparent)}
.gh-process-track h2{margin:0 0 10px;font-size:.83rem;font-weight:700;letter-spacing:-.025em}
.gh-process-track p{max-width:220px;margin:0;color:var(--gh-muted);font-size:.74rem;line-height:1.5}

.gh-products{padding-top:42px}
.gh-products-inner{min-height:84px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--gh-line);border-bottom:1px solid var(--gh-line)}
.gh-products p{margin:0;display:flex;align-items:center;gap:16px;font-size:.82rem}
.gh-products p i{width:28px;height:28px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:.9rem}
.gh-products nav{display:flex;align-items:center;gap:34px}
.gh-products a{display:inline-flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:.68rem;font-weight:600;border-bottom:1px solid currentColor}
.gh-products a i{transition:transform .2s ease}.gh-products a:hover i{transform:translate(3px,-3px)}

.gh-footer{padding:47px 0 51px}
.gh-footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:40px;color:var(--gh-muted);font-size:.69rem;letter-spacing:-.015em}
.gh-footer-grid p{margin:0}.gh-footer-grid p:nth-child(2){justify-self:center;text-transform:uppercase;letter-spacing:.11em}.gh-footer-grid p:last-child{justify-self:end;text-align:right}

.gh-work-dialog{width:min(1180px,calc(100% - 48px));max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--gh-line);background:var(--gh-surface-strong);color:var(--gh-text);box-shadow:0 24px 80px rgba(0,0,0,.28)}
.gh-work-dialog::backdrop{background:rgba(5,7,7,.72);backdrop-filter:blur(6px)}
.gh-work-dialog-bar{min-height:78px;padding:14px 18px 14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--gh-line-soft)}
.gh-work-dialog-bar p{margin:0 0 3px;color:var(--gh-coral);font-family:"Arial Narrow",Arial,sans-serif;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}
.gh-work-dialog-bar h2{margin:0;font-size:1.15rem;font-weight:500;letter-spacing:-.035em}
.gh-work-dialog-bar button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--gh-line);border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.gh-work-dialog>img{width:100%;height:auto;max-height:calc(100dvh - 128px);object-fit:contain;background:var(--gh-surface)}

.gh-js .gh-option-one [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1)}
.gh-js .gh-option-one [data-reveal].is-revealed{opacity:1;transform:translateY(0)}

@media (max-width:1080px){
  .gh-shell,.gh-nav-shell{width:calc(100% - 64px)}
  .gh-nav-shell{padding-left:22px}
  .gh-primary-nav>a:not(.gh-nav-project){padding-inline:8px}
  .gh-nav-project{padding-inline:15px;gap:10px}
  .gh-hero-grid{grid-template-columns:minmax(0,1.45fr) minmax(250px,.65fr);gap:52px}
  .gh-hero h1{font-size:clamp(3.75rem,7.6vw,5.7rem)}
  .gh-case{grid-template-columns:minmax(250px,.42fr) minmax(0,1fr)}
  .gh-case-copy{padding:44px 34px 36px}
  .gh-service-row{grid-template-columns:40px minmax(210px,.9fr) minmax(240px,1.25fr) 78px;gap:18px;padding-inline:26px}
  .gh-process-track article{padding-inline:24px;grid-template-columns:64px 1fr;gap:20px}.gh-process-icon{width:60px;height:60px}
}

@media (max-width:820px){
  .gh-shell,.gh-nav-shell{width:calc(100% - 32px)}
  .gh-site-header{top:10px;height:58px}
  .gh-nav-shell{height:58px;padding:0 9px 0 20px}
  .gh-site-header.is-scrolled .gh-nav-shell{height:54px}
  .gh-menu-button{position:relative;z-index:3;display:inline-grid}
  .gh-menu-button[aria-expanded="true"] .ph-list{display:none}.gh-menu-button[aria-expanded="true"] .ph-x{display:block}
  .gh-primary-nav{position:absolute;z-index:2;top:0;left:16px;right:16px;padding:78px 16px 18px;display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--gh-surface-strong);border:1px solid var(--gh-line);border-radius:29px;box-shadow:0 18px 44px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease}
  .gh-primary-nav[data-open="true"]{opacity:1;visibility:visible;transform:translateY(0)}
  .gh-primary-nav>a:not(.gh-nav-project){min-height:48px;padding:14px 12px;border-radius:0;border-bottom:1px solid var(--gh-line-soft);font-size:.88rem}
  .gh-theme-toggle{width:44px;height:44px;margin-top:16px}
  .gh-nav-project{min-height:46px;margin:16px 0 0;justify-content:center}
  .menu-is-open{overflow:hidden}
  .gh-hero{padding-top:112px}
  .gh-hero-grid{grid-template-columns:1fr;gap:54px}
  .gh-hero-copy{max-width:700px}
  .gh-hero h1{font-size:clamp(3.9rem,12vw,6.1rem)}
  .gh-hero-rail{max-width:460px}
  .gh-hero-map{height:310px;margin-top:8px;background-size:auto 100%;background-position:center bottom}
  .gh-section{padding-top:44px}
  .gh-case{grid-template-columns:1fr}
  .gh-case-copy{min-height:330px;border-right:0;border-bottom:1px solid var(--gh-line-soft)}
  .gh-case-visual{min-height:420px}
  .gh-service-row{grid-template-columns:42px 1fr 74px;min-height:138px}
  .gh-service-row p{grid-column:2/4}.gh-service-action{grid-column:3;grid-row:1}
  .gh-process-track{grid-template-columns:1fr}
  .gh-process-track article{min-height:145px}.gh-process-track article+article::before{left:28px;right:28px;top:0;bottom:auto;border-left:0;border-top:1px dotted var(--gh-line)}
  .gh-products-inner{padding:24px 0;align-items:flex-start}.gh-products nav{flex:0 0 auto;display:grid;gap:14px}
}

@media (max-width:560px){
  body.home-page.gh-option-one{background-size:420px 420px}
  .gh-wordmark{font-size:.96rem}
  .gh-primary-nav{grid-template-columns:1fr}
  .gh-primary-nav>a:not(.gh-nav-project){min-height:44px}.gh-theme-toggle{position:absolute;right:66px;top:9px;margin:0}
  .gh-nav-project{margin-top:14px}
  .gh-hero{padding-top:110px}
  .gh-kicker{margin-bottom:19px}
  .gh-hero h1{font-size:clamp(3.15rem,15.7vw,4.6rem);line-height:.94}
  .gh-hero-lede{margin-top:24px;font-size:1rem}
  .gh-actions{align-items:flex-start;display:grid;gap:18px;margin-top:28px}.gh-button{width:max-content;min-height:50px;gap:30px}.gh-text-link{width:max-content}
  .gh-hero-grid{gap:48px}
  .gh-hero-rail{padding-top:18px}.gh-hero-rail a{min-height:50px}
  .gh-hero-map{height:248px;margin-top:16px;background-size:auto 100%;background-position:center bottom}
  .gh-section{padding-top:34px}
  .gh-section-label{margin-bottom:10px}
  .gh-case{min-height:0}
  .gh-case-copy{min-height:310px;padding:36px 24px 30px}.gh-case-copy h2{font-size:2.35rem}.gh-case-copy>p:not(.gh-case-index){font-size:.95rem}
  .gh-case-visual{min-height:315px;padding:8px}.gh-case-visual img{max-height:300px}.gh-expand{right:16px;bottom:14px}.gh-expand span{display:none}
  .gh-services{padding-top:42px}
  .gh-service-row{min-height:0;padding:25px 18px;grid-template-columns:34px 1fr 24px;gap:12px 10px}
  .gh-service-row:hover,.gh-service-row:focus-visible{padding-left:22px}
  .gh-service-row h2{font-size:1.62rem}.gh-service-row p{grid-column:2/4;font-size:.76rem}.gh-service-action{font-size:0;gap:0}.gh-service-action i{font-size:.9rem}
  .gh-process-track article{padding:24px 20px;grid-template-columns:58px 1fr;gap:18px}.gh-process-icon{width:54px;height:54px;font-size:1.55rem}
  .gh-products{padding-top:32px}.gh-products-inner{display:grid;gap:20px}.gh-products p{align-items:flex-start;line-height:1.4}.gh-products nav{display:flex;gap:26px;margin-left:44px}
  .gh-footer{padding:26px 0 30px}.gh-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.gh-footer-grid p:nth-child(2){display:none}.gh-footer-grid p:last-child{justify-self:end}
  .gh-work-dialog{width:calc(100% - 18px)}.gh-work-dialog-bar h2{font-size:1rem}
}

@media (prefers-reduced-motion:reduce){
  .gh-js .gh-option-one [data-reveal]{opacity:1;transform:none;transition:none}
  .gh-hero-map,.gh-case-visual img,.gh-site-header *{transition:none!important;transform:none!important}
}
