:root{--bg:#0a0a0a;--ink:#ededed;--muted:#a3a3a3;--rule:#5e5e5e;--gap:20px;--pad:clamp(20px,5vw,72px)}
*{box-sizing:border-box}
html{background:var(--bg);scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 19px/1.75 'Source Sans 3','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom,0px)}
a{color:inherit;text-decoration:none}
a:hover{color:var(--muted)}
a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:4px}
img{display:block;max-width:100%;height:auto}
.wrap{max-width:1440px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.top{display:flex;align-items:center;gap:56px;flex-wrap:wrap;padding-top:calc(30px + env(safe-area-inset-top,0px));padding-bottom:30px}
.sig{font:400 58px/1 'Herr Von Muellerhoff','Brush Script MT',cursive;color:#fff;padding:4px 0}
.sig img{height:64px;width:auto}
.nav{display:flex;gap:36px;flex-wrap:wrap;font:500 17px/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.nav a{padding:12px 0}
.sub{padding-top:56px;padding-bottom:48px}
.sub .line{border-top:1px solid var(--rule)}
.sub nav{display:flex;justify-content:flex-end;gap:12px 36px;flex-wrap:wrap;padding-top:18px;font:500 16px/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.sub nav a{padding:12px 0}
.sub nav a[aria-current]{color:#8c8c8c}
.hero{position:relative;height:88vh;min-height:520px;max-height:940px;overflow:hidden}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.25) 100%)}
.hero .cap{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:0 24px 80px;text-align:center;color:#fff}
.kicker{display:inline-block;font-size:17px;letter-spacing:.18em;text-transform:uppercase;padding-bottom:18px;border-bottom:1px solid #bdbdbd}
.hero h1{margin:26px 0 0;font:400 clamp(48px,6.4vw,100px)/1.05 'Cormorant Garamond',Georgia,serif}
.story{max-width:900px;margin:0 auto;padding-top:112px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px}
.story h2{margin:0;font:500 30px/1.3 'Cormorant Garamond',Georgia,serif;letter-spacing:.06em;text-transform:uppercase;max-width:30ch}
.story p{margin:0;max-width:62ch}
.story .by{font:italic 400 22px/1 'Cormorant Garamond',Georgia,serif}
.rule{border:0;border-top:1px solid var(--rule);margin:96px 0 0}
.photos{padding-top:96px;display:flex;flex-direction:column;gap:var(--gap)}
.row{display:flex;gap:var(--gap);align-items:flex-start}
.row figure{min-width:0}
figure{margin:0}
figure a{display:block;cursor:zoom-in}
.row img{width:100%;object-fit:cover}
figcaption{margin-top:12px;font:italic 400 19px/1.5 'Cormorant Garamond',Georgia,serif;color:var(--muted)}
.standout{padding:96px 0;display:flex;justify-content:center;text-align:center}
.single{display:flex;justify-content:center}
.solo{width:min(100%,calc(86vh * var(--a)))}
.standout .solo{width:min(100%,calc(90vh * var(--a)))}
.standout figcaption{font-size:22px;max-width:640px;margin:20px auto 0}
.treks{padding-top:112px}
.treks>h2,.section-title{margin:0 0 56px;text-align:center;font:500 17px/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:88px 44px}
.card{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.card .when{font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.card h3{margin:-8px 0 0;font:400 40px/1.1 'Cormorant Garamond',Georgia,serif}
.card:hover{color:inherit}.card:hover h3{color:var(--muted)}
.pager{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:128px;padding-bottom:56px;font:500 16px/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.pager a{padding:12px 0}
footer .line{border-top:1px solid #333;padding:44px 0 64px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
footer .sig{font-size:44px}
footer .sig img{height:46px}
footer small{font:400 14px/1 'Oswald','Arial Narrow',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.empty{padding:120px 0;text-align:center;color:var(--muted)}
#lb{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.96);display:none;flex-direction:column;align-items:center;justify-content:center;padding:calc(56px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px))}
#lb.open{display:flex}
#lb img{max-width:100%;max-height:calc(100% - 56px);width:auto;height:auto;object-fit:contain}
#lb p{margin:14px 0 0;min-height:28px;font:italic 400 20px/1.4 'Cormorant Garamond',Georgia,serif;color:var(--muted);text-align:center}
#lb button{position:absolute;background:none;border:0;color:#fff;font:300 40px/1 'Source Sans 3',sans-serif;cursor:pointer;padding:12px 18px;min-width:56px;min-height:56px}
#lb .x{top:calc(8px + env(safe-area-inset-top,0px));right:8px;font-size:34px}
#lb .prev{left:4px;top:50%;transform:translateY(-50%)}
#lb .next{right:4px;top:50%;transform:translateY(-50%)}
@media (max-width:720px){
 body{font-size:18px}
 .top{gap:20px}
 .sig{font-size:48px}
 .row{flex-direction:column}
 .row figure{flex:none!important;width:100%}
 .standout{padding:56px 0}
 .story{padding-top:72px}
 .rule{margin-top:64px}
 .photos{padding-top:64px}
 .hero .cap{padding-bottom:56px}
 .sub nav{justify-content:flex-start}
 #lb .prev,#lb .next{top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));transform:none}
}
@media (prefers-reduced-motion:no-preference){#lb.open img{animation:fade .25s ease}@keyframes fade{from{opacity:0}to{opacity:1}}}