/*
 * TailTrack's published design, copied at the user's request.
 * Values below come from its actual stylesheet and rendered markup, not
 * screenshot estimates. Local names only map those rules to Orlando's pages.
 */
@font-face{font-family:"Reference Archivo";font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url("fonts/reference-archivo-variable.woff2") format("woff2")}
@font-face{font-family:"Reference Mono";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/reference-mono-400.woff2") format("woff2")}
@font-face{font-family:"Reference Mono";font-style:normal;font-weight:500;font-display:swap;src:url("fonts/reference-mono-500.woff2") format("woff2")}
@font-face{font-family:"Reference Mono";font-style:normal;font-weight:600;font-display:swap;src:url("fonts/reference-mono-600.woff2") format("woff2")}
:root{
  --paper:hsl(42 45% 93%);--panel:hsl(44 55% 96%);--ink:hsl(222 38% 14%);
  --muted:hsl(222 14% 38%);--line:hsl(36 20% 72%);--route:hsl(14 96% 50%);--route-text:#B33100;
  --kraft:hsl(38 38% 86%);--grid:hsl(188 48% 32% / .09);
  --font-display:"Reference Archivo","Public Sans",sans-serif;
  --font-body:"Public Sans",ui-sans-serif,system-ui,sans-serif;
  --font-mono:"Reference Mono",ui-monospace,monospace;
  --bg:var(--paper);--bg-card:var(--panel);--text:var(--ink);--text-muted:var(--muted);
  --radius:.4rem;--shadow:6px 6px 0 var(--ink);
}
body{padding-top:56px;background:var(--paper);background-image:none;font-family:var(--font-body);letter-spacing:normal}
body:before{display:none}
body:after{
  content:"";pointer-events:none;position:fixed;inset:0;z-index:60;opacity:.18;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .38  0 0 0 0 .28  0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
.navbar{
  position:fixed;inset:0 0 auto;z-index:50;height:57px;min-height:57px;
  padding:0 max(20px,calc((100vw - 1280px)/2 + 20px));gap:24px;
  border-bottom:1.5px solid var(--ink);background:hsl(42 45% 93% / .9);
  box-shadow:none;backdrop-filter:blur(8px)
}
.navbar .logo{
  display:flex;align-items:center;gap:10px;font-family:var(--font-display);
  font-size:18px;line-height:28px;font-weight:900;font-stretch:118%;
  letter-spacing:-.025em;text-transform:uppercase
}
.navbar .logo:before{
  width:32px;height:32px;flex:none;margin:0;border:0;border-radius:2px;transform:none;
  background-color:var(--route);background-size:16px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f5f0e5' stroke='%23f5f0e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath transform='rotate(45 12 12)' d='M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z'/%3E%3C/svg%3E");
}
.navbar:has(.menu-btn) .menu-btn{
  font:600 11px/16.5px var(--font-mono);letter-spacing:.18em;
  background:none;border:0;padding:8px 0;cursor:pointer
}
.navbar:has(.menu-btn) .menu-btn:before{content:none}
.navbar:has(.menu-btn).mobile-open{height:57px;min-height:57px}
.navbar:has(.menu-btn).mobile-open .nav-links{top:56px;border-radius:4px;background:var(--paper)}
.navbar .theme-toggle{font:600 11px var(--font-mono);letter-spacing:.18em;text-transform:uppercase}
.navbar:has(.menu-toggle) .nav-links{display:none}
.navbar:has(.menu-toggle) .menu-toggle{display:flex;margin-left:12px}
.navbar:has(.menu-toggle) .nav-actions{margin-left:auto;display:flex;align-items:center}
.mobile-menu.active{top:64px}
body .hero,body .page-header,body .sf911-hero,body .records-hero,
body.contact-page .hero,body.page-legal .page-header{
  background-color:var(--paper);
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:28px 28px;background-position:0 0;background-repeat:repeat;
  border-bottom:1.5px solid var(--ink)
}
body:not(.home-page) .hero,body.contact-page .hero,body .page-header{
  min-height:0;padding:48px max(20px,calc((100vw - 1280px)/2 + 20px)) 64px
}
body .page-header .container{width:100%;max-width:1240px}
body .sf911-hero,body .records-hero{padding:48px 0 64px}
body .records-hero .records-container{width:100%;max-width:1280px;padding-inline:20px}
body .hero:before,body .hero:after,body .page-header:before,body .page-header:after,
body .sf911-hero:after,body .records-hero:after{display:none}
body .hero h1,body.contact-page .hero h1,body .page-header h1,body .sf911-hero h1,body .records-hero h1{
  font-family:var(--font-display);font-stretch:72%;font-weight:900;
  font-size:54.4px;letter-spacing:-.02em;line-height:.86;text-transform:uppercase
}
body .hero h1 em,body .page-header h1 em,body .sf911-hero h1 em,body .records-hero h1 em{
  margin-top:8px;display:inline-block;padding:8px 12px 4px;background:var(--route);
  color:var(--paper)!important;font-stretch:118%;font-size:.78em;line-height:.86;font-style:normal
}
.hero-eyebrow,.sf911-hero .section-eyebrow,.records-hero .section-eyebrow{
  padding:.35rem .7rem;border:2px solid var(--route);border-radius:4px;
  background:var(--paper);color:var(--route-text);font:600 11px/1.5 var(--font-mono);
  letter-spacing:.16em;text-transform:uppercase;transform:rotate(-2deg)
}
.home-page .hero{
  min-height:0;margin-top:-56px;padding:56px 0 0;position:relative;isolation:auto;
  border-bottom:1.5px solid var(--ink)
}
.home-page .hero .hero-route{
  position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;
  object-fit:cover;transform:none;opacity:1;pointer-events:none
}
.home-page .hero-main{
  position:relative;z-index:10;display:block;
  width:100%;max-width:1280px;margin:0 auto;
  padding:48px 20px 64px
}
.home-page .hero-label{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 28px}
.home-page .hero-eyebrow{margin:0;font:600 11px/1.5 var(--font-mono);letter-spacing:.16em}
.home-page .log-number{font:400 11px/1.5 var(--font-mono);letter-spacing:.18em;color:var(--muted);margin:0}
.home-page .hero h1{
  margin:0;max-width:none;font-size:54.4px;line-height:.86;font-weight:900;
  letter-spacing:-.02em;font-stretch:100%
}
.home-page .hero h1 span{display:block;font-stretch:72%}
.home-page .hero h1 em{
  display:inline-block;width:auto;max-width:100%;margin-top:8px;padding:8px 12px 4px;
  font-size:.78em;line-height:.86;letter-spacing:inherit;font-stretch:118%
}
.home-page .hero p{margin:32px 0 0;max-width:576px;font-size:18px;font-weight:500;line-height:28px;color:var(--ink)}
.home-page .hero-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:32px 0 0}
.home-page .hero-btn{
  display:flex;align-items:center;gap:12px;width:auto;max-width:none;min-width:0;min-height:0;
  padding:14px 24px;border:1.5px solid var(--ink);border-radius:6px;
  background:var(--ink);color:var(--paper);box-shadow:5px 5px 0 var(--route);
  font:700 16px/24px var(--font-display);font-stretch:100%;letter-spacing:.025em;text-transform:uppercase
}
.home-page .hero-btn:before{content:"";width:8px;height:8px;margin:0;flex:none;transform:rotate(45deg);background:var(--route)}
.home-page .hero-caption{display:block;margin:0;font:400 12px/16px var(--font-mono);letter-spacing:.16em;white-space:normal;color:var(--muted)}
.field-strip{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:8px 32px;min-height:0;padding:12px 20px;border-block:1.5px solid var(--ink);
  background:var(--ink);color:var(--paper);font:500 11px/16.5px var(--font-mono);
  letter-spacing:.22em;text-transform:uppercase
}
.field-strip i{display:block!important;width:6px;height:6px;flex:none;transform:rotate(45deg);background:var(--route)}
.field-strip span{display:block!important}
.section{padding:80px 0}
.container{width:calc(100% - 40px);max-width:1240px}
.section-title{font-family:var(--font-display);font-size:36px;line-height:40px;font-weight:900;font-stretch:72%;letter-spacing:-.025em}
.section-eyebrow{font:500 11px/1.5 var(--font-mono);letter-spacing:.2em;color:var(--muted)}
.card,.content-section{
  border:1.5px solid var(--ink);border-radius:6px;background:var(--panel);
  box-shadow:6px 6px 0 var(--ink)
}
.card:hover{transform:none;box-shadow:6px 6px 0 var(--ink)}
.grid{gap:24px}
.card-header h3,.content-section h2{font-family:var(--font-display);font-stretch:100%;font-weight:800;letter-spacing:-.025em;line-height:1.05}
.card-header h3{font-size:24px;text-transform:none}
.card-header{padding:24px 24px 0}
.card-body{padding:12px 24px 24px}
body .card:after{display:none!important}
.card-body p{color:hsl(222 38% 14% / .75);line-height:1.625}
.home-page .grid-3 .card,.home-page #dispatch .grid-2 .card,.home-page #dispatch>.container>article.card{min-height:0}
.home-page #dispatch{background:var(--kraft);padding:80px 0}
.btn{border-radius:6px;font-family:var(--font-display);font-stretch:100%;font-size:16px;font-weight:700;letter-spacing:.025em}
.footer{background:var(--ink);color:var(--paper)}
.skip-link{
  position:fixed;top:8px;left:8px;z-index:2001;transform:translateY(-160%);
  padding:10px 14px;border:2px solid var(--ink);border-radius:4px;
  background:var(--paper);color:var(--ink);font:600 12px/1.4 var(--font-mono);
  text-decoration:none
}
.skip-link:focus-visible{transform:translateY(0);outline:3px solid var(--ink);outline-offset:3px}
#main-content:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.legal-section a:not(.btn),.breadcrumb a,.breadcrumbs a,
#contactForm a:not(.btn),#contactForm label[for^="security"]{
  color:var(--route-text)!important
}
@media(min-width:640px){
  body .hero h1,body.contact-page .hero h1,body .page-header h1,body .sf911-hero h1,body .records-hero h1{font-size:83.2px}
  .home-page .hero h1{font-size:83.2px}
  .home-page .hero-buttons{flex-direction:row;align-items:center}
}
@media(min-width:768px){
  .navbar{padding-inline:max(32px,calc((100vw - 1280px)/2 + 32px))}
  .home-page .hero-main{padding:80px 32px 96px}
  .home-page .hero p{font-size:20px;line-height:28px}
  body:not(.home-page) .hero,body.contact-page .hero,body .page-header{padding:80px max(32px,calc((100vw - 1280px)/2 + 32px)) 96px}
  body .sf911-hero,body .records-hero{padding:80px 0 96px}
  body .records-hero .records-container{padding-inline:32px}
  .section{padding:112px 0}
  .home-page #dispatch{padding:112px 0}
  .container{width:calc(100% - 64px);max-width:1216px}
  .section-title{font-size:60px;line-height:60px}
  .card-header{padding:32px 32px 0}.card-body{padding:12px 32px 32px}
  .card-header h3{font-size:30.4px}
}
@media(min-width:1024px){
  body .hero h1,body.contact-page .hero h1,body .page-header h1,body .sf911-hero h1,body .records-hero h1{font-size:105.6px}
  .home-page .hero h1{font-size:105.6px}
}
@media print{body{padding-top:0}body:after{display:none}}