/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#11120f;--soft-ink:#2d2e28;--paper:#e8e0cd;--paper-light:#f4efe3;--red:#a3392f;--red-dark:#73251f;--blue:#274f6b;--line:#25221b38}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{color:var(--ink);background:var(--paper-light);margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}a{color:inherit}.site-header{color:#f7f2e5;z-index:20;background:#0c0d0bf5;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(22px,4vw,72px);display:flex;position:absolute;inset:0 0 auto}.brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{letter-spacing:-.04em;border:1px solid #ffffff8c;place-items:center;width:35px;height:35px;font:700 11px Georgia,serif;display:grid}.brand b,.brand small{display:block}.brand b{letter-spacing:.18em;font-size:11px}.brand small{color:#bfb8a8;letter-spacing:.28em;margin-top:4px;font-size:8px}.site-header nav{align-items:center;gap:30px;display:flex}.site-header nav a{text-transform:uppercase;letter-spacing:.13em;color:#d4cec0;align-items:center;gap:8px;font-size:10px;text-decoration:none;display:flex}.site-header nav svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:17px;height:17px}.site-header nav a:hover{color:#fff}.hero{color:#fff;background:#141511;height:860px;min-height:min(900px,100svh);position:relative;overflow:hidden}.hero-image{filter:grayscale()contrast(1.08);background:url(/images/remagen-7-march.jpg) 50% 48%/cover no-repeat;animation:1.4s ease-out both reveal;position:absolute;inset:0;transform:scale(1.025)}.hero-shade{background:linear-gradient(90deg,#0b0c0af0 0%,#0b0c0ab8 43%,#0b0c0a1a 78%),linear-gradient(#0607064d,#0000 55%,#070807cc);position:absolute;inset:0}.hero-grid{opacity:.11;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:90px 90px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 75%);mask-image:linear-gradient(90deg,#000,#0000 75%)}.hero-content{z-index:2;width:min(690px,58vw);position:absolute;top:49%;left:clamp(24px,8vw,126px);transform:translateY(-44%)}.kicker{color:#d2c9b6;letter-spacing:.27em;align-items:center;gap:13px;font-size:10px;font-weight:700;display:flex}.kicker span{background:var(--red);width:44px;height:2px;display:inline-block}.hero h1{letter-spacing:-.065em;text-shadow:0 4px 28px #00000047;margin:26px 0 18px;font:400 clamp(65px,8.1vw,125px)/.78 Georgia,Times New Roman,serif}.hero h1 em{color:#d6b983;font-weight:400}.hero-deck{color:#d8d4cb;width:min(560px,92%);margin:34px 0;font:400 clamp(17px,1.5vw,22px)/1.55 Georgia,serif}.primary-cta{text-transform:uppercase;letter-spacing:.18em;border:1px solid #ffffff5c;justify-content:space-between;width:fit-content;min-width:300px;padding:18px 20px;font-size:10px;text-decoration:none;transition:background .25s,color .25s;display:flex}.primary-cta span{color:#d6b983;font-size:15px}.primary-cta:hover{color:var(--ink);background:#eee7d7}.hero-facts{z-index:3;gap:clamp(24px,4vw,64px);display:flex;position:absolute;bottom:64px;right:clamp(22px,5.5vw,90px)}.hero-facts>div{align-items:center;gap:10px;display:flex}.hero-facts strong{color:#dfc899;font:400 clamp(31px,3.3vw,50px)/1 Georgia,serif}.hero-facts strong small{margin-left:2px;font-size:.42em}.hero-facts span{letter-spacing:.14em;color:#c8c2b4;font-size:8px;line-height:1.5}.photo-credit{z-index:3;letter-spacing:.08em;color:#ffffff8c;margin:0;font-size:8px;position:absolute;bottom:21px;left:clamp(22px,4vw,72px)}.context-strip{background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:1fr 2.25fr 1fr;align-items:stretch;padding:0 clamp(24px,5vw,82px);display:grid}.context-strip>*{padding:38px clamp(20px,3vw,52px)}.context-strip>*+*{border-left:1px solid var(--line)}.edition span,.edition b{display:block}.edition span{color:var(--red);letter-spacing:.2em;font-size:8px;font-weight:700}.edition b{letter-spacing:.12em;margin-top:9px;font-size:10px}.context-strip p{color:#37362f;margin:0;font:400 16px/1.65 Georgia,serif}.coordinates{color:#716b5d;letter-spacing:.05em;align-content:center;gap:7px;font:11px/1.2 ui-monospace,monospace;display:grid}.map-section{color:#eae4d6;background:#171814;padding:clamp(68px,9vw,130px) clamp(22px,5vw,82px) 80px;position:relative;overflow:hidden}.map-section:before{content:"";opacity:.055;background-image:linear-gradient(#ffffff80 1px,#0000 1px),linear-gradient(90deg,#ffffff80 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0}.section-heading{z-index:1;grid-template-columns:1.35fr 1fr;align-items:end;gap:70px;max-width:1380px;margin:auto;display:grid;position:relative}.section-number{color:var(--red);letter-spacing:.24em;margin:0 0 17px;font-size:9px;font-weight:700}.section-heading h2{letter-spacing:-.04em;margin:0;font:400 clamp(42px,5.3vw,78px)/.98 Georgia,serif}.section-heading h2 em{color:#d1b47b;font-weight:400}.section-heading>p{color:#aaa596;max-width:520px;margin:0 0 5px;font:15px/1.7 Georgia,serif}.map-mode-switch{z-index:2;border:1px solid #ffffff2b;width:fit-content;max-width:1380px;margin:54px auto 0;display:flex;position:relative}.map-mode-switch button{color:#a7a295;cursor:pointer;text-transform:uppercase;letter-spacing:.16em;background:0 0;border:0;padding:13px 20px;font-size:9px;font-weight:700}.map-mode-switch button.active{color:#181814;background:#d7cba9}.map-shell{z-index:1;background:#cfc4a8;grid-template-columns:minmax(0,1.9fr) minmax(300px,.72fr);max-width:1380px;margin:22px auto 0;display:grid;position:relative;box-shadow:0 30px 90px #00000057}.map-viewport{min-width:0;position:relative;overflow:hidden}.battle-map{width:100%;height:100%;min-height:650px;font-family:Arial,Helvetica,sans-serif;display:block}.map-corner-label{color:#302d25;border-left:3px solid var(--red);background:#ece5d2e0;flex-direction:column;padding:9px 12px;display:flex;position:absolute;top:17px;left:18px;box-shadow:0 2px 9px #00000024}.map-corner-label span{letter-spacing:.15em;font-size:8px;font-weight:700}.map-corner-label b{margin-top:4px;font:14px Georgia,serif}.contours path{fill:none;stroke:#635e50;stroke-width:1px;stroke-opacity:.22}.forests path{fill:#72806c;opacity:.14}.rhine{fill:#69899d;opacity:.82}.rhine-bank{fill:none;stroke:#475a62;stroke-width:3px;opacity:.5}.rhine-highlight{fill:none;stroke:#ffffff3d;stroke-width:1.5px}.ahr{fill:none;stroke:#738f9f;stroke-width:16px;opacity:.72}.water-label,.river-name{fill:#f6f3e5d4;letter-spacing:.2em;font-size:10px;font-weight:700}.water-label{fill:#5a7180}.roads path{fill:none;stroke:#77705f;stroke-width:4px;stroke-dasharray:2 3;opacity:.48}.rail path{fill:none;stroke:#4c493f;stroke-width:3px;stroke-dasharray:8 4;opacity:.74}.towns circle{fill:#3f3a2e}.towns text{fill:#3b372c;letter-spacing:.08em;font-size:13px;font-weight:800}.towns text.bank{fill:#6d6656;letter-spacing:.05em;font-size:8px;font-weight:400}.ley path{fill:#777861;opacity:.45;stroke:#514c3f;stroke-width:1px}.ley text{fill:#3d392e;letter-spacing:.07em;font-size:11px;font-weight:700}.small{letter-spacing:.07em!important;font-size:8px!important;font-weight:400!important}.movement,.bridge-mark,.perimeter,.temporary-bridge,.air-attacks,.collapse-mark,.assault-route,.engineer-route,.high-ground{transition:opacity .35s,filter .35s}.is-dim{opacity:.09;filter:grayscale()}.is-active{opacity:1}.movement path{fill:none;stroke-width:5px}.movement text{letter-spacing:.08em;font-size:9px;font-weight:800}.movement rect{stroke-width:1px}.movement.allied path{stroke:var(--blue)}.movement.allied rect{fill:#d8d1bc;stroke:var(--blue)}.movement.allied text{fill:var(--blue);text-anchor:middle}.movement.german path{stroke:var(--red);stroke-dasharray:9 6}.movement.german text{fill:var(--red-dark)}.bridge-mark>path:not(.cross){fill:none;stroke:#292b28;stroke-width:7px}.bridge-mark circle{fill:#302f2a;stroke:#e5dcc6;stroke-width:2px}.bridge-mark text{fill:#25251f;letter-spacing:.12em;font-size:10px;font-weight:800}.bridge-mark .cross{fill:none;stroke:var(--blue);stroke-width:5px}.perimeter path{fill:#274f6b1f;stroke:var(--blue);stroke-width:3px;stroke-dasharray:10 7}.perimeter text{fill:var(--blue);letter-spacing:.14em;font-size:10px;font-weight:800}.temporary-bridge path{fill:none;stroke:#2f564d;stroke-width:8px;stroke-dasharray:10 4}.temporary-bridge text{fill:#27463f;letter-spacing:.09em;font-size:9px;font-weight:800}.air-attacks path{fill:none;stroke:var(--red);stroke-width:3px;stroke-dasharray:2 7}.air-attacks text{fill:var(--red-dark);letter-spacing:.12em;font-size:9px;font-weight:800}.collapse-mark path{fill:none;stroke:var(--red);stroke-width:9px}.collapse-mark text{fill:var(--red-dark);letter-spacing:.1em;font-size:10px;font-weight:900}.compass circle{fill:#e8e0cdb3;stroke:#514b3e}.compass path{fill:var(--red)}.compass text{fill:#39362d;text-anchor:middle;font-size:9px;font-weight:800}.scale path{fill:none;stroke:#403c32;stroke-width:2px}.scale text{fill:#403c32;font-size:8px}.phase-panel{color:#f1ebdc;background:#20211d;flex-direction:column;min-height:650px;padding:clamp(30px,4vw,58px);display:flex}.phase-panel>p:first-child{color:#be9d63;letter-spacing:.2em;margin:0;font-size:9px;font-weight:800}.phase-panel h3{letter-spacing:-.035em;margin:27px 0 25px;font:400 clamp(29px,3vw,43px)/1.05 Georgia,serif}.phase-rule{background:var(--red);width:44px;height:2px}.phase-panel .phase-body{color:#bcb6a9;margin:25px 0;font:15px/1.72 Georgia,serif}.phase-metric{border-top:1px solid #ffffff1f;margin-top:auto;padding-top:26px}.phase-metric span,.phase-metric b{display:block}.phase-metric span{color:#827e74;letter-spacing:.18em;font-size:8px}.phase-metric b{color:#d4bd8b;margin-top:9px;font:400 19px Georgia,serif}.map-legend{color:#8f8b82;text-transform:uppercase;letter-spacing:.1em;gap:11px;margin-top:30px;font-size:9px;display:grid}.map-legend span{align-items:center;gap:9px;display:flex}.map-legend i{width:16px;height:3px;display:inline-block}.allied-dot{background:var(--blue)}.german-dot{background:var(--red)}.bridge-dot{background:#3b6a5d}.phase-timeline{z-index:1;border:1px solid #ffffff1f;border-top:0;grid-template-columns:repeat(6,1fr);max-width:1380px;margin:0 auto;display:grid;position:relative}.phase-timeline button{color:#77766f;cursor:pointer;text-align:left;background:#11120f;border:0;border-right:1px solid #ffffff1c;min-width:0;padding:20px 14px}.phase-timeline button:last-child{border-right:0}.phase-timeline button span{color:#4d4e48;font:22px Georgia,serif;display:block}.phase-timeline button b{letter-spacing:.08em;margin-top:8px;font-size:8px;display:block}.phase-timeline button:hover,.phase-timeline button.active{color:#e7dfce;background:#282923}.phase-timeline button.active{box-shadow:inset 0 -3px var(--red)}.phase-timeline button.active span{color:#d4b77c}.map-note{z-index:1;color:#6f6f68;letter-spacing:.05em;max-width:1380px;margin:20px auto 0;font-size:8px;position:relative}.tactical-rhine{opacity:.76}.city-blocks path{fill:#8a816d;opacity:.22;stroke:#5f594b;stroke-width:1px}.place-large{fill:#403b30;letter-spacing:.18em;font:800 19px Arial,sans-serif}.ridge>path:first-child{fill:#7a7b63;opacity:.45}.ridge>path:not(:first-child){fill:none;stroke:#565748;stroke-width:1px;opacity:.5}.ridge-label{fill:#464338;letter-spacing:.12em;font-size:10px;font-weight:800}.tactical-rail path{stroke-width:2px;opacity:.65}.bridge-detail>path{fill:none;stroke:#292925;stroke-width:5px}.bridge-detail rect{fill:#47463e;stroke:#e2dac5;stroke-width:2px}.bridge-detail text{fill:#2b2a24;letter-spacing:.12em;font-size:10px;font-weight:900}.tunnel path:first-child{fill:#484940;opacity:.82}.tunnel path:nth-child(2){fill:none;stroke:#c4baa0;stroke-width:13px}.tunnel text{fill:#423e33;letter-spacing:.1em;font-size:9px;font-weight:900}.explosion-site circle{fill:none;stroke:var(--red);stroke-width:2px;stroke-dasharray:4 3}.explosion-site path{fill:var(--red);opacity:.75}.explosion-site text{fill:var(--red-dark);letter-spacing:.08em;font-size:9px;font-weight:800}.assault-route path{fill:none;stroke:var(--blue);stroke-width:6px}.assault-route text{fill:var(--blue);letter-spacing:.09em;font-size:9px;font-weight:900}.engineer-route path{fill:none;stroke:#af7b2d;stroke-width:4px;stroke-dasharray:4 5}.engineer-route text{fill:#75531f;letter-spacing:.08em;font-size:9px;font-weight:900}.fire-positions circle{fill:var(--blue);stroke:#e6dfcf;stroke-width:2px}.fire-positions.american text{fill:#e8e3d7;font-size:10px;font-weight:900}.fire-positions.american>text:not(:nth-of-type(-n+2)){fill:var(--blue)}.fire-positions path{fill:none;stroke:var(--blue);stroke-width:2px;stroke-dasharray:5 5}.fire-positions.german path:first-child{fill:var(--red)}.fire-positions.german path:last-of-type{fill:none;stroke:var(--red)}.fire-positions.german text{fill:var(--red-dark);font-size:9px;font-weight:900}.high-ground path{fill:none;stroke:var(--blue);stroke-width:3px;stroke-dasharray:8 6}.high-ground text{fill:var(--blue);letter-spacing:.09em;font-size:9px;font-weight:900}.legend-card rect{fill:#f0eadaeb;stroke:#776f5c}.legend-card text{fill:#474337;font-size:9px}.legend-blue{fill:var(--blue)}.legend-red{fill:var(--red)}.legend-route{stroke:var(--blue);stroke-width:3px}.quote-break{text-align:center;color:#fff;background-color:#0000;background-image:linear-gradient(#10110ec2,#10110ee0),url(/images/bridge-tunnel.jpg);background-position:0 0,50% 42%;background-repeat:repeat,repeat;background-size:auto,cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-content:center;min-height:380px;padding:90px 24px;display:grid}.quote-break p{color:#e5d4ae;margin:0;font:italic 400 clamp(44px,7vw,90px)/1 Georgia,serif}.quote-break span{letter-spacing:.2em;color:#c3bdb0;margin-top:24px;font-size:9px}.placeholder-section{text-align:center;background:var(--paper-light);place-content:center;min-height:470px;padding:110px 24px;display:grid}.placeholder-section h2{letter-spacing:-.04em;margin:0;font:400 clamp(38px,5vw,68px)/1.04 Georgia,serif}.placeholder-section>p:last-child{color:#706b5f;font:16px Georgia,serif}.section-heading.light h2 em{color:var(--red);font-weight:400}.section-heading.light>p{color:#696559}.chronology-section{background:var(--paper-light);padding:clamp(80px,10vw,145px) clamp(22px,6vw,100px)}.chronology-grid{border-top:1px solid var(--line);max-width:1380px;margin:75px auto 0}.chronology-event{border-bottom:1px solid var(--line);grid-template-columns:80px 150px minmax(0,1fr);align-items:start;min-height:150px;padding:32px 0;transition:background .25s,padding .25s;display:grid}.chronology-event:hover{background:#aa9a7714;padding-left:20px}.event-index{color:#b7ac96;font:16px Georgia,serif}.event-date b,.event-date span{display:block}.event-date b{color:var(--red);letter-spacing:.12em;font-size:11px}.event-date span{color:#827b6b;letter-spacing:.12em;margin-top:7px;font-size:8px}.event-copy{grid-template-columns:minmax(210px,.8fr) minmax(280px,1.5fr);gap:50px;display:grid}.event-copy h3{margin:0;font:400 clamp(22px,2.1vw,30px)/1.1 Georgia,serif}.event-copy p{color:#625f55;max-width:650px;margin:0;font:14px/1.7 Georgia,serif}.bridge-section{color:#eee8da;background:#1b1c18;padding:clamp(80px,10vw,145px) clamp(22px,5vw,82px);overflow:hidden}.bridge-anatomy{border:1px solid #ffffff1f;grid-template-columns:minmax(0,2.2fr) minmax(300px,.75fr);max-width:1380px;margin:65px auto 0;display:grid}.bridge-drawing{background:#cfc6b0;min-width:0}.bridge-drawing svg{width:100%;height:100%;min-height:460px;display:block}.anatomy-sky{fill:#d8d0bc}.anatomy-hill{fill:#6f7366;opacity:.48}.anatomy-water{fill:#8ea0a6;opacity:.75}.anatomy-bank{fill:#615d50}.bridge-drawing .part{opacity:.42;transition:opacity .25s,filter .25s}.bridge-drawing .part.arch path{fill:none;stroke:#33332e;stroke-width:9px}.bridge-drawing .part.towers path{fill:#494941;stroke:#2d2d29;stroke-width:2px}.bridge-drawing .part.towers path:nth-last-child(-n+4){fill:#bbb19a}.bridge-drawing .part.rails path{fill:none;stroke:#30312d;stroke-width:5px}.bridge-drawing .part.rails path:last-child{stroke-width:2px}.bridge-drawing .part.tunnel path:first-child{fill:#56584e}.bridge-drawing .part.tunnel path:last-child{fill:none;stroke:#d0c5ad;stroke-width:17px}.bridge-drawing .part.charges circle{fill:none;stroke:var(--red);stroke-width:4px;stroke-dasharray:5 4}.bridge-drawing .part.charges path:nth-child(2){fill:var(--red)}.bridge-drawing .part.charges path:last-child{fill:none;stroke:var(--red);stroke-width:2px;stroke-dasharray:5 5}.bridge-drawing.focus-arch .part.arch,.bridge-drawing.focus-towers .part.towers,.bridge-drawing.focus-rails .part.rails,.bridge-drawing.focus-tunnel .part.tunnel,.bridge-drawing.focus-charges .part.charges{opacity:1;filter:drop-shadow(0 4px 4px #0003)}.bridge-drawing.focus-arch .part.arch path,.bridge-drawing.focus-rails .part.rails path{stroke:var(--red-dark)}.bridge-drawing.focus-towers .part.towers path{stroke:#b67d39}.bridge-drawing.focus-tunnel .part.tunnel path:last-child{stroke:#b77d3a}.anatomy-labels path{fill:none;stroke:#574f40;stroke-width:1px}.anatomy-labels text,.bank-name{fill:#443f34;letter-spacing:.1em;font-size:9px;font-weight:800}.dimension path{fill:none;stroke:#615b4c;stroke-width:1px}.dimension text{fill:#5d574a;letter-spacing:.12em;font-size:8px}.bridge-detail-panel{color:#eee8da;background:#252620;flex-direction:column;justify-content:center;padding:clamp(32px,4vw,58px);display:flex}.bridge-detail-panel>span{color:#af8951;text-transform:uppercase;letter-spacing:.18em;font-size:9px;font-weight:800}.bridge-detail-panel>strong{color:#d6bd89;margin:13px 0 27px;font:400 clamp(52px,5vw,78px)/1 Georgia,serif}.bridge-detail-panel h3{margin:0 0 18px;font:400 27px/1.1 Georgia,serif}.bridge-detail-panel p{color:#aaa496;margin:0;font:14px/1.75 Georgia,serif}.bridge-part-tabs{border:1px solid #ffffff1f;border-top:0;grid-template-columns:repeat(5,1fr);max-width:1380px;margin:auto;display:grid}.bridge-part-tabs button{color:#88877e;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:#11120f;border:0;border-right:1px solid #ffffff1f;padding:19px 13px;font-size:8px}.bridge-part-tabs button:last-child{border-right:0}.bridge-part-tabs button span{color:#66675f;text-transform:none;margin-bottom:6px;font:21px Georgia,serif;display:block}.bridge-part-tabs button.active{color:#eee6d4;box-shadow:inset 0 -3px var(--red);background:#31322c}.bridge-part-tabs button.active span{color:#d8bb82}.assault-photo-section{background:#0f100e}.assault-photo-section figure{grid-template-columns:minmax(0,1.8fr) minmax(340px,.8fr);min-height:720px;margin:0;display:grid}.assault-photo-section img{object-fit:cover;object-position:center;filter:grayscale()contrast(1.08);width:100%;height:720px}.assault-photo-section figcaption{color:#eee8da;background:#131410;flex-direction:column;justify-content:center;padding:clamp(46px,7vw,100px);display:flex}.assault-photo-section figcaption span{color:#b9925a;letter-spacing:.18em;font-size:9px;font-weight:800}.assault-photo-section figcaption b{margin:24px 0;font:400 clamp(35px,4vw,58px)/1 Georgia,serif}.assault-photo-section figcaption p{color:#ada89c;margin:0;font:16px/1.75 Georgia,serif}.assault-photo-section figcaption small{color:#66675f;letter-spacing:.05em;margin-top:50px;font-size:8px}.attack-section{color:#eee8da;background:#22231e;padding:clamp(80px,10vw,145px) clamp(22px,5vw,82px)}.attack-console{background:#10110f;border:1px solid #ffffff1f;grid-template-columns:1.1fr .9fr;max-width:1380px;min-height:620px;margin:65px auto 0;display:grid}.attack-radar{background:radial-gradient(circle,#7f967821,#0000 59%),linear-gradient(#ffffff06 1px,#0000 1px) 0 0/35px 35px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/35px 35px;min-height:620px;position:relative;overflow:hidden}.radar-ring{border:1px solid #a7b89a40;border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.radar-ring.r1{width:180px;height:180px}.radar-ring.r2{width:350px;height:350px}.radar-ring.r3{width:540px;height:540px}.radar-cross{background:#a7b89a2b;position:absolute}.radar-cross.horizontal{width:100%;height:1px;top:50%}.radar-cross.vertical{width:1px;height:100%;left:50%}.radar-bridge{color:#e6d6b1;background:var(--red-dark);letter-spacing:.12em;place-items:center;width:110px;height:21px;font-size:8px;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 28px #ad3c3080}.threat{border:2px solid #d0b56e;border-radius:50%;width:12px;height:12px;transition:left .45s,top .45s;position:absolute}.threat span{border:1px solid #d0b56e80;border-radius:50%;animation:2s infinite pulse;position:absolute;inset:-12px}.threat-air{top:21%;left:71%}.threat-artillery{top:67%;left:23%}.threat-rockets{top:18%;left:15%}.threat-swimmers{top:72%;left:55%}.attack-info{align-self:center;padding:clamp(42px,6vw,82px)}.attack-info>p:first-child{color:#9f8257;letter-spacing:.18em;font-size:8px;font-weight:800}.attack-number{color:#d2b67e;margin:24px 0;font:400 clamp(70px,8vw,118px)/.8 Georgia,serif}.attack-number small{text-transform:uppercase;letter-spacing:.15em;color:#857e6d;margin-top:20px;font:700 9px Arial,sans-serif;display:block}.attack-info h3{margin:40px 0 18px;font:400 clamp(27px,3vw,42px)/1.05 Georgia,serif}.attack-description{color:#aaa598;font:15px/1.72 Georgia,serif}.attack-info blockquote{border-left:2px solid var(--red);color:#77776f;margin:30px 0 0;padding:17px 0 0 23px;font:italic 13px/1.65 Georgia,serif}.attack-tabs{border:1px solid #ffffff1f;border-top:0;grid-template-columns:repeat(4,1fr);max-width:1380px;margin:auto;display:grid}.attack-tabs button{color:#6e6f68;cursor:pointer;text-transform:uppercase;background:#161713;border:0;border-right:1px solid #ffffff1a;align-items:center;gap:13px;padding:22px;display:flex}.attack-tabs button:last-child{border-right:0}.attack-tabs button span{font:18px Georgia,serif}.attack-tabs button b{letter-spacing:.15em;font-size:9px}.attack-tabs button.active{color:#eee7d8;box-shadow:inset 0 -3px var(--red);background:#30312b}.attack-tabs button.active span{color:#d2b477}.engineers-section{background:#dcd3bd;grid-template-columns:1fr 1fr;min-height:760px;display:grid}.engineers-image{background:#1b1c18;min-width:0;position:relative}.engineers-image img{object-fit:cover;filter:grayscale()sepia(.16)contrast(1.06);width:100%;height:100%;min-height:760px}.engineers-image:after{content:"";background:linear-gradient(#0000 55%,#0b0c0ab3);position:absolute;inset:0}.engineers-image>p{z-index:2;color:#eee7d8;letter-spacing:.1em;margin:0;font-size:8px;position:absolute;bottom:26px;left:38px}.engineers-copy{align-self:center;padding:clamp(55px,8vw,120px)}.engineers-copy h2{letter-spacing:-.05em;margin:0;font:400 clamp(48px,5.7vw,80px)/.93 Georgia,serif}.engineers-copy .lead{color:#4f4c43;margin:34px 0 40px;font:17px/1.7 Georgia,serif}.engineer-cards{background:#29261f33;border:1px solid #29261f33;grid-template-columns:1fr 1fr;gap:1px;display:grid}.engineer-cards article{background:#e8e0cd;padding:25px}.engineer-cards span{color:var(--red);letter-spacing:.12em;font-size:8px;font-weight:800}.engineer-cards h3{margin:13px 0 9px;font:400 20px Georgia,serif}.engineer-cards p{color:#686257;margin:0;font:13px/1.55 Georgia,serif}.engineer-loss{border-top:1px solid #29261f40;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:10px;margin-top:30px;padding-top:24px;display:grid}.engineer-loss strong{color:var(--red-dark);font:39px Georgia,serif}.engineer-loss span{color:#625d52;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.forces-section{background:var(--paper-light);padding:clamp(80px,10vw,145px) clamp(22px,6vw,100px)}.forces-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:1380px;margin:70px auto 0;display:grid}.force{border:1px solid var(--line)}.force header{color:#eee8d8;align-items:center;gap:22px;min-height:130px;padding:30px 35px;display:flex}.allied-force header{background:#273f4e}.german-force header{background:#70312b}.force header>span{border:1px solid #ffffff59;border-radius:50%;place-items:center;width:48px;height:48px;font-size:19px;display:grid}.force header small{letter-spacing:.19em;color:#ffffffa1;font-size:8px}.force header h3{margin:7px 0 0;font:400 28px Georgia,serif}.force dl{margin:0;padding:14px 34px 27px}.force dl>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(140px,.75fr) minmax(0,1.25fr);gap:25px;padding:20px 0;display:grid}.force dl>div:last-child{border-bottom:0}.force dt{color:#292821;letter-spacing:.06em;font-size:10px;font-weight:800}.force dd{color:#635f54;margin:0;font:13px/1.55 Georgia,serif}.archive-section{color:#eee8da;background:#151612;padding:clamp(80px,10vw,145px) clamp(22px,5vw,82px)}.archive-heading{max-width:1380px;margin:0 auto 60px}.archive-heading h2{letter-spacing:-.05em;margin:0;font:400 clamp(48px,6vw,82px)/.93 Georgia,serif}.photo-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:1380px;margin:auto;display:grid}.photo-grid figure{background:#262722;min-height:460px;margin:0;position:relative;overflow:hidden}.photo-grid figure.photo-wide{grid-column:span 2;min-height:620px}.photo-grid img{object-fit:cover;filter:grayscale()sepia(.1)contrast(1.08);width:100%;height:100%;transition:transform .7s,filter .5s;position:absolute;inset:0}.photo-grid figure:hover img{filter:grayscale(.25)sepia(.2)contrast(1.04);transform:scale(1.035)}.photo-grid figure:after{content:"";background:linear-gradient(#0000 45%,#080907e6);position:absolute;inset:0}.photo-grid figcaption{z-index:2;grid-template-columns:auto 1fr auto;align-items:end;gap:18px;display:grid;position:absolute;bottom:27px;left:30px;right:30px}.photo-grid figcaption b{color:#d2b47b;font:30px Georgia,serif}.photo-grid figcaption span{padding-bottom:3px;font:17px Georgia,serif}.photo-grid figcaption small{color:#888880;letter-spacing:.07em;padding-bottom:4px;font-size:8px}.outcome-section{color:#fff;background:url(/images/bridge-before-collapse.jpg) 50%/cover;align-items:center;min-height:760px;padding:clamp(80px,10vw,150px) clamp(24px,9vw,140px);display:flex;position:relative}.outcome-overlay{background:linear-gradient(90deg,#0a0b09f5,#0a0b09c2 55%,#0a0b0933),linear-gradient(#0000 40%,#080907a6);position:absolute;inset:0}.outcome-content{max-width:920px;position:relative}.outcome-content h2{letter-spacing:-.055em;margin:0;font:400 clamp(55px,7.2vw,100px)/.88 Georgia,serif}.outcome-content h2 em{color:#d6bd87;font-weight:400}.outcome-content>p:not(.section-number){color:#d0cbc0;max-width:710px;margin:35px 0 50px;font:18px/1.7 Georgia,serif}.outcome-stats{background:#ffffff2e;border:1px solid #ffffff2e;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.outcome-stats div{background:#0d0e0cb8;padding:24px}.outcome-stats strong,.outcome-stats span{display:block}.outcome-stats strong{color:#ddc28b;font:38px Georgia,serif}.outcome-stats span{color:#aaa59a;text-transform:uppercase;letter-spacing:.08em;margin-top:9px;font-size:8px;line-height:1.45}.sources-section{background:#d9d0bb;grid-template-columns:1fr 1.2fr;gap:90px;padding:clamp(70px,9vw,130px) clamp(22px,7vw,110px);display:grid}.sources-section h2{letter-spacing:-.04em;margin:0;font:400 clamp(39px,4.4vw,62px)/.98 Georgia,serif}.sources-copy>p{color:#59564c;margin:0 0 35px;font:15px/1.7 Georgia,serif}.sources-copy ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.sources-copy li{border-bottom:1px solid var(--line)}.sources-copy a{color:#39372f;letter-spacing:.04em;justify-content:space-between;padding:16px 0;font-size:10px;font-weight:700;text-decoration:none;display:flex}.sources-copy a:after{content:"↗";color:var(--red)}.sources-copy a:hover{color:var(--red-dark)}footer{color:#d4cfc3;background:#10110e;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:30px;min-height:150px;padding:38px clamp(24px,5vw,82px);display:flex}.footer-brand{color:#fff}footer p,footer>a:last-child{letter-spacing:.12em;text-transform:uppercase;font-size:8px}footer>a:last-child{color:#ba9b67;text-decoration:none}@keyframes pulse{50%{opacity:.5}}@keyframes reveal{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1.025)}}@media (width<=980px){.site-header nav{gap:16px}.site-header nav a{font-size:0}.site-header nav svg{width:20px;height:20px}.hero{height:800px;min-height:100svh}.hero-content{width:75vw}.hero-facts{left:8vw;right:auto}.context-strip{grid-template-columns:1fr 2fr}.coordinates{display:none}.map-shell{grid-template-columns:1fr}.phase-panel{min-height:auto}.battle-map{min-height:610px}.phase-metric{margin-top:20px}.event-copy{grid-template-columns:1fr;gap:10px}.bridge-anatomy{grid-template-columns:1fr}.bridge-detail-panel{min-height:330px}.assault-photo-section figure{grid-template-columns:1fr}.assault-photo-section img{height:580px}.attack-console{grid-template-columns:1fr}.attack-radar{min-height:580px}.engineers-section{grid-template-columns:1fr}.engineers-image img{height:580px;min-height:580px}.forces-grid{grid-template-columns:1fr}.sources-section{grid-template-columns:1fr;gap:45px}}@media (width<=700px){.site-header{height:64px}.brand b{font-size:9px}.brand small{font-size:7px}.hero{height:760px}.hero-image{background-position:61%}.hero-shade{background:linear-gradient(90deg,#090a08f0,#090a088c),linear-gradient(#0000 35%,#080907e0)}.hero-content{width:calc(100vw - 48px);top:43%;left:24px}.hero h1{font-size:clamp(58px,20vw,86px)}.hero-deck{margin-top:25px;font-size:17px}.primary-cta{width:100%;min-width:0}.hero-facts{justify-content:space-between;gap:8px;bottom:55px;left:24px;right:24px}.hero-facts strong{font-size:29px}.hero-facts span{font-size:6px}.photo-credit{bottom:18px}.context-strip{padding:0 24px;display:block}.context-strip>*{padding:27px 0}.context-strip>*+*{border-left:0;border-top:1px solid var(--line)}.section-heading{display:block}.section-heading>p{margin-top:28px}.map-mode-switch{width:100%}.map-mode-switch button{flex:1;padding-inline:8px}.map-viewport{overflow-x:auto}.battle-map{width:780px;max-width:none;min-height:620px}.phase-timeline{grid-template-columns:repeat(3,1fr)}.phase-timeline button:nth-child(3){border-right:0}.phase-timeline button:nth-child(-n+3){border-bottom:1px solid #ffffff1c}.quote-break{background-attachment:scroll}.chronology-event{grid-template-columns:44px 92px minmax(0,1fr);gap:5px;padding:26px 0}.chronology-event:hover{padding-left:0}.event-copy{gap:9px}.event-copy h3{font-size:20px}.event-copy p{font-size:12px}.bridge-drawing{overflow-x:auto}.bridge-drawing svg{width:760px;max-width:none}.bridge-detail-panel{min-height:360px}.bridge-part-tabs{grid-template-columns:repeat(5,150px);overflow-x:auto}.assault-photo-section img{height:420px}.assault-photo-section figcaption{padding:45px 26px}.attack-radar{min-height:430px}.radar-ring.r3{width:410px;height:410px}.radar-ring.r2{width:270px;height:270px}.radar-ring.r1{width:135px;height:135px}.attack-tabs button{gap:7px;padding:17px 10px}.attack-tabs button span{font-size:14px}.attack-tabs button b{font-size:7px}.engineers-copy{padding:65px 24px}.engineer-cards{grid-template-columns:1fr}.engineer-loss{grid-template-columns:auto 1fr}.force header{padding:26px 22px}.force dl{padding:12px 22px 24px}.force dl>div{grid-template-columns:1fr;gap:8px}.photo-grid{grid-template-columns:1fr}.photo-grid figure,.photo-grid figure.photo-wide{grid-column:span 1;min-height:420px}.photo-grid figcaption{grid-template-columns:auto 1fr;left:20px;right:20px}.photo-grid figcaption small{display:none}.outcome-section{align-items:flex-end;min-height:850px}.outcome-stats{grid-template-columns:1fr}.outcome-stats div{grid-template-columns:110px 1fr;align-items:center;display:grid}.outcome-stats span{margin-top:0}.sources-copy a{gap:20px;line-height:1.5}footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}*,:before,:after{transition-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}