/* Agafi Group component classes — source: agafi-website-2026/assets/bundle.css (verbatim), plus .ag-field / .ag-stat / .ag-menu-btn lifted from page inline styles. */
body{margin:0;font-family:var(--font-sans);font-weight:300;background:var(--stage);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:var(--gold)}a:hover{color:var(--ink)}
input:focus-visible,textarea:focus-visible,button:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.ag-btn:focus-visible,.ag-link:focus-visible,.ag-circle:focus-visible,.ag-tag:focus-visible,.ag-unit:focus-visible,.ag-project:focus-visible,.ag-nav a:focus-visible,.ag-footer a:focus-visible,.ag-wordmark:focus-visible{outline:1px solid var(--gold);outline-offset:4px}
.ag-arrow{display:inline-block;transition:transform .4s ease-out}
.ag-wordmark{display:inline-flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);font-family:var(--font-sans);line-height:1}
.ag-wordmark b{font-weight:500;font-size:20px;letter-spacing:0.34em;margin-right:-0.34em}
.ag-wordmark i{font-style:normal;font-weight:500;font-size:8px;letter-spacing:0.28em;color:var(--gold)}
.ag-wordmark-lg b{font-size:40px}.ag-wordmark-lg i{font-size:14px}
.ag-wordmark:hover{color:var(--ink)}
.ag-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding:var(--space-6) var(--space-8);background:var(--stage)}
.ag-nav-page{background:transparent;padding:36px 176px}
.ag-nav ul{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0}
.ag-nav a{font-size:13px;font-weight:300;color:var(--ink);text-decoration:none;opacity:.86;transition:opacity .3s}
.ag-nav a:hover{opacity:1}
.ag-nav .ag-nav-cta{opacity:1;padding-bottom:7px;border-bottom:var(--hairline) solid var(--gold)}
.ag-nav .ag-wordmark{opacity:1}
.ag-eyebrow{font-family:var(--font-sans);font-size:11px;line-height:1.4;font-weight:400;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold)}
[data-theme="light"] .ag-eyebrow,.ag-eyebrow-quiet{color:var(--ink-subtle)}
.ag-headline{margin:0;font-family:var(--font-sans);font-weight:300;color:var(--ink);text-wrap:balance}
.ag-headline-xl{font-size:132px;line-height:.89;letter-spacing:-0.055em}
.ag-headline-l{font-size:84px;line-height:1;letter-spacing:-0.04em}
.ag-outline{color:transparent;-webkit-text-stroke:1px var(--outline-ink)}
.ag-gold{color:var(--gold)}
.ag-statement{margin:0;font-size:78px;line-height:1.12;letter-spacing:-0.035em;font-weight:300;color:var(--ink);max-width:14em}
.ag-statement span{color:var(--ink-quiet)}
.ag-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--hairline) solid var(--line)}
.ag-fact{padding:var(--space-8) var(--space-6) var(--space-2) 0}
.ag-fact + .ag-fact{border-left:var(--hairline) solid var(--line);padding-left:var(--space-6)}
.ag-fact strong{display:block;font-size:32px;line-height:1.2;font-weight:300;letter-spacing:-0.02em;color:var(--ink);margin-bottom:var(--space-6)}
.ag-fact p{margin:0;font-size:13px;line-height:1.6;color:var(--ink-muted);max-width:26ch}
.ag-units{border-top:var(--hairline) solid var(--line)}
.ag-unit{display:grid;grid-template-columns:110px 1fr 1fr 50px;align-items:center;gap:var(--space-6);padding:40px var(--space-3);border-bottom:var(--hairline) solid var(--line);color:var(--ink);text-decoration:none}
.ag-unit:hover{color:var(--ink)}
.ag-unit .ag-num{font-size:12px;color:var(--gold);font-variant-numeric:tabular-nums}
.ag-unit h3{margin:0;font-size:46px;line-height:1.1;font-weight:300;letter-spacing:-0.03em}
.ag-unit p{margin:0;font-size:14px;line-height:1.7;color:var(--ink-muted);max-width:44ch;transition:color .4s}
.ag-unit .ag-arrow{font-size:28px;color:var(--gold);justify-self:end}
.ag-unit:hover p{color:var(--ink)}
.ag-unit:hover .ag-arrow,.ag-link:hover .ag-arrow,.ag-project:hover .ag-arrow{transform:translate(4px,-4px)}
.ag-project{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-8);min-height:520px;padding:var(--space-12);background-color:var(--stage-raised);background-size:cover;background-position:center;color:var(--ink);text-decoration:none;overflow:hidden;box-sizing:border-box}
.ag-project:hover{color:var(--ink)}
.ag-project::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,9,.85) 0%,rgba(9,9,9,.2) 60%,rgba(9,9,9,0) 100%)}
.ag-project > *{position:relative}
.ag-project small{display:block;font-size:13px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-4)}
.ag-project h3{margin:0;font-size:68px;line-height:1.05;font-weight:300;letter-spacing:-0.035em;max-width:9em}
.ag-project .ag-note{font-size:14px;white-space:nowrap}
.ag-project-compact{min-height:420px;padding:36px}
.ag-project-compact h3{font-size:40px;max-width:11em}
.ag-link{display:inline-flex;gap:var(--space-2);align-items:center;font-family:var(--font-sans);font-size:14px;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding-bottom:10px;border-bottom:var(--hairline) solid var(--gold);background:none;border-top:0;border-left:0;border-right:0;cursor:pointer}
.ag-link:hover{color:var(--gold)}
.ag-circle{width:116px;height:116px;border-radius:var(--radius-round);border:var(--hairline) solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-sans);font-size:11px;line-height:1.4;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;transition:background .5s,color .5s,border-color .5s;background:transparent;cursor:pointer;flex:none}
.ag-circle:hover{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}
.ag-btn{font:inherit;font-family:var(--font-sans);font-size:13px;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:var(--space-2);height:48px;padding:0 28px;border-radius:var(--radius-pill);border:1px solid var(--gold);background:transparent;color:var(--ink);cursor:pointer;text-decoration:none;transition:background .4s,color .4s}
.ag-btn:hover,.ag-btn-solid{background:var(--gold);color:var(--on-gold)}
.ag-btn[disabled]{opacity:.4;cursor:not-allowed}
.ag-tag{font:inherit;font-family:var(--font-sans);font-size:13px;font-weight:300;height:36px;padding:0 18px;border-radius:var(--radius-pill);border:var(--hairline) solid var(--line-strong);background:transparent;color:var(--ink-muted);cursor:pointer;transition:color .3s,border-color .3s}
.ag-tag:hover{color:var(--ink)}
.ag-tag[aria-pressed="true"]{color:var(--ink);border-color:var(--gold)}
.ag-footer{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:var(--space-6);padding:var(--space-8) 0;border-top:var(--hairline) solid var(--line);font-size:12px;color:var(--ink-subtle);background:var(--stage)}
.ag-footer .ag-wordmark b{color:var(--ink-subtle)}
.ag-footer nav{display:flex;gap:var(--space-4)}
.ag-footer a{color:var(--ink-subtle);text-decoration:none}.ag-footer a:hover{color:var(--ink)}
.ag-footer > :last-child{justify-self:end}
/* Lifted from contact.html inline styles */
.ag-field{display:flex;flex-direction:column;gap:10px}
.ag-field > span{font-size:11px;letter-spacing:0.28em;text-transform:uppercase;color:var(--ink-muted)}
.ag-field input,.ag-field textarea{background:transparent;border:0;border-bottom:1px solid var(--line-strong);color:var(--ink);font-family:inherit;font-size:22px;font-weight:300;padding:8px 0 14px;resize:none;border-radius:0}
.ag-field input::placeholder,.ag-field textarea::placeholder{color:var(--ink-subtle)}
/* Lifted from project-*.html stats row */
.ag-stat{padding:36px 24px 8px 0;display:flex;flex-direction:column;gap:16px}
.ag-stat > span{font-size:84px;line-height:1;font-weight:300;letter-spacing:-0.04em;color:var(--gold)}
.ag-stat p{margin:0;font-size:14px;line-height:1.6;font-weight:300;color:var(--ink-muted);max-width:26ch}
/* Lifted from mobile/*.html header */
.ag-menu-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--ink);cursor:pointer}