*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
input,select,textarea,button{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{color:inherit}
:root{
--grass:#E9EEE2;
--ink:#1A2019;
--clay:#C0492B;
--deep:#23407A;
--dim:#5F6A5C;
--tall:clamp(2rem,5.6vw,3.8rem);
--half:clamp(1.6rem,3.4vw,2.4rem);
--read:1.08rem;
--note:.95rem;
--fine:.74rem;
--side:clamp(1.2rem,4vw,3rem);
--calm:clamp(2.6rem,6vw,5rem);
}
body{
background:var(--grass);
color:var(--ink);
font-family:"Jost",Helvetica,Arial,sans-serif;
font-size:var(--read);
line-height:1.76;
-webkit-font-smoothing:antialiased;
}
h1,h2{font-family:"Spectral",Georgia,"Times New Roman",serif;font-weight:400;line-height:1.14}
h1{font-size:var(--half)}
h2{font-size:var(--tall)}
.wrp{max-width:44rem;margin-left:auto;margin-right:auto;padding-left:var(--side);padding-right:var(--side)}
.sec{padding-top:var(--calm);padding-bottom:var(--calm)}
.hed{max-width:26ch}
.led{margin-top:1.1rem;max-width:54ch;font-size:1.12rem;color:var(--dim)}
.hero{
background:
radial-gradient(ellipse 90% 80% at 42% 38%,#1e4333 0%,#101c17 54%,#0a1310 100%);
color:#f4ead8;
padding:clamp(1.2rem,3.6vw,2.4rem) var(--side) clamp(2rem,5.4vw,3.8rem);
border-top:1px solid rgba(212,175,90,.22);
}
.hero + .wrp{padding-top:clamp(1.8rem,4.5vw,3.2rem)}
.hero + .wrp > .txt,
.hero + .wrp > .led{margin-top:0}
.hero-grid{
max-width:68rem;
margin:0 auto;
display:grid;
gap:clamp(1.3rem,3.2vw,2.8rem);
}
.hero-fig{margin:0;max-width:36rem}
.hero-fig img{
width:100%;
height:auto;
aspect-ratio:1;
object-fit:cover;
border-radius:2px;
box-shadow:0 0 0 1px rgba(212,175,90,.4),0 0 0 10px rgba(10,19,16,.5),0 30px 70px rgba(0,0,0,.48);
}
.hero-land .hero-fig{max-width:none}
.hero-land .hero-fig img{aspect-ratio:3/2}
.hero-kicker{
margin:0 0 .7rem;
font-size:var(--fine);
letter-spacing:.28em;
text-transform:uppercase;
color:#d4af5a;
}
.hero-copy .hed{
color:#f7f0e0;
font-size:clamp(1.85rem,4.4vw,3.15rem);
max-width:18ch;
}
.hero-copy .hed::after{
content:"";
display:block;
width:3.2rem;
height:1px;
margin-top:1.05rem;
background:#d4af5a;
}
.hero-copy .led{
margin-top:1.15rem;
color:#d2c9b2;
max-width:42ch;
}
@media (min-width:880px){
.hero-grid{
grid-template-columns:minmax(0,1.02fr) minmax(16rem,.98fr);
align-items:center;
gap:clamp(2rem,5vw,4.4rem);
}
.hero-fig{max-width:none}
.hero-kicker{margin-bottom:.9rem}
.hero-land .hero-grid{
grid-template-columns:minmax(0,1.18fr) minmax(16rem,.82fr);
}
}
.img{margin-top:1.6rem}
.img img{width:100%;height:auto;aspect-ratio:7/5;object-fit:cover}
.pic{margin-top:2rem}
.pic img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.nam{margin-top:0}
.twn{margin-top:.7rem;font-size:var(--fine);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.txt{margin-top:1.4rem;font-family:"Spectral",Georgia,serif;font-size:1.16rem;line-height:1.72;max-width:60ch}
.sup{font-family:"Jost",Helvetica,Arial,sans-serif;font-size:.66em;vertical-align:super;line-height:0;color:var(--clay);text-decoration:none;padding-left:.12em}
.lst{margin-top:2.2rem;padding-left:2.4rem;max-width:62ch}
.itm{position:relative;margin-top:1.2rem;font-size:var(--note);line-height:1.66;text-indent:-2.4rem;padding-left:0}
.itm:first-child{margin-top:0}
.num{font-family:"Jost",Helvetica,Arial,sans-serif;color:var(--clay);padding-right:.9rem}
.mrk{font-weight:600}
.ask{margin-top:1.2rem;font-size:var(--note);line-height:1.66;text-indent:-2.4rem;color:var(--deep)}
.dat{margin-top:1.6rem;font-size:var(--fine);letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.idx{margin-top:var(--calm);padding-left:2.4rem;max-width:62ch}
.one{position:relative;margin-top:1.6rem;font-size:var(--note);line-height:1.7;text-indent:-2.4rem}
.tal{margin-top:var(--calm);padding-top:1.2rem;border-top:1px solid var(--dim);max-width:62ch;font-size:var(--note);color:var(--dim)}
.tie{color:var(--deep);text-decoration:underline;text-underline-offset:3px}
.bar{padding:1.1rem var(--side);max-width:44rem;margin-left:auto;margin-right:auto}
.sgn{font-family:"Spectral",Georgia,serif;font-size:1.3rem;text-decoration:none;display:block}
.knb{display:none;margin-top:.6rem;font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--clay)}
.nav{margin-top:.6rem}
.nav a{display:inline;text-decoration:none;font-size:var(--fine);letter-spacing:.18em;text-transform:uppercase;padding-right:1.1rem;line-height:2.2}
.nav a[aria-current="page"]{color:var(--clay)}
[data-js="on"] .knb{display:block}
[data-js="on"] .nav[data-open="false"]{display:none}
[data-js="on"] .nav[data-open="true"]{display:block}
@media (min-width:680px){
[data-js="on"] .nav[data-open="false"]{display:block}
[data-js="on"] .knb{display:none}
}
@media (min-width:1040px){
.wrp{max-width:50rem}
.bar{max-width:50rem}
body{font-size:1.12rem}
}
.bot{margin-top:var(--calm);padding-top:var(--calm);padding-bottom:var(--calm);border-top:1px solid var(--dim)}
.fee a{display:block;font-family:"Spectral",Georgia,serif;font-size:1.16rem;text-decoration:none;padding-top:.3rem;padding-bottom:.3rem}
.sml{margin-top:1.6rem;max-width:54ch;font-size:var(--note);color:var(--dim)}
.pro{max-width:60ch}
.pro p{margin-top:1rem}
.fld{width:100%;margin-top:.3rem;padding:.4rem 0;background:none;border:0;border-bottom:1px solid var(--dim)}
.btn{margin-top:.6rem;color:var(--clay);text-decoration:underline;text-underline-offset:3px;padding:0}
:focus-visible{outline:3px solid var(--clay);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
