/* Historical Hero A / scoped stylesheet. All global header and site CSS remain unchanged. */
.ha-historical{--ha-ivory:#f5ebd9;--ha-paper:#e5d3ae;--ha-red:#bf2730;position:relative;isolation:isolate;min-height:clamp(760px,79vw,980px);background:#211b16;color:var(--ha-ivory);overflow:hidden;display:block;font-family:Georgia,"Iowan Old Style","Times New Roman",serif}
.ha-historical *, .ha-historical *::before,.ha-historical *::after{box-sizing:border-box}
.ha-historical__photo,.ha-historical__wash{position:absolute;inset:0;pointer-events:none}
.ha-historical__photo{z-index:0;overflow:hidden;background:#211b16}
.ha-historical__photo img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:53% 46%;filter:grayscale(.14) sepia(.12) contrast(1.12) brightness(.77)}
.ha-historical__wash{z-index:1;background:linear-gradient(0deg,rgba(13,12,11,.95) 0%,rgba(19,16,14,.83) 13%,rgba(22,18,14,.13) 54%,rgba(18,15,14,.36) 100%),linear-gradient(90deg,rgba(11,12,11,.63) 0%,rgba(10,11,10,.23) 43%,rgba(13,11,11,.07) 100%);mix-blend-mode:normal}
.ha-historical__wash::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 90px,rgba(223,191,140,.015) 91px,transparent 92px);pointer-events:none}
.ha-historical__archive-line{position:absolute;top:30px;left:max(48px,calc((100vw - 1510px)/2));z-index:4;color:#f4e4be;font:700 10px/1.4 "Arial Narrow",Arial,sans-serif;letter-spacing:.33em;text-shadow:0 1px 6px #000;opacity:.85}
.ha-historical__archive-line::before{content:"";display:inline-block;width:34px;height:1px;margin-right:12px;background:var(--ha-red);vertical-align:middle}
.ha-historical__headline-wrap{position:relative;z-index:7;max-width:1520px;margin:0 auto;min-height:clamp(760px,79vw,980px);pointer-events:none}
.ha-historical__copy{position:absolute;left:5.2%;bottom:90px;width:min(57%,870px);pointer-events:auto;text-shadow:0 3px 16px #09080790}
.ha-historical__eyebrow{font:700 12px/1.4 Arial,sans-serif;letter-spacing:.29em;text-transform:uppercase;color:#f5b4a6;display:flex;align-items:center;gap:12px;margin-bottom:18px}
.ha-historical__eyebrow::before{content:"";height:2px;width:34px;background:var(--ha-red);display:block}
.ha-historical__copy h1{margin:0 0 21px;font-family:Georgia,"Baskerville","Times New Roman",serif;font-size:clamp(61px,5.8vw,112px);line-height:.89;font-weight:400;letter-spacing:-.066em;color:#f5edda;text-wrap:balance}
.ha-historical__copy h1 span{display:block}
.ha-historical__copy h1 em{font-weight:400;letter-spacing:-.053em;color:#e6d0a9}
.ha-historical__subline{font:italic 19px/1.35 Georgia,serif;color:#f4d4a9;margin:0 0 12px}
.ha-historical__summary{max-width:535px;font:400 15px/1.7 Georgia,serif;color:#e0d3bd;margin:0 0 23px}
.ha-historical__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:33px;min-height:50px;padding:14px 20px 13px 23px;border:1px solid #d1bd96;color:#f6ebd4;background:rgba(17,17,16,.72);font:700 11px/1.2 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;text-shadow:none;transition:background .25s,border-color .25s;white-space:nowrap}
.ha-historical__cta:hover,.ha-historical__cta:focus-visible{background:var(--ha-red);border-color:var(--ha-red)}
.ha-historical__cta svg{display:inline-block;width:18px;height:18px;stroke:currentColor;stroke-width:1.7;fill:none}
.ha-historical__atlas{position:absolute;right:1.5%;bottom:12%;width:min(47%,770px);height:39%;z-index:3;transform:rotate(-2deg);opacity:.92;filter:drop-shadow(0 12px 22px #0b09075c);isolation:isolate}
.ha-historical__atlas::before{content:"";position:absolute;inset:0;background:rgba(226,209,171,.81);border:1px solid rgba(248,223,178,.55);box-shadow:inset 0 0 40px #9b764b40}
.ha-historical__atlas svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden}
.ha-historical__atlas-label{position:absolute;z-index:4;left:18px;top:12px;display:flex;align-items:center;gap:9px;font:700 9px/1.2 Arial,sans-serif;letter-spacing:.18em;color:#5f473d;text-shadow:none}
.ha-historical__atlas-label::before{content:"";height:5px;width:5px;border-radius:50%;background:#b62032}
.ha-historical__atlas-caption{position:absolute;z-index:4;bottom:10px;right:15px;font:700 8px/1.3 Arial,sans-serif;letter-spacing:.06em;color:#654f40;text-shadow:none;text-transform:uppercase;max-width:65%;text-align:right}
.ha-map-ocean{fill:#88a6a0;opacity:.30}
.ha-map-terrain{fill:none;stroke:#aa8c69;stroke-width:9;opacity:.18}
.ha-map-terrain-2{fill:none;stroke:#a58f6d;stroke-width:2;opacity:.25}
.ha-map-roads path{fill:none;stroke:#906c58;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;opacity:.67}
.ha-map-roads .ha-map-interstate{stroke:#8c6550;stroke-width:5;opacity:.65}
.ha-map-roads .ha-map-secondary{stroke-width:2;stroke:#a28369;opacity:.63}
.ha-map-name{font:700 13px/1 Arial,sans-serif;letter-spacing:1.4px;fill:#795b48;paint-order:stroke;stroke:#eee0c6;stroke-width:2px}
.ha-map-tiny{font:italic 12px/1 Georgia,serif;fill:#8d7663;letter-spacing:.6px}
.ha-map-route{fill:none;stroke:var(--ha-red);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0px 0px 1px #fff7);vector-effect:non-scaling-stroke}
.ha-map-dot{fill:#b32430;stroke:#faedd3;stroke-width:3}
.ha-map-marker{opacity:0;transition:opacity .6s}
.ha-map-year{font:700 24px Georgia,serif;fill:#832a2c;stroke:#f2dfbb;stroke-width:3;paint-order:stroke}
.ha-map-marker-name{font:700 11px Arial,sans-serif;letter-spacing:1.7px;fill:#6b4a3a;stroke:#f2dfbb;stroke-width:2;paint-order:stroke}
.ha-historical__archive{position:absolute;right:4.3%;top:7.6%;width:44%;height:48%;z-index:4;pointer-events:none}
.ha-archive-print{position:absolute;background:#e6d8bf;padding:8px 8px 24px;box-shadow:0 12px 22px #08060585,0 0 0 1px #f5e8d04a;max-width:none;filter:saturate(.78);overflow:visible}
.ha-archive-print img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:contrast(1.035)}
.ha-archive-print figcaption{position:absolute;bottom:6px;left:8px;right:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:700 9px/1.2 "Arial Narrow",Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#705d4b}
.ha-archive-print::before,.ha-archive-print::after{content:"";position:absolute;z-index:3;width:76px;height:24px;background:rgba(226,210,167,.7);border:1px solid #e8e2c45c;box-shadow:0 1px 3px #0002;pointer-events:none}
.ha-archive-print::before{top:-11px;left:28%;transform:rotate(-15deg)}
.ha-archive-print::after{bottom:-8px;right:-20px;transform:rotate(-37deg)}
.ha-archive-print--one{top:3%;right:45%;width:34%;height:65%;transform:rotate(-8deg)}
.ha-archive-print--two{top:9%;right:2%;width:36%;height:50%;transform:rotate(8deg)}
.ha-archive-print--three{top:55%;right:12%;width:40%;height:43%;transform:rotate(-5deg)}
.ha-archive-print--four{top:43%;right:59%;width:25%;height:44%;transform:rotate(7deg)}
.ha-historical__patch{position:absolute;z-index:6;top:11%;left:48%;width:clamp(104px,8vw,166px);height:auto;transform:rotate(-12deg);filter:drop-shadow(0 6px 12px #08060690)}
.ha-historical__index{position:absolute;z-index:8;bottom:28px;left:5%;display:flex;align-items:center;gap:13px;color:#e0caaa;font:700 10px/1.2 Arial,sans-serif;letter-spacing:.21em;text-shadow:0 2px 6px #000}
.ha-historical__index::before{content:"";width:43px;height:1px;background:var(--ha-red)}
.ha-historical__replay{position:absolute;right:3%;bottom:5.5%;z-index:8;background:#1d1512be;color:#f4e2c6;border:1px solid #e7d3b27a;padding:9px 14px;cursor:pointer;font:700 10px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.ha-historical__replay:hover,.ha-historical__replay:focus-visible{background:#962632}
@media(min-width:2000px){.ha-historical__atlas{right:max(4%,calc((100vw - 2200px)/2));width:min(43%,860px)}.ha-historical__archive{right:max(4%,calc((100vw - 2200px)/2));width:42%}}
@media(max-width:1450px){.ha-historical{min-height:770px}.ha-historical__headline-wrap{min-height:770px}.ha-historical__copy{left:5%;bottom:93px;width:58%}.ha-historical__copy h1{font-size:clamp(58px,6vw,87px)}.ha-historical__archive{top:9%;height:45%;right:2.5%}.ha-historical__atlas{width:48%;height:37%;bottom:15%}.ha-historical__patch{left:47%;top:12%}.ha-historical__summary{max-width:470px}}
@media(max-width:1050px) and (min-width:701px){.ha-historical{min-height:850px}.ha-historical__headline-wrap{min-height:850px}.ha-historical__copy{bottom:92px;width:78%;left:6%}.ha-historical__copy h1{font-size:clamp(61px,8vw,90px)}.ha-historical__archive{height:34%;top:7%;width:62%;right:3%}.ha-historical__patch{top:10%;left:22%;width:105px}.ha-historical__atlas{width:68%;height:31%;bottom:34%;right:2%}.ha-historical__copy .ha-historical__summary{max-width:560px}.ha-historical__wash{background:linear-gradient(0deg,#12100ff2 0%,#12100fe3 25%,#17121030 69%,#15110e82 100%)}}
@media(max-width:700px){
 .ha-historical{min-height:0;padding:0 0 30px;display:flex;flex-direction:column;overflow:hidden;background:#201b17}
 .ha-historical__photo{height:540px;bottom:auto;inset:0 0 auto;opacity:.94}
 .ha-historical__photo img{object-position:50% 25%;filter:sepia(.24) saturate(.7) brightness(.77)}
 .ha-historical__wash{height:630px;bottom:auto;background:linear-gradient(0deg,#201b17 1%,#201b17e8 25%,#201b170d 75%,#201b173f 100%)}
 .ha-historical__archive-line{left:20px;top:20px;font-size:9px}
 .ha-historical__headline-wrap{order:2;min-height:0;width:100%;margin-top:310px;pointer-events:auto}
 .ha-historical__copy{position:relative;left:auto;bottom:auto;width:auto;margin:0;padding:0 22px;text-shadow:0 2px 10px #0b0808}
 .ha-historical__eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:16px}
 .ha-historical__copy h1{font-size:clamp(49px,11.4vw,80px);line-height:.94;letter-spacing:-.058em;margin-bottom:18px}
 .ha-historical__subline{font-size:17px}
 .ha-historical__summary{font-size:14px;line-height:1.62;margin-bottom:20px}
 .ha-historical__cta{padding:13px 16px;min-height:48px;max-width:100%;font-size:10px;gap:15px}
 .ha-historical__atlas{order:3;position:relative;right:auto;bottom:auto;transform:rotate(-1deg);width:calc(100% - 34px);height:auto;aspect-ratio:1.63;margin:33px 17px 12px;opacity:.97;filter:none}
 .ha-historical__atlas-label{font-size:8px;top:8px;left:11px}
 .ha-historical__atlas-caption{font-size:7px;right:9px;bottom:7px}
 .ha-historical__archive{order:4;position:relative;top:auto;right:auto;width:calc(100% - 30px);height:auto;min-height:465px;margin:30px 15px 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;pointer-events:none}
 .ha-archive-print{position:relative;top:auto;right:auto;left:auto;bottom:auto;width:auto;height:213px;max-width:100%;transform:none!important;padding:7px 7px 22px}
 .ha-archive-print img{height:100%;object-position:center 38%}
 .ha-archive-print--one,.ha-archive-print--three{transform:rotate(-3deg)!important}
 .ha-archive-print--two,.ha-archive-print--four{transform:rotate(3deg)!important}
 .ha-archive-print::before{width:45px;height:16px;top:-7px}
 .ha-archive-print::after{display:none}
 .ha-archive-print figcaption{font-size:7px}
 .ha-historical__patch{width:110px;top:124px;left:auto;right:18px;transform:rotate(12deg);z-index:6}
 .ha-historical__index{order:5;position:relative;left:auto;bottom:auto;margin:15px 22px 0;font-size:9px}
 .ha-historical__replay{order:6;position:relative;bottom:auto;right:auto;align-self:flex-start;margin:18px 22px 0}
}
@media(max-width:390px){.ha-historical__headline-wrap{margin-top:287px}.ha-historical__copy{padding:0 18px}.ha-historical__copy h1{font-size:clamp(44px,11.8vw,57px)}.ha-historical__summary{font-size:13px}.ha-historical__archive{min-height:415px}.ha-archive-print{height:185px}.ha-historical__patch{right:10px;width:90px}.ha-historical__atlas{margin-left:12px;margin-right:12px;width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.ha-archive-print,.ha-historical__atlas,.ha-historical__replay{transition:none!important}}

/* Laptop-height adjustment: keep the primary history link visible at 1366×768. */
@media(min-width:1051px) and (max-width:1450px){
 .ha-historical{min-height:720px}
 .ha-historical__headline-wrap{min-height:720px}
 .ha-historical__copy{bottom:116px}
 .ha-historical__copy h1{font-size:clamp(61px,5.5vw,84px)}
 .ha-historical__summary{margin-bottom:18px}
}

@media(prefers-reduced-motion:reduce){.ha-map-marker{transition:none!important}}

/* HISTORICAL ROAD MAP — V2. One free-floating SVG, no paper map. */
.ha-history-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;isolation:isolate}
.ha-history-overlay__svg{display:block;width:100%;height:100%;overflow:hidden}
.ha-map-roads--primary path,.ha-map-roads--minor path,.ha-map-roads--trail path,.ha-map-contour-lines path{
 fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;
}
.ha-map-roads--primary path{stroke:rgba(214,191,151,.43);stroke-width:1.12}
.ha-map-roads--minor path{stroke:rgba(217,200,165,.35);stroke-width:.73}
.ha-map-roads--trail path{stroke:rgba(222,192,150,.30);stroke-width:.7;stroke-dasharray:1.8 5.5}
.ha-map-contour-lines path{stroke:rgba(214,186,141,.21);stroke-width:.68;stroke-dasharray:1 7}
.ha-map-intersections circle{fill:#e1cfa8;stroke:#1e1a14;stroke-width:1;opacity:.62}
.ha-map-delicate-symbols{fill:none;stroke:rgba(226,204,169,.43);stroke-width:.82;vector-effect:non-scaling-stroke}
.ha-map-delicate-symbols text{fill:rgba(226,204,169,.48);stroke:none;font:10px Arial,sans-serif}
.ha-map-delicate-labels{fill:rgba(239,219,185,.43);font:9px Arial,sans-serif;letter-spacing:2.3px}
.ha-map-route--thin{stroke:#bd2832;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;
 vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1.2px rgba(205,39,48,.20))}
#ha-map-travel-tip{opacity:0}
.ha-route-milestone{opacity:0}
.ha-route-milestone circle{fill:#be2933;stroke:#efdfc8;stroke-width:1}
.ha-route-milestone path{stroke:rgba(236,217,181,.68);stroke-width:.85;vector-effect:non-scaling-stroke}
.ha-route-milestone text{fill:#e8d2b3;font:italic 17px Georgia,serif;paint-order:stroke;stroke:rgba(16,15,14,.75);stroke-width:2.1px}
@media(max-width:1050px) and (min-width:701px){.ha-map-roads--primary path{stroke-width:.96}.ha-map-delicate-labels{opacity:.65}}
@media(max-width:700px){.ha-history-overlay{bottom:auto;height:min(720px,calc(100vw * 1.9))}
 .ha-map-roads--minor path,.ha-map-contour-lines{opacity:.58}.ha-map-delicate-labels{opacity:.38}}
@media(prefers-reduced-motion:reduce){.ha-history-overlay *{transition:none!important;animation:none!important}}

/* Caltrans-derived real road geometry: retained deliberately subtle. */
.ha-map-roads--primary path{stroke:rgba(216,199,167,.34);stroke-width:0.96}
.ha-map-roads--minor path{stroke:rgba(223,204,175,.22);stroke-width:0.66}
.ha-map-real-place circle{fill:rgba(232,207,163,.64)}
.ha-map-real-place text{font:700 9px/1 Arial,sans-serif;letter-spacing:1.65px;fill:rgba(238,220,193,.65);paint-order:stroke;stroke:rgba(19,18,16,.57);stroke-width:1.7}
.ha-history-map-credit{position:absolute;z-index:5;right:2.8%;bottom:2.8%;font:8px/1.4 Arial,sans-serif;letter-spacing:.05em;color:#bcb29e;opacity:.72}
.ha-history-map-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media(max-width:700px){.ha-history-map-credit{right:14px;bottom:auto;top:705px;max-width:138px;text-align:right;font-size:7px}}

/* Final restraint: secondary highways sit under the portraits, never as bold lines. */
.ha-map-roads--primary path{stroke:rgba(216,199,167,.31);stroke-width:.86}
.ha-map-roads--minor path{stroke:rgba(223,204,175,.19);stroke-width:.58}
.ha-history-map-credit{left:50%;right:auto;bottom:12px;top:auto;transform:translateX(-50%);opacity:.63;white-space:nowrap;pointer-events:auto}
.ha-history-map-credit a{pointer-events:auto}
@media(max-width:700px){.ha-history-map-credit{left:auto;right:14px;top:705px;transform:none}}

/* V3.1: authentic Caltrans centreline exactly beneath the red journey. */
.ha-map-roads--route-base path{
 fill:none;stroke:rgba(218,198,164,.40);stroke-width:.89;
 stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;
}

/* V3.2 / User review: ~20% clearer map, unchanged cinematic restraint. */
.ha-map-roads--primary path{stroke:rgba(216,199,167,.372)}
.ha-map-roads--minor path{stroke:rgba(223,204,175,.228)}
.ha-map-roads--route-base path{stroke:rgba(218,198,164,.48)}
/* Keep dash distances in the same SVG coordinate system as getPointAtLength().
   Non-scaling strokes scale dash distances differently when preserveAspectRatio=none;
   that had made the moving dot outrun the drawn route. */
.ha-map-route--thin{vector-effect:none;stroke-width:1.65}
@media(min-width:701px) and (max-width:1050px){
 .ha-map-route--thin{stroke-width:2.25}
}
@media(max-width:700px){
 .ha-map-route--thin{stroke-width:5.2}
}

/* V3.3: geographic names remain on the map but read as almost invisible texture. */
.ha-map-real-place text{
  fill:rgba(238,220,193,.19);
  stroke:rgba(19,18,16,.19);
  font-weight:500;
}
.ha-map-real-place circle{fill:rgba(232,207,163,.29)}
.ha-map-delicate-labels{opacity:.22}

/* V4.0 — Compact introductory scene: reveal News & Events in the first viewport.
   Only the prototype historical section and its adjacent News section are scoped. */
@media(min-width:1051px){
 .ha-historical,.ha-historical__headline-wrap{
   min-height:clamp(435px,calc(100svh - 305px),715px);
 }
 .ha-historical__copy{bottom:55px}
 .ha-historical__copy h1{
   font-size:clamp(53px,5.3vw,103px);
   margin-bottom:15px;
 }
 .ha-historical__eyebrow{margin-bottom:12px}
 .ha-historical__subline{font-size:17px;margin-bottom:9px}
 .ha-historical__summary{font-size:14px;line-height:1.53;margin-bottom:15px}
 .ha-historical__cta{min-height:45px;padding:11px 19px 11px 21px}
 .ha-historical__archive{top:5%;height:56%}
 .ha-historical__patch{top:9%;width:clamp(86px,7.2vw,145px)}
 .ha-historical__archive-line{top:20px}
 .ha-historical__index{bottom:13px}
 .ha-historical__replay{bottom:17px}
 #news.section{padding-top:26px}
}
@media(min-width:701px) and (max-width:1050px){
 .ha-historical,.ha-historical__headline-wrap{
   min-height:clamp(480px,calc(100svh - 255px),625px);
 }
 .ha-historical__copy{bottom:55px}
 .ha-historical__copy h1{font-size:clamp(50px,7vw,78px);margin-bottom:14px}
 .ha-historical__eyebrow{margin-bottom:11px}
 .ha-historical__subline{font-size:17px;margin-bottom:9px}
 .ha-historical__summary{font-size:14px;line-height:1.52;margin-bottom:13px}
 .ha-historical__cta{min-height:45px;padding:11px 19px}
 .ha-historical__archive{top:4%;height:49%}
 .ha-historical__patch{top:7%;width:95px}
 .ha-historical__archive-line{top:15px}
 .ha-historical__index{bottom:12px}
 .ha-historical__replay{bottom:15px}
 #news.section{padding-top:25px}
}

/* V4.2 — Text block elevated to the annotated horizontal guide.
   Brand accents now use the logo's authentic red/yellow and the approved
   two secondary beige tones from the historical hero. */
.ha-historical{
 --brand-red:#E12A33;
 --brand-yellow:#EBE415;
 --brand-beige-light:#F5EDDA;
 --brand-beige-dark:#E6D0A9;
}
.ha-historical__eyebrow{color:var(--brand-yellow)}
.ha-historical__copy h1{color:var(--brand-beige-light)}
.ha-historical__copy h1 em{color:var(--brand-beige-dark)}
.ha-historical__cta{
 background:var(--brand-red);
 border-color:var(--brand-red);
 color:var(--brand-beige-light);
}
.ha-historical__cta:hover,
.ha-historical__cta:focus-visible{
 background:#A31B24;
 border-color:#A31B24; /* border merges into the button; no yellow outline */
 color:var(--brand-beige-light);
}
@media(min-width:1051px) and (min-height:840px){
 .ha-historical__copy{bottom:128px}
}

/* V5.0 — Four independent archival prints, deliberately imperfect paper edges.
   Tape and handwritten note appear on ONE print only; no uniform sticky-tape grid. */
.ha-historical__archive{isolation:isolate}
.ha-archive-print{
  background:linear-gradient(142deg,#f6eddc 0%,#e6d6bb 58%,#d5c2a1 100%);
  padding:8px 8px 25px;
  border:0;
  border-radius:1px 3px 2px 4px;
  overflow:hidden;
  box-shadow:0 10px 19px rgba(0,0,0,.35),inset 0 0 7px rgba(125,94,55,.18);
  filter:drop-shadow(0 4px 3px rgba(3,2,1,.20));
  transform-origin:center;
  clip-path:polygon(1% .8%,13% 0%,30% 1.4%,54% .4%,74% 1.1%,99.2% 0%,100% 18%,98.8% 44%,100% 69%,99% 97.9%,79% 99%,57% 98.8%,34% 100%,14% 98.8%,0% 99%,.8% 76%,0% 51%,.7% 23%);
}
.ha-archive-print::before,.ha-archive-print::after{display:none!important;content:none}
.ha-archive-print img{
 display:block;position:relative;width:100%;height:100%;object-fit:cover;max-width:none;
 filter:sepia(.13) saturate(.72) contrast(1.065) brightness(.99);
 clip-path:polygon(.3% 1%,16% .1%,41% .9%,65% 0%,99.6% .8%,99.8% 28%,99% 59%,100% 99.5%,75% 99%,51% 100%,25% 99%,0% 99.5%,.7% 72%,0% 36%);
}
.ha-archive-print figcaption{
 position:absolute;z-index:2;left:9px;right:7px;bottom:6px;
 font:700 8px/1.25 "Arial Narrow",Arial,sans-serif;
 letter-spacing:.08em;color:#705842;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ha-archive-print--one{
 top:4%;right:52%;width:41%;height:56%;z-index:2;transform:rotate(-6deg);
 clip-path:polygon(0% 1.4%,20% .5%,35% 1%,63% 0%,84% .9%,100% .4%,99.1% 28%,100% 65%,99.2% 99%,77% 99.3%,52% 98.7%,28% 100%,0% 98.5%,.8% 77%);
}
.ha-archive-print--one img{filter:grayscale(.95) sepia(.30) contrast(1.075)}
.ha-archive-print--two{
 top:5%;right:1.5%;width:41%;height:60%;z-index:4;transform:rotate(5deg);
 clip-path:polygon(1.2% 0%,25% .9%,55% 0%,79% 1%,99% .4%,100% 21%,99.2% 54%,100% 98%,74% 99.6%,49% 99%,20% 100%,.5% 98%,0% 65%,.6% 30%);
}
.ha-archive-print--two img{filter:grayscale(.75) sepia(.20) contrast(1.07)}
.ha-archive-print--three{
 top:55%;right:56%;width:35%;height:41%;z-index:3;transform:rotate(5deg);
 clip-path:polygon(0% .3%,21% 1%,43% 0%,73% 1.4%,99% 0%,100% 32%,99% 75%,100% 98%,71% 99.1%,44% 98.6%,17% 100%,0% 99%,.7% 49%);
}
.ha-archive-print--three img{filter:grayscale(.80) sepia(.17) contrast(1.06)}
.ha-archive-print--four{
 top:60%;right:5%;width:43%;height:38%;z-index:2;transform:rotate(-4deg);
 clip-path:polygon(.5% 0%,28% 1%,47% .2%,75% .9%,99% .6%,99.3% 34%,100% 66%,99% 99%,81% 98.7%,55% 100%,25% 99%,0% 98.4%,.9% 62%);
}
.ha-archive-print--four img{filter:saturate(.56) sepia(.24) contrast(1.06)}
/* Only the road print is held by a single handwritten paper-tape strip. */
.ha-archive-print--taped::before{
 content:"THE ROAD";display:flex!important;position:absolute;z-index:5;
 top:-3px;left:21%;width:47%;height:27px;
 justify-content:center;align-items:center;
 transform:rotate(-8deg);
 background:rgba(223,202,161,.91);border:1px solid rgba(164,136,95,.33);
 color:#604835;font:italic 12px/1 Georgia,serif;
 letter-spacing:.055em;box-shadow:0 1px 2px #4f3b2a47;
}
@media(max-width:700px){
 .ha-archive-print--one,.ha-archive-print--two,.ha-archive-print--three,.ha-archive-print--four{
  position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:213px;
  z-index:auto;
 }
 .ha-archive-print--one{transform:rotate(-3deg)!important}
 .ha-archive-print--two{transform:rotate(2.7deg)!important}
 .ha-archive-print--three{transform:rotate(3deg)!important}
 .ha-archive-print--four{transform:rotate(-2.5deg)!important}
}
@media(max-width:390px){
 .ha-archive-print--one,.ha-archive-print--two,.ha-archive-print--three,.ha-archive-print--four{height:185px}
 .ha-archive-print--taped::before{font-size:10px;height:23px}
}


/* Historical photo timeline V5.1 — isolated prepared transparent PNGs.
   Composition reveals progressively at matching road-distance milestones. */
.ha-history-collage{
 position:absolute;inset:0;z-index:5;pointer-events:none;
 isolation:isolate;overflow:hidden;
}
.ha-history-asset{
 position:absolute;display:block;margin:0;padding:0;
 opacity:0;transform-origin:center;
 will-change:transform,opacity;
 filter:drop-shadow(4px 9px 9px rgba(6,5,5,.63));
}
.ha-history-asset img{display:block;width:100%;height:auto;max-width:none}
.ha-history-asset--winged{right:35.5%;top:33%;width:clamp(150px,14vw,252px);z-index:8;filter:drop-shadow(5px 8px 8px #090808b8)}
.ha-history-asset--aircraft{right:23.5%;top:4%;width:20.5%;z-index:2}
.ha-history-asset--aircrew{right:2%;top:4%;width:22.2%;z-index:3}
.ha-history-asset--newspaper{right:21%;bottom:5.4%;width:24%;z-index:5}
.ha-history-asset--convoy{right:1.6%;top:8%;width:30%;z-index:6}
.ha-history-asset--racer{right:8%;top:25%;width:29%;z-index:7}
.ha-history-asset--big-red{right:10%;bottom:6%;width:clamp(320px,34%,555px);z-index:10;filter:drop-shadow(7px 9px 7px #050303b5)}
.ha-history-asset--brothers{right:1.9%;top:11%;width:29%;z-index:9}
/* Give the metal/textured collectibles their own scale and breathing room. */
@media(min-width:1700px){
 .ha-history-asset--winged{right:36%;top:28%;width:min(14.7vw,292px)}
 .ha-history-asset--big-red{right:11%;bottom:7%;width:min(33vw,610px)}
}
@media(min-width:701px) and (max-width:1050px){
 .ha-history-asset--winged{top:23%;right:48%;width:15vw;min-width:135px}
 .ha-history-asset--aircraft{right:28%;top:5%;width:24%}
 .ha-history-asset--aircrew{right:3%;top:8%;width:26%}
 .ha-history-asset--newspaper{right:28%;bottom:21%;width:28%}
 .ha-history-asset--convoy{right:1.5%;top:15%;width:33%}
 .ha-history-asset--racer{right:7%;top:28%;width:31%}
 .ha-history-asset--brothers{right:3%;top:20%;width:32%}
 .ha-history-asset--big-red{right:11%;bottom:23%;width:39%;min-width:290px}
}
@media(max-width:700px){
 .ha-history-collage{
  order:4;position:relative;inset:auto;width:calc(100% - 30px);
  margin:26px 15px 9px;overflow:visible;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;
  column-gap:7px;row-gap:2px;z-index:5;
 }
 .ha-history-asset,
 .ha-history-asset--winged,.ha-history-asset--aircraft,.ha-history-asset--aircrew,
 .ha-history-asset--newspaper,.ha-history-asset--convoy,.ha-history-asset--racer,
 .ha-history-asset--big-red,.ha-history-asset--brothers{
  position:relative;top:auto;right:auto;bottom:auto;left:auto;
  width:100%;min-width:0;max-width:100%;height:auto;justify-self:center;
  filter:drop-shadow(3px 5px 5px #0009);
 }
 .ha-history-asset--winged{width:85%}
 .ha-history-asset--big-red{grid-column:1/-1;width:min(85%,470px)}
 .ha-history-asset--newspaper{grid-column:1/-1;width:min(85%,480px)}
 .ha-history-asset--aircraft,.ha-history-asset--aircrew{width:96%}
 .ha-history-asset--racer,.ha-history-asset--brothers{width:98%}
 .ha-history-asset--convoy{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .ha-history-asset{will-change:auto!important;transition:none!important}
}


/* V5.2 — Patch rises from the bottom near the "From Berdoo" copy.
   Aircraft photos 20% smaller; smaller landscape photo covers ~1/3 of the
   larger portrait photo horizontally. Original transparent PNGs stay intact.
   Deliberately clip only the PATCH at the hero boundary, never photographs. */
@media(min-width:1051px){
 .ha-history-asset--winged{
   left:27%;right:auto;top:auto;bottom:-90px;
   width:clamp(220px,19vw,315px);z-index:6;
   filter:drop-shadow(5px 8px 9px #070505b0);
 }
 .ha-history-asset--aircraft{
   top:4%;right:16.8%;width:16.4%;z-index:4;
 }
 .ha-history-asset--aircrew{
   top:4%;right:5%;width:17.76%;z-index:3;
 }
}
@media(min-width:701px) and (max-width:1050px){
 .ha-history-asset--winged{
   left:24%;right:auto;top:auto;bottom:-76px;
   width:clamp(175px,21vw,230px);z-index:6;
 }
 .ha-history-asset--aircraft{
   top:4%;right:19%;width:19.2%;z-index:4;
 }
 .ha-history-asset--aircrew{
   top:4%;right:5%;width:20.8%;z-index:3;
 }
}
/* Each PNG is shown at its natural aspect ratio: no crop / object-fit cover. */
.ha-history-asset--aircraft img,.ha-history-asset--aircrew img{
 height:auto;max-height:none;object-fit:contain;clip-path:none;
}


/* V5.3 | Carefully staged archive layout. Existing B-17 photographs unchanged. */
/* The winged PNG rises further into the frame, tilted 45deg clockwise.
   Its skull and MC embroidery should remain visible above the bottom crop. */
@media(min-width:1051px){
 .ha-history-asset--winged{
   left:30%;right:auto;top:auto;bottom:-7px;
   width:clamp(245px,20vw,340px);z-index:6;
 }
 .ha-history-asset--newspaper{
   right:28%;top:auto;bottom:-55px;width:27%;z-index:4;
 }
 .ha-history-asset--convoy{
   right:25%;top:31%;bottom:auto;width:23%;z-index:7;
 }
 .ha-history-asset--racer{
   right:1.8%;top:36%;bottom:auto;width:21%;z-index:8;
 }
 .ha-history-asset--brothers{
   right:18%;top:45%;bottom:auto;width:21%;z-index:9;
 }
}
@media(min-width:701px) and (max-width:1050px){
 .ha-history-asset--winged{
   left:26%;right:auto;top:auto;bottom:-12px;
   width:clamp(205px,24vw,285px);z-index:6;
 }
 .ha-history-asset--newspaper{
   right:28%;top:auto;bottom:-40px;width:30%;z-index:4;
 }
 .ha-history-asset--convoy{
   right:24%;top:29%;bottom:auto;width:26%;z-index:7;
 }
 .ha-history-asset--racer{
   right:2%;top:35%;bottom:auto;width:23%;z-index:8;
 }
 .ha-history-asset--brothers{
   right:16%;top:42%;bottom:auto;width:23%;z-index:9;
 }
}
/* No CSS-cropping is added to photographs. The scene boundary crops only
   intentional protrusions: the vintage patch and folded newspaper. */
.ha-history-asset--convoy img,
.ha-history-asset--racer img,
.ha-history-asset--brothers img,
.ha-history-asset--newspaper img{object-fit:contain;clip-path:none;height:auto;max-height:none}


/* V5.4: manual PNG placement — edit mode only, no change to base geometry. */
.ha-layout-editor{
 position:absolute;z-index:32;right:14%;bottom:13px;
 display:flex;align-items:center;justify-content:flex-end;
 gap:8px;max-width:82%;pointer-events:auto;
 font:700 10px/1.1 Arial,sans-serif;letter-spacing:.07em;
}
.ha-layout-editor button{
 font:700 10px/1.2 Arial,sans-serif;letter-spacing:.07em;
 background:rgba(27,22,19,.94);color:#f3e5cb;
 border:1px solid rgba(240,216,171,.45);
 padding:9px 11px;cursor:pointer;white-space:nowrap;
 box-shadow:0 3px 8px #0a080966;
}
.ha-layout-editor button:hover,.ha-layout-editor button:focus-visible{
 background:#8a242b;border-color:#d6b58e;
}
.ha-layout-editor__toggle{color:#f9e9c7!important}
.ha-layout-editor__actions{display:flex;gap:5px;align-items:center}
.ha-layout-editor__actions[hidden]{display:none!important}
.ha-layout-editor__hint{
 max-width:170px;color:#f4d5a8;line-height:1.35;
 text-shadow:0 1px 4px #000;letter-spacing:0;
}
.ha-layout-editor__status{
 position:absolute;right:0;bottom:calc(100% + 8px);
 color:#fff3d9;font:600 11px/1.3 Arial,sans-serif;letter-spacing:0;
 white-space:nowrap;max-width:370px;
 text-shadow:0 1px 4px #000,0 1px 8px #000;
 pointer-events:none;
}
.ha-layout-editor__status:empty{display:none}
.ha-layout-editing .ha-history-collage{pointer-events:auto}
.ha-layout-editing .ha-history-asset{
 pointer-events:auto;cursor:grab;user-select:none;touch-action:none;
 outline:1px dashed rgba(242,208,155,.65);outline-offset:0;
}
.ha-layout-editing .ha-history-asset img{pointer-events:none;user-select:none}
.ha-layout-editing .ha-history-asset__selected{
 outline:2px dashed #f1d49c;outline-offset:1px;
}
.ha-layout-editing .ha-history-asset.ha-layout-editor__selected{
 outline:2px dashed #f1d49c;outline-offset:1px;
 filter:drop-shadow(4px 9px 10px #0008) drop-shadow(0 0 7px #e9ca7e7a);
}
.ha-layout-editing .ha-history-asset.ha-layout-editor__dragged{cursor:grabbing}
@media(max-width:1350px){
 .ha-layout-editor{right:13%;gap:5px}
 .ha-layout-editor__hint{max-width:110px}
 .ha-layout-editor button{padding:7px 8px;font-size:9px}
}
@media(max-width:700px){.ha-layout-editor{display:none}}

/* Editor V5.4.1: select hidden/overlapped image by name, then drag it. */
.ha-layout-editing .ha-history-collage{z-index:15}
.ha-layout-editing .ha-history-asset.ha-layout-editor__selected{z-index:22!important}
.ha-layout-editor select{
  max-width:175px;min-width:148px;min-height:33px;
  background:#211c1a;color:#f2dfba;border:1px solid #d7ba8e88;
  font:700 10px/1.1 Arial,sans-serif;padding:6px;cursor:pointer;
}
@media(max-width:1350px){.ha-layout-editor select{min-width:128px;max-width:140px}}


/* V5.5 — editable rotation and proportional scale. Manual adjustments
   appear ONLY while edit mode is enabled, and keep all existing positions. */
.ha-layout-editor:has(.ha-layout-editor__actions:not([hidden])){
 left:12px;right:12px;max-width:none;width:calc(100% - 24px);
 justify-content:center;gap:7px;flex-wrap:wrap;
 padding:4px 8px;
 background:rgba(12,10,9,.85);border:1px solid rgba(220,192,147,.25);
}
.ha-layout-editor__actions:not([hidden]){display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ha-editor-field{
 display:inline-flex;gap:4px;align-items:center;white-space:nowrap;
 padding:5px 7px;background:#171514e6;border:1px solid #987d5b99;
 color:#f3e4cb;font:700 10px/1.1 Arial,sans-serif;letter-spacing:0;
}
.ha-editor-field input{
 color:#fff5db;background:#24201d;border:1px solid #bea27c95;
 font:700 12px/1.25 Arial,sans-serif;max-width:52px;width:52px;
 text-align:center;padding:3px 1px;outline-offset:1px;
}
.ha-editor-field input:disabled{opacity:.45}
.ha-layout-editor__status{z-index:40;text-align:right}
.ha-history-asset{--ha-layout-rotate:0deg;--ha-layout-scale:1}
.ha-layout-editing .ha-history-asset{position:absolute}
.ha-layout-handle{display:none;position:absolute;z-index:5;user-select:none;
 width:29px;height:29px;background:#c22e35;border:2px solid #f9e6c4;
 border-radius:50%;color:white;align-items:center;justify-content:center;
 font:700 19px/1 Arial,sans-serif;box-shadow:0 2px 7px #000c;
 touch-action:none;cursor:grab;
}
.ha-layout-editing .ha-history-asset.ha-layout-editor__selected .ha-layout-handle{display:flex}
.ha-layout-handle--rotate{
 left:calc(50% - 15px);top:-42px;
}
.ha-layout-handle--rotate::after{
 content:"";position:absolute;top:28px;left:12px;height:14px;width:2px;
 background:#f9e6c4;pointer-events:none;
}
.ha-layout-handle--scale{
 right:-12px;bottom:-12px;border-radius:5px;
 background:#5a6758;cursor:nwse-resize;
}
.ha-layout-editor select:focus-visible,.ha-editor-field input:focus-visible{
 outline:2px solid #f1d099;
}
@media(max-width:1450px){
 .ha-layout-editor:has(.ha-layout-editor__actions:not([hidden])){bottom:5px}
 .ha-layout-editor__actions:not([hidden]){gap:4px}
 .ha-layout-editor button{font-size:9px;padding:7px 7px}
 .ha-editor-field{padding:4px;font-size:9px}
 .ha-editor-field input{width:43px}
}

/* V5.6 — explicit depth stack, preserving user-saved positions/sizes/tilts.
   From back to front: original photo, wash, winged badge, folded newspaper,
   animated geographic road map, other six archival photographs, headline.
   Both layers share the same absolutely positioned viewport (scene).
   NO image src, dimension, transform or timing is modified. */
@media(min-width:701px){
 .ha-history-archive-underlay{
   position:absolute;inset:0;z-index:2;pointer-events:none;
   isolation:isolate;overflow:hidden;
 }
 .ha-history-archive-underlay .ha-history-asset{pointer-events:none}
 .ha-history-archive-underlay .ha-history-asset--winged{z-index:1}
 .ha-history-archive-underlay .ha-history-asset--newspaper{z-index:2}
 .ha-history-overlay{z-index:3}
 .ha-history-collage{z-index:5}
 /* When editing a base element, temporarily lift only its interaction
    group so its mouse handles remain accessible. Normal display stays intact. */
 .ha-layout-editing .ha-history-archive-underlay:has(.ha-layout-editor__selected){z-index:16}
 .ha-layout-editing .ha-history-archive-underlay .ha-history-asset{pointer-events:auto}
 .ha-layout-editing .ha-history-collage{pointer-events:none}
}
@media(max-width:700px){
 .ha-history-archive-underlay{
   position:relative;inset:auto;order:4;
   width:calc(100% - 30px);margin:26px 15px 9px;
   display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
   gap:7px;align-items:center;z-index:2;pointer-events:none;
 }
 .ha-history-archive-underlay .ha-history-asset--winged,
 .ha-history-archive-underlay .ha-history-asset--newspaper{
   position:relative;top:auto;left:auto;right:auto;bottom:auto;
   width:100%;min-width:0;max-width:100%;height:auto;
   justify-self:center;
 }
 .ha-history-archive-underlay .ha-history-asset--winged{width:85%}
 .ha-history-archive-underlay .ha-history-asset--newspaper{width:100%}
 .ha-history-collage{order:5}
}