*,::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{
--stone:#E4E1DA;
--ink:#191A17;
--plum:#C81D4A;
--leaf:#2E7D4F;
--mute:#6A675E;
--felt:#0b1f16;
--cream:#f3ead3;
--gold:#d4af5a;
--tall:clamp(2.2rem,6.4vw,4.6rem);
--half:clamp(1.7rem,3.6vw,2.6rem);
--lede:clamp(1.06rem,1.9vw,1.34rem);
--body:1.06rem;
--fine:.74rem;
--edge:clamp(1.2rem,4vw,3.6rem);
--calm:clamp(2.8rem,6vw,5.6rem);
--cut:1.6rem;
--pic:20rem;
}
body{
background:var(--stone);
color:var(--ink);
font-family:"Outfit",Helvetica,Arial,sans-serif;
font-size:var(--body);
line-height:1.72;
-webkit-font-smoothing:antialiased;
}
h1,h2{font-family:"DM Serif Display",Georgia,"Times New Roman",serif;font-weight:400;line-height:1.1}
h1{font-size:var(--half)}
h2{font-size:var(--tall)}
.wpage{max-width:74rem;margin-left:auto;margin-right:auto;padding-left:var(--edge);padding-right:var(--edge)}
.wcalm{padding-top:var(--calm);padding-bottom:var(--calm)}
.wentry{padding-top:var(--calm)}
.wname{margin-top:0}
.wtown{margin-top:.7rem;font-size:var(--fine);letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
.wlede{margin-top:1.1rem;font-family:"DM Serif Display",Georgia,serif;font-size:var(--lede);line-height:1.36;max-width:36ch}
.wshot{float:left;width:min(100%,var(--pic));margin-top:1.6rem;margin-right:2rem;margin-bottom:1.4rem;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.wshot img{width:100%;height:auto;aspect-ratio:8/9;object-fit:cover}
.wcoin{float:left;width:min(100%,var(--pic));aspect-ratio:8/9;margin-top:1.6rem;margin-right:2rem;margin-bottom:1.4rem;background:var(--ink);color:var(--stone);font-family:"DM Serif Display",Georgia,serif;font-size:clamp(3rem,9vw,6rem);line-height:var(--pic);text-align:center;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.wcap{font-size:var(--fine);line-height:1.5;color:var(--mute);margin-top:.6rem}
.wtext{margin-top:1.6rem}
.wpart{margin-top:1.3rem}
.wpart:first-child{margin-top:0}
.wtag{display:block;font-family:"DM Serif Display",Georgia,serif;font-size:1.16rem;color:var(--leaf);margin-bottom:.3rem}
.wtext p{max-width:62ch}
.wask{clear:both;margin-top:1.8rem;padding:1.1rem 1.3rem;background:var(--plum);color:var(--stone);max-width:62ch;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.wask b{display:block;font-size:var(--fine);letter-spacing:.28em;text-transform:uppercase;margin-bottom:.35rem}
.wdate{clear:both;margin-top:1.1rem;font-size:var(--fine);letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
.whero{margin-top:1.8rem;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.whero img{width:100%;height:auto;aspect-ratio:13/7;object-fit:cover}
.whead{max-width:26ch}
.wopen{margin-top:1.1rem;max-width:56ch;font-size:1.14rem;color:var(--mute)}
.wlist{margin-top:var(--calm)}
.wline{padding-top:.85rem;padding-bottom:.85rem;border-bottom:2px dotted var(--mute);display:flex;align-items:center;gap:.85rem 1.1rem;overflow:hidden}
.wthumb{width:3.6rem;height:4.05rem;flex:0 0 3.6rem;object-fit:cover;clip-path:polygon(0 0,100% 0,100% calc(100% - .4rem),calc(100% - .4rem) 100%,0 100%)}
.wlink{display:flex;align-items:center;gap:.85rem;font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.3rem,3.2vw,2.2rem);line-height:1.2;text-decoration:none;flex:1 1 auto;min-width:0}
.wfood{font-size:var(--fine);letter-spacing:.2em;text-transform:uppercase;color:var(--leaf);text-align:right;max-width:28%;flex:0 0 auto}
.wtail{clear:both;margin-top:var(--calm);padding:1.1rem 1.3rem;background:var(--ink);color:var(--stone);max-width:70ch;font-size:.95rem;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%)}
.wtie{text-decoration:none;border-bottom:3px solid var(--plum)}
.whop{display:block;padding:.5rem var(--edge);font-size:var(--fine)}
.wbar{padding:1rem var(--edge);display:flex;flex-wrap:wrap;align-items:baseline;gap:.7rem 1.6rem}
.wsign{font-family:"DM Serif Display",Georgia,serif;font-size:1.34rem;text-decoration:none;margin-right:auto}
.wknob{display:none;font-size:.74rem;letter-spacing:.26em;text-transform:uppercase;color:var(--plum)}
.wmenu{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;width:100%}
.wmenu a{text-decoration:none;font-size:var(--fine);letter-spacing:.2em;text-transform:uppercase}
.wmenu a[aria-current="page"]{color:var(--plum)}
[data-js="on"] .wknob{display:block}
[data-js="on"] .wmenu[data-open="false"]{display:none}
[data-js="on"] .wmenu[data-open="true"]{display:flex;flex-direction:column;gap:.9rem}
@media (min-width:840px){
.wmenu{width:auto;flex-wrap:nowrap}
[data-js="on"] .wmenu[data-open="false"]{display:flex;flex-direction:row}
[data-js="on"] .wknob{display:none}
}
@media (min-width:620px){
.wlede{max-width:44ch}
}
.wfoot{clear:both;margin-top:var(--calm);padding-top:var(--calm);padding-bottom:var(--calm);border-top:2px dotted var(--mute)}
.wfeet a{display:block;font-family:"DM Serif Display",Georgia,serif;font-size:clamp(1.1rem,2.2vw,1.7rem);text-decoration:none;padding-top:.3rem;padding-bottom:.3rem}
.wsmall{margin-top:1.6rem;max-width:54ch;font-size:.94rem;color:var(--mute)}
.wmark{margin-top:.9rem;font-size:var(--fine);letter-spacing:.22em;text-transform:uppercase;color:var(--mute)}
.wprose{max-width:62ch}
.wprose p{margin-top:1rem}
:focus-visible{outline:4px solid var(--leaf);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
*{transition:none!important}
.wstage::before{filter:none;opacity:.28}
}
.whop{color:var(--mute)}
.wtail a{color:var(--stone)}
.wask a{color:var(--stone)}
.wname{max-width:20ch}
.wentry{clear:both}
.wform{clear:both;margin-top:1.8rem;max-width:40rem}
.wfield{margin-top:1.4rem}
.wlabel{display:block;font-size:var(--fine);letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:.4rem}
.wbox{width:100%;padding:.7rem .8rem;background:var(--stone);border:0;border-bottom:2px dotted var(--mute)}
.wtick{width:auto;margin-right:.6rem;float:left;margin-top:.5rem}
.wfield .wtick+.wlabel{display:block;overflow:hidden;letter-spacing:0;text-transform:none;font-size:.94rem;color:var(--ink);margin-bottom:0}
.wsend{padding-top:.4rem;font-size:var(--fine);letter-spacing:.26em;text-transform:uppercase;color:var(--plum)}
.wlist a{color:var(--ink)}
.wline a:hover{color:var(--plum)}
.wshot{width:100%}
.wcoin{width:100%;aspect-ratio:auto;height:9rem;line-height:9rem}
@media (min-width:620px){
.wshot{width:min(100%,var(--pic))}
.wcoin{width:min(100%,var(--pic));aspect-ratio:8/9;height:auto;line-height:var(--pic)}
}
body.wfelt .whop,
body.wfelt .wbar{
background:var(--felt);
color:var(--cream);
}
body.wfelt .whop{color:#9a8f78}
body.wfelt .wsign{color:var(--cream)}
body.wfelt .wmenu a{color:#c5b896}
body.wfelt .wmenu a[aria-current="page"]{color:var(--gold)}
body.wfelt .wknob{color:var(--gold)}
body.wfelt :focus-visible{outline-color:var(--gold)}
.wstage{
position:relative;
isolation:isolate;
overflow:hidden;
background:var(--felt);
color:var(--cream);
padding:clamp(1.2rem,4vw,2.4rem) var(--edge) clamp(2.4rem,7vw,4.8rem);
box-shadow:inset 0 -1px 0 rgba(212,175,90,.22);
}
.wstage::before{
content:"";
position:absolute;
inset:-18%;
background:url("/assets/img/og-wide.jpg") center/cover no-repeat;
filter:blur(36px) saturate(1.15);
opacity:.42;
pointer-events:none;
z-index:0;
}
.wstage-inner{
position:relative;
z-index:1;
max-width:74rem;
margin-left:auto;
margin-right:auto;
display:grid;
gap:clamp(1.2rem,4vw,2.8rem);
align-items:center;
justify-items:center;
text-align:center;
}
.wstage-seal{
margin:0;
width:min(100%,22.5rem);
}
.wstage-seal img{
width:100%;
height:auto;
display:block;
aspect-ratio:1;
object-fit:cover;
object-position:center;
-webkit-mask-image:radial-gradient(circle at center,#000 64%,transparent 86%);
mask-image:radial-gradient(circle at center,#000 64%,transparent 86%);
filter:drop-shadow(0 18px 40px rgba(0,0,0,.45));
}
.wstage-copy{max-width:34rem}
.wstage-title{
font-family:"DM Serif Display",Georgia,serif;
font-weight:400;
font-size:var(--half);
line-height:1.1;
color:var(--cream);
max-width:22ch;
margin-left:auto;
margin-right:auto;
text-shadow:0 2px 28px rgba(0,0,0,.4);
}
.wstage-lede{
margin-top:1rem;
font-size:1.06rem;
line-height:1.65;
color:#c5b896;
}
.wcalm-follow{padding-top:clamp(2rem,4.5vw,3.4rem)}
@media (min-width:840px){
.wstage-inner{
grid-template-columns:minmax(18rem,28rem) minmax(0,1fr);
text-align:left;
justify-items:stretch;
gap:clamp(2rem,5vw,4rem);
}
.wstage-seal{width:min(100%,28rem)}
.wstage-copy{
max-width:38rem;
padding-left:clamp(1.4rem,3vw,2.6rem);
border-left:1px solid rgba(212,175,90,.28);
}
.wstage-title,
.wstage-lede{margin-left:0;margin-right:0}
}