.atlas { --inset: clamp(22px,5vw,90px); background:#eef1ea; }
.atlas .site-header { position:absolute; inset:0 0 auto; padding:0 var(--inset); color:#edf4ed; background:linear-gradient(#0b191ae6,#101d1bd9); border-color:#d3efde33; height:74px; }
.atlas .site-header .brand { width:max-content; }
.atlas .site-header .wordmark { width:117px; }
.atlas .site-header .button { border-color:#bad2c35c; color:#e0ece1; }
.atlas .site-header nav a:hover,.sheet-view a:hover { text-decoration:underline; text-underline-offset:4px; }
.crossing { position:relative; isolation:isolate; display:flex; flex-direction:column; justify-content:center; min-height:100vh; min-height:100svh; padding:135px var(--inset) 120px; overflow:hidden; color:#f0f6ef; background:#152622; }
.crossing video,.crossing::after { position:absolute; inset:0; width:100%; height:100%; z-index:-2; }
.crossing video { object-fit:cover; object-position:65% center; }
.crossing::after { content:""; z-index:-1; background:linear-gradient(90deg,#071716ed 0%,#081817bd 27%,#0b18182e 55%,transparent 82%),linear-gradient(0deg,#0c1919db,transparent 20%); }
.cross-copy { width:min(560px,48%); }
.kicker,.rail-label,.cross-rail,.sheet-list small,.sheet-view figcaption,.study-index { font:500 10px/1.5 var(--mono); text-transform:uppercase; letter-spacing:.12em; }
.kicker { display:flex; align-items:center; gap:11px; margin:0; }
.kicker b { height:2px; width:23px; background:currentColor; }
.cross-copy .kicker { color:#abdec4; }
.cross-copy h1 { font-size:clamp(68px,7.8vw,142px); line-height:.98; letter-spacing:-.07em; font-weight:500; margin:26px 0 22px; }
.cross-copy i { font-family:Georgia,serif; font-weight:400; color:#b9e4ca; }
.intro { max-width:390px; margin:0; color:#e0e9df; font-size:clamp(16px,1.35vw,21px); line-height:1.55; }
.atlas-action { margin-top:32px; display:inline-flex; align-items:center; gap:26px; background:#d5efd9; color:#102b24; font-weight:700; font-size:13px; padding:14px 18px; text-decoration:none; }
.atlas-action:hover { background:white; }
.cross-rail { position:absolute; bottom:0; left:var(--inset); right:var(--inset); min-height:69px; display:flex; align-items:center; gap:18px; border-top:1px solid #d6ead44f; }
.cross-rail>div { display:flex; gap:18px; align-items:center; }
.study-index { color:#a6cbb6; }
.view-type { color:#b7cfc0; margin-left:auto; }
.cross-rail button { min-width:82px; min-height:38px; background:#132321db; border:1px solid #a2b8a963; color:#f1f4eb; cursor:pointer; font:12px var(--mono); }
.sheet-section { padding:clamp(56px,7vw,112px) var(--inset); }
.sheet-intro { display:grid; grid-template-columns:1.25fr 1fr; align-items:end; gap:30px; }
.sheet-intro h2 { font-size:clamp(38px,5.2vw,78px); line-height:1.05; margin:14px 0 0; font-weight:500; }
.sheet-intro>p { color:#43584e; margin:0; max-width:465px; line-height:1.6; }
.sheet-workbench { margin-top:40px; display:grid; grid-template-columns:minmax(205px,.31fr) 1fr; border:1px solid #b3beb3; background:#e0e6dd; }
.sheet-list { background:#152824; color:#eef4eb; padding:24px 0; }
.rail-label { color:#bed2c4; padding:0 20px; margin:0 0 15px; }
.sheet-link { padding:21px 20px; display:block; color:inherit; text-decoration:none; border-top:1px solid #ffffff20; border-left:3px solid transparent; }
.sheet-link:hover,.sheet-link:focus-visible { background:#243c33; }
.sheet-link[aria-current] { background:#30483c; border-left-color:#addeb7; }
.sheet-link small,.sheet-link strong { display:block; }
.sheet-link small { color:#bfd4c7; font-size:9px; }
.sheet-link strong { font-size:clamp(15px,1.35vw,21px); letter-spacing:-.02em; font-weight:500; margin-top:5px; }
.sheet-view { min-width:0; align-self:center; margin:0; padding:clamp(12px,2.4vw,40px); }
.sheet-view img { width:100%; height:auto; display:block; box-shadow:0 4px 16px #16272219; }
.sheet-view figcaption { margin-top:16px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; color:#46574c; font-size:9px; }
.sheet-view a { color:#163c2e; padding:5px 0; font-weight:bold; }
.atlas .platform-section { border-top:1px solid #b6c4b7; }
@media (max-width:760px) {
  .atlas .site-header { grid-template-columns:1fr auto; height:64px; }
  .atlas .site-header nav { display:none; }
  .atlas .site-header .wordmark { width:98px; }
  .crossing { justify-content:flex-end; padding-top:260px; padding-bottom:91px; }
  .crossing video { object-position:65% center; }
  .crossing::after { background:linear-gradient(0deg,#091918 0%,#091918ef 18%,#091918ac 44%,transparent 69%); }
  .cross-copy { width:100%; }
  .cross-copy h1 { font-size:clamp(58px,13vw,82px); margin:15px 0; }
  .intro { max-width:34ch; font-size:15px; }
  .atlas-action { margin-top:20px; }
  .view-type { display:none; }
  .cross-rail { min-height:60px; justify-content:space-between; font-size:9px; }
  .cross-rail>div { gap:9px; }
  .sheet-intro,.sheet-workbench { grid-template-columns:1fr; }
  .sheet-intro { gap:15px; }
  .sheet-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:0; }
  .rail-label { display:none; }
  .sheet-link { padding:12px 8px; border:0; border-bottom:3px solid transparent; }
  .sheet-link[aria-current] { border-bottom-color:#addeb7; }
  .sheet-link small { font-size:8px; letter-spacing:.03em; }
  .sheet-link strong { font-size:13px; line-height:1.3; }
}