:root{--paper:#faf8f4;--paper-2:#f1ede4;--card:#fff;--ink:#15130f;--ink-2:#3d3830;--ink-3:#6b6459;--gold:#9c7c32;--gold-bright:#c9a84c;--green:#16342a;--green-2:#0f241d;--line:rgba(21,19,15,.14);--display:'Playfair Display',Georgia,serif;--mono:'DM Mono','Courier New',monospace;--sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--shell:min(1140px,100% - 3rem);--ease:cubic-bezier(.22,.68,.32,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink-2);font-family:var(--sans);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.locked{overflow:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.shell{width:var(--shell);margin-inline:auto}
h1,h2,h3{font-family:var(--display);color:var(--ink);line-height:1.12;letter-spacing:-.015em;font-weight:700}
.label{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:500}
header{position:sticky;top:0;z-index:60;background:rgba(250,248,244,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.logo{font-family:var(--display);font-size:1.4rem;font-weight:800;color:var(--ink);line-height:1}
.logo small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--gold);margin-top:4px;text-transform:uppercase;font-weight:500}
.nav-links{display:flex;gap:1.6rem;align-items:center;list-style:none}
.nav-links a{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-weight:500;transition:color .2s}
.nav-links a:hover{color:var(--gold)}
.nav-cta{border:1.5px solid var(--gold);padding:.6rem 1.1rem;color:var(--gold)!important}
.nav-cta:hover{background:var(--gold);color:#fff!important}
@media(max-width:1000px){.nav-links li:not(:last-child){display:none}}
.masthead{background:var(--green-2);color:#f3efe6;padding:clamp(4rem,8vw,6.5rem) 0;position:relative;overflow:hidden}
.masthead::after{content:"";position:absolute;right:-90px;top:-90px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(201,168,76,.22);pointer-events:none}
.masthead h1{color:#fff;font-size:clamp(2.6rem,6.5vw,4.6rem);margin:1rem 0 1.1rem;max-width:18ch}
.masthead p{color:rgba(243,239,230,.82);font-size:1.15rem;max-width:56ch}
.masthead .label{color:var(--gold-bright)}
section{padding:clamp(3.6rem,7vw,5.5rem) 0}
.btn{display:inline-block;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:1.05rem 2rem;font-weight:500;border:0;cursor:pointer;transition:transform .2s,background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn-gold{background:var(--gold-bright);color:#14120e}
.btn-gold:hover{background:var(--gold);color:#fff}
.btn-line{border:1.5px solid var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:var(--paper)}
footer{border-top:1px solid var(--line);padding:3rem 0;background:var(--paper-2)}
.foot{display:flex;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;align-items:center;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.foot a:hover{color:var(--gold)}
.reveal{opacity:0;transform:translateY(26px)}
.reveal.in{opacity:1;transform:none;transition:opacity .75s var(--ease),transform .75s var(--ease)}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:1.7rem}
.post{background:var(--card);border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%;padding:0;position:relative;transition:transform .34s var(--ease),box-shadow .34s var(--ease),border-color .34s var(--ease)}
.post:hover,.post:focus-visible{transform:translateY(-6px);box-shadow:0 26px 60px rgba(21,19,15,.15);border-color:var(--gold);outline:none}
.post.is-open{opacity:0;transition:opacity .18s linear}
.post .thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0d0d0d}
.post .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .6s var(--ease);filter:saturate(.92)}
.post:hover .thumb img{transform:scale(1.07);filter:saturate(1.05)}
.post .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,36,29,0) 40%,rgba(15,36,29,.55) 100%)}
.post .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}
.post .play span{width:60px;height:60px;border-radius:50%;background:rgba(201,168,76,.94);display:flex;align-items:center;justify-content:center;transition:transform .4s var(--ease),background .3s;box-shadow:0 8px 26px rgba(0,0,0,.3)}
.post:hover .play span{transform:scale(1.12);background:var(--gold-bright)}
.post .play span::after{content:"";border-left:18px solid #14120e;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.post .rt{position:absolute;left:1rem;bottom:.9rem;z-index:3;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#f3efe6;background:rgba(15,36,29,.66);border:1px solid rgba(201,168,76,.4);padding:.32rem .6rem}
.post .body{padding:1.7rem 1.6rem 1.9rem;display:flex;flex-direction:column;flex:1}
.post .kicker{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:.7rem;font-weight:500}
.post h2{font-size:1.34rem;margin-bottom:.7rem;line-height:1.24}
.post .dek{font-size:1rem;color:var(--ink-3);flex:1}
.post .more{margin-top:1.25rem;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:500;display:inline-flex;align-items:center;gap:.5rem}
.post .more i{display:block;width:22px;height:1px;background:var(--gold);transition:width .35s var(--ease)}
.post:hover .more i{width:40px}
.rdr{position:fixed;inset:0;z-index:200;display:none}
.rdr.on{display:block}
.rdr-bd{position:absolute;inset:0;background:rgba(15,36,29,.62);backdrop-filter:blur(6px);opacity:0;transition:opacity .45s var(--ease)}
.rdr.show .rdr-bd{opacity:1}
.rdr-sheet{position:fixed;background:var(--paper);overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.42);will-change:top,left,width,height;transition:top .58s var(--ease),left .58s var(--ease),width .58s var(--ease),height .58s var(--ease)}
.rdr-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;opacity:0;transition:opacity .3s ease .18s}
.rdr.show .rdr-scroll{opacity:1}
.rdr-close{position:fixed;top:1.1rem;right:1.3rem;z-index:210;width:46px;height:46px;border-radius:50%;border:1px solid rgba(243,239,230,.4);background:rgba(15,36,29,.72);color:#f3efe6;font-size:22px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:opacity .3s ease .25s,transform .3s var(--ease) .25s,background .2s}
.rdr.show .rdr-close{opacity:1;transform:none}
.rdr-close:hover{background:var(--gold)}
.rdr-hero{position:relative;width:100%;aspect-ratio:21/9;min-height:220px;overflow:hidden;background:#0d0d0d}
.rdr-hero img{width:100%;height:100%;object-fit:cover}
.rdr-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,36,29,.15) 0%,rgba(15,36,29,.9) 100%)}
.rdr-hero .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(1.6rem,4vw,3rem)}
.rdr-hero .cap .label{color:var(--gold-bright)}
.rdr-hero .cap h2{color:#fff;font-size:clamp(1.7rem,3.6vw,3rem);margin-top:.8rem;max-width:22ch}
.rdr-body{width:min(760px,100% - 3rem);margin:clamp(2.2rem,5vw,3.4rem) auto clamp(3rem,7vw,5rem)}
.rdr-body .meta,.artwrap .meta{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding-bottom:1.4rem;border-bottom:1px solid var(--line);margin-bottom:1.8rem;display:flex;gap:1.2rem;flex-wrap:wrap}
.rdr-body .loading{color:var(--ink-3);padding:2rem 0}
.rdr-body .perma{margin-top:1.8rem;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.lead{font-size:1.23rem;color:var(--ink);line-height:1.6;margin-bottom:1.7rem}
.rdr-body p,.artwrap p{margin-bottom:1.25rem}
.frame{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border:1px solid var(--line);background:#000;margin:2rem 0;box-shadow:0 18px 50px rgba(21,19,15,.14)}
.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.endcta{margin-top:2.7rem;padding:2rem 1.9rem;background:var(--green-2);color:#f3efe6}
.endcta h3{color:#fff;font-size:1.38rem;margin-bottom:.6rem}
.endcta p{color:rgba(243,239,230,.8);margin-bottom:1.3rem}
.artmast{position:relative;min-height:min(66vh,560px);display:flex;align-items:flex-end;overflow:hidden;background:#0d0d0d}
.artmast img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.artmast::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,36,29,.25) 0%,rgba(15,36,29,.92) 100%)}
.artmast .shell{position:relative;z-index:2;padding:clamp(2.4rem,6vw,4.4rem) 0}
.artmast .label{color:var(--gold-bright)}
.artmast h1{color:#fff;font-size:clamp(2.1rem,5vw,3.9rem);margin:1rem 0 1rem;max-width:22ch}
.artmast .meta{color:rgba(243,239,230,.72);border:0;padding:0;margin:0}
.artwrap{width:min(760px,100% - 3rem);margin:clamp(2.6rem,6vw,4rem) auto clamp(3rem,7vw,5rem)}
.faq{margin-top:2.8rem;border-top:1px solid var(--line);padding-top:2rem}
.faq h3{font-size:1.45rem;margin-bottom:1.2rem}
.faq details{border-bottom:1px solid var(--line);padding:1rem 0}
.faq summary{cursor:pointer;font-family:var(--display);font-size:1.08rem;color:var(--ink);font-weight:700;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";float:right;color:var(--gold);font-family:var(--mono)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:.8rem 0 0;color:var(--ink-3)}
.pager{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem;display:flex;justify-content:space-between;gap:1.4rem;flex-wrap:wrap}
.pager a{max-width:46%}
.pager .lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.45rem}
.pager strong{font-family:var(--display);font-size:1.08rem;font-weight:700;color:var(--ink);line-height:1.3;display:block}
.pager a:hover strong{color:var(--gold)}
@media(max-width:640px){.pager a{max-width:100%}}