:root{--bg:#0c0b0a;--surface:#151311;--line:#2a2622;--fg:#ebe5da;--muted:#9a9186;--tungsten:#d0a46a;--ink:#0c0b0a;
--f-display:"Italiana","Didot","Bodoni 72",Georgia,serif;--f-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
--s0:1rem;--s1:1.25rem;--s2:1.75rem;--s3:2.5rem;--s4:3.75rem;--s5:5.5rem;--gutter:clamp(16px,4vw,56px);--max:1360px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);font-weight:400;line-height:1.02;letter-spacing:-.01em;text-wrap:balance;margin:0}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.label{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:1rem 1.5rem;border:1px solid var(--fg);background:var(--fg);color:var(--ink);transition:background .3s,color .3s}
.btn:hover{background:transparent;color:var(--fg)}
.btn.ghost{background:transparent;color:var(--fg);border-color:var(--line)}.btn.ghost:hover{border-color:var(--fg)}
.nav{position:sticky;top:0;z-index:5;background:rgba(12,11,10,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s1);padding-block:1rem}
.mark{display:flex;align-items:center;gap:.6rem;text-decoration:none}.mark img{height:2.7rem;width:auto}
.mark span{font-family:var(--f-mono);font-size:.62rem;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}
.nav-r{display:flex;align-items:center;gap:var(--s1)}.nav-r a.label{text-decoration:none}.nav-r a.label:hover{color:var(--fg)}
.nav .btn{padding:.7rem 1.1rem}
@media (max-width:520px){.mark span,.nav-r .back{display:none}.nav .btn{padding:.6rem .8rem;font-size:.68rem}}
main{padding-block:var(--s4) var(--s5);display:grid;gap:var(--s4)}
.crumbs{display:flex;gap:.6rem;flex-wrap:wrap}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--fg)}
.title h1{font-size:clamp(2.8rem,7vw,6rem);margin-top:.8rem}
.lede{font-size:1.15rem;color:var(--muted);max-width:44rem;margin:var(--s1) 0 0}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s1);border-block:1px solid var(--line);padding-block:var(--s1);margin:0}
.facts dt{font-family:var(--f-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:.3rem 0 0;font-size:.95rem}
@media (max-width:700px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hero img{max-height:88vh;width:auto;margin-inline:auto;cursor:zoom-in}
.story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.story h2{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--tungsten);margin-bottom:.8rem}
.story p{margin:0;opacity:.86}
@media (max-width:820px){.story{grid-template-columns:1fr}}
.film{margin:0;display:grid;gap:var(--s0)}
.film video{width:100%;height:auto;background:var(--surface)}
.yt{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface)}
.yt img{width:100%;height:100%;object-fit:cover}
.play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(12,11,10,.72);border:1px solid rgba(243,238,230,.5)}
.play::after{content:"";position:absolute;left:31px;top:24px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #f3eee6}
.gal-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.8rem;margin-bottom:var(--s1)}
.gal-head h2{font-size:2rem}
.gallery{columns:2 320px;column-gap:var(--s0)}
.gallery a{display:block;margin:0 0 var(--s0);break-inside:avoid;background:var(--surface);cursor:zoom-in}
.gallery img{width:100%;transition:opacity .3s}.gallery a:hover img{opacity:.88}
.outcome{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s1)}
.outcome div{border-top:1px solid var(--line);padding-top:var(--s0)}
.outcome strong{display:block;font-family:var(--f-display);font-weight:400;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1}
.outcome span{color:var(--muted);font-size:.9rem}
.cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s1);border-top:1px solid var(--line);padding-top:var(--s2)}
.cta p{font-family:var(--f-display);font-size:1.8rem;margin:0}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1)}
.pager a{display:grid;gap:.3rem;text-decoration:none;border-top:1px solid var(--line);padding-top:var(--s0)}
.pager a:last-child{text-align:right}
.pager strong{font-family:var(--f-display);font-weight:400;font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.1}
.pager a:hover strong{color:var(--tungsten)}
footer{border-top:1px solid var(--line)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s1);padding-block:var(--s3)}
footer a{text-decoration:none}
.lb{border:0;padding:0;margin:0;width:100vw;height:100vh;max-width:none;max-height:none;background:rgba(8,7,6,.96)}
.lb::backdrop{background:rgba(8,7,6,.96)}
.lb img{position:absolute;inset:0;margin:auto;max-width:94vw;max-height:90vh;width:auto;height:auto}
.lb button{position:absolute;background:none;border:0;color:var(--fg);font-family:var(--f-mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:1rem}
.lb .x{top:.5rem;right:.5rem}.lb .pv{left:.5rem;top:50%}.lb .nx{right:.5rem;top:50%}
