/* Annixia 2026 finishing layer — restrained, legible, responsive */
:root{--ann-red:#cf293c;--ann-ink:#08080b;--ann-copy:#c0b6ae;--ann-border:rgba(255,255,255,.13)}
html{scroll-padding-top:90px}
.annixia-skip-link{position:fixed;top:10px;left:12px;z-index:99999;transform:translateY(-160%);background:#eee7df;color:#161014;padding:11px 16px;font-size:14px;text-decoration:none;box-shadow:0 8px 28px rgba(0,0,0,.25)}
.annixia-skip-link:focus{transform:translateY(0)}
.project-modal-v5 .project-modal-type{color:#ef7887!important}
.page-hero .eyebrow{color:#b7a9a0!important}
body{overflow-x:clip}
body.modal-open{overflow:hidden}
:focus-visible{outline:2px solid #ef6877!important;outline-offset:4px}
button,a,select{touch-action:manipulation}
a,button{ -webkit-tap-highlight-color:rgba(207,41,60,.12)}
.annixia-hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;left:-9999px!important;top:auto!important}
.nav-wrap-v5 .nav{max-width:1440px}
.nav-wrap-v5 .brand-v5{font-weight:700!important;letter-spacing:.14em!important}
.nav-wrap-v5 .brand-v5 span{color:var(--ann-red)}
.nav-wrap-v5 nav a:hover,.nav-wrap-v5 nav a:focus-visible{color:#fff!important}
.hero-v5 h1{
  font-size:clamp(64px,6.35vw,108px)!important;
  line-height:.96!important;
  letter-spacing:-.069em!important;
  max-width:750px;
  overflow-wrap:normal;
}
.hero-v5 h1 em{font-size:.98em!important}
.hero-v5-copy>p{max-width:455px!important;line-height:1.65!important}
.hero-v5-primary{min-width:208px!important}
.hero-v5-primary:hover{background:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.hero-v5-secondary:hover{background:rgba(255,255,255,.055)!important}
.reactor-wordmark{letter-spacing:.30em!important}
.reactor-logo-stack{will-change:transform}
.reactor-logo-aura{opacity:.26!important}
.reactor-field{opacity:.5!important}
.reactor-axis{opacity:.30!important}
.reactor-spark{opacity:.42!important}
.reactor-logo-core{filter:brightness(0) saturate(100%) invert(22%) sepia(91%) saturate(3200%) hue-rotate(340deg) brightness(102%) contrast(102%) drop-shadow(0 0 7px rgba(223,40,58,.5))!important}
.section-head-v5 h2{font-size:clamp(40px,4.4vw,63px)!important;line-height:1.02!important}
.project-v5-media img{object-position:center}
.project-v5-copy{gap:0}
.project-v5-type{letter-spacing:.09em!important;color:#bf858c!important}
.project-v5-copy>p{color:#c1b4ab!important}
.project-v5-cta{margin-top:auto!important;padding-top:22px!important;color:#f1eae4!important}
.project-v5-open{background:rgba(8,8,12,.85)!important}
.project-v5:hover{border-color:rgba(207,41,60,.26)}
.project-v5-media-space img{object-fit:contain!important;transform:none!important;filter:none!important}
.project-client-link-v5{color:#c4b8ae!important}
.project-business-visual{background:#100c12!important}
.project-business-visual img{object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important}
.project-visual-note{position:absolute;top:18px;left:18px;z-index:5;background:rgba(9,8,13,.82);border:1px solid rgba(233,167,177,.24);color:#f0dcd9;padding:8px 12px;font:600 11px/1.2 "DM Sans",sans-serif;letter-spacing:.035em}
.project-business-sim .project-v5-copy h3{font-size:clamp(29px,2.65vw,43px)!important;line-height:1.08!important;letter-spacing:-.05em!important}
.project-modal-art-note{color:#a99c96!important;font-size:12px!important;line-height:1.55!important;margin:0 0 16px!important}
.project-modal-art-note[hidden]{display:none!important}
.services-v5-grid{border-top-color:rgba(255,255,255,.12)}
.service-v5{min-height:230px!important}
.service-v5 h3{font-size:clamp(24px,2vw,29px)!important;line-height:1.13!important}
.service-v5 p{color:#b6aba3!important}
.services-v5-bottom a{padding-bottom:8px}
.contact-v5-direct a{overflow-wrap:anywhere;max-width:100%}
.contact-v5 .section-head-v5 p{max-width:350px}
.home-form-v5{position:relative}
.home-form-v5 label{text-transform:none!important;letter-spacing:.025em!important;font-weight:500}
.home-form-v5 input,.home-form-v5 select,.home-form-v5 textarea{min-height:44px}
.home-form-v5 input:focus,.home-form-v5 textarea:focus,.home-form-v5 select:focus{border-color:var(--ann-red)!important}
.home-form-v5 .form-status,.contact-form .form-status{
  color:#fa9aa5!important;
  font-size:13px!important;
  line-height:1.5;
  margin:0!important;
}
.home-form-v5 .form-status:empty,.contact-form .form-status:empty{display:none}
.home-form-v5 .form-status.is-success,.contact-form .form-status.is-success{color:#c5e2d0!important}
.home-form-v5 button[disabled],.contact-form button[disabled]{cursor:wait!important;opacity:.65!important}
.project-modal-v5{
  overscroll-behavior:contain!important;
  border-color:rgba(255,255,255,.15)!important;
}
.project-modal-v5::backdrop{background:rgba(1,1,3,.87)!important}
.project-modal-v5 .project-modal-kicker{align-items:baseline}
.project-modal-v5 .project-modal-copy{margin-bottom:22px!important}
.project-modal-v5 .project-modal-grid{margin-top:0!important}
.project-modal-v5 .project-modal-grid>div{align-items:baseline}
.project-modal-v5 .project-modal-grid span{color:#a99c93!important}
.project-modal-v5 .project-download-link{padding-bottom:8px;min-height:36px!important;align-items:center}
.project-modal-v5 .project-download-link:focus-visible{outline-offset:6px}
.project-modal-v5 .project-modal-thumbs button:focus-visible{outline-offset:1px}
.page-body{color:#e4dcd5!important}
.page-body .service-editorial-row p,.page-body .studio-page-copy p,.page-body .studio-page-principles span{color:#b9ada3!important}
.page-body .contact-side p{color:#b9ada3!important}
.page-body .contact-side h2{font-size:clamp(28px,3vw,44px)!important;overflow-wrap:anywhere}
.page-body .field label{color:#c6b9ae!important}
.page-body .field input,.page-body .field textarea,.page-body .field select{color:#f1ebe5!important;min-height:44px}
.page-body .field input::placeholder,.page-body .field textarea::placeholder{color:#8e827a}
.page-body .field select{color-scheme:dark;background-color:#131116!important}
.page-body .field select option{background:#131116!important;color:#f0e8e0!important}
.page-body .form-note{color:#b8ada4!important}
.page-body .form-note a{color:#ef7786!important}
.footer-v3 .footer-links a{padding:8px 0;display:inline-block}
.footer-v3 .footer-row{line-height:1.6}
@media(max-width:1100px){
 .hero-v5-shell{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr)!important}
 .hero-v5 h1{font-size:clamp(58px,6.7vw,88px)!important}
 .hero-reactor{width:min(440px,41vw)!important}
}
@media(max-width:760px){
 html{scroll-padding-top:74px}
 .hero-v5-shell{grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:14px!important}
 .hero-v5-copy{padding-top:26px!important}
 .hero-v5 h1{font-size:clamp(52px,12.4vw,78px)!important;line-height:.94!important}
 .hero-v5 h1 em{font-size:1em!important}
 .hero-v5-copy>p{font-size:15px!important;max-width:37ch!important}
 .hero-v5-primary,.hero-v5-secondary{font-size:14px!important}
 .hero-reactor{width:min(74vw,370px)!important;margin:-20px auto -15px!important;justify-self:center!important}
 .reactor-wordmark{font-size:12px!important}
 .work-v5,.services-v5,.contact-v5{padding-top:72px!important;padding-bottom:76px!important}
 .project-v5-copy{min-height:172px!important}
 .service-v5{min-height:168px!important}
 .section-head-v5{margin-bottom:28px!important}
 .section-head-v5 h2{font-size:clamp(38px,10vw,52px)!important}
 .project-modal-v5 .project-modal-content{padding:32px 22px 26px!important}
 .project-modal-v5 .project-modal-title{font-size:clamp(34px,10vw,48px)!important}
 .project-modal-v5 .project-modal-media{height:33vh!important;min-height:240px!important}
 .contact-v5-grid{gap:26px!important}
 .footer-v3 .footer-brand-row,.footer-v3 .footer-row{gap:16px}
 .home-form-v5{padding:24px!important}
}
@media(max-width:760px){
 .home-form-v5 input,.home-form-v5 textarea,.home-form-v5 select,
 .contact-form input,.contact-form textarea,.contact-form select{font-size:16px!important}
 .project-v5-cta,.project-modal-v5 .project-download-link{min-height:44px!important}
 .footer-links{flex-wrap:wrap}
}
@media(max-width:390px){
 .hero-v5 h1{font-size:clamp(48px,12vw,62px)!important}
 .hero-reactor{width:70vw!important}
 .project-modal-v5 .project-modal-grid>div{grid-template-columns:72px minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* Studio provenance — compact company facts and consistent dark cherry-red styling. */
.studio-identity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.studio-identity-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-width:0;padding:23px 18px 22px 0}
.studio-identity-item+.studio-identity-item{padding-left:26px;border-left:1px solid rgba(255,255,255,.1)}
.studio-identity-label{color:#bca1a5;font:600 11px/1.4 "DM Sans",system-ui,sans-serif;letter-spacing:.12em}
.studio-identity strong,.studio-identity a{color:#f1e9e5;font:500 clamp(18px,1.8vw,24px)/1.25 "DM Sans",system-ui,sans-serif;text-decoration:none;letter-spacing:-.025em}
.studio-identity a{color:#e38c98;transition:color .2s ease}
.studio-identity a:hover,.studio-identity a:focus-visible{color:#ffd8de}
.contact-meta a[href*="linkedin.com"]{overflow-wrap:anywhere}
@media(max-width:700px){
  .studio-identity{grid-template-columns:1fr;margin-top:22px}
  .studio-identity-item,.studio-identity-item+.studio-identity-item{padding:18px 0;border-left:0}
  .studio-identity-item+.studio-identity-item{border-top:1px solid rgba(255,255,255,.1)}
  .studio-identity-item{gap:7px}
  .studio-identity strong,.studio-identity a{font-size:19px}
}