/* Northern Bryce: one quiet model stage and a complete illustrated field guide. */
.page-landmarks-north { --max:1400px; --north-ground:#eae3d6; --ink-3:#5b6259; }
.lm-heading { display:grid; grid-template-columns:1.4fr 1fr; gap:70px; align-items:end; padding-block:50px 35px; }
.lm-kicker { margin:0 0 12px; font:600 11px/1.5 var(--sans); letter-spacing:.13em; text-transform:uppercase; color:var(--clay); }
.lm-heading h1 { margin:0; font:500 clamp(46px,5.7vw,79px)/1.06 var(--serif); letter-spacing:-.035em; }
.north-intro { max-width:390px; padding-bottom:4px; }
.north-intro p:first-child { font:400 23px/1.4 var(--serif); color:var(--ink); }
.north-intro p { color:var(--ink-2); font:14px/1.8 var(--sans); margin-bottom:16px; }
.north-intro a { font:600 12px/1.5 var(--sans); }
.lm-exhibit { border-top:1px solid var(--rule-2); scroll-margin-top:20px; }
.lm-index { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); padding-block:16px; }
.lm-index a { display:flex; align-items:baseline; gap:10px; padding:11px 16px; border-right:1px solid var(--rule); text-decoration:none; font:500 12px/1.4 var(--sans); }
.lm-index a:first-child { padding-left:0; }
.lm-index a:last-child { border-right:0; }
.lm-index a[aria-current] { color:var(--clay); font-weight:700; }
.lm-number { font:11px var(--mono); color:var(--ink-3); }
.lm-index a[aria-current] .lm-number { color:var(--clay); }
.lm-exhibit-body { display:grid; grid-template-columns:minmax(0,1fr) 335px; border:1px solid var(--rule-2); }
.lm-visual { display:flex; flex-direction:column; min-width:0; background:var(--north-ground); }
.lm-stage { height:560px; flex:1 0 560px; min-height:420px; position:relative; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at 45% 40%,#f6f1e7,#e6ddce); }
.lm-canvas,.lm-poster { position:absolute; inset:0; width:100%; height:100%; display:block; }
.lm-canvas { touch-action:pan-y; cursor:grab; }
.lm-canvas:active { cursor:grabbing; }
.lm-canvas:focus-visible { outline-offset:-5px; }
.lm-poster { object-fit:contain; }
.lm-stage-label { position:absolute; left:21px; top:18px; display:grid; gap:4px; padding:7px; background:#efe8db; pointer-events:none; }
.lm-stage-label span:first-child { font:500 21px/1.2 var(--serif); }
.lm-stage-label span:last-child { color:var(--ink-2); font:10px/1.5 var(--mono); }
.lm-north { position:absolute; right:22px; top:23px; width:30px; text-align:center; font:11px var(--mono); pointer-events:none; }
.lm-north svg { display:block; width:30px; height:38px; fill:var(--forest); stroke:var(--forest); stroke-width:1.5; }
.lm-north span { display:block; }
.lm-scale { position:absolute; left:23px; bottom:19px; width:180px; font:10px/1.5 var(--mono); background:#eee8dd; pointer-events:none; }
.lm-scale svg { display:block; width:180px; height:22px; stroke:var(--ink-2); fill:none; stroke-width:1.4; }
.lm-scale span { display:block; padding-left:10px; }
.lm-loading { position:absolute; left:22px; right:22px; bottom:70px; max-width:410px; font-size:12px; padding:11px 14px; background:#faf7eff2; border:1px solid var(--rule); }
.lm-loading:has([data-status]:empty) { display:none; }
.lm-loading p { margin:0; }
.lm-loading progress { display:block; width:100%; height:5px; margin-top:10px; accent-color:var(--clay); }
.lm-loading button { margin-top:10px; }
.lm-toolbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:12px 18px; border-top:1px solid var(--rule); }
.lm-control-group { display:flex; flex-wrap:wrap; gap:5px; }
.lm-exhibit button { border:1px solid var(--rule-2); border-radius:3px; background:transparent; color:var(--ink); padding:9px 11px; cursor:pointer; font:500 12px/1.3 var(--sans); min-height:40px; }
.lm-exhibit button:hover { background:var(--paper); }
.lm-exhibit button[aria-pressed="true"] { background:var(--forest); border-color:var(--forest); color:var(--paper); }
.lm-exhibit button:disabled { opacity:.45; cursor:wait; }
.lm-zoom button { min-width:40px; }
.lm-help,.lm-render-note { padding:0 22px; color:var(--ink-2); font:11px/1.65 var(--sans); margin:0 0 9px; }
.lm-render-note { padding-bottom:13px; margin:0; }
.lm-companion { border-left:1px solid var(--rule-2); padding:26px 24px; background:var(--card); }
.lm-companion h2 { font:500 33px/1.15 var(--serif); letter-spacing:-.02em; margin:0 0 14px; }
.lm-lede { font-size:14px; line-height:1.75; color:var(--ink-2); }
.lm-options { margin-top:20px; padding-top:18px; border-top:1px solid var(--rule); }
.lm-options fieldset { margin:0 0 16px; padding:0; border:0; }
.lm-options legend,.lm-detail { font:600 11px/1.5 var(--sans); color:var(--ink-2); margin-bottom:8px; }
.lm-materials { display:flex; flex-wrap:wrap; gap:5px; }
.lm-materials button { padding:8px 12px; }
.lm-detail { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.lm-detail select { min-height:40px; max-width:160px; padding:5px 8px; font:12px var(--sans); background:var(--card); border:1px solid var(--rule-2); color:var(--ink); }
.lm-detail-note { font:10px/1.65 var(--mono); color:var(--ink-3); margin:0 0 18px; }
.lm-learning { border-top:1px solid var(--rule); padding-top:17px; }
.lm-learning h3 { font:500 19px/1.4 var(--serif); margin:0 0 12px; }
.lm-learning-tabs { display:flex; flex-wrap:wrap; gap:5px; margin-bottom:12px; }
.lm-learning-tabs button { font-size:11px; padding:8px 10px; }
.lm-learning [data-panel] { font-size:12px; line-height:1.75; color:var(--ink-2); }
.lm-learning [data-panel] p { margin-bottom:7px; }
.lm-learning input[type="range"] { display:block; width:100%; margin-block:10px; accent-color:var(--clay); min-height:30px; }
.lm-check { display:flex; align-items:center; gap:8px; min-height:36px; }
.lm-check input { accent-color:var(--clay); width:18px; height:18px; }
.lm-limit { font-size:11px; line-height:1.75; color:var(--ink-2); border-left:2px solid #b58b69; padding-left:12px; margin:18px 0 10px; }
.lm-read-link { font-size:11px; font-weight:650; }
.lm-share { margin-top:18px; border-top:1px solid var(--rule); padding-top:13px; font-size:11px; }
.lm-share summary { font-weight:600; cursor:pointer; }
.lm-share label { display:block; margin-block:12px 6px; }
.lm-share>div { display:flex; gap:6px; }
.lm-share input { min-width:0; width:100%; padding:7px; background:var(--paper); border:1px solid var(--rule); font:10px var(--mono); color:var(--ink-2); }
.lm-share [role="status"] { display:block; margin-top:5px; }
.north-anchors { position:absolute; inset:0; pointer-events:none; }
.north-surface-note { position:absolute; right:22px; bottom:20px; max-width:255px; padding:9px 12px; margin:0; background:#f6f1e8ed; border-left:2px solid #965338; font:11px/1.6 var(--sans); color:var(--ink-2); pointer-events:none; }
.lm-exhibit .north-anchor { position:absolute; padding:0; width:30px; height:30px; min-height:30px; border:1px solid #fff6e8; border-radius:50%; background:var(--forest); color:var(--paper); box-shadow:0 1px 4px #0003; font:600 11px var(--mono); transform:translate(-50%,-50%); pointer-events:auto; }
.lm-exhibit .north-anchor:hover { background:#526747; }
.north-annotation-notes { border:1px solid var(--rule-2); border-top:0; padding:20px 25px; background:var(--card); display:grid; grid-template-columns:140px minmax(0,1fr); gap:5px 20px; }
.north-annotation-notes ol { display:flex; flex-wrap:wrap; gap:15px 36px; margin:0; padding-left:22px; font:12px/1.7 var(--sans); }
.north-annotation-notes li { flex:1 1 280px; max-width:620px; padding-left:4px; }
.north-annotation-notes strong,.north-annotation-notes span { display:block; }
.north-annotation-notes strong { margin-bottom:3px; }
.north-annotation-notes span { color:var(--ink-2); }
.north-axis-note { grid-column:2; margin:7px 0 0; color:var(--ink-3); font:10px/1.65 var(--mono); }
.lm-profile { display:grid; grid-template-columns:260px minmax(0,1fr); gap:35px; align-items:center; border:1px solid var(--rule-2); border-top:0; padding:25px 30px; background:var(--card); }
.lm-profile h3 { font:500 27px/1.2 var(--serif); margin:0 0 15px; }
.lm-profile p { font-size:12px; color:var(--ink-2); }
.lm-profile svg { display:block; width:100%; max-height:340px; color:var(--clay); }
.lm-profile svg text { font:10px var(--mono); fill:var(--ink-2); }
.lm-profile svg .axis { stroke:#b8afa0; fill:none; }
.north-aerial { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:28px; margin:0; padding:28px; border:1px solid var(--rule-2); border-top:0; background:var(--card); }
.north-aerial img { display:block; width:100%; max-width:640px; height:auto; aspect-ratio:1; object-fit:contain; }
.north-aerial figcaption { font:13px/1.8 var(--sans); color:var(--ink-2); }
.north-aerial figcaption strong { display:block; font:500 25px/1.3 var(--serif); color:var(--ink); margin:12px 0; }
.north-aerial figcaption span { display:block; }
.north-locator { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; padding-block:65px; border-bottom:1px solid var(--rule-2); }
.north-locator h2,.lm-section-heading h2,.lm-method h2 { font:500 clamp(34px,3.7vw,48px)/1.15 var(--serif); letter-spacing:-.025em; margin:0 0 22px; }
.north-locator p { font:14px/1.85 var(--sans); color:var(--ink-2); max-width:430px; }
.north-locator a { font:600 12px/1.5 var(--sans); }
.north-locator svg { width:100%; max-height:400px; display:block; background:var(--card); }
.north-locator svg text { font:12px var(--sans); fill:var(--ink); }
.north-locator svg text.north-map-number { fill:#fff; font-size:10px; }
.lm-reading { margin-top:64px; }
.lm-section-heading { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:end; border-bottom:1px solid var(--rule-2); padding-bottom:24px; }
.lm-section-heading>p { max-width:430px; margin:0 0 23px; font:14px/1.8 var(--sans); color:var(--ink-2); }
.lm-study { display:grid; grid-template-columns:1.08fr 1fr; gap:52px; padding-block:45px; border-bottom:1px solid var(--rule); scroll-margin-top:24px; }
.lm-study figure { margin:0; align-self:start; }
.lm-study figure>img { width:100%; display:block; aspect-ratio:4/3; object-fit:contain; background:var(--north-ground); }
.lm-study figcaption { padding-top:9px; font:10px/1.7 var(--mono); color:var(--ink-3); }
.lm-study h3 { font:500 34px/1.15 var(--serif); letter-spacing:-.015em; margin:0 0 15px; }
.lm-study-copy p { font:13px/1.85 var(--sans); color:var(--ink-2); }
.lm-study-copy .lm-study-lede { font:400 21px/1.55 var(--serif); color:var(--ink); }
.lm-boundary { border-left:2px solid #b58b69; padding-left:13px; }
.lm-study details { border-top:1px solid var(--rule); padding-block:12px; margin-top:15px; font-size:12px; }
.lm-study summary,.lm-source-list summary { cursor:pointer; font-weight:600; line-height:1.6; }
.lm-study dl { display:grid; grid-template-columns:115px minmax(0,1fr); gap:10px 15px; font:11px/1.75 var(--sans); }
.lm-study dt { color:var(--ink-3); }
.lm-study dd { margin:0; }
.lm-open { display:inline-block; margin-top:14px; font-size:12px; font-weight:650; }
.north-static-evidence { margin-top:20px; }
.north-static-evidence figure { margin:16px 0; }
.north-static-evidence img { width:100%; height:auto; display:block; background:var(--card); }
.north-static-evidence .north-coverage { max-width:350px; aspect-ratio:1; }
.north-reference { margin-top:22px; }
.north-reference>img { aspect-ratio:auto!important; }
.lm-method { display:grid; grid-template-columns:1fr 1fr; gap:75px; padding-block:70px; border-bottom:1px solid var(--rule-2); }
.lm-method h3 { font:500 29px/1.3 var(--serif); margin:10px 0 24px; }
.lm-method p { font:14px/1.85 var(--sans); color:var(--ink-2); }
.lm-source-list { padding-block:28px; font-size:12px; }
.lm-source-list ol { padding-left:22px; max-width:1050px; }
.lm-source-list li { margin-block:15px; line-height:1.8; }
.lm-source-list li span { color:var(--ink-3); }
.north-related { display:flex; flex-wrap:wrap; gap:25px 45px; padding-block:30px 45px; border-top:1px solid var(--rule); font-size:13px; font-weight:600; }
.page-landmarks-north [hidden] { display:none!important; }
.lm-capture .site-header,.lm-capture .lm-heading,.lm-capture .lm-index,.lm-capture .lm-companion,.lm-capture .lm-toolbar,.lm-capture .lm-help,.lm-capture .lm-render-note,.lm-capture .lm-reading,.lm-capture .lm-method,.lm-capture .lm-source-list,.lm-capture .lm-profile,.lm-capture .lm-stage-label,.lm-capture .lm-north,.lm-capture .lm-scale,.lm-capture .north-anchors,.lm-capture .north-annotation-notes,.lm-capture .north-locator,.lm-capture .north-aerial,.lm-capture .north-related,.lm-capture .site-footer { display:none!important; }
.lm-capture .lm-stage { position:fixed; inset:0; width:100vw; height:100vh; border:0; }
@media(min-width:1700px){.lm-stage{height:650px;flex-basis:650px}}
@media(max-width:1100px){.lm-heading{gap:40px}.lm-exhibit-body{grid-template-columns:minmax(0,1fr) 305px}.lm-companion{padding:22px 20px}.lm-index a{padding:10px;font-size:11px;gap:6px}.lm-toolbar{padding:12px}.lm-control-group button{padding:8px}.lm-study{gap:32px}.north-locator,.lm-method{gap:40px}}
@media(max-width:760px){
  .lm-heading{display:block;padding-block:28px}.lm-heading h1{font-size:49px}.north-intro{margin-top:23px;max-width:440px}.north-intro p:first-child{font-size:21px}.north-intro p{font-size:13px}
  .lm-index{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-block:10px}.lm-index a{flex:0 0 auto;padding:13px 15px;font-size:12px}.lm-index a:first-child{padding-left:3px}
  .lm-exhibit-body{display:block}.lm-stage{height:420px;min-height:360px;flex:0 0 auto}.lm-companion{border-left:0;border-top:1px solid var(--rule-2);padding:25px}.lm-companion h2{font-size:31px}.lm-toolbar{gap:9px}.lm-control-group{gap:5px}.lm-exhibit button{min-height:44px}.lm-control-group button{padding:10px 12px}.lm-zoom button{min-width:44px}.lm-help,.lm-render-note{font-size:11px;padding-inline:15px}.lm-stage-label{left:13px;top:14px}.lm-stage-label span:first-child{font-size:18px}.lm-stage-label span:last-child{font-size:9px}.lm-north{right:15px;top:20px}.lm-scale{left:16px}
  .lm-options{padding-top:16px}.lm-detail{justify-content:start;gap:20px}.lm-detail select{min-height:44px}.lm-detail-note{font-size:11px}.lm-learning h3{font-size:21px}.lm-learning-tabs button{font-size:12px}.lm-learning [data-panel],.lm-limit,.lm-read-link{font-size:12px}.lm-share{font-size:12px}.lm-exhibit .north-anchor{width:34px;height:34px;min-height:34px}
  .north-annotation-notes{display:block;padding:20px}.north-annotation-notes ol{display:block}.north-annotation-notes li+li{margin-top:15px}.north-axis-note{margin-top:15px}.lm-profile{display:block;padding:22px}.lm-profile svg{margin-top:20px}.north-aerial{display:block;padding:20px}.north-aerial figcaption strong{margin-top:20px}
  .north-surface-note{right:12px;bottom:69px;max-width:200px;font-size:10px;padding:7px 9px}
  .north-locator{display:block;padding-block:45px}.north-locator svg{margin-top:28px}.north-locator h2,.lm-section-heading h2,.lm-method h2{font-size:35px}.lm-reading{margin-top:45px}.lm-section-heading{display:block;padding-bottom:8px}.lm-section-heading>p{font-size:13px}.lm-study{display:flex;flex-direction:column;gap:24px;padding-block:32px}.lm-study h3{font-size:31px}.lm-study-copy p{font-size:14px}.lm-study-copy .lm-study-lede{font-size:21px}.lm-study dl{grid-template-columns:95px minmax(0,1fr);font-size:12px}.lm-study details,.lm-open{font-size:13px}.lm-study figcaption{font-size:10px}
  .lm-method{display:block;padding-block:45px}.lm-method h3{margin-top:38px;font-size:26px}.north-related{gap:22px;padding-block:25px 35px}
}
@media(max-width:390px){.lm-heading h1{font-size:43px}.lm-stage{height:370px;min-height:340px}.lm-companion{padding:22px 18px}.lm-toolbar{padding:10px}.lm-control-group button{font-size:11px;padding:9px}.lm-detail{gap:12px}.lm-detail select{max-width:155px}}
@media(prefers-reduced-motion:reduce){.page-landmarks-north{scroll-behavior:auto}.page-landmarks-north *{transition:none!important;animation:none!important}}
@media print{.lm-exhibit,.north-intro a,.site-header,.north-related,.lm-open{display:none!important}.lm-heading{padding-block:10px}.lm-heading h1{font-size:32px}.lm-study{break-inside:avoid;gap:25px}.lm-study-copy p{font-size:10pt}.lm-reading{margin-top:10px}.north-locator{padding-block:15px}.lm-method{padding-block:20px}.lm-study details{display:block}.lm-study details>*{display:block}}