@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('assets/barlow-condensed.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--cream:#f4eee2;--gold:#efc57e;--slate:#132532;--edge:3.6vw}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#0d1c27;color:var(--cream)}body{font-family:Barlow,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}button:hover:not([aria-disabled=true]){background:#ead6ac1a}p,h1,dl,dd{margin:0}.homepage{position:relative;isolation:isolate;min-height:650px;height:100svh;width:100%;overflow:hidden}.landscape{position:absolute;inset:0;z-index:-1;overflow:hidden}.scene{position:absolute;left:50%;top:50%;width:max(100vw,177.7778svh);height:max(56.25vw,100svh);transform:translate(-50%,-50%);container-type:inline-size}.mountain{position:absolute;width:100%;height:100%;object-fit:fill;inset:0}.background{z-index:0}h1{position:absolute;z-index:1;left:14%;top:7%;font-family:Anton,Impact,sans-serif;font-weight:400;font-size:26.2cqw;line-height:1.12;letter-spacing:-.012em;transform:scaleY(1.17);transform-origin:top center;color:#e3d8c2;opacity:.55;white-space:nowrap}.foreground{z-index:2;clip-path:polygon(0 51%,7% 46%,13% 45%,18% 56%,28% 62%,34% 50%,42% 45%,47% 35%,50% 33%,54% 28%,58.6% 22.8%,63% 29%,66% 34%,70% 37%,77% 51%,84% 59%,100% 58%,100% 100%,0 100%)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#06172526,transparent 26%,transparent 65%,#020b1550)}.topbar{position:absolute;inset:3.9vh var(--edge) auto;display:flex;justify-content:space-between;align-items:flex-start}.coordinates{font-size:14px;line-height:1.7;letter-spacing:.34em}.summit{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font-family:Georgia,serif;font-size:12px;letter-spacing:.58em;white-space:nowrap}.summit .rule{display:block;width:76%;height:1px;background:#e8ddc077;margin:14px auto}.summit p:last-child{letter-spacing:.55em}.actions{display:flex;align-items:flex-start;gap:2.4vw}.round{width:46px;height:46px;border:1px solid var(--cream);border-radius:50%;background:#16293722;display:grid;place-items:center;padding:10px}.round svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.sound-wrap{display:flex;flex-direction:column;align-items:center;gap:5px}.sound{cursor:not-allowed}.sound-wrap span{font-size:10px;letter-spacing:.16em;color:#e4dccb}.begin{border:1px solid var(--gold);border-radius:32px;background:#13253122;color:var(--gold);height:46px;min-width:160px;display:flex;align-items:center;justify-content:center;gap:15px;padding:10px 25px;font-size:14px;letter-spacing:.4em}.begin svg{width:18px;height:18px;fill:currentColor;flex-shrink:0}.field-notes{position:absolute;left:var(--edge);right:var(--edge);bottom:5.4vh;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:24px}.notes{display:grid;gap:20px;text-shadow:0 2px 8px #000}.notes.right{justify-self:end}.notes dt{font-size:12px;letter-spacing:.31em;line-height:1.4}.notes dt:after{content:"";display:block;width:28px;height:1px;background:var(--cream);margin:9px 0}.notes dd{font-size:18px;letter-spacing:.24em;line-height:1.25}.ascent{text-align:center;display:flex;flex-direction:column;align-items:center}.ascent-name{font-family:Georgia,serif;font-size:28px;font-style:italic;letter-spacing:.22em;color:var(--gold);text-shadow:0 2px 10px #000}.gold-rule{height:1px;width:28px;background:var(--gold);margin:15px 0 47px}.descend{margin-bottom:16px}.scroll-label{font-size:12px;letter-spacing:.42em;line-height:1.5;text-shadow:0 2px 8px #000}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}dialog{width:min(440px,calc(100% - 40px));padding:32px;background:#122530;color:var(--cream);border:1px solid #b49863}dialog::backdrop{background:#04101dcc}dialog h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:20px 0}dialog p{font-size:18px;line-height:1.6}.dialog-eyebrow{color:var(--gold);letter-spacing:.2em;font-size:12px!important}.dialog-close{margin-top:26px;border:1px solid var(--gold);border-radius:30px;background:transparent;padding:14px 18px;font-size:13px;letter-spacing:.15em}
@media(max-width:900px){:root{--edge:22px}.homepage{height:auto;min-height:max(900px,100svh)}.landscape{bottom:0}.scene{width:1600px;height:900px;top:0;transform:translateX(-58%)}h1{left:39%;top:20%;font-size:130px;transform:scaleY(1.6);opacity:.64}.shade{background:linear-gradient(180deg,#081a2840,transparent 25%,transparent 48%,#06121be8 88%)}.topbar{top:24px}.coordinates{font-size:12px;line-height:1.8;letter-spacing:.24em}.actions{gap:14px}.begin{min-width:116px;padding:10px 16px;letter-spacing:.25em;gap:8px}.summit{top:112px;font-size:10px;letter-spacing:.32em}.summit .rule{margin:12px auto}.field-notes{position:relative;left:auto;right:auto;bottom:auto;padding:600px var(--edge) 32px;grid-template-columns:1fr 1fr;gap:34px 20px}.ascent{grid-row:1;grid-column:1/-1}.ascent-name{font-size:27px}.gold-rule{margin:14px 0 22px}.scroll-label{font-size:11px;letter-spacing:.28em}.notes{grid-row:2;gap:22px}.notes dt{font-size:11px;letter-spacing:.2em}.notes dd{font-size:18px}.notes.right{justify-self:end}.sound-wrap span{font-size:9px}.descend{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Title is independently sized; the mountain layer remains registered to the image. */
h1{left:12%;top:4.1%;transform:scale(.86,1.04);transform-origin:top left;mask-image:linear-gradient(#000 45%,#000c 72%,transparent 100%)}
@media(max-width:900px){h1{left:47.2%;top:19%;font-size:110px;transform:scaleY(1.35);mask-image:none}}

.foreground{clip-path:polygon(0.000% 51.010%,3.888% 48.884%,7.297% 45.909%,9.510% 47.078%,11.244% 45.909%,13.158% 45.484%,15.012% 50.372%,16.986% 55.154%,19.737% 56.217%,23.624% 62.487%,27.273% 62.062%,30.502% 55.260%,31.459% 52.179%,33.672% 49.628%,35.646% 46.652%,37.022% 47.609%,38.278% 46.546%,39.533% 44.527%,40.969% 43.464%,42.883% 40.064%,44.378% 38.789%,46.112% 35.282%,47.309% 34.325%,48.325% 35.494%,49.522% 34.006%,50.837% 33.794%,50.957% 31.562%,52.572% 30.074%,53.888% 26.674%,55.203% 26.461%,56.818% 24.336%,58.612% 22.742%,59.988% 24.973%,61.483% 26.993%,62.440% 29.118%,63.636% 28.374%,64.713% 31.456%,66.447% 34.644%,67.584% 36.876%,69.378% 37.194%,70.395% 39.745%,71.651% 42.402%,73.206% 47.078%,75.000% 49.416%,76.256% 52.604%,78.050% 54.729%,80.742% 58.661%,84.330% 60.786%,100.000% 60.574%,100.000% 100.000%,0.000% 100.000%)}
.topbar{z-index:4}.field-notes{z-index:3}
body{font-family:Arial,sans-serif}
h1{left:14%;top:4.8%}
@media(max-width:900px){h1{left:calc(58% - 50vw + 22px);top:19%;font-size:calc((100vw - 44px)/3.15156)}.coordinates{font-size:11px}.begin{font-size:12px}.notes dt{font-size:10px;letter-spacing:.18em}}
.foreground,.shade{pointer-events:none}h1{user-select:text}

/* Interface scale is deliberately independent of the photographic canvas. */
:root{--edge:clamp(22px,3.6vw,72px)}
.topbar{top:clamp(24px,3.4vh,40px)}
.coordinates{font-size:11px;line-height:1.7;letter-spacing:.28em;font-weight:400}
.summit{font-size:11px;line-height:1.3;letter-spacing:.4em;font-weight:400}
.summit .rule{width:72%;margin:10px auto;background:#e8ddc060}
.summit p:last-child{font-size:11px;letter-spacing:.4em}
.actions{gap:clamp(18px,2vw,32px)}
.round{width:44px;height:44px;padding:11px;border-color:#f4eee2bb}
.round svg{width:20px;height:20px;stroke-width:1.3}
.begin{height:44px;min-width:144px;padding:10px 22px;gap:12px;font-size:11px;letter-spacing:.32em;font-weight:400}
.begin svg{width:14px;height:14px}
.sound-wrap{gap:6px}.sound-wrap span{font-size:9px;letter-spacing:.12em;color:#d3cec3}
.field-notes{bottom:clamp(28px,5vh,64px);grid-template-columns:1fr 2fr 1fr}
.notes{gap:18px}.notes dt{font-size:10px;line-height:1.5;letter-spacing:.24em;font-weight:400}
.notes dt:after{width:24px;margin:8px 0;background:#f4eee29c}
.notes dd{font-size:16px;line-height:1.3;letter-spacing:.2em;font-weight:400}
.ascent-name{font-size:26px;font-weight:400;letter-spacing:.18em}
.gold-rule{width:26px;margin:14px 0 32px}.descend{margin-bottom:14px}
.scroll-label{font-size:10px;letter-spacing:.3em;line-height:1.6;font-weight:400}
@media(min-width:901px){
 h1{top:max(4.8%,calc(50% - 50svh + 118px - 3.3cqw))}
}
@media(max-width:1100px) and (min-width:901px){
 .summit{font-size:10px;letter-spacing:.25em}.actions{gap:16px}.begin{min-width:122px}
}
@media(max-width:900px){
 :root{--edge:22px}.topbar{top:24px}.summit{top:96px;font-size:10px;letter-spacing:.3em}
 .summit p:last-child{font-size:10px}.summit .rule{margin:10px auto}
 .actions{gap:14px}.begin{min-width:116px;padding:10px 16px;font-size:11px}
 .field-notes{bottom:auto;grid-template-columns:1fr 1fr;gap:32px 20px}
 .notes{gap:20px}.notes dt{font-size:10px;letter-spacing:.16em}.notes dd{font-size:16px}
 .ascent-name{font-size:25px}.gold-rule{margin:14px 0 22px}.scroll-label{font-size:10px;letter-spacing:.22em}
}
/* Gentle, capped growth keeps large-monitor labels readable without enlarging the UI wholesale. */
@media(min-width:1101px){
 .coordinates,.summit,.summit p:last-child,.begin{font-size:clamp(11px,.5vw,12px)}
 .notes dt,.scroll-label{font-size:clamp(10px,.5vw,12px)}
 .notes dd{font-size:clamp(16px,.75vw,18px)}
 .ascent-name{font-size:clamp(26px,1.2vw,30px)}
}
/* Readable interface type, with spacing and control scale kept independent. */
.coordinates{font-size:13px;line-height:1.65;letter-spacing:.22em}
.summit{font-size:13px;letter-spacing:.32em}
.summit p:last-child{font-size:13px;letter-spacing:.32em}
.begin{font-size:13px;letter-spacing:.26em}
.sound-wrap span{font-size:11px;letter-spacing:.08em}
.notes dt{font-size:13px;letter-spacing:.18em;line-height:1.5}
.notes dd{font-size:20px;letter-spacing:.16em}
.scroll-label{font-size:13px;letter-spacing:.24em}
.ascent-name{font-size:30px}
@media(min-width:2000px){
 .coordinates,.summit,.summit p:last-child,.begin{font-size:15px}
 .notes dt,.scroll-label{font-size:15px}.notes dd{font-size:23px}
 .sound-wrap span{font-size:12px}.ascent-name{font-size:34px}
}
@media(min-width:901px){h1{top:max(4.8%,calc(50% - 50svh + 132px - 3.3cqw))}}
@media(min-width:901px) and (max-width:1100px){
 .summit{font-size:12px;letter-spacing:.2em}.summit p:last-child{font-size:12px}
 .begin{min-width:132px;font-size:12px}
}
@media(max-width:900px){
 .coordinates{font-size:12px}.summit{font-size:11px;letter-spacing:.23em}
 .summit p:last-child{font-size:12px}.begin{font-size:12px}
 .sound-wrap span{font-size:10px}.notes dt{font-size:12px;letter-spacing:.08em}
 .notes dd{font-size:19px}.scroll-label{font-size:12px;letter-spacing:.16em}
 .ascent-name{font-size:28px}
}
@media(max-width:360px){
 .notes{align-self:stretch}.notes dt{min-height:51px;position:relative;padding-bottom:15px}
 .notes dt:after{position:absolute;left:0;bottom:0;margin:0 0 8px}
}

.home-cloud-video,.home-cloud-foreground{opacity:0;pointer-events:none}.clouds-ready .home-cloud-video,.clouds-ready .home-cloud-foreground{opacity:1}.sound-wrap #audio-status{font-size:9px;letter-spacing:.1em;white-space:nowrap}

.home-living-mist{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}

.home-moving-sky{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}