@font-face{font-family:Outfit;src:url(/fonts/outfit-latin-400-normal.woff2) format('woff2');font-weight:300 500;font-display:swap}
@font-face{font-family:Outfit;src:url(/fonts/outfit-latin-600-normal.woff2) format('woff2');font-weight:600 700;font-display:swap}
@font-face{font-family:Outfit;src:url(/fonts/outfit-latin-800-normal.woff2) format('woff2');font-weight:800 900;font-display:swap}
:root{--bg:#0e1411;--s1:#151d18;--s2:#1c2620;--line:#2a372f;--ink:#ece6d9;--mut:#a9b0a3;--sand:#d9b77e;--sun:#f08a4b;--forest:#2f5d3f;--r:18px;--tab:64px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 Outfit,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden;padding-bottom:calc(var(--tab) + env(safe-area-inset-bottom))}
@media(min-width:900px){body{padding-bottom:0}}
img,video{max-width:100%}a{color:var(--sand)}h1,h2,h3{line-height:1.15;letter-spacing:-.01em}h2{font-size:1.5rem;margin:2.2rem 0 .8rem}
.wrap{max-width:1180px;margin:0 auto;padding:0 max(18px,env(safe-area-inset-left))}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:calc(8px + env(safe-area-inset-top)) 18px 8px;background:rgba(14,20,17,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05)}
.home .top{position:fixed;left:0;right:0;background:linear-gradient(rgba(0,0,0,.55),transparent);border:0;backdrop-filter:none}
.logo{display:flex}.logo img{height:34px;width:auto}
.desk{display:none;margin-left:auto;gap:4px}.desk a{color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:999px;font-weight:500}.desk a:hover,.desk a[aria-current]{background:rgba(217,183,126,.14);color:var(--sand)}
@media(min-width:900px){.desk{display:flex}}
/* hero */
.hero{position:relative;overflow:hidden;color:#fff;padding:72px 0 56px;background:radial-gradient(120% 90% at 80% 0%,hsl(var(--h) 35% 22%),#0e1411 70%)}
.hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero.photo .bg{opacity:.55}.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,20,17,.2),rgba(14,20,17,.35) 50%,var(--bg))}
.hero .wrap{position:relative;z-index:2}
.hero h1{font-size:clamp(2.1rem,7vw,4.2rem);margin:.2em 0;font-weight:800;max-width:18ch}
.pat .verb{color:var(--sand)}.inrrg{font-weight:300;letter-spacing:.02em}.inrrg::first-letter{font-weight:300}
.pat small{display:block;font-size:.38em;font-weight:500;color:var(--mut);margin-top:.5em;letter-spacing:0}
.pat .inrrg{display:inline-block;animation:reveal 1.1s .55s both cubic-bezier(.2,.7,.2,1)}
@keyframes reveal{from{opacity:0;letter-spacing:.35em;filter:blur(6px)}to{opacity:1;letter-spacing:.02em;filter:none}}
.lede{font-size:clamp(1.05rem,2.6vw,1.3rem);max-width:56ch;color:#dcd6c8;margin:.4em 0 0}
.crumbs,.crumbs a{color:#c9c2b2;font-size:.85rem;text-decoration:none}
.credit{position:absolute;right:10px;bottom:10px;z-index:3;font-size:.68rem;color:#fff!important;opacity:.7;text-decoration:none;background:rgba(0,0,0,.45);padding:3px 7px;border-radius:6px}
.hero.full{min-height:100svh;display:flex;align-items:flex-end;padding:0 0 calc(110px + env(safe-area-inset-bottom));background:#0b100d}
.hero.full .bg{opacity:.8}.hero.full .still{display:none}.hero.full .shade{background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(10,14,12,.25) 40%,rgba(14,20,17,.95))}
@media(prefers-reduced-motion:reduce){.hero.full video{display:none}.hero.full .still{display:block}.pat .inrrg{animation:none}}
.rot{font-size:clamp(2.8rem,12vw,6.4rem)!important;line-height:1.02;max-width:none!important}
.verbs{display:inline-grid;vertical-align:bottom;color:var(--sand)}.verbs span{grid-area:1/1;opacity:0;transform:translateY(.4em);filter:blur(8px);transition:opacity .6s,transform .6s,filter .6s}
.verbs span:first-child{opacity:1;transform:none;filter:none}.go .verbs span:first-child{opacity:0;transform:translateY(.4em);filter:blur(8px)}
.go .verbs span.on{opacity:1;transform:none;filter:none}.go .verbs span.off{opacity:0;transform:translateY(-.4em);filter:blur(8px)}
.rot .inrrg{display:block;animation:reveal 1.4s 1.1s both cubic-bezier(.2,.7,.2,1);background:linear-gradient(90deg,#fff,var(--sand) 60%,var(--sun));-webkit-background-clip:text;background-clip:text;color:transparent}
@media(min-width:700px){.rot .inrrg{display:inline-block}}
.cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
main{padding:28px 0 56px}
/* tiles & cards */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:700px){.tiles{grid-template-columns:repeat(4,1fr)}}
.tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:132px;padding:16px;border-radius:var(--r);overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(150deg,hsl(var(--h) 30% 22%),hsl(calc(var(--h) + 30) 35% 32%));isolation:isolate}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.tile:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 20%,rgba(0,0,0,.75))}
.tile b{font-size:1.3rem;font-weight:800}.tile b em{font-style:normal;font-weight:300;color:var(--sand)}.tile span{font-size:.85rem;opacity:.9}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;margin:16px 0}
.card{display:flex;flex-direction:column;background:var(--s1);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s;isolation:isolate}
.card:hover{transform:translateY(-3px);border-color:#3c4c41}
.ph{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:0;background:linear-gradient(135deg,hsl(var(--h,100) 28% 20%),hsl(calc(var(--h,100) + 40) 32% 30%))}
.ph:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 80% 10%,rgba(240,138,75,.25),transparent),linear-gradient(transparent 50%,rgba(0,0,0,.35))}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cb{padding:14px 16px 16px}.cb h3{margin:0 0 4px;font-size:1.06rem;font-weight:600}.cb p{margin:0;font-size:.9rem;color:var(--mut)}.town{color:var(--sun)!important;font-weight:600;font-size:.82rem!important;text-transform:uppercase;letter-spacing:.06em}
/* filters */
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:sticky;top:54px;z-index:5;background:rgba(14,20,17,.94);backdrop-filter:blur(8px);padding:10px 0}
.filters input,.filters select{min-height:46px;padding:10px 14px;border:1px solid var(--line);background:var(--s2);color:var(--ink);border-radius:12px;font:inherit;font-size:16px;flex:1;min-width:150px}
.chips{display:flex;gap:6px;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
.chips button,.pill{min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--s2);color:var(--ink);border-radius:999px;padding:8px 16px;font:inherit;font-size:.92rem;cursor:pointer;text-decoration:none;white-space:nowrap;margin:3px}
.chips .on,.pill:hover{background:var(--sand);color:#1a1a12;border-color:var(--sand)}.count{color:var(--mut);font-size:.85rem}.subnav{display:flex;flex-wrap:wrap;gap:4px}
/* detail */
.detail{display:grid;grid-template-columns:1fr;gap:28px}@media(min-width:900px){.detail{grid-template-columns:1fr 300px}}
.prose{max-width:70ch}.side{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:18px;height:max-content}.side h2{font-size:1.1rem;margin-top:0}
.btn{display:inline-flex;align-items:center;min-height:48px;background:linear-gradient(135deg,var(--sun),#d9643a);color:#1b0f08;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:700}
.btn.ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px)}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;background:var(--s1);border:1px solid var(--line);padding:16px;border-radius:14px}.facts dt{font-weight:700;color:var(--sand)}.facts dd{margin:0}
details{background:var(--s1);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:8px 0}summary{font-weight:600;cursor:pointer;min-height:28px}
.note{background:rgba(240,138,75,.1);border-left:4px solid var(--sun);padding:12px 16px;border-radius:10px}
.cal{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}.mon{background:var(--s1);border:1px solid var(--line);border-radius:var(--r);padding:16px}.mon h2{margin:0 0 6px;font-size:1.25rem;color:var(--sand)}
.ev{display:block;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}.ev b{color:var(--ink)}.ev small{display:block;color:var(--mut)}
.small{font-size:.84rem;color:var(--mut)}
footer{background:#0a0f0c;border-top:1px solid var(--line);color:var(--mut);padding:32px 0 40px}.flinks{display:flex;flex-wrap:wrap;gap:4px 16px}.flinks a{color:var(--sand);text-decoration:none;padding:6px 0}
/* tab bar */
.tabbar{position:fixed;z-index:30;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tab) + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:rgba(12,17,14,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}
.tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--mut);text-decoration:none;background:none;border:0;font:inherit;font-size:.72rem;min-height:44px}
.tabbar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tabbar [aria-current],.tabbar a:active{color:var(--sand)}
@media(min-width:900px){.tabbar,.sheet{display:none!important}}
.sheet{position:fixed;z-index:29;left:12px;right:12px;bottom:calc(var(--tab) + env(safe-area-inset-bottom) + 10px);display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px;background:var(--s2);border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.sheet a{min-height:48px;display:flex;align-items:center;padding:0 14px;border-radius:12px;background:var(--s1);color:var(--ink);text-decoration:none;font-weight:600}
[hidden]{display:none!important}
.verbs{justify-items:end}@media(max-width:699px){.verbs{justify-items:start}}
.hero.full .shade{background:linear-gradient(180deg,rgba(5,8,6,.7),rgba(10,14,12,.35) 35%,rgba(14,20,17,.96))}
.subnav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.subnav .pill{background:transparent;border-color:rgba(217,183,126,.35);color:var(--sand)}
.logo{display:inline-flex;align-items:baseline;gap:.28em;text-decoration:none;font-size:1.55rem;line-height:1;color:var(--sand)}.logo .li{font-weight:300;color:var(--ink)}.logo .lr{font-weight:800;letter-spacing:.04em;color:var(--sand)}.flogo{font-size:1.4rem}

.moredd{position:relative;display:inline-block}
.moredd summary{list-style:none;cursor:pointer;padding:.4rem .6rem;border-radius:999px}
.moredd summary::-webkit-details-marker{display:none}
.moredd summary::after{content:" \25BE";opacity:.7}
.moredd[open] summary{background:rgba(255,255,255,.08)}
.moredd .ddm{position:absolute;right:0;top:calc(100% + .4rem);min-width:190px;background:#141a16;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.4rem;box-shadow:0 12px 30px rgba(0,0,0,.45);z-index:50;display:flex;flex-direction:column}
.moredd .ddm a{padding:.55rem .8rem;border-radius:10px;white-space:nowrap}
.moredd .ddm a:hover{background:rgba(255,255,255,.08)}

/* slim nav override */
header.top nav.desk{gap:1.6rem!important;align-items:center}
header.top nav.desk>a,header.top nav.desk .moredd summary{background:none!important;border:0!important;box-shadow:none!important;padding:.35rem 0!important;border-radius:0!important;font-weight:500;font-size:.95rem;letter-spacing:.02em;color:rgba(240,232,218,.85);position:relative;min-height:0!important}
header.top nav.desk>a:hover,header.top nav.desk .moredd summary:hover{color:#e9d3a8}
header.top nav.desk>a[aria-current=page]{color:#e9d3a8}
header.top nav.desk>a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:#d98b4b}
header.top nav.desk .moredd[open] summary{background:none!important}
header.top nav.desk .moredd summary::after{content:" \25BE";font-size:.75em;opacity:.6}

/* tile deck spacing */
.tiles{margin:clamp(3rem,7vw,6rem) auto clamp(4rem,9vw,7.5rem)!important;gap:clamp(1rem,2vw,1.75rem)!important;max-width:1180px;padding:0 clamp(1rem,3vw,2rem)}
.tile{border-radius:20px!important;overflow:hidden}
.tile b{font-size:clamp(1.15rem,1.6vw,1.45rem)}
footer{margin-top:clamp(2rem,5vw,4rem)}
