@font-face{font-family:"Roboto Slab";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/roboto-slab-400.ttf") format("truetype")}
@font-face{font-family:"Roboto Slab";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/roboto-slab-700.ttf") format("truetype")}
@font-face{font-family:"Roboto Slab";font-style:normal;font-weight:900;font-display:swap;src:url("/assets/fonts/roboto-slab-900.ttf") format("truetype")}
:root{--display:"Roboto Slab",Georgia,serif}
body{overflow-x:hidden}
.header-actions{display:flex;align-items:center;gap:18px;min-width:0}
.site-header .global-nav{display:flex;align-items:center;gap:clamp(12px,1.5vw,24px);font-family:var(--sans);font-size:14px;font-weight:800}
.site-header .global-nav a{white-space:nowrap;text-decoration-thickness:1px;text-underline-offset:4px}
.site-header .global-nav .nav-button{white-space:nowrap}
.search-utility{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 0 7px 16px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--navy);font-family:var(--sans);font-size:13px;font-weight:800;cursor:pointer}
.search-mark{position:relative;width:16px;height:16px;border:2px solid currentColor;border-radius:50%}
.search-mark::after{content:"";position:absolute;width:7px;height:2px;right:-5px;bottom:-2px;background:currentColor;transform:rotate(45deg);transform-origin:left center}
.mobile-menu{display:none;position:relative;font-family:var(--sans)}
.mobile-menu summary{min-height:44px;display:flex;align-items:center;padding:8px 2px;font-weight:900;cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:4px}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{position:absolute;right:0;top:calc(100% + 8px);width:min(320px,calc(100vw - 28px));display:grid!important;gap:0!important;padding:10px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}
.mobile-menu nav a,.mobile-menu nav button{display:flex!important;align-items:center;justify-content:space-between;min-height:48px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--navy);font:800 15px/1.25 var(--sans);text-align:left;text-decoration:none;cursor:pointer}
.mobile-menu nav>*:last-child{border-bottom:0}
.mobile-menu .count{margin-left:12px}
.mobile-search{color:var(--red)!important}
.stop-nav a[aria-current="step"]{background:var(--cream);color:var(--navy)}
.opening{grid-template-columns:minmax(0,1.16fr) minmax(380px,.84fr);align-items:center;min-height:calc(100vh - 76px)}
.opening-copy{padding:clamp(58px,6vw,104px) clamp(28px,5vw,88px)}
.opening-copy h1,.opening-copy .guiding-question,.opening-copy .journey-how,.opening-copy .opening-actions,.opening-copy .choice-note{opacity:0;animation:opening-copy-arrives .6s both}
.opening-copy h1{animation-delay:.08s}.opening-copy .guiding-question{animation-delay:.16s}.opening-copy .journey-how{animation-delay:.24s}.opening-copy .opening-actions{animation-delay:.32s}.opening-copy .choice-note{animation-delay:.4s}
.journey-how{max-width:650px;margin:0 0 26px;padding-top:20px;border-top:1px solid rgba(20,43,59,.32);font-size:17px;line-height:1.5}
.opening-field-art{width:min(100%,680px);margin:clamp(34px,5vw,76px) clamp(28px,5vw,82px) clamp(34px,5vw,76px) 0;overflow:hidden;border:1px solid rgba(20,43,59,.25);background:#c59b5d;box-shadow:0 24px 58px rgba(20,43,59,.18);opacity:0;animation:opening-art-arrives .8s .12s both}
.opening-field-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.baseball-diamond{position:absolute;z-index:0;inset:6% 7% 5%;opacity:0;animation:diamond-arrives 1.4s both}
.baseball-diamond .outfield-arc{position:absolute;left:8%;right:8%;top:2%;height:73%;border:2px solid rgba(255,253,247,.64);border-bottom:0;border-radius:52% 52% 0 0}
.baseball-diamond .foul-line{position:absolute;bottom:13%;left:50%;width:2px;height:77%;background:rgba(255,255,255,.58);transform-origin:bottom center}
.baseball-diamond .foul-left{transform:rotate(-43deg)}.baseball-diamond .foul-right{transform:rotate(43deg)}
.baseball-diamond .infield{position:absolute;left:50%;bottom:10%;width:min(42%,390px);aspect-ratio:1;border:2px solid rgba(255,253,247,.82);background:rgba(214,176,113,.2);box-shadow:inset 0 0 60px rgba(133,85,41,.12);transform:translateX(-50%) rotate(45deg)}
.baseball-diamond .base{position:absolute;width:16px;height:16px;background:var(--cream);box-shadow:0 0 0 3px rgba(35,73,52,.48)}
.baseball-diamond .first{right:-9px;top:50%;transform:translateY(-50%)}.baseball-diamond .second{left:50%;top:-9px;transform:translateX(-50%)}.baseball-diamond .third{left:-9px;top:50%;transform:translateY(-50%)}
.baseball-diamond .home{left:50%;bottom:-11px;width:18px;height:18px;transform:translateX(-50%) rotate(-45deg);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%)}
.baseball-diamond .mound{position:absolute;left:50%;top:50%;width:30px;height:30px;border:2px solid rgba(255,253,247,.8);background:rgba(214,176,113,.44);border-radius:50%;transform:translate(-50%,-50%)}
.opening-artifact{position:absolute;z-index:1;right:7%;top:8%;width:175px;height:175px;object-fit:cover;object-position:50% 18%;border:8px solid var(--white);background:var(--white);box-shadow:0 18px 42px rgba(0,0,0,.24);transform:rotate(2deg);opacity:0;animation:artifact-arrives .7s 2.7s both}
.field-memory{z-index:2}.field-memory b{font-family:var(--sans);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.context-reveal{border-left:0;border-top:2px solid var(--red);border-bottom:1px solid var(--line)}
.look-back .section-number,.locate-copy .section-number,.go-deeper header .section-number,.about .section-number{display:none}
.listen-button span,.audio-button span{display:none}.listen-button::before,.audio-button::before{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}
.companion-strip a span,.newspaper-note a span{display:none}
.transition b{position:relative;font-size:0}.transition b::before,.transition b::after{content:"";position:absolute;background:currentColor}.transition b::before{width:2px;height:12px;left:15px;top:9px}.transition b::after{width:8px;height:8px;left:12px;top:12px;background:transparent;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.door-list b{position:relative;width:30px;height:30px;font-size:0}.door-list b::before{content:"";position:absolute;width:12px;height:12px;right:6px;top:6px;border-top:2px solid currentColor;border-right:2px solid currentColor}.door-list b::after{content:"";position:absolute;width:16px;height:2px;right:7px;top:14px;background:currentColor;transform:rotate(-45deg);transform-origin:right center}
.close-button{position:relative;width:42px;height:42px;font-size:0}.close-button::before,.close-button::after{content:"";position:absolute;left:9px;top:20px;width:24px;height:2px;background:currentColor}.close-button::before{transform:rotate(45deg)}.close-button::after{transform:rotate(-45deg)}
.object-placeholder>span{position:relative;width:58px;height:58px;font-size:0}.object-placeholder>span::before,.object-placeholder>span::after{content:"";position:absolute;left:4px;top:27px;width:50px;height:3px;background:var(--red)}.object-placeholder>span::after{transform:rotate(90deg)}
.score-note button{font-family:var(--sans);font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.look-closer summary{position:relative}.look-closer summary::before{content:"";display:inline-block;width:16px;height:2px;margin:0 18px 6px 2px;background:currentColor;border:0;border-radius:0}.look-closer:not([open]) summary::after{content:"";position:absolute;left:9px;top:11px;width:2px;height:16px;background:currentColor}.look-closer[open] summary::before{content:""}
.stop-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.stop-nav a{justify-content:flex-start;min-height:72px;padding:10px 14px;text-align:left}
.stop-nav .stop-index{flex:0 0 27px;width:27px;height:27px}
.stop-nav .stop-label{display:block;width:auto;height:auto;border:0;border-radius:0;font-size:12px;line-height:1.2}
.trace-line a{position:relative;min-height:230px}
.trace-line strong{font-size:19px;line-height:1.15}
.trace-line small{line-height:1.35}
.search-dialog{width:min(760px,calc(100% - 28px));max-height:88vh;padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 90px rgba(0,0,0,.45)}
.search-dialog::backdrop{background:rgba(7,21,32,.72)}
.search-body{padding:28px 36px 36px}
.search-body label{display:block;margin-bottom:10px;font-family:var(--display);font-size:21px;font-weight:800}
.search-body input{width:100%;min-height:52px;padding:12px 14px;border:2px solid var(--navy);background:var(--white);color:var(--ink);font-size:18px}
.search-status{margin:14px 0;color:#51616b;font-size:14px}
.search-results{border-top:1px solid var(--line)}
.search-result{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:18px 4px;border-bottom:1px solid var(--line);text-decoration:none}
.search-result span{font-family:var(--sans);font-size:12px;font-weight:900;color:var(--red)}
.search-result strong{display:block;font-family:var(--display);font-size:20px;line-height:1.2}
.search-result small{display:block;margin-top:5px;color:#51616b;line-height:1.35}
.listen-dock{bottom:max(18px,env(safe-area-inset-bottom))}
body.listening-open{padding-bottom:calc(var(--listen-dock-height,120px) + 36px)}
@keyframes opening-copy-arrives{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes opening-art-arrives{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes artifact-arrives{from{opacity:0;transform:translateY(15px) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(2deg)}}
@keyframes diamond-arrives{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.opening-copy h1,.opening-copy .guiding-question,.opening-copy .journey-how,.opening-copy .opening-actions,.opening-copy .choice-note,.opening-field-art{opacity:1;transform:none;animation:none}}
@media (max-width:1360px){
  .site-header .global-nav,.site-header>.header-actions>.search-utility{display:none}
  .mobile-menu{display:block}
}
@media (max-width:720px){
  .brand small{display:none}
  .site-header .mobile-menu nav{max-width:none}
  .opening{display:block;min-height:auto}
  .opening-field-art{width:auto;margin:0 18px 56px}
  .opening-copy{min-width:0;max-width:100vw;overflow:hidden}
  .opening-copy .choice-note{width:100%;max-width:100%;padding-right:8px;overflow-wrap:anywhere}
  .journey-how{font-size:16px}
  .stop-nav{grid-template-columns:repeat(5,minmax(250px,1fr))}
  .stop-nav a{min-height:64px;padding:9px 14px}
  .stop-nav .stop-label{font-size:13px}
  .trace-line a{min-height:auto}
  .search-body{padding:24px 22px 30px}
  .search-dialog .dialog-head{padding:24px 22px 18px}
  .listen-dock{bottom:max(8px,env(safe-area-inset-bottom));max-height:calc(100vh - 24px);overflow:auto}
  body.listening-open{padding-bottom:calc(var(--listen-dock-height,210px) + 24px)}
}