@font-face{font-family:Anton;src:url('/storyhub/ush9/theodore-roosevelt/assets/anton.woff2') format('woff2');font-display:swap}
:root{--ink:#070909;--paper:#f3f0e9;--muted:#c3c6c0;--amber:#d9ac72;--display:Anton,Impact,'Arial Narrow',sans-serif;--body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);overflow-x:hidden}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:5px}::selection{background:#d9ac72;color:#070909}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;background:var(--paper);color:var(--ink);padding:16px}.skip-link:focus{top:15px}
.toolbar{position:fixed;top:0;left:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 3.5vw;background:linear-gradient(#060808e8,#06080870,transparent);font-size:13px;letter-spacing:.025em}.brand{text-decoration:none;font-family:var(--display);font-size:25px;display:flex;align-items:center;gap:16px}.brand span{font-family:var(--body);font-weight:700;font-size:10px;letter-spacing:.14em}.controls{display:flex;align-items:center;gap:22px}.controls button{padding:8px 0;font-size:12px;font-weight:700;white-space:nowrap}.controls button span{color:var(--amber)}select{max-width:145px;border:0;background:#0b0d0d;border-bottom:1px solid #70716b;padding:7px 4px;font-size:12px;cursor:pointer}.reading-progress{position:absolute;left:0;top:0;width:100%;height:2px;background:var(--amber);transform:scaleX(0);transform-origin:0 0}
#atmosphere{position:fixed;inset:0;z-index:2;pointer-events:none;width:100%;height:100%;opacity:.9}.opening{height:230svh;position:relative;background:#000}.opening-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#000}.opening-film-wrap{position:absolute;inset:0;opacity:0;transform:scale(1.035);will-change:opacity,transform}.opening-film-wrap video{width:100%;height:100%;object-fit:contain;filter:grayscale(1) contrast(1.15) brightness(.85)}.film-mask{position:absolute;inset:0;background:linear-gradient(90deg,#000b,transparent 65%),linear-gradient(0deg,#000 0%,transparent 45%,#0003 90%)}.opening-title{position:absolute;left:7vw;bottom:20svh;z-index:3;will-change:transform;pointer-events:none}.lifespan,.date{font-size:14px;line-height:1.5;text-transform:uppercase;font-weight:700;letter-spacing:.14em;color:var(--amber)}.lifespan{margin:0 0 22px}h1,h2,blockquote,.casualty-number,.acreage strong{font-family:var(--display);font-weight:400}h1{font-size:clamp(76px,10.8vw,180px);line-height:.94;letter-spacing:-.025em;margin:0;max-width:80vw;text-shadow:0 2px 35px #0004}.opening-bottom{position:absolute;left:7vw;right:4vw;bottom:5svh;z-index:3;display:flex;justify-content:space-between;align-items:end;gap:24px}.begin{font-size:13px;font-weight:700;text-decoration:none;letter-spacing:.05em}.begin span{font-size:20px;margin-left:16px}.opening-bottom>div{display:flex;align-items:center;gap:22px}.opening-bottom button{font-size:12px;font-weight:700}.film-source{color:#c6c4bd;text-align:right}
.scene{position:relative;isolation:isolate;--accent:var(--amber)}.scene-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#070909;z-index:0}.art{position:absolute;inset:0;overflow:hidden;transform:scale(1.025);will-change:transform}.scene-image{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.07)}.portrait{position:absolute;right:0;top:0;width:64%;object-fit:contain;object-position:80% center}.child{padding:4svh 3vw 0 0;filter:grayscale(.6) contrast(1.08)}.training{opacity:.75;object-position:85% center}.ranchman{object-position:85% center;filter:sepia(.22) grayscale(.7)}.wide{position:absolute;right:0;top:0;width:100%;object-position:center}.riders{width:110%;max-width:none;object-fit:cover;object-position:38% 50%}.rondon{object-position:62% center}.boat{object-position:60% center}.president{filter:grayscale(1) contrast(1.15);object-position:75% center}.image-shade{position:absolute;inset:0;background:linear-gradient(90deg,#070909 0%,#070909ed 24%,#070909b8 42%,#07090915 67%,#07090910),linear-gradient(0deg,#070909 0%,transparent 25%,transparent 80%,#07090955)}.story{position:relative;margin-top:-100svh;padding:21svh 0 35svh 7vw;min-height:180svh;width:49%;max-width:710px;z-index:3}.date{margin:0 0 25px;max-width:450px;font-size:12px;letter-spacing:.1em}.date>span{margin-right:18px;color:#7e847e}h2{font-size:clamp(54px,6.3vw,105px);line-height:1.015;letter-spacing:-.018em;margin:0 0 38px;text-wrap:balance}.narrative{font-size:clamp(19px,1.6vw,24px);line-height:1.6;color:#e7e8e3;margin:0 0 30px;max-width:470px}.narrative:last-of-type{margin-bottom:42px}blockquote{margin:38px 0 34px;font-size:clamp(28px,3.1vw,50px);line-height:1.22;color:var(--paper);max-width:500px}blockquote cite{font:700 12px/1.5 var(--body);letter-spacing:.035em;color:var(--amber);display:block;margin-top:18px}.citations{max-width:490px;border-top:1px solid #ffffff26;padding-top:18px;display:flex;flex-direction:column;gap:16px}.citation{font-family:var(--display);font-size:16px;line-height:1.45;text-align:left;padding:0;color:#d3c1a8;text-decoration:none}.citation span{display:block;font-family:var(--body);font-size:9px;letter-spacing:.16em;margin-bottom:5px;color:#a4aaa1;font-weight:700}.citation:hover,.media-credit:hover{color:#fff}.media-credit{position:absolute;bottom:4svh;right:3.5vw;color:#d4d4cd;font-size:12px;font-weight:700;line-height:1.6;text-align:right;z-index:1;max-width:43%;padding:6px 8px;background:#06090975;text-shadow:0 1px 3px #000}.media-credit span{color:var(--amber)}.scene-haze{position:absolute;inset:-10%;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 85% 75%,#b6905c20,transparent 50%),radial-gradient(ellipse at 85% 15%,#b0b5a511,transparent 45%)}.war .scene-haze,.battle .scene-haze{opacity:.7}.west .scene-stage{background:#17160f}.west .image-shade{background:linear-gradient(90deg,#11130f 5%,#11130fe8 25%,#11130fb0 43%,transparent 75%),linear-gradient(0deg,#070909,transparent 25%)}
.transport-diagram{position:absolute;right:4vw;top:30%;width:51%;display:grid;grid-template-columns:1fr .9fr 1fr;gap:15px;color:var(--paper);font-family:var(--display);text-align:center}.port small{font:700 10px var(--body);letter-spacing:.15em;color:#8d9c96;display:block;margin-bottom:15px}.port strong{font-size:clamp(22px,3vw,45px);font-weight:400}.stays,.arrives{font-size:clamp(18px,2vw,28px);line-height:1.2;margin-top:28px;padding-top:20px;border-top:1px solid #747a69}.stays{color:#cbb08c}.stays span,.arrives span{font:14px var(--body);display:block;color:#c4c9c1;margin-top:10px}.crossing{align-self:center}.crossing>span{color:var(--amber);font-size:19px;display:block}.sea-line{height:1px;background:linear-gradient(90deg,#777e72,#d9ac72);margin:12px 0}.crossing small{font:12px var(--body);color:#9aa79d}.transport-diagram>p{grid-column:1/-1;font:14px/1.6 var(--body);margin:25px 0 0;color:#b7bdb2}.transport .image-shade{background:linear-gradient(90deg,#070909 0%,#070909ef 34%,transparent 58%),linear-gradient(0deg,#070909,transparent 30%)}
.hill-note{border-top:1px solid #958267;border-bottom:1px solid #958267;padding:20px 0;margin:10px 0 40px;max-width:470px;display:flex;flex-wrap:wrap;gap:15px 32px}.hill-note>span{font-family:var(--display);font-size:23px;color:var(--amber)}.hill-note p{font-size:14px;line-height:1.6;color:#d1d5cc;margin:0;width:100%}.casualty-number{display:block;font-size:clamp(110px,12vw,190px);line-height:1.1;margin-top:70px}.casualty-label{font-family:var(--display);font-weight:400;display:block;font-size:30px;line-height:1.3}.tally-credit{font-size:13px;line-height:1.5;display:block;color:var(--amber);margin:10px 0 26px}.long-scene .story{min-height:245svh}.battle .scene-image{filter:grayscale(1) contrast(1.1) brightness(.73)}.timeline{display:flex;gap:25px;max-width:440px;margin:35px 0;border-top:1px solid var(--amber);padding-top:20px}.timeline>span{font-family:var(--display);font-size:26px;flex:1}.timeline small{display:block;font:12px/1.5 var(--body);color:#b3bdb2;margin-top:8px}
.document{position:absolute;right:3vw;top:14%;width:48%;height:75%;object-fit:contain;filter:grayscale(.4)}.bear .image-shade{background:linear-gradient(90deg,#070909 0%,#070909ed 35%,transparent 56%),linear-gradient(0deg,#070909,transparent 20%)}.river,.illness{--accent:#a0b5a5}.river .date,.illness .date,.river blockquote cite,.illness blockquote cite{color:#a7bfae}.river .image-shade,.illness .image-shade{background:linear-gradient(90deg,#040b08 3%,#040b08ee 26%,#040b08ad 45%,#03150a2e 77%),radial-gradient(ellipse at 72% 50%,transparent 20%,#030704bb 85%)}.river .scene-image,.illness .scene-image{filter:grayscale(1) sepia(.12) contrast(1.12) brightness(.78)}.illness .scene-haze{opacity:.5;background:radial-gradient(ellipse at 75% 25%,#59786a18,transparent 45%)}
.stereo-frame{position:absolute;right:0;top:0;width:64%;height:100%;overflow:hidden}.stereo-frame .muir{height:100%;width:210%;max-width:none;object-fit:cover;object-position:left center}.canyon-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s;filter:brightness(.65)}.conservation.color-release .canyon-film{opacity:1}.conservation .image-shade{background:linear-gradient(90deg,#05110be8 0%,#05110be8 25%,#05110ba6 45%,#03120820 80%),linear-gradient(0deg,#070909,transparent 30%)}.acreage{margin:30px 0 42px}.acreage strong{font-size:clamp(88px,10vw,160px);line-height:1}.acreage strong span{font-size:28px;display:block;margin-top:8px}.acreage p{font-size:13px;color:#b7c2b4;line-height:1.6;margin-top:15px}.land-types{display:flex;flex-wrap:wrap;gap:12px 20px;border-top:1px solid #c5d0b64a;padding:25px 0;margin-bottom:30px;max-width:480px}.land-types>span{font-family:var(--display);font-size:19px;line-height:1.4;color:#cdd6c1}.land-types b{color:#f2eadb;font-size:24px}
.ending{min-height:100svh;position:relative;isolation:isolate;padding:19svh 8vw 17svh}.ending-landscape{position:absolute;inset:0;z-index:-1}.ending-landscape video{width:100%;height:100%;object-fit:cover}.ending-landscape>div{position:absolute;inset:0;background:linear-gradient(90deg,#040c08f2,#040c08bd 55%,#040c0840),linear-gradient(0deg,#070909,transparent 50%)}.ending-content{max-width:700px}.ending h2{font-size:clamp(60px,7.5vw,118px);margin-top:25px}.ending p:not(.date){font-size:22px;line-height:1.55;max-width:580px}.ending p.assignment{font-size:17px;color:#cdd4c5;margin:30px 0}.ending .citation{font-size:14px}.return-link{display:block;margin-top:45px;font-size:13px;text-decoration:none;color:#c7ccb9;font-weight:700}footer{padding:30px 4vw;display:flex;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:.07em;color:#9daba0;line-height:1.5}footer button{font-size:12px;color:#c4cdbd}
dialog{position:fixed;inset:0;max-width:800px;width:calc(100% - 40px);max-height:86svh;background:#121713;color:#e9eee5;border:1px solid #656d5e;padding:0;box-shadow:0 10px 100px #000c;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-heading{position:sticky;top:0;display:flex;justify-content:space-between;align-items:start;gap:30px;padding:26px 32px 20px;background:#121713;z-index:1;border-bottom:1px solid #ffffff22}.dialog-heading h2{font-size:40px;margin:0}.dialog-heading button{font-size:14px;padding:8px 0}#source-content{padding:5px 32px 30px}#source-content article{padding:24px 0;border-bottom:1px solid #ffffff22}#source-content article:last-child{border:0}.source-type{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);font-weight:700}#source-content h3{font-family:var(--display);font-size:25px;line-height:1.3;font-weight:400;margin:12px 0}#source-content article>p:not(.source-type){font-size:16px;line-height:1.7;color:#ccd5c5}#source-content a{font-weight:700;font-size:14px;color:var(--amber);line-height:1.6}body.modal-open{overflow:hidden}.effects-off #atmosphere{display:none}.effects-off .scene-haze{opacity:0}.effects-off .art{transform:none!important}.effects-off .opening-film-wrap{transform:none!important}.effects-off .canyon-film{transition:none}
.hill-note svg{width:100%;color:var(--amber);overflow:visible}.hill-note svg text{fill:currentColor;font:22px var(--display)}.media-credit{text-decoration:none}.boat{width:68%;object-position:50% center}.canyon-credit{display:none}.conservation.color-release .media-credit{display:none}.conservation.color-release .canyon-credit{display:block}.battle.quiet .scene-haze{opacity:0}.battle.quiet .scene-image{filter:grayscale(1) contrast(1.04) brightness(.93)}
@media(min-width:1800px){.story{width:44%;max-width:800px}.narrative{max-width:550px}.opening-title{bottom:18svh}}
@media(max-width:900px){.toolbar{padding:14px 20px}.brand span{display:none}.controls{gap:14px}.story{width:53%;padding-left:5vw}.narrative{font-size:19px}.portrait{width:65%;object-position:75% center}.opening-title{left:5vw}.opening-bottom{left:5vw}.media-credit{right:3vw}.transport-diagram{right:2vw;width:48%;gap:10px}.transport-diagram>p{font-size:12px}.document{right:1vw;width:48%}h2{font-size:clamp(48px,7vw,80px)}}
@media(max-width:640px){html{scroll-padding-top:58px}.toolbar{padding:12px 16px;gap:12px}.brand{font-size:23px}.controls{gap:10px}.controls button{font-size:10px}.controls button#sound{display:none}select{max-width:80px;font-size:10px;padding:5px 0}.opening{height:190svh}.opening-title{left:6vw;bottom:25svh}h1{font-size:clamp(61px,13vw,90px);max-width:94vw}.lifespan{font-size:12px;margin-bottom:17px}.opening-film-wrap video{object-fit:contain;transform:translateY(-12%)}.film-mask{background:linear-gradient(0deg,#000 0%,#0008 25%,transparent 75%)}.opening-bottom{left:6vw;right:5vw;bottom:5svh;align-items:start;flex-direction:column;gap:25px}.opening-bottom>div{width:100%;justify-content:space-between;gap:12px}.opening-bottom button,.begin{font-size:11px}.scene-stage{position:relative;height:63svh;min-height:400px}.story{margin-top:0;width:100%;max-width:none;padding:0 7vw 100px;min-height:0!important;background:linear-gradient(#070909,#070909);z-index:3}.scene{background:#070909}.art{transform:none!important}.portrait{width:100%;padding:35px 0 0;object-position:center}.child{object-position:center 30%}.wide{width:110%;object-position:45% center}.image-shade{background:linear-gradient(0deg,#070909,transparent 30%,transparent 75%,#07090960)!important}.media-credit{bottom:20px;right:6vw;max-width:90%;font-size:10px;background:#070909b3}.date{font-size:11px;max-width:100%;margin:0 0 22px}.date>span{margin-right:12px}h2{font-size:clamp(44px,10vw,65px);margin-bottom:30px;max-width:550px}.narrative{font-size:18px;line-height:1.65;max-width:100%;margin-bottom:25px}blockquote{font-size:31px;max-width:100%;margin:28px 0}blockquote cite{font-size:11px}.citations{max-width:100%;padding-top:20px}.citation{font-size:15px}.transport-diagram{width:90%;right:5%;top:25%;gap:18px}.port strong{font-size:30px}.stays,.arrives{font-size:22px}.transport-diagram>p{font-size:13px}.transport .scene-stage{height:65svh}.document{right:5vw;top:14%;width:90%;height:70%}.bear .scene-stage{height:70svh}.casualty-number{font-size:125px;margin-top:30px}.casualty-label{font-size:29px}.tally-credit{font-size:12px}.hill-note{margin:15px 0 30px}.rondon{object-position:57% center}.stereo-frame{width:100%}.stereo-frame .muir{width:215%}.canyon-film{transition:none}.conservation .story{background:#08130d}.conservation .scene-stage{height:65svh}.conservation .image-shade{background:linear-gradient(0deg,#08130d,transparent 30%)!important}.acreage strong{font-size:110px}.acreage strong span{font-size:28px}.land-types>span{font-size:18px}.ending{padding:100px 7vw;min-height:100svh}.ending h2{font-size:58px}.ending p:not(.date){font-size:20px}.ending p.assignment{font-size:16px}.ending .citation{font-size:13px}footer{flex-direction:column;padding:26px 7vw;gap:16px;align-items:start}.dialog-heading{padding:22px}.dialog-heading h2{font-size:34px}#source-content{padding:5px 22px 22px}#source-content h3{font-size:23px}.toolbar button#effects{min-width:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art,.opening-film-wrap{transform:none!important;will-change:auto}.canyon-film{transition:none}.scene-haze{display:none}#atmosphere{display:none}}

/* Finished opening film. Its composition owns all image grading and motion. */
.cinematic-opening .opening-film-wrap{opacity:1;transform:none;will-change:auto}
.cinematic-opening .opening-film-wrap video{object-fit:contain;filter:none;transform:none}
.opening-fallback{position:absolute;inset:0;display:none;background:#050606}
.opening-fallback img{width:100%;height:100%;object-fit:contain}
.effects-off .opening-fallback,.opening-ended .opening-fallback,.opening-error .opening-fallback{display:block}
.effects-off.opening-explicit:not(.opening-ended):not(.opening-error) .opening-fallback{display:none}
#play-opening{color:var(--paper);border-bottom:1px solid #9b7643;padding:6px 0;font-family:var(--display);letter-spacing:.045em;font-size:14px}
.start-experience{display:none;position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);min-width:min(360px,82vw);padding:20px 28px;border:1px solid #d9ac72;background:#070909e8;box-shadow:0 18px 80px #000d;text-align:left;flex-direction:column;gap:5px}.start-experience strong{font-family:var(--display);font-size:clamp(27px,3.3vw,46px);font-weight:400;letter-spacing:.02em}.start-experience span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}.autoplay-blocked .start-experience{display:flex}.autoplay-blocked .opening-film-wrap{opacity:.38}.autoplay-blocked .opening-bottom{opacity:.55}
.cinematic-opening .opening-bottom{bottom:3svh;left:5vw;right:4vw}
@media(max-width:640px){.controls{gap:8px}.controls button#sound{display:block}.controls button#effects{min-width:50px}.chapter-select select{max-width:60px}.cinematic-opening .opening-film-wrap video{transform:none}.cinematic-opening .opening-bottom{bottom:5svh;gap:16px}.cinematic-opening .opening-bottom>div{flex-wrap:wrap;gap:14px}#play-opening{font-size:13px}.cinematic-opening .opening-stage{height:100svh}}