/* GREVAR / QA PASS 05 — surgical fixes, no approved art-direction changes */
:focus-visible{outline:2px solid #be5071;outline-offset:4px}
/* Site header: stop text bleeding through on dark sections */
body .nav.grevar-scrolled{background:rgba(247,241,236,.97)!important;box-shadow:0 8px 24px rgba(17,13,16,.10);border-bottom:1px solid rgba(43,10,20,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#151014!important}
body .nav.grevar-scrolled .brand,body .nav.grevar-scrolled .nav-links a:not(.cta){color:#151014!important}
body .nav.grevar-scrolled .meta{color:#59484e!important}
/* One mobile navigation on homepage + four case pages. */
.grevar-menu-toggle{display:none;flex:none;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:4px;flex-direction:column;border-radius:24px;border:1px solid rgba(255,255,255,.3);background:#252022;color:#fff;cursor:pointer;position:relative;z-index:3}
.grevar-menu-toggle>i{display:block;width:17px;height:1.5px;background:currentColor;transition:transform .25s,opacity .25s}
.grevar-menu-toggle[aria-expanded="true"]>i:first-child{transform:translateY(3px) rotate(45deg)}
.grevar-menu-toggle[aria-expanded="true"]>i:last-child{transform:translateY(-3px) rotate(-45deg)}
.grevar-menu-panel[hidden]{display:none!important}
.grevar-menu-panel{position:absolute;z-index:150;top:calc(100% + 10px);right:0;min-width:min(350px,calc(100vw - 28px));padding:13px;background:#201b1e;color:#fcf6f1;border:1px solid rgba(255,255,255,.20);border-radius:19px;box-shadow:0 22px 55px rgba(13,8,10,.28);display:flex;flex-direction:column;gap:2px}
.grevar-menu-panel a{color:#fcf6f1!important;display:flex;align-items:center;min-height:52px;padding:12px 17px;border-radius:10px;font:600 15px/1.2 var(--font-sans);text-decoration:none;letter-spacing:0!important;text-transform:none!important;opacity:1!important}
.grevar-menu-panel a:hover,.grevar-menu-panel a:focus-visible{background:#6b2c3c!important;color:#fff!important}
.grevar-menu-panel a:not(:last-child){border-bottom:1px solid rgba(255,255,255,.13)}
@media(max-width:1100px){body .nav .grevar-menu-toggle{display:flex}}
@media(max-width:1024px){.grevar-case-nav .grevar-menu-toggle{display:flex}}
/* The toggle is placed before contact in order to preserve visible direct contact CTA */
.grevar-case-nav{position:relative}
@media(max-width:1100px){body .nav{position:fixed!important;align-items:center;gap:8px}body .nav .nav-links{margin-left:auto}}
@media(max-width:760px){body .nav .nav-links .cta{font-size:11px;white-space:nowrap;padding:11px 12px}}
@media(max-width:380px){body .nav .wordmark{font-size:25px}}
/* Prevent chopped mobile text; inherited auto min-content used to exceed viewport */
.vhead,.vhead>*,.vhead>*>*,.strategy-sticky,.strategy-sticky>*,.strategy-sticky>*>*{min-width:0!important;max-width:100%}
.vhead h1,.vhead h2,.strategy-sticky h2,.strategy-sticky p{overflow-wrap:break-word}
@media(max-width:980px){.intro-grid,.research-head{grid-template-columns:minmax(0,1fr)!important;gap:30px!important}.intro-grid>*,.research-head>*{min-width:0!important;max-width:100%}}
@media(max-width:600px){.vhead,.strategy-sticky{width:100%;min-width:0!important}.vhead h1,.vhead h2,.strategy-sticky h2{overflow-wrap:break-word;hyphens:auto}.hero .statement{overflow-wrap:normal}}
/* The giant contact wordmark must remain one word on phones */
@media(max-width:640px){.aw-contact-title h2,#awBriefTitle{font-size:clamp(38px,11vw,58px)!important;letter-spacing:-.085em!important;white-space:nowrap;overflow-wrap:normal!important;word-break:normal!important}}
/* Cohesive feedback for actual actionable links, not decorative elements. */
@media(hover:hover) and (pointer:fine){
 a,.aw-contact-choice,.aw-footer-column a,.grevar-case-nav a{transition:color .22s ease,background-color .22s ease,border-color .22s ease,opacity .22s ease,filter .22s ease}
 body .nav a:not(.cta):hover,.grevar-case-nav .links a:not(.contact):hover{color:#9b3b54!important}
 body .nav a.cta:hover,.grevar-case-nav a.contact:hover{background:#702f3b!important;color:white!important}
 .grevar-case-nav .brand:hover{opacity:.7}
 .grevar-case-links a:hover,.case-contact a:hover,.grevar-next-step a:hover,.aw-contact-copy a:hover{filter:brightness(1.12)}
 .aw-footer-column a:hover,.aw-final a:hover{color:#cf8e9e!important}
 .aw-process-list article:hover,.aw-package:hover{border-color:#9a4a5b!important}
}
/* Do not animate away content for motion-sensitive users */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}.reveal,.js .reveal,.hero-copy,.hero-intro-mask{opacity:1!important;transform:none!important}.hero-intro-mask{display:none!important}}
/* Site-linked prototypes are always clearly marked, even when opened directly */
.grevar-prototype-bar{display:flex;position:relative;z-index:120;align-items:center;justify-content:space-between;gap:18px;min-height:54px;padding:10px clamp(16px,3vw,42px);background:#201a1e;color:#fbf4f0;border-bottom:1px solid #764150;font:600 12px/1.45 var(--font-sans);letter-spacing:.02em}
.grevar-prototype-label{max-width:850px}.grevar-prototype-label strong{color:#f2bccb}
.grevar-prototype-links{display:flex;align-items:center;gap:16px;flex-shrink:0}
.grevar-prototype-links a{color:white;text-decoration:none;white-space:nowrap;min-height:34px;display:inline-flex;align-items:center;border-bottom:1px solid #b96e82}
.grevar-prototype-links a:hover{color:#f6b5c5;border-bottom-color:currentColor}
@media(max-width:700px){.grevar-prototype-bar{padding:12px 14px;align-items:flex-start;flex-direction:column;gap:8px;font-size:11px;line-height:1.45}.grevar-prototype-links{width:100%;gap:20px}.grevar-prototype-links a{font-size:12px}}
/* Linia's long-running decorative trajectory must never obscure paragraph text */
#courts .court-details{position:relative;z-index:6;isolation:isolate}
#courts .court-details>div{position:relative;z-index:2;background:var(--cream,#f4f1e8);padding:12px 10px 14px;box-shadow:0 0 0 8px var(--cream,#f4f1e8)}
/* Make cinematic skip actually visible */
.intro-skip:not([hidden]){z-index:120;min-height:47px;padding:12px 20px!important;background:#182331!important;color:#fff!important;border:2px solid #d6eb64!important;font-size:14px!important;font-weight:700!important;box-shadow:0 5px 16px rgba(0,0,0,.28)}
/* measured regressions: case pill accidentally inherited full viewport width */
.grevar-case-nav{width:calc(100% - 56px)!important;max-width:calc(100% - 56px)!important;box-sizing:border-box}
@media(max-width:700px){.grevar-case-nav{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important}}
/* VERA district editorial: intrinsic width of its large photograph must not force an 880px grid column */
@media(max-width:1050px){.district-story{grid-template-columns:minmax(0,1fr)!important}.district-story>*{min-width:0!important;max-width:100%!important}.district-photo-wrap,.district-photo{min-width:0!important;max-width:100%!important;width:100%!important}}

.grevar-prototype-menu{display:none;position:relative;align-self:center;min-width:120px;font:600 12px var(--font-sans)}
.grevar-prototype-menu>summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:99px;color:#fff;white-space:nowrap}
.grevar-prototype-menu>summary::-webkit-details-marker{display:none}
.grevar-prototype-menu>summary span{margin-left:7px}
.grevar-prototype-menu nav{position:absolute;z-index:180;top:calc(100% + 8px);right:0;min-width:190px;max-width:calc(100vw - 28px);display:grid;gap:1px;padding:9px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:#201b1e;box-shadow:0 14px 35px rgba(0,0,0,.25)}
.grevar-prototype-menu nav a{display:block;color:#fff;font:600 13px/1.3 var(--font-sans);min-height:39px;padding:10px 12px;text-decoration:none;border-radius:8px}
.grevar-prototype-menu nav a:hover{background:#702f3b}
@media(max-width:1100px){.grevar-prototype-menu{display:block}}
@media(max-width:700px){.grevar-prototype-menu{order:3;align-self:flex-start}}
@media(hover:hover) and (pointer:fine){
 body.grevar-prototype :is(a[href],button:not(:disabled)):hover{opacity:.78;transition:opacity .18s ease,box-shadow .18s ease}
 body.grevar-prototype button[aria-pressed]:hover,body.grevar-prototype [role=tab]:hover{box-shadow:0 0 0 2px rgba(112,47,59,.18)}
 .grevar-case-links a:hover,.case-contact a:hover,.case-next a:hover{box-shadow:0 3px 0 -1px currentColor}
 .case-hero:hover .vera-photo{filter:brightness(1.07)}
}
@media(max-width:1024px){.grevar-case-nav .links a:not(.contact){display:none}}

.grevar-intro-credit{position:absolute;z-index:85;top:clamp(24px,5vh,55px);left:5%;display:flex;flex-direction:column;gap:9px;opacity:0;pointer-events:none;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5);transition:opacity .5s ease}
.grevar-intro-credit strong{font:800 clamp(24px,3vw,44px)/1 var(--font-sans);letter-spacing:-.06em}
.grevar-intro-credit span{font:700 10px/1.2 var(--font-sans);letter-spacing:.16em;text-transform:uppercase}
.intro-playing .grevar-intro-credit,.intro-active .grevar-intro-credit{opacity:1}
@media(prefers-reduced-motion:reduce){.grevar-intro-credit{transition:none!important}}
@media(hover:hover) and (pointer:fine){
 body.grevar-prototype-vera .catalog-row:hover{padding-left:0!important;background:rgba(112,47,59,.08)!important;box-shadow:inset 3px 0 0 #702f3b}
 body.grevar-prototype-vera .district-btn:hover{background:rgba(112,47,59,.07)}
}

/* QA PASS 06 · clarity without decorative changes */
/* High-contrast controls on both dark media and light editorial scenes. */
.grevar-menu-toggle:focus-visible,.grevar-menu-panel a:focus-visible,
.grevar-prototype-links a:focus-visible,.grevar-prototype-menu summary:focus-visible {
 outline:3px solid #eda5b7;outline-offset:3px;
}
/* Reveal the foreground content clearly when the user requests increased contrast. */
@media (prefers-contrast:more){
 .grevar-prototype-bar,.grevar-menu-panel{background:#130f11;color:#fff;}
 .grevar-prototype-label strong{color:#fff;}
 .grevar-prototype-links a{text-decoration:underline;text-underline-offset:4px;}
 body .nav.grevar-scrolled{background:#f7f1ec!important;backdrop-filter:none;}
}

/* Release QA: VĒRA's intro skip must not sit beneath the GREVAR concept bar. */
body.grevar-prototype-vera .intro-skip{top:74px;right:24px;min-width:118px;min-height:44px;padding:10px 12px;cursor:pointer;z-index:125;border-radius:24px;background:rgba(245,240,235,.94);color:#451e2d;border:1px solid rgba(91,34,48,.35);font-weight:700;font-size:12px;letter-spacing:.05em}
body.grevar-prototype-vera .intro-skip:hover,body.grevar-prototype-vera .intro-skip:focus-visible{background:#702f3b;color:#fff;border-color:#702f3b}
@media(max-width:700px){body.grevar-prototype-vera .intro-skip{top:120px;right:14px}}