.brahmatal-page{--story-ink:#172c3b;--story-paper:#f1eee6;background:var(--story-ink)}.reading-progress{position:fixed;z-index:35;inset:0 0 auto;height:2px;background:#ffffff1a;pointer-events:none}.reading-progress i{display:block;height:100%;width:0;background:#edba9e}.story-hero{position:relative;height:155svh;color:var(--cream);--story-progress:0}.story-hero-stage{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;background:#193b56}.story-cover{position:absolute;inset:0;overflow:hidden;clip-path:inset(calc(9% * (1 - var(--story-progress))) calc(4% * (1 - var(--story-progress))))}.story-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 53%;transform:scale(calc(1.1 - .09 * var(--story-progress)));will-change:transform}.story-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0a233c44,transparent 35%,#091d3155 65%,#091d31d9)}.story-eyebrow{position:absolute;top:138px;left:7vw;font:10px/1.6 'Courier New',monospace;letter-spacing:.1em;text-transform:uppercase}.story-eyebrow>span{display:block;color:#d7e3e4;margin-top:8px}.story-title{position:absolute;left:6.5vw;top:35%;font-size:clamp(75px,14.1vw,225px);font-weight:500;letter-spacing:-.085em;line-height:1;transform:translateY(calc(var(--story-progress) * -15px));text-shadow:0 2px 40px #153e4e25}.story-title>span{color:var(--peach)}.story-subtitle{position:absolute;top:calc(35% + 15vw);left:8vw;font-size:clamp(24px,3.8vw,57px);line-height:1.2}.story-subtitle em{letter-spacing:-.055em;color:#f1d3bc}.story-hero-bottom{position:absolute;bottom:45px;left:7vw;right:7vw;display:flex;justify-content:space-between;align-items:center;font:10px/1.5 'Courier New',monospace}.story-hero-bottom a{padding:12px 0}.story-hero-bottom a>span{margin-left:35px;font-size:20px}.story-hero-bottom>span{text-transform:uppercase;letter-spacing:.05em;font-size:9px}.story-edge{position:absolute;right:3vw;top:40%;writing-mode:vertical-rl;font:8px/1.4 'Courier New',monospace;letter-spacing:.1em;color:#ccdadd}
.story-intro,.quiet-story,.wide-story,.selected-frames{background:var(--story-paper);color:var(--story-ink)}.story-intro{padding:120px 10vw 0}.story-intro h2{font-size:clamp(54px,7.8vw,124px);margin-top:45px;line-height:1}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin:45px 0 65px 30%}.intro-columns p{font-size:13px;line-height:1.9;color:#59676e}.story-index{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #172c3b30}.story-index a{display:grid;grid-template-columns:1fr auto;padding:22px 15px 22px 0;gap:12px;font-size:10px}.story-index a>span{grid-column:1/-1;font:9px/1.4 'Courier New',monospace;color:#778386}.story-index a>i{font-style:normal}.story-index a:hover>i{transform:translate(2px,2px)}
.quiet-story{padding:100px 0 120px}.quiet-heading{padding:0 10vw}.quiet-heading h2{font-size:clamp(52px,7vw,110px);margin-top:32px;line-height:1}.story-figure{margin:0;min-width:0}.story-figure button{position:relative;display:block;width:100%;border:0;padding:0;background:#16374a;overflow:hidden}.story-figure img{width:100%;height:auto;transition:transform 1.4s var(--ease)}.story-figure button:hover img,.story-figure button:focus-visible img{transform:scale(1.025)}.frame-open{position:absolute;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;border:1px solid #fff9;display:grid;place-items:center;font-size:23px;color:#fff;background:#183f5040}.story-figure figcaption{display:flex;justify-content:space-between;gap:25px;margin-top:15px;font:9px/1.5 'Courier New',monospace;text-transform:uppercase;letter-spacing:.04em;color:#58696e}.story-figure figcaption>span:last-child{text-align:right;color:#7a898a}.tent-composition{display:grid;grid-template-columns:1.45fr .55fr;gap:6vw;align-items:center;margin:65px 10vw 100px}.tent-note{align-self:end;padding-bottom:35px}.margin-star{font:40px/1 Georgia;color:#b08670}.tent-note>p{font-size:22px;line-height:1.3;letter-spacing:-.045em;margin-top:25px}.tent-note>p em{font-size:30px}.tent-note small{display:block;font:9px/1.9 'Courier New',monospace;margin-top:25px;color:#758183}.lake-frame>button{height:70svh;min-height:400px}.lake-frame img{height:100%;object-fit:cover;object-position:center 60%}.lake-frame>figcaption{padding:0 6vw}.camp-pair{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;padding:90px 10vw 0}.camp-copy h3{font-size:48px;line-height:1.08;font-weight:400;letter-spacing:-.06em;margin-top:28px}.camp-copy>p:last-child{font:11px/1.9 'Courier New',monospace;margin-top:25px;color:#6c797c}
.light-study{height:210svh;position:relative;--evening:0;color:var(--cream);background:#173746}.light-stage{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden}.light-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.light-evening{opacity:var(--evening);will-change:opacity}.light-shade{position:absolute;inset:0;background:linear-gradient(180deg,#071a2940,transparent 55%,#081b2edb),linear-gradient(90deg,#071a2925,transparent 60%)}.light-title{position:absolute;left:10vw;top:26%;max-width:80%}.light-title>.section-kicker{color:#e8e4dd}.light-title h2{font-size:clamp(60px,8vw,130px);margin-top:30px;line-height:.96}.light-title em{color:#f4d2bd}.light-bottom{position:absolute;bottom:38px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px/1.5 'Courier New',monospace;letter-spacing:.03em}.light-bottom>p{min-width:160px}.light-bottom>span{text-align:right;color:#c5d1d3}.light-bottom>span>span{font-size:21px;margin-left:18px}.light-choices{display:flex;gap:6px;padding:5px;border:1px solid #ffffff4d;border-radius:30px;backdrop-filter:blur(8px);background:#11293a1a}.light-choices button{border:0;border-radius:30px;padding:10px 17px;background:transparent;color:#fff;font-size:10px}.light-choices button[aria-pressed="true"]{background:var(--cream);color:var(--story-ink)}.afterlight-story{padding:100px 8vw 120px;background:#132b3b;color:var(--cream)}.afterlight-head{margin:0 2vw 55px}.afterlight-head h2{font-size:clamp(48px,6.3vw,100px);margin-top:30px;line-height:1}.afterlight-head h2 em{color:var(--peach)}.afterlight-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}.afterlight-pair>.story-figure:last-child{padding-top:100px}.afterlight-story figcaption{color:#cbd6d5}.afterlight-story figcaption>span:last-child{color:#8fa4aa}
.wide-story{padding:115px 0}.wide-title{text-align:center;padding:0 7vw 75px}.wide-title h2{font-size:clamp(78px,11.5vw,180px);margin-top:35px;line-height:.92}.mountain-wall>button{height:78svh;min-height:450px}.mountain-wall img{height:100%;object-fit:cover;object-position:center 43%}.mountain-wall>figcaption{padding:0 6vw}.ridge-heading{display:flex;justify-content:space-between;align-items:center;padding:100px 10vw 35px}.ridge-heading p{font:italic 36px/1.3 Georgia;letter-spacing:-.04em}.ridge-heading>span{font-size:45px}.ridge-frame{margin:0 10vw}.personal-story{background:#dfe5e3;padding:100px 8vw 110px}.personal-head{padding:0 2vw}.personal-head h2{font-size:clamp(55px,7.5vw,118px);margin-top:30px;line-height:.98}.portrait-pair{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:start;margin-top:60px}.portrait-front{padding-top:135px}.portrait-back img{aspect-ratio:4/5;object-fit:cover;object-position:49% center}.portrait-front img{aspect-ratio:1.05;object-fit:cover;object-position:40% center}.monochrome-frame{margin:100px 2vw 0}.monochrome-frame img{aspect-ratio:1.9;object-fit:cover;object-position:center 47%}
.selected-frames{padding:110px 8vw}.frames-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.frames-heading h2{font-size:clamp(55px,7vw,110px);margin-top:35px;line-height:1}.frames-heading>p{font-size:12px;line-height:1.8;color:#6b777b}.photo-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:65px}.photo-tile{min-width:0}.photo-tile>button{display:block;width:100%;padding:0;border:0;background:none;text-align:left}.photo-tile-image{position:relative;aspect-ratio:1.65;overflow:hidden;background:var(--story-ink)}.photo-tile-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.photo-tile button:hover img,.photo-tile button:focus-visible img{transform:scale(1.05)}.photo-tile-label{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font:9px/1.5 'Courier New',monospace;color:#68767a}.photo-tile-label>span:last-child{font-size:16px;line-height:1}.photo-tile .frame-open{width:30px;height:30px;font-size:17px;bottom:12px;right:12px;opacity:0;transition:opacity .2s}.photo-tile button:hover .frame-open,.photo-tile button:focus-visible .frame-open{opacity:1}
.story-next{position:relative;padding:110px 10vw 85px;color:var(--cream);background:#172c3b}.story-next h2{font-size:clamp(62px,8vw,128px);margin-top:40px;line-height:1}.story-next h2 em{color:var(--peach)}.story-next>p:not(.section-kicker){font:11px/1.9 'Courier New',monospace;color:#c1cdce;margin-top:35px}.story-next .round-link{margin-top:32px}.back-to-archive{display:block;width:max-content;font-size:10px;margin-top:65px;border-bottom:1px solid #ffffff40;padding-bottom:12px}.back-to-archive>span{margin-left:30px}
.photo-dialog{position:fixed;inset:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0;border:0;padding:0;background:#091b28;color:var(--cream);overflow:hidden}.photo-dialog::backdrop{background:#091b28f2}.photo-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 4vw;min-height:80px;border-bottom:1px solid #ffffff1c}.photo-dialog-top h2{font:11px/1.5 'Courier New',monospace;letter-spacing:.03em}.photo-dialog-top>button{background:none;border:0;color:inherit;display:flex;align-items:center;gap:18px;font-size:11px;padding:5px}.photo-dialog-top>button>span{font-size:27px}.photo-viewer{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:22px;padding:25px 3vw 0;height:calc(100svh - 135px)}.photo-viewer>button{display:grid;place-items:center;width:44px;height:44px;background:none;border:1px solid #ffffff59;border-radius:50%;color:var(--cream);font-size:23px}.photo-viewer>button:hover{background:var(--cream);color:var(--story-ink)}.photo-viewer figure{margin:0;height:100%;min-width:0;display:grid;grid-template-rows:1fr auto;overflow:hidden}.photo-viewer figure img{width:100%;height:100%;min-height:0;object-fit:contain;touch-action:pan-y pinch-zoom}.photo-viewer figcaption{text-align:center;font:10px/1.7 'Courier New',monospace;padding-top:17px;color:#c6d3d7}.photo-dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:15px 4vw;font:9px/1.5 'Courier New',monospace;color:#99b0b9}.photo-dialog-bottom>span{font-size:8px}
@media(max-width:1000px){.story-eyebrow{top:120px}.intro-columns{margin-left:17%;gap:4vw}.story-intro{padding-top:95px}.quiet-story{padding:85px 0}.tent-composition{margin:50px 8vw 75px;gap:4vw;grid-template-columns:1.4fr .6fr}.tent-note>p{font-size:20px}.tent-note>p em{font-size:26px}.tent-note small{font-size:8px}.camp-pair{padding:70px 8vw 0;gap:5vw}.camp-copy h3{font-size:40px}.afterlight-story{padding:85px 7vw}.wide-story{padding:90px 0}.personal-story{padding:85px 7vw}.portrait-pair{gap:30px}.portrait-front{padding-top:100px}.selected-frames{padding:90px 7vw}.photo-collection{gap:27px 20px}.light-title{top:30%}.photo-dialog-top h2{max-width:50%;text-align:center}}
@media(max-width:700px){.story-hero{height:140svh}.story-hero-stage{min-height:100svh}.story-eyebrow{top:113px;font-size:9px;left:7vw}.story-title{font-size:15.5vw;left:5.7vw;top:38%;letter-spacing:-.075em;transform:none}.story-subtitle{top:calc(38% + 18vw);left:8vw;font-size:29px}.story-cover{clip-path:inset(calc(11% * (1 - var(--story-progress))) calc(5% * (1 - var(--story-progress))))}.story-cover img{object-position:47% center}.story-hero-bottom{left:7vw;right:7vw;bottom:35px;display:block;font-size:9px}.story-hero-bottom>span{display:block;font-size:8px;margin-top:15px;color:#bcced2}.story-hero-bottom a>span{margin-left:20px}.story-edge{display:none}.story-intro{padding:75px 8vw 0}.story-intro h2{font-size:clamp(45px,10vw,66px);margin-top:30px}.intro-columns{margin:30px 0 40px;display:block}.intro-columns p{font-size:12px;line-height:1.9}.intro-columns p+p{margin-top:20px}.story-index{grid-template-columns:1fr 1fr;gap:0 20px}.story-index a{font-size:10px;padding:18px 0;gap:10px}.story-index a>span{font-size:8px}.quiet-story{padding:65px 0 75px}.quiet-heading{padding:0 8vw}.quiet-heading h2{font-size:clamp(43px,9.8vw,65px);margin-top:25px}.tent-composition{display:block;margin:40px 8vw 55px}.story-figure figcaption{font-size:8px;gap:15px;margin-top:12px}.frame-open{width:34px;height:34px;font-size:20px;bottom:14px;right:14px}.tent-note{display:grid;grid-template-columns:40px 1fr;gap:15px;margin-top:28px;padding:0}.margin-star{font-size:30px;grid-row:1/3}.tent-note>p{font-size:21px;line-height:1.2;margin:0}.tent-note>p br{display:none}.tent-note>p em{font-size:25px}.tent-note small{grid-column:2;margin:0;font-size:9px}.lake-frame>button{height:53svh;min-height:310px}.lake-frame img{object-position:48% center}.lake-frame>figcaption{padding:0 7vw}.camp-pair{padding:55px 8vw 0;display:flex;flex-direction:column-reverse;gap:28px;align-items:stretch}.camp-copy h3{font-size:43px;margin-top:22px}.camp-copy>p:last-child{font-size:10px;line-height:1.8;margin-top:17px}.light-study{height:190svh}.light-stage{min-height:100svh}.light-image{object-position:40% center}.light-title{left:8vw;top:28%;max-width:84%}.light-title h2{font-size:clamp(49px,10.7vw,73px);line-height:1;margin-top:25px}.light-title>.section-kicker{font-size:8px}.light-bottom{left:7vw;right:7vw;bottom:28px;flex-wrap:wrap;gap:20px}.light-bottom>p{width:100%;font-size:9px}.light-bottom>span{font-size:8px}.light-bottom>span>span{margin-left:8px;font-size:18px}.light-choices{padding:4px}.light-choices button{padding:9px 14px;font-size:9px}.afterlight-story{padding:75px 7vw}.afterlight-head{margin:0 1vw 35px}.afterlight-head h2{font-size:clamp(43px,9.4vw,65px);margin-top:25px}.afterlight-pair{display:block}.afterlight-pair>.story-figure:last-child{padding-top:30px}.wide-story{padding:75px 0}.wide-title{padding-bottom:45px}.wide-title h2{font-size:clamp(62px,14.5vw,100px);margin-top:28px}.mountain-wall>button{height:65svh;min-height:360px}.mountain-wall img{object-position:48% 43%}.mountain-wall>figcaption{padding:0 7vw}.ridge-heading{padding:60px 8vw 25px}.ridge-heading p{font-size:28px;max-width:230px}.ridge-heading>span{font-size:35px}.ridge-frame{margin:0 8vw}.ridge-frame img{aspect-ratio:1.3;object-fit:cover;object-position:center}.personal-story{padding:70px 8vw}.personal-head{padding:0}.personal-head h2{font-size:clamp(46px,10.7vw,74px);margin-top:25px}.portrait-pair{display:block;margin-top:40px}.portrait-back{width:80%}.portrait-back img{aspect-ratio:4/5}.portrait-front{width:88%;margin-left:auto;padding-top:40px}.portrait-front img{aspect-ratio:1.1;object-position:35% center}.monochrome-frame{margin:55px 0 0}.monochrome-frame img{aspect-ratio:1.2;object-position:35% center}.selected-frames{padding:75px 7vw}.frames-heading{display:block}.frames-heading h2{font-size:clamp(43px,10.3vw,68px);margin-top:28px}.frames-heading>p{font-size:11px;line-height:1.7;margin-top:25px}.photo-collection{grid-template-columns:1fr 1fr;gap:23px 13px;margin-top:35px}.photo-tile-image{aspect-ratio:1.2}.photo-tile-label{font-size:8px;gap:7px;margin-top:10px}.photo-tile-label>span:last-child{display:none}.photo-tile .frame-open{opacity:1;width:25px;height:25px;font-size:15px;bottom:8px;right:8px}.story-next{padding:75px 8vw 65px}.story-next h2{font-size:clamp(47px,10.3vw,72px);margin-top:30px}.story-next>p:not(.section-kicker){font-size:10px;margin-top:28px}.back-to-archive{font-size:9px;margin-top:45px}.photo-dialog-top{padding:20px 5vw;gap:12px;min-height:75px}.photo-dialog-top h2{font-size:9px;max-width:45%}.photo-dialog-top .dialog-brand{font-size:20px}.photo-dialog-top>button{font-size:9px;gap:8px}.photo-dialog-top>button>span{font-size:25px}.photo-viewer{position:relative;display:block;height:calc(100svh - 175px);padding:20px 4vw 0}.photo-viewer figure{height:100%;grid-template-rows:1fr auto}.photo-viewer figcaption{font-size:9px;max-width:90%;margin:auto;padding-top:18px}.photo-viewer>button{position:fixed;bottom:45px;width:40px;height:40px;font-size:20px}.photo-previous{left:6vw}.photo-next{right:6vw}.photo-dialog-bottom{position:absolute;bottom:9px;left:0;width:100%;padding:10px 6vw;font-size:8px;justify-content:center}.photo-dialog-bottom>span{display:none}}
@media(prefers-reduced-motion:reduce){.story-hero{height:100svh}.story-cover{clip-path:none}.story-cover img,.story-title,.story-figure img{transform:none!important}.light-study{height:110svh}.light-evening{will-change:auto}.reading-progress i{transition:none}}
