/* Oddball Animal Works v30 — public launch refinement */
:root{
  --v30-cream:#fff9f0;
  --v30-ink:#171b19;
  --v30-rust:#9f4d20;
  --v30-green:#274c36;
}
html{scrollbar-gutter:stable}
body{background:var(--v30-cream);text-rendering:optimizeLegibility}
.site-shell{overflow:clip}
.announcement{min-height:34px;letter-spacing:.015em}
.site-header{
  border-bottom:1px solid rgba(67,47,30,.09);
  box-shadow:0 8px 30px rgba(39,27,16,.045);
  background:color-mix(in srgb,#fffaf3 91%,transparent)!important;
  backdrop-filter:blur(18px) saturate(1.1);
}
.brand img{box-shadow:0 9px 25px rgba(47,31,18,.12)}
.main-nav a{position:relative}
.main-nav a:after{content:"";position:absolute;left:18%;right:18%;bottom:3px;height:2px;border-radius:2px;background:var(--rust);transform:scaleX(0);transition:transform .18s ease}
.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
.hero{isolation:isolate;background:
  radial-gradient(circle at 80% 12%,rgba(188,98,40,.13),transparent 27rem),
  radial-gradient(circle at 8% 88%,rgba(43,83,57,.12),transparent 28rem),
  linear-gradient(180deg,#fffaf3,#f8eee1)}
.hero-copy h1{letter-spacing:-.045em;text-wrap:balance}
.hero-lead{max-width:720px;line-height:1.72}
.logo-stage{filter:drop-shadow(0 28px 38px rgba(58,37,20,.15))}
.logo-stage img{background:#fff;border:1px solid rgba(91,54,27,.1)}
.quick-facts{box-shadow:0 28px 60px rgba(26,31,28,.16)}
.section-heading h2,.fit-copy h2,.about-copy h2,.faq-intro h2,.enquiry-aside h2{text-wrap:balance;letter-spacing:-.035em}
.service-card,.direction-card,.value-card,.faq-item,.legal-grid article{
  box-shadow:0 10px 35px rgba(49,35,23,.055);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.service-card:hover,.direction-card:hover,.value-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 55px rgba(49,35,23,.11);
}
.enquiry-section{background:
  radial-gradient(circle at 8% 10%,rgba(255,255,255,.08),transparent 20rem),
  linear-gradient(145deg,#19251e,#22392a 60%,#4b2a18)}
.enquiry-form{box-shadow:0 38px 90px rgba(7,15,10,.3);border:1px solid rgba(255,255,255,.4)}
.field input,.field select,.field textarea{transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.field input:focus,.field select:focus,.field textarea:focus{
  box-shadow:0 0 0 4px rgba(157,75,31,.13);
  border-color:#9f4d20!important;
}
.button:focus-visible,.main-nav a:focus-visible,.brand:focus-visible,.faq-question:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid #e69a62!important;
  outline-offset:3px!important;
}
.form-security{color:#655f59}
.site-footer{background:
  radial-gradient(circle at 15% 15%,rgba(255,255,255,.045),transparent 20rem),
  #121715}

/* Prevent accidental page-wide overflow from long filenames or customer text. */
.status-app,.enquiry-form,.service-card,.legal-grid article{min-width:0}
.status-file span,.thread-message,.receipt{overflow-wrap:anywhere}
img,svg{max-width:100%}

@media(max-width:1050px){
  .main-nav{backdrop-filter:blur(18px);background:rgba(255,250,243,.98)}
}
@media(max-width:720px){
  .hero{padding-top:38px}
  .hero-actions .button{width:100%}
  .hero-trust{gap:8px}
  .hero-trust span{font-size:10px}
  .service-card,.legal-grid article{border-radius:19px}
  .enquiry-form{border-radius:21px}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}