.dooring-page{background:#fff}
.door-hero{background:var(--navy);color:#fff;padding:72px 0 76px;overflow:hidden}
.door-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}
.door-hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.door-hero .eyebrow span{display:block;width:28px;height:1px;background:var(--gold)}
.door-hero h1{font-size:clamp(3.1rem,5.4vw,5.1rem);line-height:1.08;max-width:760px}
.door-hero h1 em{font-style:normal;color:var(--gold)}
.door-hero-copy>p:not(.eyebrow):not(.door-hero-note){max-width:650px;color:#d8e4e9;font-size:1.06rem;line-height:1.82;margin-top:27px}
.door-hero-note{margin-top:24px;color:#a9bdc8;font-size:.875rem;max-width:620px}
.door-hero-visual{position:relative;min-width:0}
.door-hero-visual>img{display:block;width:100%;aspect-ratio:16/9;max-height:500px;object-fit:cover;object-position:center;background:#e3e9ec;border:1px solid #ffffff2d}
.door-hero-tag{position:absolute;left:-24px;bottom:-24px;background:#fff;color:var(--navy);padding:18px 23px;min-width:270px;box-shadow:0 12px 34px #061a2640}
.door-hero-tag strong{display:block;font:700 .78rem var(--heading);letter-spacing:.14em}
.door-hero-tag span{display:block;margin-top:5px;color:var(--muted);font-size:.72rem;letter-spacing:.08em}
.door-intro{padding-block:84px}
.door-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:92px;align-items:start}
.door-intro-copy{padding-top:40px}
.door-intro-copy p{color:var(--muted);font-size:1.02rem;line-height:1.85}
.door-intro-copy p+p{margin-top:19px}
.door-services{background:var(--soft);padding-block:84px}
.door-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.door-card{background:#fff;border:1px solid var(--line);padding:34px 31px;min-height:360px;display:flex;flex-direction:column}
.door-card-number{color:var(--gold-dark);font:650 .76rem var(--heading);letter-spacing:.1em}
.door-card h3{font-size:1.5rem;letter-spacing:-.04em;margin-top:32px}
.door-card>p{color:var(--muted);margin-top:17px;line-height:1.78}
.door-card ul{list-style:none;padding:24px 0 0;margin:auto 0 0}
.door-card li{position:relative;padding:10px 0 10px 17px;border-top:1px solid var(--line);font-size:.9rem}
.door-card li::before{content:'';position:absolute;left:0;top:19px;width:5px;height:5px;background:var(--gold-dark)}
.door-proof{padding-block:84px;background:#fff}
.door-proof-heading{margin-bottom:38px}
.door-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.door-proof-card{margin:0;border:1px solid var(--line);background:#fff;min-width:0}
.door-proof-image{overflow:hidden;background:#eef2f4}
.door-proof-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease}
.door-proof-boxes .door-proof-image img{object-position:center 51%}
.door-proof-unloading .door-proof-image img{object-position:center 58%}
.door-proof-card figcaption{display:grid;gap:7px;padding:20px 22px 22px}
.door-proof-card figcaption strong{font-family:var(--heading);font-size:1.02rem;color:var(--navy)}
.door-proof-card figcaption span{color:var(--muted);font-size:.9rem;line-height:1.6}
.door-process{background:var(--navy);color:#fff;padding-block:84px}
.door-process .section-heading>p{color:#c3d2db}
.door-partner{padding-block:84px}
.door-partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.door-partner-image{overflow:hidden;background:var(--soft)}
.door-partner-image img{display:block;width:100%;aspect-ratio:16/10;max-height:520px;object-fit:cover;object-position:center 58%}
.door-partner-copy>p:not(.eyebrow){color:var(--muted);margin-top:24px;line-height:1.85}
.door-partner-points{border-top:1px solid var(--line);margin:30px 0 28px}
.door-partner-points p{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}
.door-partner-points strong{font-family:var(--heading);font-size:.95rem}
.door-partner-points span{color:var(--muted);font-size:.92rem;line-height:1.65}
.door-faq{background:var(--soft);padding-block:84px}
.door-cta{background:var(--deep);color:#fff;padding:70px 0}
.door-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:64px}
.door-cta h2{font-size:clamp(2.35rem,4.1vw,4rem);line-height:1.12}
.door-cta p:not(.eyebrow){color:#c7d6de;max-width:650px;margin-top:20px}
.door-cta-button{flex-shrink:0}
.dooring-page .site-footer{padding-bottom:80px}
@media(hover:hover){.door-proof-card:hover .door-proof-image img{transform:scale(1.015)}}
@media(max-width:960px){
  .door-hero-grid,.door-intro-grid,.door-partner-grid{grid-template-columns:1fr;gap:46px}
  .door-hero{padding-top:58px}
  .door-hero-copy{order:0}
  .door-hero-visual{order:1;max-width:760px}
  .door-hero-tag{left:20px}
  .door-intro-copy{padding-top:0}
  .door-card-grid{grid-template-columns:1fr}
  .door-card{min-height:0}
  .door-proof-grid{gap:22px}
  .door-partner-image{max-width:760px}
  .door-partner-image img{aspect-ratio:16/9;max-height:none;object-position:center}
  .door-cta-inner{align-items:flex-start;flex-direction:column;gap:32px}
  .door-cta-button{align-self:flex-start}
}
@media(max-width:760px){
  .door-hero{padding:46px 0 58px}
  .door-hero-grid{gap:32px}
  .door-hero h1{font-size:clamp(2.55rem,12vw,3.55rem)}
  .door-hero .eyebrow span{display:none}
  .door-hero-visual>img{aspect-ratio:16/10;max-height:none}
  .door-hero-tag{position:relative;left:auto;bottom:auto;width:100%;min-width:0;box-shadow:none}
  .door-intro,.door-services,.door-proof,.door-process,.door-partner,.door-faq{padding-block:62px}
  .door-intro-grid,.door-partner-grid{gap:34px}
  .door-card{padding:28px 24px}
  .door-proof-heading{margin-bottom:28px}
  .door-proof-grid{grid-template-columns:1fr;gap:20px}
  .door-proof-image img{aspect-ratio:16/11}
  .door-proof-boxes .door-proof-image img{object-position:center 48%}
  .door-proof-unloading .door-proof-image img{object-position:center 55%}
  .door-partner-points p{grid-template-columns:1fr;gap:6px}
  .door-cta{padding:58px 0}
  .door-cta-button{width:100%}
  .dooring-page .footer-top{align-items:flex-start}
}
@media(max-width:400px){
  .door-hero h1{font-size:2.55rem}
  .door-hero-copy>p:not(.eyebrow):not(.door-hero-note){font-size:1rem}
  .door-hero .hero-actions{max-width:none}
  .door-hero .hero-actions .button{width:100%}
  .door-proof-card figcaption{padding:18px}
}
@media print{.door-hero{print-color-adjust:exact}.door-cta{print-color-adjust:exact}.door-hero .hero-actions,.door-cta-button{display:none}}


/* ============================================================
   R6 — WORK VISUAL BASELINE
   Source: approved ANUBARI_DOORING_VISUAL_PREVIEW.html.
   Scope: photo composition only. Copy/SEO/shared visual language unchanged.
   ============================================================ */
.dooring-page .door-hero-visual,
.dooring-page .door-partner-image{width:100%;max-width:100%}
.dooring-page .door-hero-visual>img{
  height:auto;aspect-ratio:1672/941;max-height:none;
  object-fit:contain;object-position:center;
}
.dooring-page .door-hero-tag{position:relative;inset:auto;width:100%;min-width:0}
.dooring-page .door-proof-card{display:grid;grid-template-rows:auto 1fr}
.dooring-page .door-proof-image{position:relative;aspect-ratio:1122/1402;background:#eef2f4}
.dooring-page .door-proof-image img{
  position:absolute;inset:0;
  width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;
}
.dooring-page .door-proof-boxes .door-proof-image img,
.dooring-page .door-proof-unloading .door-proof-image img{object-position:center}
.dooring-page .door-proof-card:hover .door-proof-image img{transform:none}
.dooring-page .door-proof-card figcaption{align-content:start}

/* R6 requested change #1: three operational photos; every photo visible in full. */
.dooring-page .door-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.dooring-page .door-proof-newcargo .door-proof-image img{object-position:center}

/* R6 requested change #2: green truck keeps its bottom/asphalt visible.
   Excess crop is taken from the sky at the top, never from the truck/road bottom. */
.dooring-page .door-partner-image{
  position:relative;aspect-ratio:6/5;
  width:min(100%,620px);justify-self:center;
  overflow:hidden;background:var(--soft)
}
.dooring-page .door-partner-image img{
  position:absolute;inset:0;
  width:100%;height:100%;aspect-ratio:auto;max-height:none;
  object-fit:cover;object-position:center bottom;
}

@media(max-width:960px){
  .dooring-page .door-proof-grid{grid-template-columns:1fr;gap:20px}
  .dooring-page .door-partner-image{width:min(100%,680px);aspect-ratio:6/5}
  .dooring-page .door-partner-image img{object-position:center bottom}
}

/* ============================================================
   R7 — WORK BASELINE PHOTO REFINEMENT
   Scope locked to photo placement + requested eyebrow wording.
   - Hero: existing white container-truck operational photo.
   - Section label: OPERASIONAL.
   - Operational proof: four full-frame photos in a tidy 2x2 desktop grid.
   - Green truck below: bottom/asphalt preserved; crop bias stays at top/sky.
   ============================================================ */
.dooring-page .door-hero-visual>img{
  height:auto;aspect-ratio:16/9;max-height:none;
  object-fit:contain;object-position:center;
}

.dooring-page .door-proof-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.dooring-page .door-proof-image{
  position:relative;
  aspect-ratio:4/3;
  background:#eef2f4;
}
.dooring-page .door-proof-image img,
.dooring-page .door-proof-boxes .door-proof-image img,
.dooring-page .door-proof-unloading .door-proof-image img,
.dooring-page .door-proof-newcargo .door-proof-image img,
.dooring-page .door-proof-armada .door-proof-image img{
  position:absolute;inset:0;
  width:100%;height:100%;aspect-ratio:auto;
  object-fit:contain;object-position:center;
}
.dooring-page .door-proof-card figcaption{min-height:104px}

@media(max-width:760px){
  .dooring-page .door-proof-grid{grid-template-columns:1fr;gap:20px}
  .dooring-page .door-proof-card figcaption{min-height:0}
}


/* ============================================================
   R8 — HERO CONTAINER YARD + OPERATIONAL CAPTION
   Baseline: locked Work visual + R7 photo arrangement.
   Scope: hero composition and requested two-truck caption only.
   - Hero uses existing friendly container-yard/depot asset.
   - Hero copy is overlaid inside the landscape photo, matching the main-site language.
   - Operational two-truck caption avoids implying fleet quantity.
   ============================================================ */
.dooring-page .door-hero{
  position:relative;
  isolation:isolate;
  min-height:640px;
  padding:0;
  display:flex;
  align-items:stretch;
  overflow:hidden;
  background:var(--navy);
}
.dooring-page .door-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(6,28,41,.96) 0%,rgba(6,28,41,.88) 36%,rgba(6,28,41,.48) 62%,rgba(6,28,41,.18) 100%),
    linear-gradient(0deg,rgba(6,28,41,.38),rgba(6,28,41,.04) 48%);
}
.dooring-page .door-hero-grid{
  position:relative;
  z-index:2;
  display:block;
  min-height:640px;
  padding-block:96px 104px;
}
.dooring-page .door-hero-copy{
  position:relative;
  z-index:2;
  max-width:760px;
}
.dooring-page .door-hero-copy>p:not(.eyebrow):not(.door-hero-note){
  max-width:620px;
  color:#edf3f6;
}
.dooring-page .door-hero-note{color:#c3d2da}
.dooring-page .door-hero-visual{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
}
.dooring-page .door-hero-visual>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center 54%;
  border:0;
  background:var(--navy);
}
.dooring-page .door-hero-tag{display:none}

@media(max-width:960px){
  .dooring-page .door-hero{min-height:620px}
  .dooring-page .door-hero-grid{min-height:620px;padding-block:78px 88px}
  .dooring-page .door-hero-copy{max-width:680px}
  .dooring-page .door-hero-visual{position:absolute;inset:0;max-width:none;order:initial}
  .dooring-page .door-hero-visual>img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 54%}
}
@media(max-width:760px){
  .dooring-page .door-hero{min-height:660px;padding:0}
  .dooring-page .door-hero::after{
    background:linear-gradient(90deg,rgba(6,28,41,.95),rgba(6,28,41,.72)),linear-gradient(0deg,rgba(6,28,41,.52),rgba(6,28,41,.08));
  }
  .dooring-page .door-hero-grid{min-height:660px;padding-block:64px 72px}
  .dooring-page .door-hero-copy{max-width:100%}
  .dooring-page .door-hero-visual>img{object-position:58% center}
}


/* ============================================================
   R12 — FINAL DOORING HERO
   Desktop: container-yard background with high-contrast copy.
   Mobile: full 16:9 hero asset (no crop) plus readable overlay panel.
   ============================================================ */
.dooring-page .door-hero{min-height:640px}
.dooring-page .door-hero::after{
  background:
    linear-gradient(90deg,rgba(5,24,37,.97) 0%,rgba(5,24,37,.94) 30%,rgba(5,24,37,.78) 48%,rgba(5,24,37,.36) 68%,rgba(5,24,37,.10) 100%),
    linear-gradient(0deg,rgba(5,24,37,.48) 0%,rgba(5,24,37,.10) 52%,rgba(5,24,37,.12) 100%)
}
.dooring-page .door-hero-copy{max-width:760px}
.dooring-page .door-hero h1{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.34)}
.dooring-page .door-hero h1 em{color:#f4b844}
.dooring-page .door-hero-copy>p:not(.eyebrow):not(.door-hero-note){color:#f5f8fa;max-width:650px;text-shadow:0 1px 10px rgba(0,0,0,.28)}
.dooring-page .door-hero-note{color:#d9e3e8;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.dooring-page .door-hero .eyebrow{color:#f4c66d;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.dooring-page .door-hero-visual>img{object-position:center center}
@media(max-width:760px){
  .dooring-page .door-hero{min-height:0!important;height:auto!important;padding:0 0 30px!important;display:block!important;overflow:visible!important;background:#0b2737!important}
  .dooring-page .door-hero::after{display:none!important}
  .dooring-page .door-hero-grid{display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;padding:0!important;max-width:none!important;width:100%!important}
  .dooring-page .door-hero-visual{order:0!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0!important;aspect-ratio:16/9!important;overflow:hidden!important;background:#0b2737!important}
  .dooring-page .door-hero-visual>img{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:16/9!important;object-fit:contain!important;object-position:center center!important;border:0!important}
  .dooring-page .door-hero-copy{order:1!important;position:relative!important;z-index:4!important;width:calc(100% - 32px)!important;max-width:none!important;margin:-34px 16px 0!important;padding:22px 20px 20px!important;border-radius:14px!important;background:rgba(4,22,34,.94)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 16px 38px rgba(0,0,0,.24)!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
  .dooring-page .door-hero h1{font-size:clamp(2.35rem,10.5vw,3.05rem)!important;line-height:1.06!important;margin-top:0!important;text-shadow:0 2px 10px rgba(0,0,0,.55)}
  .dooring-page .door-hero-copy>p:not(.eyebrow):not(.door-hero-note){margin-top:18px!important;font-size:1rem!important;line-height:1.72!important;text-shadow:none!important}
  .dooring-page .door-hero-note{margin-top:18px!important;text-shadow:none!important}
  .dooring-page .door-hero .eyebrow{text-shadow:none!important}
  .dooring-page .door-hero .hero-actions{margin-top:22px!important}
}