/* Emily website direction, 2026-10-25: primary action green; forest accent. */
@font-face{font-family:"Pioneer Display";src:url('assets/fonts/BebasNeue-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--primary:#1A6B3A;--secondary:#E8F2EC;--secondary-foreground:#1A6B3A;--accent:#D4EAD9;--pioneer-forest:#154734;--pioneer-grid:#2A5846;--ring:var(--primary)}
.wordmark .brand-stack{display:block;width:174px;max-width:100%;height:auto}.wordmark{gap:7px}
.hero-copy{background:var(--primary)}
.brand-band{background:var(--pioneer-forest) url('assets/logos/pioneer-grid-forest.svg') repeat;background-size:96px 96px;color:#fff;padding:56px 0}
.brand-band>.container{display:flex;align-items:center;justify-content:space-between;gap:40px}.brand-band img{width:240px;height:auto;flex-shrink:0}.brand-band p{font:400 clamp(32px,4.5vw,62px)/1.05 "Pioneer Display",sans-serif;letter-spacing:.04em;max-width:18ch}
@media(max-width:760px){.wordmark .brand-stack{width:145px}.brand-band{padding:38px 0}.brand-band>.container{flex-direction:column;align-items:flex-start;gap:28px}.brand-band img{width:200px}.brand-band p{font-size:42px}}

.wordmark .official-logo{display:block;width:174px;max-width:100%;height:auto;max-height:none}@media(max-width:760px){.wordmark .official-logo{width:145px}}

/* October27 preview: forest bands carry the fleet, quality and footer. */
.equipment,.quality,.site-footer{background:var(--pioneer-forest) url('assets/logos/pioneer-grid-forest.svg') repeat;background-size:96px 96px;color:#fff}
.equipment h2,.equipment h3,.equipment strong,.equipment .hero-location,.quality h2,.quality h3,.quality .text-link,.site-footer a{color:#fff}
.equipment p,.equipment .fleet-summary>span,.quality p,.quality .review-note,.site-footer p{color:#e8f2ec}
.equipment .icon,.quality .icon{background:#a8d5b5}
.utilization-highlight{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #5c806f;border-bottom:1px solid #5c806f;padding:26px 0;margin:32px 0}.utilization-highlight strong{font:400 clamp(36px,5vw,64px)/1 "Pioneer Display",sans-serif;letter-spacing:.02em}.utilization-highlight span{font-size:20px}
.fleet-breakdown{max-width:760px}.fleet-breakdown table{width:100%;border-collapse:collapse}.fleet-breakdown caption{text-align:left;font-weight:600;margin-bottom:14px}.fleet-breakdown th,.fleet-breakdown td{text-align:left;border-bottom:1px solid #5c806f;padding:12px 18px 12px 0}.fleet-breakdown th{color:#a8d5b5;font-size:13px}.fleet-breakdown td{font-size:16px}
.quality .quality-methods li{border-color:#5c806f}.quality .quality-methods strong{color:#fff}.quality .quality-methods p{color:#e8f2ec}.quality .review-annotation{background:#154734;color:#fff}.quality .review-annotation summary,.quality .review-annotation p{color:#fff}.quality .quality-footer{border-color:#5c806f}
.equipment .preview-gap-note p{color:#5e451f}.equipment .preview-gap-note strong{color:#6b470b}
.site-footer .footer-bottom{border-color:#5c806f}.site-footer .design-credits a{color:#d4ead9}
@media(max-width:620px){.utilization-highlight{align-items:flex-start;flex-direction:column;gap:12px}.utilization-highlight span{font-size:18px}.fleet-breakdown th,.fleet-breakdown td{padding-right:8px}}

.quality .planned-photo-content p,.quality .planned-photo-content span{color:#172c23}.quality .planned-photo-content strong{color:#1A6B3A}

.equipment .equipment-heading p{color:#e8f2ec}.fleet-breakdown th{background:#154734;color:#d4ead9}.quality .quality-photo-layout figcaption strong{color:#fff}.quality .quality-photo-layout figcaption span{color:#e8f2ec}

.equipment .equipment-heading>div:first-child>p,.equipment .fleet-breakdown caption{color:#e8f2ec}

.company-story{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin:44px 0;padding:32px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.company-story .story-label{color:var(--primary);font-size:12px;font-weight:600;margin-bottom:12px}.company-story h3{font-size:30px;margin-bottom:20px}.company-story p{font-size:15px;color:var(--muted-foreground)}.company-story p+p{margin-top:18px}@media(max-width:760px){.company-story{grid-template-columns:1fr;gap:24px;padding:24px 0;margin:30px 0}.company-story h3{font-size:27px}}

/* Customer-facing site presentation; review mode is a separate, explicit URL. */
.final-site .review-only,.final-site .review-note,.final-site #preview-bar,.final-site #status-panel,.final-site #preview-gaps,.final-site #resources,.final-site a[href="#resources"],.final-site .design-credits{display:none!important}
.final-site .contact-direct,.final-site .careers-direct{grid-template-columns:1fr}
.final-site .photo-slot-figure[hidden]{display:none!important}

/* Preserve the established image-led layout in the clean presentation. */


.final-site .hero-photo{position:relative}.final-site .website-motion-toggle{position:absolute;right:12px;top:12px;z-index:2;border:1px solid #d4ead9;border-radius:4px;padding:6px 9px;background:#fff;color:#154734;font-size:11px;line-height:1.4}

.production-visual-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:42px}.production-visual-layout h2,.production-visual-layout h3{margin-bottom:20px}.production-visual-layout>div>p+p{margin-top:18px}.tooling-placement{margin-top:42px;padding-top:32px;border-top:1px solid #2a5846}.equipment .planned-photo-content strong{color:#1a6b3a}.equipment .planned-photo-content p,.equipment .planned-photo-content span{color:#172c23}.equipment .photo-slot-figure>figcaption{color:#e8f2ec}.equipment .photo-slot-figure>figcaption>strong{color:#fff}
@media(max-width:760px){.production-visual-layout{grid-template-columns:1fr;gap:28px}.tooling-placement{margin-top:30px;padding-top:24px}}
.equipment .shot-framing-detail,.quality .shot-framing-detail{color:#e8f2ec}

/* Actual Pioneer photographs retain the same placement geometry as the shoot plan. */
.photo.has-photo[data-photo]{position:relative;width:100%;height:auto;min-height:0;aspect-ratio:3/2;border-radius:var(--radius);overflow:hidden;background:var(--pioneer-forest)}
.photo.has-photo[data-aspect="4:3"]{aspect-ratio:4/3}
.photo.has-photo[data-photo]>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:none;opacity:1}

/* Text remains when a process photo is not available. */
.parts-detail-copy{align-self:center}