:root{--paper:#f2f1eb;--ink:#20211e;--muted:#8b8d85;--line:#343630}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;padding:24px;background:#151613;color:var(--ink);font:14px/1.5 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}.site-frame{max-width:1800px;margin:auto;background:var(--paper);border:1px solid var(--line);padding:16px}a{color:inherit;text-decoration:none}button{font:inherit;border:0;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #878a77;outline-offset:5px}.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border:1px solid var(--line);border-bottom:0;gap:24px}.logo{display:inline-flex;align-items:center;gap:8px;font-size:25px;letter-spacing:-1.2px;font-weight:550;line-height:1}.nav nav{display:flex;gap:32px;font-size:12px}.nav a:hover{text-decoration:underline;text-underline-offset:4px}.nav-link{font-size:10px}.hero{position:relative;border:1px solid var(--line);border-top:0;overflow:hidden;min-height:750px}.hero-copy{position:relative;z-index:2;text-align:center;padding:72px 24px 0;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:11px;margin:0 0 28px;font-weight:400;letter-spacing:.01em}h1{font-weight:450;font-size:clamp(48px,4.9vw,82px);line-height:1.08;letter-spacing:-.055em;margin:0}h1 span,h2 span{color:var(--muted)}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.5;margin:20px auto;max-width:440px}.actions{display:flex;gap:10px;justify-content:center}.button{display:inline-flex;justify-content:center;align-items:center;padding:12px 24px;font-size:11px;min-height:42px;position:relative}.dark{background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.outline{background:transparent;border:1px solid var(--line)}.outline:before,.outline:after{content:'';position:absolute;width:4px;height:4px;border:1px solid var(--line);background:var(--paper)}.outline:before{left:-3px;top:-3px}.outline:after{right:-3px;bottom:-3px}.button:hover{background:#66695d;color:var(--paper)}.terrain{position:absolute;inset:170px 0 0;z-index:1;pointer-events:none;background:var(--paper)}.terrain canvas{width:100%;height:100%;display:block}.terrain-note{position:absolute;left:32px;bottom:24px;font-size:10px;background:var(--paper);padding:6px 10px}.terrain-mark{position:absolute;right:32px;bottom:24px;font-size:11px;line-height:1.3;text-align:right;background:var(--paper);padding:6px 10px}.hatch{height:20px;background:repeating-linear-gradient(130deg,transparent 0 4px,#74766b 4px 4.8px,transparent 4.8px 8px);margin:4px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro{border:1px solid var(--line);padding:80px 4%;display:grid;grid-template-columns:.65fr 1.6fr .8fr;gap:6%}.margin-note{font-size:11px;padding-top:6px}h2{font-size:clamp(42px,4.1vw,68px);line-height:1.06;letter-spacing:-.055em;font-weight:450;margin:0 0 32px}.intro p{font-size:14px;line-height:1.9;max-width:480px}.little-list{align-self:end}.little-list>div{border-top:1px solid var(--line);padding:18px 0}.little-list span{display:block;font-size:10px;color:#74766c;margin-bottom:4px}.little-list strong{font-weight:450;font-size:17px;letter-spacing:-.4px}.places{padding:80px 4%;border:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:36px}.section-head h2{margin-bottom:0}.filters{display:flex;gap:0;border:1px solid var(--line)}.filters button{font-size:10px;padding:10px 16px;background:none;border-right:1px solid var(--line)}.filters button:last-child{border-right:0}.filters .active{background:var(--ink);color:var(--paper)}.place-grid{display:grid;grid-template-columns:1fr 1fr;gap:4%}.place[hidden]{display:none}.place-image{position:relative;height:380px;overflow:hidden;border:1px solid var(--line);background:#b1b4a3}.place-image img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.86);transition:transform .8s}.place:hover .place-image img{filter:saturate(.86);transform:scale(1.025)}.place-image>span{position:absolute;left:16px;bottom:16px;padding:6px 10px;background:var(--paper);font-size:10px}.place-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.place-title h3{font-size:26px;letter-spacing:-.8px;font-weight:450;margin:0}.place-title>span{font-size:10px}.place>p{font-size:12px;line-height:1.7;color:#75786d}.place>button{background:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 0;font-size:11px;text-align:left}.place>button>span{font-size:18px}.concept-note{font-size:10px;color:#787b70;line-height:1.8}.places>.concept-note{text-align:center;margin:28px 0 0}.pause-section{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0}.pause-copy{padding:80px 12%}.pause-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;margin:28px 0}.pause-image{position:relative;min-height:560px;border-left:1px solid var(--line);overflow:hidden}.pause-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.9);opacity:1}.pause-image>span{position:absolute;left:24px;bottom:24px;font-size:11px;background:var(--paper);padding:6px 10px}.questions{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:80px 4%;border:1px solid var(--line);border-top:0}.questions h2{font-size:54px}details{padding:20px 0;border-bottom:1px solid var(--line)}details:first-child{border-top:1px solid var(--line)}summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;font-size:13px}summary::-webkit-details-marker{display:none}summary>span{font-size:21px}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;color:#74766c;max-width:480px}.closing{border:1px solid var(--line);text-align:center;padding:80px 24px}.closing h2{font-size:clamp(48px,5.6vw,90px)}footer{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;border:1px solid var(--line)}.footer-intro{padding:36px 28px;display:flex;align-items:start;flex-direction:column}.footer-intro>p{font-size:12px;color:#74766c}.footer-intro>span{font-size:10px;margin-top:auto;padding-top:44px}.footer-column{display:flex;flex-direction:column;border-left:1px solid var(--line)}.footer-column h3{font-size:14px;font-weight:450;margin:0;padding:25px 12px;text-align:center}.footer-column a{border-top:1px solid var(--line);padding:22px 12px;text-align:center;font-size:11px}.footer-column a:hover{background:#e2e2d7}.colophon{border:1px solid var(--line);padding:16px 24px;display:flex;justify-content:space-between;gap:20px;font-size:10px}.colophon a:hover{text-decoration:underline}dialog{border:1px solid var(--line);padding:48px;max-width:580px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);max-height:85vh}dialog::backdrop{background:#16181499}dialog h2{font-size:44px;max-width:360px}dialog>p{font-size:13px;line-height:1.9}dialog dl>div{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:12px 0;font-size:12px}dialog dt{color:#74766c}dialog dd{margin:0}dialog .close-dialog{position:absolute;right:20px;top:12px;background:none;font-size:28px}.close-bottom{margin-top:16px}
@media(min-width:1700px){.hero{min-height:900px}.hero-copy{padding-top:90px}.terrain{top:220px}}@media(max-width:1000px){body{padding:16px}.site-frame{padding:12px}.nav{padding:24px}.nav nav{gap:24px}.nav-link{display:none}.hero{min-height:710px}.hero-copy{padding-top:64px}h1{font-size:56px}.terrain{top:190px}.intro{grid-template-columns:1.5fr 1fr;padding:56px 5%;gap:8%}.margin-note{grid-column:1/-1}.place-image{height:300px}.places{padding:56px 5%}.section-head{align-items:start;flex-direction:column}.pause-copy{padding:64px 10%}.pause-image{min-height:540px}.questions{padding:64px 5%}footer{grid-template-columns:1fr 1fr}.footer-intro{border-bottom:1px solid var(--line)}.footer-column:nth-child(2){border-bottom:1px solid var(--line)}.footer-column:nth-child(3){border-left:0}.footer-column a{padding:18px 10px}.footer-column h3{padding:20px 12px}.colophon{font-size:9px}}
@media(max-width:600px){body{padding:8px}.site-frame{padding:8px}.nav{padding:20px 16px}.logo{font-size:23px}.nav nav{gap:18px;font-size:10px}.nav nav a:nth-child(2){display:none}.hero{min-height:690px}.hero-copy{padding:64px 10px 0}.eyebrow{font-size:9px;margin-bottom:24px}h1{font-size:clamp(31px,8.6vw,48px);letter-spacing:-.055em;line-height:1.1}.hero-copy>p:not(.eyebrow){font-size:11px;line-height:1.7;padding:0 8px}.actions{gap:8px}.button{font-size:10px;padding:10px 16px;min-height:40px}.terrain{top:245px;left:-40%;right:-40%}.terrain-note{left:24%;font-size:8px;bottom:20px}.terrain-mark{display:none}.hatch{height:14px}.intro{grid-template-columns:1fr;padding:40px 20px;gap:24px}.intro h2{font-size:44px}.intro p{font-size:13px}.little-list{display:flex;gap:16px}.little-list>div{flex:1;padding:16px 0}.little-list strong{font-size:13px}.little-list span{font-size:9px}.places{padding:40px 20px}.section-head{gap:24px;margin-bottom:28px}.section-head h2{font-size:44px}.filters{width:100%}.filters button{font-size:9px;padding:9px 10px;flex:1}.place-grid{grid-template-columns:1fr;gap:32px}.place-image{height:320px}.place-title h3{font-size:25px}.place>p{font-size:11px}.place-image>span{font-size:9px}.places>.concept-note{text-align:left;font-size:9px}.pause-section{grid-template-columns:1fr}.pause-copy{padding:40px 20px}.pause-copy h2{font-size:48px}.pause-image{min-height:380px;border-left:0;border-top:1px solid var(--line)}.pause-image>span{left:20px;font-size:10px}.questions{grid-template-columns:1fr;gap:8px;padding:40px 20px}.questions h2{font-size:44px}summary{font-size:12px}details p{font-size:11px}.closing{padding:48px 16px}.closing h2{font-size:38px}.footer-intro{padding:24px 16px}.footer-intro>p{font-size:10px}.footer-intro>span{font-size:9px;padding-top:32px}.footer-column h3{font-size:12px;padding:20px 8px}.footer-column a{font-size:9px;padding:16px 6px}.colophon{padding:16px;flex-direction:column;gap:8px;font-size:8px}dialog{padding:36px 24px}dialog h2{font-size:36px}dialog .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
#landscape.fallback{background:linear-gradient(150deg,transparent 28%,#c4c5ba 28.2% 42%,transparent 42.2%),linear-gradient(210deg,transparent 35%,#92958b 35.2% 59%,#44473e 59.2%);mask-image:linear-gradient(transparent,#000 20%)}

.terrain:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 34% 38% at 50% 8%,var(--paper) 55%,transparent 100%);pointer-events:none}

.hero .outline{background:var(--paper)}.hero .outline:hover{background:#66695d}

/* Photography opens the story; the ink landscape closes it. */
.hero{min-height:760px;display:flex;align-items:center;justify-content:center;color:#fffef5}
.hero-photo{position:absolute;inset:0;z-index:0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 60%;display:block}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,19,16,.38),rgba(7,19,16,.48) 55%,rgba(7,19,16,.08))}
.hero-copy{padding:56px 24px 80px;z-index:1}.hero h1 span{color:#ecefe3}.hero .eyebrow{color:#eeeee4}.hero-copy>p:not(.eyebrow){color:#fafbef}
.hero .button.dark{background:var(--paper);border-color:var(--paper);color:var(--ink)}.hero .button.outline{border-color:#ffffffa6;background:transparent;color:#fff}.hero .outline:before,.hero .outline:after{border-color:#ffffffa6;background:#bcc4ba}.hero .button:hover{background:#e0e5d6;color:#20211e}
.closing{position:relative;overflow:hidden;min-height:630px;padding:72px 24px 340px}.closing .terrain{inset:0}.closing-content{position:relative;z-index:2;pointer-events:none}.closing-content a{pointer-events:auto}.closing .terrain:after{background:radial-gradient(ellipse 36% 50% at 50% 10%,var(--paper) 55%,transparent 100%)}
@media(max-width:1000px){.hero{min-height:710px}.hero-copy{padding:56px 24px 80px}.closing{min-height:590px}}
@media(max-width:600px){.hero{min-height:690px}.hero-copy{padding:40px 12px 56px}.hero-photo img{object-position:58% center}.hero h1{font-size:clamp(30px,8.4vw,48px)}.hero-copy>p:not(.eyebrow){padding:0 8px}.hero .actions{flex-wrap:wrap}.closing{min-height:580px;padding:64px 16px 340px}.closing .terrain{top:100px;left:-40%;right:-40%}.closing .terrain:after{background:radial-gradient(ellipse 30% 45% at 50% 0%,var(--paper) 65%,transparent 100%)}.closing h2{font-size:38px}}