/* Pragmata reference: immersive opening, centered reading, quiet navigation. */
@media screen{
  .masthead{position:absolute;inset:0 0 auto;height:86px;z-index:5;border:0;margin:0;padding:0 3.5vw;background:var(--void)}
  .brand{font:20px var(--display);letter-spacing:.025em}.brand-mark{display:none}
  .masthead-label{font-size:10px}.theme-toggle{border-radius:6px}
  .hero{min-height:100svh;display:flex;justify-content:flex-end;padding:160px max(26px,calc((100vw - 864px)/2)) 0;overflow:hidden}
  .hero-top{position:relative;z-index:2;align-items:center;margin-top:auto;margin-bottom:28px}
  .hero-layout{display:block;padding:0 0 34px;flex:0}
  .hero-copy{max-width:760px}.hero h1{font-size:clamp(64px,6.3vw,108px);line-height:.98;max-width:760px;text-wrap:balance;letter-spacing:-.035em;margin-bottom:25px}
  .hero-description{max-width:650px;font:italic 28px/1.4 var(--display);color:var(--bone);margin-bottom:26px}
  .hero-description em{font-style:italic}.hero-byline{font-size:10px}
  .hero-bottom{position:relative;z-index:2;padding:23px 0 32px;border-top:1px solid var(--steel)}
  .hero-facts{gap:36px}.fact-value{font-size:24px}.fact small{font-size:9px;max-width:none}
  .door-art{position:absolute;z-index:-1;right:3vw;top:100px;width:32vw;height:59svh;max-height:680px;opacity:.5;mask-image:linear-gradient(to bottom,#000 0 22%,transparent 96%);pointer-events:none;margin:0}
  .door-caption{display:none}.door-frame{transform:rotateY(-18deg);box-shadow:14px 14px 0 var(--cabin)}
  .hero:after{content:'';position:absolute;z-index:-2;inset:86px 0 0;background:radial-gradient(ellipse at 95% 20%,var(--cabin),var(--void) 64%);pointer-events:none}
  .hero-copy,.hero-top,.hero-bottom{background:transparent}
  .readerbar-inner{max-width:920px;margin:auto;padding:8px 28px}
  .reading-grid{display:block;max-width:864px;padding:48px 28px 90px}
  .reading-aside{margin:0 auto 60px;max-width:720px}.contents{position:static;max-height:none;overflow:visible;border-bottom:1px solid var(--steel)}
  .contents summary{padding:16px 0;border:0;min-height:48px;list-style-position:inside}
  .contents nav{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px;padding:20px 0 26px}
  .contents a{min-height:32px;font-size:13px}.contents .sub-link{font-size:12px;margin-left:0}
  .aside-note{margin:0 0 24px;max-width:600px}.article-text{max-width:720px;margin:auto}
  .author-strip{padding-bottom:56px}.section-heading h2{font-size:clamp(40px,4vw,58px)}
  .prose p{line-height:1.85}.prose h3{font-size:38px;margin-top:64px}
  .part-divider{margin:90px 0 70px}.part-divider .numeral{font-family:var(--mono);font-size:56px}
  .cabin-block{margin:58px -30px;padding:1px 30px 22px}.cabin-block h3{margin-top:32px}
  .remember-divider+h3{margin-top:22px}
  .site-footer{background:var(--void)}
}
@media screen and (max-width:760px){
  .masthead{height:76px;padding:0 22px}.brand{font-size:18px}.masthead-label{display:none}
  .hero{padding:205px 24px 0;min-height:100svh}.hero-top{gap:12px;margin-bottom:24px}
  .hero h1{font-size:clamp(51px,12.7vw,78px);line-height:1.02}.hero-description{font-size:25px;max-width:530px}
  .hero-layout{padding-bottom:27px}.hero-byline{font-size:9px;gap:16px}
  .door-art{right:5vw;top:95px;width:44vw;height:260px;opacity:.5}.hero:after{inset:76px 0 0}
  .sample-tag{font-size:8px}.hero-kicker{font-size:9px}.hero-facts{gap:20px}
  .fact-value{font-size:23px}.fact small{font-size:8px;max-width:105px}.hero-bottom{padding-bottom:26px}
  .reading-grid{padding:25px 24px 65px}.reading-aside{margin-bottom:42px}.contents nav{grid-template-columns:1fr;gap:12px}
  .contents a{min-height:36px}.aside-note{display:block;font-size:10px}
  .author-strip{gap:23px}.author-name{font-size:27px}.section-heading h2{font-size:42px}
  .prose h3{font-size:34px}.prose p{line-height:1.85}
  .cabin-block{margin-left:-12px;margin-right:-12px;padding:1px 12px 18px}
  .part-divider{margin:64px 0 54px}.part-divider .numeral{font-size:43px}
}