/* Flooring For All DBA Lil Man Big Van — transportation-first page hierarchy. */
:root{
  --freight-gold:#e8c764;
  --freight-cyan:#a9d7d2;
  --freight-orange:#e98060;
  --freight-deep:#071a1c;
  --freight-panel:#0e2b2e;
  --freight-line:rgba(230,239,225,.17);
}

html{scroll-padding-top:94px}
#equipment,#transportation{scroll-margin-top:108px}
.announcement{font-size:9px;letter-spacing:.13em}
.site-header{background:rgba(6,24,26,.97)}
.brand-copy small{letter-spacing:.1em}
.primary-nav{gap:clamp(9px,1.05vw,16px)}
.primary-nav>a:not(.button){font-size:10px}
.primary-nav>.nav-secondary{margin-inline:2px 3px;color:#d7ddc4!important;font-size:9px!important;white-space:nowrap;text-decoration:underline;text-decoration-color:rgba(232,199,100,.65);text-underline-offset:5px}
.primary-nav>.nav-secondary:hover{color:var(--freight-gold)!important}

/* Hero: freight and yellow truck are the immediate first impression. */
.hero-transport.section-shell{grid-template-columns:1.02fr .98fr;min-height:650px;background:radial-gradient(ellipse at 77% 6%,rgba(232,199,100,.16),transparent 32%),radial-gradient(ellipse at 10% 100%,rgba(70,148,150,.15),transparent 33%),linear-gradient(132deg,#06191b 0%,#0b292b 58%,#123b3c 100%)}
.hero-transport:before{opacity:.13;background-size:76px 76px;mask-image:linear-gradient(105deg,black 10%,transparent 85%)}
.hero-transport:after{right:46%;border-color:rgba(169,215,210,.15);box-shadow:0 0 0 38px rgba(169,215,210,.025),0 0 0 92px rgba(169,215,210,.018),0 0 0 150px rgba(169,215,210,.012)}
.hero-transport .eyebrow{color:var(--freight-gold);border-color:rgba(232,199,100,.4);background:rgba(232,199,100,.075)}
.hero-transport h1 span{color:var(--freight-gold);white-space:normal}
.hero-transport .hero-lede{max-width:500px}
.hero-transport .hero-footnote b{color:var(--freight-gold)}
.hero-transport .hero-footnote-icon{border-color:rgba(232,199,100,.46);color:var(--freight-gold)}
.hero-transport .button-copper{background:var(--freight-gold);color:#172422;box-shadow:0 8px 0 rgba(232,199,100,.15)}
.hero-transport .button-copper:hover{background:#f5dc8d}
.hero-transport .hero-photo-frame{height:auto;min-height:0;aspect-ratio:4/3;border:1px solid rgba(240,229,197,.8);border-radius:27px;background:#d2c18b;box-shadow:0 38px 84px rgba(0,0,0,.4),0 0 0 9px rgba(255,255,255,.03);transform:rotateY(-5deg) rotateX(1deg)}
.hero-transport .hero-photo-frame>img{object-fit:cover;object-position:center}
.hero-transport .photo-caption{top:12px;right:auto;bottom:auto;left:12px;width:max-content;max-width:calc(100% - 24px);justify-content:flex-start;min-height:38px;padding:10px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(5,20,21,.86);font-size:8px;letter-spacing:.025em;backdrop-filter:blur(8px)}
.hero-transport .caption-mark{background:var(--freight-gold);box-shadow:0 0 0 5px rgba(232,199,100,.17)}
.hero-transport .visual-backplate{border-color:rgba(232,199,100,.66);background:rgba(232,199,100,.075)}
.hero-transport .visual-stamp{top:20px;right:-18px;gap:9px;padding:12px 15px;background:var(--freight-gold);font-size:9px;letter-spacing:.13em;transform:translateZ(40px) rotate(2deg)}
.hero-transport .visual-stamp i{width:15px;background:#385657}
.hero-transport .float-card{border-color:rgba(232,199,100,.22);box-shadow:0 16px 35px rgba(0,0,0,.3)}
.hero-transport .float-card-top{top:100px;left:-39px}
.hero-transport .float-card-bottom{right:-28px;bottom:55px}
.hero-transport .float-icon{background:#f4e8bf;color:#56471b}
.hero-transport .transport-van-icon{background:#d8eeeb;color:#315c5b}
.hero-transport .scroll-cue i{border-color:rgba(232,199,100,.5);color:var(--freight-gold)}

/* Equipment follows directly after the transportation hero. */
.freight-section{padding:105px 0 96px;background:radial-gradient(ellipse at 89% 16%,rgba(169,215,210,.085),transparent 28%),linear-gradient(132deg,#071a1c 0%,#0c2b2e 66%,#103436 100%)}
.freight-section:before{opacity:.11;background-size:60px 60px}
.freight-head{margin-bottom:36px}
.freight-head h2 em{color:var(--freight-gold)}
.freight-head .eyebrow{color:var(--freight-gold)}
.anchor-target{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.equipment-showcase{display:block;margin-top:0}
.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vehicle-card{min-height:320px;padding:29px 30px 27px;border-color:var(--freight-line);border-radius:25px;background:linear-gradient(145deg,rgba(246,247,233,.08),rgba(246,247,233,.035));box-shadow:inset 0 1px rgba(255,255,255,.07)}
.vehicle-card:after{right:-52px;bottom:-98px;width:205px;height:205px;border-color:rgba(232,199,100,.24);box-shadow:0 0 0 23px rgba(232,199,100,.035),0 0 0 54px rgba(232,199,100,.02)}
.vehicle-box{background:radial-gradient(ellipse at 88% 15%,rgba(232,199,100,.14),transparent 40%),linear-gradient(145deg,rgba(246,247,233,.09),rgba(246,247,233,.035))}
.vehicle-van{background:radial-gradient(ellipse at 88% 15%,rgba(169,215,210,.12),transparent 40%),linear-gradient(145deg,rgba(246,247,233,.075),rgba(246,247,233,.03))}
.vehicle-card:hover{border-color:rgba(232,199,100,.53);background-color:rgba(242,245,233,.09);box-shadow:0 22px 48px rgba(0,0,0,.28)}
.vehicle-label{color:#d8c77f;font-size:9px;letter-spacing:.13em}
.vehicle-van .vehicle-label{color:#b6d8d2}
.vehicle-icon{width:58px;height:54px;margin:23px 0 17px;border:1px solid rgba(232,199,100,.26);border-radius:16px;background:rgba(232,199,100,.12);color:var(--freight-gold)}
.vehicle-van .vehicle-icon{border-color:rgba(169,215,210,.25);background:rgba(169,215,210,.11);color:var(--freight-cyan)}
.vehicle-icon svg{width:34px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.vehicle-card h3{font-size:clamp(23px,2.5vw,31px);letter-spacing:-.055em}
.vehicle-card p{min-height:0;max-width:510px;margin-bottom:18px;font-size:12px;line-height:1.75}
.vehicle-card .text-link{color:var(--freight-gold);border-color:rgba(232,199,100,.5);font-size:11px}
.vehicle-van .text-link{color:var(--freight-cyan);border-color:rgba(169,215,210,.46)}
.freight-capabilities{gap:9px;margin-top:25px}
.freight-capabilities span{padding:8px 12px;border-color:rgba(169,215,210,.24);background:rgba(169,215,210,.045);font-size:9px}
.equipment-action{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding-top:22px;border-top:1px solid var(--freight-line)}
.equipment-action p{margin:0;color:#c4d2cc;font-size:12px}
.equipment-action .button{flex:none;background:var(--freight-gold);color:#172422}

/* Freight services are visually cohesive; flooring no longer competes above the fold. */
.transport-services{padding:96px 0 84px;background:linear-gradient(180deg,#efeee7 0%,#f7f6f0 100%)}
.transport-services .section-heading{margin-bottom:33px}
.transport-services .section-heading h2 em{color:#8a7131}
.service-grid-transport{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.service-grid-transport .service-card{display:flex;min-height:0;flex-direction:column;padding:27px 25px 25px;border:1px solid rgba(255,255,255,.11);border-radius:23px;background:linear-gradient(145deg,#0a2527,#103739);box-shadow:0 18px 38px rgba(17,38,36,.12)}
.service-grid-transport .service-card-expedited{background:linear-gradient(145deg,#123236,#183e40)}
.service-grid-transport .service-card-dedicated{background:linear-gradient(145deg,#0c282a,#173332)}
.service-grid-transport .service-number{color:#d9d8c9;font-size:8px;letter-spacing:.12em}
.service-grid-transport .card-arrow{color:var(--freight-gold)}
.service-grid-transport .service-card-icon{width:52px;height:50px;margin-top:21px;border:1px solid rgba(232,199,100,.24);background:rgba(232,199,100,.11);color:var(--freight-gold)}
.service-grid-transport .service-card-icon svg{width:31px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.service-grid-transport .service-card .eyebrow{margin:18px 0 7px;color:var(--freight-gold);font-size:8px}
.service-grid-transport .service-card h3{font-size:clamp(25px,2.65vw,34px);line-height:1.07}
.service-grid-transport .service-card>p:not(.eyebrow){flex:1;margin-bottom:17px;color:#c4d2cc;font-size:11px;line-height:1.75}
.service-grid-transport .service-tags{margin-top:auto;margin-bottom:18px}
.service-grid-transport .service-tags li{border-color:rgba(232,199,100,.26);color:#e9e8de;font-size:8px}
.service-grid-transport .text-link{align-self:flex-start;margin-top:2px;color:var(--freight-gold);border-color:rgba(232,199,100,.48);font-size:10px}
.transport-services .selector-note{color:#667169}
.transport-services .note-rule{background:#b98743}

/* A short, load-specific three-step explanation. */
.trucking-process{background:#e7e7de}
.trucking-process .section-heading h2 em{color:#8a7131}
.process-grid-transport{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.process-track-freight{min-height:220px;padding:25px 24px;border-color:rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,#0a2527,#123537);box-shadow:0 16px 34px rgba(19,42,37,.12)}
.process-grid-transport .process-track>h3{gap:11px;margin-bottom:18px;font-size:17px}
.process-grid-transport .process-icon{width:38px;height:38px;border:1px solid rgba(232,199,100,.28);background:rgba(232,199,100,.12);color:var(--freight-gold);font:700 10px var(--display);letter-spacing:.08em}
.process-grid-transport .process-track ol:before{display:none}
.process-grid-transport .process-track li{grid-template-columns:1fr;gap:0}
.process-grid-transport .process-number{display:none}
.process-grid-transport .process-track li b{margin:0 0 6px;color:#f3f1e7;font-size:12px}
.process-grid-transport .process-track li p{color:#c4d2cc;font-size:11px;line-height:1.7}
.transport-about{background:#f8f7f1}
.transport-about .section-heading h2 em{color:#8a7131}
.why-grid.transport-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.transport-proof-grid .why-card{min-height:210px;padding:25px 23px;border-right:1px solid var(--line)}
.transport-proof-grid .why-card:last-child{border-right:0}
.transport-proof-grid .why-icon{background:#f1e7c6;color:#68551f}
.transport-proof-grid .why-card h3{font-size:17px}
.transport-proof-grid .why-card p{font-size:11px}

/* Separate flooring as the company's other service, after the primary freight quote path. */
.flooring-section{position:relative;border-top:9px solid #dfc36d;background:#ece9df}
.flooring-section .flooring-intro .eyebrow{display:inline-flex;padding:8px 13px;border:1px solid rgba(16,27,27,.13);border-radius:999px;background:rgba(255,255,255,.55);color:#4c6038}
.flooring-section .flooring-intro h2{max-width:770px}
.flooring-section .flooring-intro h2 em{color:#8a7131}
.flooring-photo{box-shadow:14px 14px 0 #d9c574,0 30px 58px rgba(39,45,32,.14)}
.flooring-section .feature-photo figcaption span{max-width:260px;color:#f0d477;font-size:8px;line-height:1.5}
.flooring-section .flooring-lower-note{border-color:rgba(16,27,27,.16);background:rgba(255,255,255,.55)}
.quote-flooring{background:#10292a}
.quote-flooring .quote-intro h2 em{color:var(--freight-gold)}

/* Keep final decision points freight-led, with flooring visibly available as a secondary path. */
.final-cta{background:radial-gradient(ellipse at 86% 12%,rgba(169,215,210,.1),transparent 32%),linear-gradient(135deg,#061719,#0b292b 65%,#113536)}
.final-cta h2 em{color:var(--freight-gold)}
.final-cta .button-copper{background:var(--freight-gold);color:#172422}
.final-cta .button-light-outline{border-color:rgba(169,215,210,.52);color:#d6e4df}
.final-cta .button-light-outline:hover{border-color:var(--freight-cyan);background:rgba(169,215,210,.08)}
.contact-lines a[href^="tel:+1817"],.contact-lines a[href^="mailto:Nathan"]{color:#f1d477}
.footer-brand .brand-copy small{color:#becdbf}
.footer-column a:hover,.footer-location a:hover{color:var(--freight-gold)}

/* Early menu collapse prevents long navigation labels from wrapping on tablets. */
@media(max-width:1080px){
  .menu-toggle{position:relative;z-index:3;display:flex;width:46px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}
  .menu-toggle span{width:17px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .primary-nav{position:absolute;top:calc(100% + 9px);right:0;left:0;display:none;align-items:stretch;gap:0;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(7,27,29,.98);box-shadow:0 25px 50px rgba(0,0,0,.28)}
  .primary-nav.is-open{display:flex;flex-direction:column}
  .primary-nav>a:not(.button){padding:11px 13px;border-radius:10px;color:#dae4de;font-size:12px}
  .primary-nav>a:not(.button):hover{background:rgba(217,242,122,.08)}
  .primary-nav>.nav-secondary{margin:2px 0 8px;padding:9px 13px!important;color:#e6d794!important;font-size:10px!important;text-decoration:none}
  .primary-nav .nav-quote{margin-top:5px;justify-content:center}
  .hero-transport.section-shell{grid-template-columns:1fr;gap:22px;min-height:auto}
  .hero-transport .hero-copy{max-width:760px}
  .hero-transport .hero-visual{width:min(100%,700px);margin:5px auto 14px}
  .hero-transport .hero-photo-frame{aspect-ratio:4/3}
  .hero-transport .hero h1{max-width:750px}
  .service-grid-transport{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-grid-transport .service-card{min-height:375px}
  .service-grid-transport .service-card:last-child{grid-column:1/-1;min-height:315px}
  .process-grid-transport{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-grid-transport{grid-template-columns:1fr}
  .process-track-freight{min-height:0}
  .why-grid.transport-proof-grid{grid-template-columns:1fr 1fr}
  .transport-proof-grid .why-card:nth-child(2){border-right:0}
  .transport-proof-grid .why-card:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .equipment-action{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  html{scroll-padding-top:80px}
  .announcement{font-size:7px;letter-spacing:.08em}
  .primary-nav{max-height:calc(100svh - 105px);overflow:auto}
  .primary-nav>a:not(.button){min-height:42px}
  .hero-transport .hero-copy{min-width:0}
  .hero-transport .eyebrow{display:flex;width:fit-content;max-width:100%;flex-wrap:wrap;white-space:normal;line-height:1.5}
  .hero-transport .hero-actions{width:100%;min-width:0}
  .hero-transport .hero-actions>.button{max-width:100%;min-width:0}
  .hero-transport.section-shell{padding:32px 21px 68px}
  .hero-transport h1{font-size:clamp(43px,11.9vw,61px);line-height:.98}
  .hero-transport h1 span{font-size:.82em;white-space:normal}
  .hero-transport .hero-lede{font-size:13px}
  .hero-transport .hero-photo-frame{aspect-ratio:1.17/1;border-radius:22px;transform:rotateY(-2deg) rotateX(1deg)}
  .hero-transport .visual-stamp{top:10px;right:-7px;padding:8px 10px;font-size:7px}
  .hero-transport .photo-caption{top:8px;left:8px;max-width:calc(100% - 16px);min-height:33px;padding:8px 10px;font-size:7px}
  .hero-transport .float-card-top{top:49px;left:-8px}
  .hero-transport .float-card-bottom{display:none}
  .freight-section{padding:73px 0 70px}
  .freight-head{margin-bottom:25px}
  .vehicle-grid{grid-template-columns:1fr;gap:11px}
  .vehicle-card{min-height:0;padding:22px 21px;border-radius:19px}
  .vehicle-card h3{font-size:23px}
  .vehicle-card p{font-size:11px}
  .vehicle-icon{width:48px;height:46px;margin:18px 0 13px}
  .freight-capabilities{gap:6px;margin-top:17px}
  .freight-capabilities span{padding:6px 8px;font-size:8px}
  .equipment-action{gap:12px;margin-top:19px;padding-top:16px}
  .equipment-action p{font-size:11px}
  .equipment-action .button{width:100%;justify-content:space-between}
  .transport-services{padding:72px 0 61px}
  .service-grid-transport{grid-template-columns:1fr;gap:12px}
  .service-grid-transport .service-card,.service-grid-transport .service-card:last-child{grid-column:auto;min-height:0;padding:23px 21px 22px;border-radius:20px}
  .service-grid-transport .service-card h3{font-size:29px}
  .service-grid-transport .service-card>p:not(.eyebrow){font-size:11px}
  .service-grid-transport .service-tags{margin-top:0}
  .process-grid-transport{grid-template-columns:1fr;gap:10px}
  .process-track-freight{padding:21px 19px;border-radius:18px}
  .process-grid-transport .process-track>h3{font-size:17px}
  .process-grid-transport .process-track li p{font-size:10px}
  .why-grid.transport-proof-grid{grid-template-columns:1fr;border-radius:18px}
  .transport-proof-grid .why-card,.transport-proof-grid .why-card:nth-child(2){min-height:0;padding:20px 18px;border-right:0;border-bottom:1px solid var(--line)}
  .transport-proof-grid .why-card:last-child{border-bottom:0}
  .transport-proof-grid .why-card h3{font-size:15px}
  .transport-proof-grid .why-card p{font-size:10px}
  .flooring-section{border-top-width:7px}
  .flooring-section .flooring-intro .eyebrow{max-width:100%;font-size:7px;letter-spacing:.11em}
  .flooring-section .feature-photo img{height:310px}
  .flooring-section .flooring-service-list article{grid-template-columns:28px 1fr;gap:8px;padding:12px 0}
  .flooring-section .flooring-service-list h3{font-size:12px}
  .flooring-section .flooring-service-list p{font-size:10px}
  .quote-layout{grid-template-columns:1fr}
  .quote-intro{position:relative;top:auto}
  .lead-form{min-width:0}
  .form-grid{grid-template-columns:1fr}
  .form-grid .field-wide{grid-column:auto}
  .final-actions{display:grid;grid-template-columns:1fr}
  .final-actions .button{width:100%;justify-content:space-between}
  .contact-lines{gap:9px}
}
@media(max-width:375px){
  .hero-transport.section-shell{padding-inline:17px}
  .hero-transport .visual-stamp{display:none}
  .hero-transport .float-card{gap:6px;padding:7px 8px}
  .hero-transport .float-card small{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
  .hero-transport .hero-photo-frame,.service-grid-transport .service-card,.vehicle-card,.process-track,.why-card{transition:none!important}
}