/* GREEKREEL identity — bright blue / charcoal */
:root{--paper:#F7F9FC;--ink:#171D23;--pine:#0069FC;--blue:#0069FC;--blue-deep:#004EC2;--muted:#52606E;--line:#D8E1EA;--gr-dark:#111820;--gr-white:#fff;color-scheme:light}
html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:Commissioner,Arial,sans-serif}
h1,h2,h3,.lead,.hero-lead,.price-card .price,.hub-card strong,.related strong,.hero-side p{font-family:Commissioner,Arial,sans-serif;letter-spacing:-.043em}
h1,h2{font-weight:750;line-height:1.07}h3{font-weight:700;line-height:1.18}
.eyebrow,.number,.num,.scope-index,.finder-number{color:var(--blue);font-weight:700;letter-spacing:.085em}
::selection{background:#C0DBFF;color:#151A1F}
:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.gr-home .site-header,.gr-service .site-head,.gr-audience .head{position:sticky;top:0;z-index:30;background:rgba(247,249,252,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.gr-home .header-row{min-height:88px}
.gr-home .brand{gap:4px}
.gr-home .brand-label{color:var(--muted);font-size:.62rem;letter-spacing:.16em;font-weight:700}
.gr-home .wordmark,.gr-service .brand img,.gr-audience .brand img{display:block;width:190px;height:auto;max-width:100%}
.gr-service .brand,.gr-audience .brand{display:inline-flex;align-items:center;flex:none}
.gr-service .head-inner{min-height:80px}
.gr-audience .head-row{padding:18px 0}
.gr-home #site-nav{font-weight:650}
.gr-home #site-nav a:hover,.gr-home .text-link:hover,.gr-service .head-nav a:hover,.gr-audience .nav a:hover{color:var(--blue)}
.gr-home .header-contact{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}
.gr-home .header-contact:hover{background:var(--blue-deep);border-color:var(--blue-deep)}
.gr-home .lang a[aria-current]{color:var(--blue)}
.gr-home .hero{padding-top:44px}
.gr-home .hero-topline{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}
.gr-home .hero-topline .eyebrow{font-size:.74rem;letter-spacing:.13em}
.gr-home .hero-grid{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:clamp(26px,5vw,80px);align-items:stretch}
.gr-home .hero-copy{display:flex;flex-direction:column;justify-content:center;padding:45px 0 55px}
.gr-home .hero-copy h1{font-size:clamp(3.1rem,5.3vw,5.5rem);font-weight:750;letter-spacing:-.062em;line-height:1}
.gr-home .hero-copy h1 em{color:var(--blue);font-family:Commissioner,Arial,sans-serif;font-style:normal;font-weight:750}
.gr-home .hero-lead{font-size:clamp(1rem,1.3vw,1.13rem);line-height:1.72;max-width:540px}
.gr-home .hero-frame{background:var(--gr-dark)}
.gr-home .hero-showcase{min-height:510px}
.gr-home .frame-meta{padding:24px;background:linear-gradient(transparent,rgba(9,15,24,.86))}
.gr-home .hero-footer{margin-top:0;padding:26px 0}
.gr-home .hero-footer>div{font-weight:650}
.gr-home .button,.gr-service .button{background:var(--blue);color:#fff;border-color:var(--blue);border-radius:0;font-weight:700;transition:background .18s,border-color .18s}
.gr-home .button:hover,.gr-service .button:hover{background:var(--blue-deep);border-color:var(--blue-deep)}
.gr-home .scope-card .button{background:#fff;color:var(--ink);border-color:var(--ink)}
.gr-home .scope-card .button:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.gr-home .section{padding-top:clamp(70px,7vw,112px);padding-bottom:clamp(70px,7vw,112px)}
.gr-home .section-head h2{max-width:810px;letter-spacing:-.056em}
.gr-home .finder-head{align-items:end}
.gr-home .finder-card{background:#fff;border:1px solid var(--line);padding:27px 24px;min-height:325px;transition:transform .18s,border-color .18s,box-shadow .18s}
.gr-home .finder-card:hover{transform:translateY(-4px);border-color:#A5C8F8;box-shadow:0 14px 28px rgba(15,58,118,.07)}
.gr-home .finder-card h3{font-size:clamp(1.32rem,1.65vw,1.7rem);font-weight:750}
.gr-home .finder-primary{color:var(--blue)}
.gr-home .finder-links{border-top:1px solid var(--line)}
.gr-home .finder-links small{color:var(--blue)}
.gr-home .scope-card{background:#fff;border-color:var(--line)}
.gr-home .scope-card h3{font-weight:750}
.gr-home .work-section,.gr-home .contact,.gr-service .process,.gr-audience .outcomes{background:var(--gr-dark);color:#fff}
.gr-home .work-section .eyebrow,.gr-home .contact .eyebrow,.gr-audience .outcomes .eyebrow{color:#87BBFF}
.gr-home .work-head p:not(.eyebrow){color:#CBD8E5}
.gr-home .step{border-top:2px solid #A7CDFD}
.gr-home .brief-form .button{background:var(--blue);border-color:var(--blue);color:#fff}
.gr-home .brief-form .button:hover{background:var(--blue-deep)}
.gr-home .mobile-contact a:last-child{background:var(--blue);color:#fff}
.gr-home .field :is(input,textarea,select):focus{outline:2px solid var(--blue);outline-offset:2px}
.gr-service .hero{padding-top:clamp(64px,7vw,115px)}
.gr-service .hero h1{font-size:clamp(2.8rem,6.1vw,5.9rem);line-height:1.04;letter-spacing:-.06em}
.gr-service .hero .lead{font:450 clamp(1.1rem,1.8vw,1.5rem)/1.55 Commissioner,Arial,sans-serif;letter-spacing:-.02em}
.gr-service .price-card{background:var(--blue);color:#fff}
.gr-service .price-card .price{font-weight:750;letter-spacing:-.055em}
.gr-service .card,.gr-service .hub-card,.gr-service .related a{background:#fff}
.gr-service .related a,.gr-service .hub-card{transition:border-color .18s,transform .18s}
.gr-service .related a:hover,.gr-service .hub-card:hover{border-color:var(--blue);transform:translateY(-3px)}
.gr-service .hub-card em{color:var(--blue)}
.gr-service .cta{background:var(--blue);color:#fff}
.gr-service .cta .button.light{background:#fff;color:var(--blue-deep);border-color:#fff}
.gr-service .cta .button.light:hover{background:#EAF3FF}
.gr-audience .hero{padding:clamp(55px,6vw,88px) 0}
.gr-audience .hero h1{font-size:clamp(2.9rem,5.8vw,5.4rem);letter-spacing:-.06em}
.gr-audience .lead{font:450 clamp(1.12rem,1.7vw,1.48rem)/1.58 Commissioner,Arial,sans-serif;letter-spacing:-.02em}
.gr-audience .hero-side{background:var(--gr-dark);border-top:5px solid var(--blue)}
.gr-audience .hero-side p{font-weight:700}
.gr-audience .service{background:#fff;transition:border-color .18s,transform .18s}
.gr-audience .service:hover{border-color:var(--blue);transform:translateY(-3px)}
.gr-audience .service h3{font-weight:750}
.gr-audience .service-footer a{color:var(--blue)}
.gr-audience .outcomes li{font-family:Commissioner,Arial,sans-serif;font-weight:650}
.gr-audience .next{background:var(--blue);color:#fff}
.gr-audience .next a.cta{background:#fff;color:var(--blue-deep)}
.gr-audience .next a.cta:hover{background:#EAF3FF}
.gr-audience .next .eyebrow{color:#fff}
.gr-audience .foot{border-top:1px solid var(--line)}
@media(min-width:1051px){.gr-home .finder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.gr-home .site-header,.gr-service .site-head,.gr-audience .head{position:relative}.gr-home .hero-grid{gap:24px}.gr-home .hero-copy{padding:18px 0}.gr-home .hero-showcase{min-height:335px}.gr-home .finder-card{min-height:0}}
@media(max-width:600px){.gr-home .hero{padding-top:20px}.gr-home .hero-grid{grid-template-columns:1fr;gap:24px}.gr-home .hero-copy h1{font-size:clamp(2.4rem,9.4vw,3.45rem)}.gr-home .hero-showcase{min-height:0;aspect-ratio:16/10}.gr-home .finder-card{padding:24px}.gr-home .wordmark,.gr-service .brand img,.gr-audience .brand img{width:166px}.gr-service .hero h1,.gr-audience .hero h1{font-size:clamp(2.35rem,9vw,3.6rem)}}
@media(prefers-reduced-motion:reduce){.gr-home .finder-card,.gr-service .related a,.gr-service .hub-card,.gr-audience .service{transition:none}.gr-home .finder-card:hover,.gr-service .related a:hover,.gr-service .hub-card:hover,.gr-audience .service:hover{transform:none}}
