/* Wonkla Pass 54 — self-hosted original Gilroy family supplied by site owner.
   Normal 400, Medium 500, Bold 700, Heavy 800/900; light 300.
   Weights 600 and 800 are mapped to the closest supplied genuine faces,
   not synthetic interpolations or a substitute font. */
@font-face{font-family:"Gilroy";src:url("/assets/fonts/Gilroy-Light.woff2?v=55") format("woff2"),url("/assets/fonts/Gilroy-Light.ttf?v=55") format("truetype");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"Gilroy";src:url("/assets/fonts/Gilroy-Regular.woff2?v=55") format("woff2"),url("/assets/fonts/Gilroy-Regular.ttf?v=55") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Gilroy";src:url("/assets/fonts/Gilroy-Medium.woff2?v=55") format("woff2"),url("/assets/fonts/Gilroy-Medium.ttf?v=55") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Gilroy";src:url("/assets/fonts/Gilroy-Bold.woff2?v=55") format("woff2"),url("/assets/fonts/Gilroy-Bold.ttf?v=55") format("truetype");font-style:normal;font-weight:600 700;font-display:swap}
@font-face{font-family:"Gilroy";src:url("/assets/fonts/Gilroy-Heavy.woff2?v=55") format("woff2"),url("/assets/fonts/Gilroy-Heavy.ttf?v=55") format("truetype");font-style:normal;font-weight:800 900;font-display:swap}
/* Wonkla Pass 54 — authentic self-hosted Gilroy + Instrument Serif Italic contrast. */
:root { --w-orange:#ff4d33; --w-type-sans:"Gilroy", Arial, sans-serif; --w-type-serif:"Instrument Serif", "GFS Didot", "Bodoni MT", Georgia, serif; }
body { font-family:var(--w-type-sans); }
.display { font-family:var(--w-type-sans)!important; font-weight:800; letter-spacing:-.073em; }
.nav, .nav-links a, .hero-copy, .copy, .brand-hero-note { font-family:var(--w-type-sans); }
/* Pure rotating type. No orange oval, no terminal punctuation. */
.display .w-rotator {
  position:relative; isolation:isolate;
  display:inline-grid;
  grid-template-areas:"stage";
  align-items:baseline;
  vertical-align:baseline;
  white-space:nowrap;
  text-align:left;
  padding:0 .055em .02em .04em;
  font-family:var(--w-type-serif)!important;
  font-weight:400!important;
  font-style:italic;
  letter-spacing:-.055em;
  line-height:.94;
  color:var(--w-orange);
  font-size:.91em;
  text-wrap:nowrap;
  -webkit-font-smoothing:antialiased;
}
.display .w-rotator-reserve,
.display .w-rotator-current,
.display .w-rotator-next { grid-area:stage; display:block; white-space:nowrap; }
.display .w-rotator-reserve { visibility:hidden; opacity:0; pointer-events:none; }
.display .w-rotator-current,
.display .w-rotator-next { opacity:1; will-change:transform,opacity; }
.display .w-rotator-next { opacity:0; transform:translateY(.22em); pointer-events:none; }
.display .w-rotator.w-out .w-rotator-current { animation:w-word-out .42s cubic-bezier(.22,.8,.22,1) both; }
.display .w-rotator.w-in .w-rotator-next { animation:w-word-in .55s cubic-bezier(.18,.8,.28,1) both; }
.display .w-rotator.w-in .w-rotator-current { opacity:0; }
@keyframes w-word-out { from {opacity:1;filter:blur(0);transform:translateY(0)} to {opacity:0;filter:blur(3px);transform:translateY(-.19em)} }
@keyframes w-word-in { from {opacity:0;filter:blur(3px);transform:translateY(.18em)} to {opacity:1;filter:blur(0);transform:translateY(0)} }
/* protect widths and keep the rotating phrases on a single line without page-level horizontal scroll */
@media(max-width:820px){
 .display .w-rotator{font-size:.82em;letter-spacing:-.048em}
 .display-xl{font-size:clamp(46px,9.1vw,88px)!important}
 .display-lg{font-size:clamp(43px,8.2vw,80px)!important}
}
@media(max-width:560px){
 .display-xl{font-size:clamp(43px,10vw,60px)!important}
 .display-lg{font-size:clamp(42px,10.1vw,59px)!important}
 .display .w-rotator{font-size:.82em}
}
@media(max-width:375px){ .display-lg{font-size:clamp(39px,9.3vw,48px)!important} .display-xl{font-size:clamp(41px,9.6vw,50px)!important} }
@media(prefers-reduced-motion:reduce){
 .display .w-rotator.w-out .w-rotator-current,
 .display .w-rotator.w-in .w-rotator-next{animation:none!important;filter:none!important;transform:none!important}
}

/* Header circles, their pseudo-element outlines and terminal dots are explicitly abolished. */
.hero h1 .w-rotator::before,.hero h1 .w-rotator::after,main h1 .w-rotator::before,main h1 .w-rotator::after{content:none!important;display:none!important;border:0!important;animation:none!important}
.hero h1 .w-punctuation,main h1 .w-punctuation{display:none!important}
main h1 .w-rotator{border:0!important;border-radius:0!important;background:none!important;padding-left:.015em;padding-right:.03em}
/* Universal body sans. Display uses Gilroy ExtraBold, editorial contrast stays serif italic. */
html,body,button,input,textarea,select{font-family:"Gilroy",Arial,sans-serif}
body{font-weight:400}
.display,h1,h2,h3,h4,.service-main h3,.accordion-title,.tier h3,.footer-heading{font-family:"Gilroy",Arial,sans-serif!important}
.display,main h1{font-weight:800!important;letter-spacing:-.06em}
.display .w-rotator{font-family:"Instrument Serif","GFS Didot","Bodoni MT",Georgia,serif!important;font-weight:400!important;font-style:italic!important;letter-spacing:-.045em}
@media(max-width:560px){main h1{overflow-wrap:normal;}main h1 .w-rotator{font-size:.96em}}

/* Genuine Gilroy hierarchy: Bold legible editorial headlines, Bold section titles,
   Medium navigation, Regular paragraphs. Rotating accent is Instrument Serif Italic. */
body{font-family:"Gilroy",sans-serif;font-weight:400}
header.nav .nav-item,header.nav .nav-cta{font-family:"Gilroy",sans-serif;font-weight:500}
.display,main h1{font-family:"Gilroy",sans-serif!important;font-weight:700!important;letter-spacing:-.018em!important}
h2,h3,h4,.service-main h3,.accordion-title,.tier h3,.footer-heading{font-family:"Gilroy",sans-serif!important;font-weight:700}
.display .w-rotator{font-family:"Instrument Serif",Georgia,serif!important;font-style:italic!important;font-weight:400!important}
