@import './tokens.css';
@import './grid.css';
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper);color:var(--ink)}
body{margin:0;font-family:var(--serif);background:var(--paper);color:var(--ink);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.55),transparent 32%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.36 0 0 0 0 0.27 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.65}
a{color:inherit;text-decoration:none}.skip{position:absolute;left:-999px;top:10px}.skip:focus{left:10px;z-index:10000;background:var(--paper);padding:1rem}
.site-head{position:fixed;top:0;left:0;right:0;z-index:20;height:72px;background:rgba(242,236,223,.84);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(18px,4vw,64px)}
.brand{font-family:var(--serif);font-size:clamp(1.05rem,1.7vw,1.9rem);letter-spacing:.18em;font-weight:700;white-space:nowrap}.nav{display:flex;gap:clamp(24px,4vw,62px);align-items:center;font-family:var(--sans);font-size:.8rem;text-transform:uppercase;letter-spacing:.35em}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:.35em;bottom:-9px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:.35s}.nav a:hover:after{transform:scaleX(1)}.menu-mark{width:32px;height:16px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.hero{min-height:100svh;padding-top:72px;display:grid;align-items:stretch;background:var(--paper);border-bottom:1px solid var(--line)}
.hero-inner{display:grid;grid-template-columns:repeat(12,1fr);gap:0;min-height:calc(100svh - 72px)}
.hero-copy{grid-column:1/5;position:relative;padding:clamp(44px,7vw,120px) clamp(26px,4vw,88px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden}.hero-copy:before{content:"";position:absolute;left:0;top:0;bottom:0;width:45%;background:linear-gradient(90deg,rgba(37,53,45,.14),transparent);mask:linear-gradient(#000,transparent 72%);opacity:.75}.stamp{width:116px;aspect-ratio:1;border:1px solid rgba(27,26,24,.55);border-radius:50%;display:grid;place-items:center;margin-bottom:clamp(30px,4vw,66px);font-size:2.25rem;color:var(--green);opacity:.82;position:relative}.stamp small{position:absolute;inset:10px;border-radius:50%;font-family:var(--sans);font-size:.46rem;letter-spacing:.23em;text-transform:uppercase;display:grid;place-items:start center;padding-top:4px}.stamp small:nth-child(2){place-items:end center;padding-bottom:4px}.logo-title{font-size:clamp(4.3rem,6vw,8.8rem);letter-spacing:.18em;line-height:.82;margin:0;font-weight:500}.logo-title span{display:block}.logo-title .and{font-size:.28em;letter-spacing:.42em;line-height:1.3;margin:.13em 0}.moss-line{height:34px;width:min(420px,90%);margin:20px auto 26px;position:relative;border-top:1px solid var(--ink)}.moss-line:after{content:"";position:absolute;left:11%;right:11%;top:-1px;height:35px;background:linear-gradient(90deg,transparent,rgba(27,26,24,.85),transparent);clip-path:polygon(0 0,100% 0,95% 18%,88% 44%,82% 24%,74% 70%,67% 30%,62% 100%,54% 18%,48% 62%,42% 28%,36% 88%,29% 36%,22% 72%,14% 22%,7% 44%)}.tag{font-family:var(--sans);letter-spacing:.34em;text-transform:uppercase;font-size:.82rem;font-weight:600}.intro{max-width:340px;font-style:italic;line-height:1.75;font-size:1.05rem;margin-top:50px}.hero-scene{grid-column:5/13;position:relative;overflow:hidden;background:var(--green);min-height:560px}.hero-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.72) sepia(.1) contrast(.95);transform:scale(1.03)}.hero-scene:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(242,236,223,.82),rgba(242,236,223,.16) 26%,rgba(15,21,16,.28) 78%),linear-gradient(0deg,rgba(15,21,16,.3),transparent 40%)}.fog{position:absolute;z-index:3;inset:8% -20%;background:radial-gradient(ellipse at 20% 48%,rgba(242,236,223,.54),transparent 32%),radial-gradient(ellipse at 62% 58%,rgba(242,236,223,.28),transparent 35%);filter:blur(18px);animation:drift 24s ease-in-out infinite alternate}.dragonfly{position:absolute;z-index:4;right:28%;top:35%;font-size:2rem;opacity:.68;animation:fly 18s linear infinite}.heron{position:absolute;z-index:4;right:13%;bottom:28%;font-size:3.8rem;opacity:.72}.caption{position:absolute;z-index:5;right:6%;bottom:8%;color:#f3ecdb;text-align:right;font-style:italic;font-size:.85rem;line-height:1.5;text-shadow:0 1px 8px #000}.cover-bottom{position:absolute;left:0;right:0;bottom:0;height:23%;z-index:3;background:linear-gradient(transparent,rgba(15,21,16,.55))}@keyframes drift{from{transform:translateX(-4%)}to{transform:translateX(6%)}}@keyframes fly{0%{transform:translate(0,0) rotate(-8deg);opacity:0}12%{opacity:.6}50%{transform:translate(-14vw,5vh) rotate(10deg)}88%{opacity:.6}100%{transform:translate(-30vw,-3vh) rotate(-3deg);opacity:0}}
.statement{min-height:62vh;display:grid;align-items:center;border-bottom:1px solid var(--line)}.statement .grid-12{align-items:end}.statement h2{grid-column:1/7;font-size:var(--h1);line-height:.9;font-weight:400;margin:0}.statement p{grid-column:8/12;font-size:var(--lead);line-height:1.8;margin:0 0 .9rem}.kicker{font-family:var(--sans);letter-spacing:.38em;text-transform:uppercase;font-size:.75rem;color:var(--green);font-weight:700;margin-bottom:1.5rem;display:block}
.toc{display:grid;grid-template-columns:repeat(12,1fr);border-block:1px solid var(--line);min-height:520px}.tile{position:relative;min-height:260px;padding:clamp(24px,3vw,52px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.tile.dark{background:var(--green);color:var(--paper)}.feature-text{grid-column:1/4;grid-row:1/3}.feature-photo{grid-column:4/7;grid-row:1/2;padding:0}.feature-photo img,.wide-photo img,.passport-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.7) sepia(.18) contrast(.94)}.feature-photo:after,.wide-photo:after,.passport-photo:after{content:"";position:absolute;inset:0;background:rgba(27,26,24,.1);mix-blend-mode:multiply}.explore{grid-column:7/10;grid-row:1/3;background:var(--paper)}.map-tile{grid-column:10/13;grid-row:1/3;background:var(--green);color:var(--paper)}.passport{grid-column:1/3;grid-row:3;background:var(--paper)}.passport-photo{grid-column:3/7;grid-row:3;padding:0}.quote-tile{grid-column:7/10;grid-row:3;background:var(--paper)}.wide-photo{grid-column:10/13;grid-row:3;padding:0}.tile-label{font-family:var(--sans);font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:700}.tile h3{font-size:clamp(2.2rem,3vw,4.1rem);font-weight:400;line-height:.95;margin:34px 0 22px;letter-spacing:.04em}.tile p{line-height:1.7;font-size:.96rem}.btn{display:inline-flex;align-items:center;gap:24px;border:1px solid rgba(184,154,85,.65);padding:14px 22px;margin-top:24px;font-family:var(--sans);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase}.btn:after{content:"⟶"}.explore-list{margin:34px 0 0;padding:0;list-style:none}.explore-list a{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:15px 0;font-size:clamp(1.65rem,2.4vw,3rem);font-weight:400}.explore-list a:after{content:"→";font-family:var(--sans);font-size:1.1rem;transition:.25s}.explore-list a:hover:after{transform:translateX(8px)}.map-drawing{position:absolute;inset:0;opacity:.42;background:radial-gradient(circle at 62% 45%,transparent 0 7px,var(--gold) 7px 10px,transparent 11px),radial-gradient(circle at 42% 60%,transparent 0 5px,var(--gold) 5px 8px,transparent 9px),radial-gradient(circle at 70% 68%,transparent 0 5px,var(--gold) 5px 8px,transparent 9px),linear-gradient(130deg,transparent 45%,rgba(242,236,223,.25) 46%,transparent 49%),linear-gradient(80deg,transparent 55%,rgba(242,236,223,.2) 56%,transparent 59%);}.map-tile h3{position:relative;z-index:2}.map-tile .tile-label,.map-tile .btn{position:relative;z-index:2}.quote-tile blockquote{font-size:clamp(1.35rem,1.8vw,2rem);line-height:1.55;font-style:italic;margin:36px 0 0}.subscribe{grid-column:10/13;grid-row:3}.email-row{display:flex;gap:10px;margin-top:25px}.email-row input{flex:1;background:transparent;border:1px solid var(--line);padding:14px;font:italic .95rem var(--serif);min-width:0}.email-row button{background:var(--ink);color:var(--paper);border:0;padding:0 20px;font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;font-size:.68rem}
.site-foot{background:var(--iron);color:var(--paper);min-height:96px;display:grid;align-items:center}.foot-inner{display:grid;grid-template-columns:160px 1fr auto;gap:40px;align-items:center}.monogram{font-size:2.7rem;letter-spacing:.12em}.foot-inner p{font-style:italic;opacity:.82;line-height:1.7}.foot-links{display:flex;gap:42px;font-family:var(--sans);font-size:.72rem;text-transform:uppercase;letter-spacing:.25em}
.article-hero{padding-top:72px}.article-hero img{width:100%;height:72vh;object-fit:cover;filter:saturate(.65) sepia(.2) contrast(.92)}.article-head{padding-block:80px}.article-head .meta{grid-column:1/3}.article-head h1{grid-column:3/10;font-size:var(--h1);line-height:.85;margin:0;font-weight:400}.article-head p{grid-column:10/13;align-self:end;line-height:1.7}.article-body{padding-bottom:100px}.article-body .text{grid-column:4/10;font-size:1.22rem;line-height:1.9}.article-body figure{grid-column:2/12;margin:80px 0}.article-body figure img{width:100%;display:block;filter:saturate(.7) sepia(.18) contrast(.96)}.article-body figcaption{font-family:var(--sans);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;margin-top:12px;color:var(--mud)}.article-body blockquote{grid-column:3/11;font-size:clamp(2rem,4vw,4.4rem);line-height:1.05;margin:90px 0;font-style:italic}.article-body .portrait{grid-column:2/7}.article-body .portrait img{height:70vh;object-fit:cover}
@media(max-width:1100px){.nav{gap:24px}.hero-inner{grid-template-columns:1fr}.hero-copy,.hero-scene{grid-column:auto}.hero-copy{min-height:58vh}.hero-scene{min-height:55vh}.toc{grid-template-columns:repeat(6,1fr)}.feature-text{grid-column:1/4}.feature-photo{grid-column:4/7}.explore{grid-column:1/4;grid-row:2}.map-tile{grid-column:4/7;grid-row:2}.passport{grid-column:1/3;grid-row:3}.passport-photo{grid-column:3/5;grid-row:3}.quote-tile{grid-column:5/7;grid-row:3}.wide-photo,.subscribe{display:none}.statement h2{grid-column:1/8}.statement p{grid-column:8/13}.foot-inner{grid-template-columns:1fr}.foot-links{flex-wrap:wrap}}
@media(max-width:760px){.site-head{height:auto;min-height:66px}.nav a{display:none}.brand{font-size:.9rem}.hero{padding-top:66px}.logo-title{font-size:clamp(3.5rem,17vw,5rem)}.statement{min-height:auto;padding:80px 0}.statement h2,.statement p{grid-column:1/-1}.statement p{margin-top:24px}.toc{display:block}.tile{min-height:auto;border-right:0}.feature-photo,.passport-photo,.wide-photo{height:340px}.explore-list a{font-size:2rem}.email-row{flex-direction:column}.email-row button{padding:16px}.article-head h1,.article-head p,.article-head .meta,.article-body .text,.article-body blockquote,.article-body figure,.article-body .portrait{grid-column:1/-1}.article-body figure,.article-body blockquote{margin:50px 0}.article-body .portrait img{height:auto}.caption{display:none}}