:root{--bg:#050505;--bg2:#101010;--card:#171717;--or:#FF6A00;--or2:#F28C28;--mu:#B8B8B8;--bd:#303030;--h:76px;--cut:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));--hex:polygon(25% 3%,75% 3%,99% 50%,75% 97%,25% 97%,1% 50%)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:#fff;font:16px/1.65 Inter,system-ui,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}a{color:inherit}ul{list-style:none;padding:0}
:focus-visible{outline:3px solid var(--or);outline-offset:2px}
h1,h2,h3,.btn,nav li a,.strip span{font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;text-transform:uppercase}
h1{font-size:clamp(3rem,11vw,6.4rem);line-height:.92;font-weight:800;letter-spacing:.01em}
h2{font-size:clamp(2rem,6vw,3.3rem);line-height:1;margin-bottom:1.3rem;font-weight:800;padding-bottom:.7rem;position:relative}
h2::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;background:var(--or)}
h3{font-size:1.35rem;line-height:1.1;margin-bottom:.4rem;font-weight:700;letter-spacing:.02em}
.wrap{width:min(1180px,92%);margin-inline:auto}.mu{color:var(--mu)}.small{font-size:.85rem;padding-block:1rem}
header.site{position:sticky;top:0;z-index:50;background:rgba(5,5,5,.95);backdrop-filter:blur(8px);border-bottom:3px solid var(--or)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--h)}
.bar img{height:60px;width:auto}
nav{display:flex;align-items:center;gap:1.6rem}nav ul{display:flex;gap:1.5rem}
nav li a{text-decoration:none;color:var(--mu);font-size:1.2rem;font-weight:600;letter-spacing:.05em;padding:.4rem 0;border-bottom:3px solid transparent}
nav li a:hover,nav li a[aria-current]{color:#fff;border-color:var(--or)}
.btn{display:inline-block;background:var(--or);color:#050505;font-size:1.15rem;font-weight:700;letter-spacing:.05em;padding:.8rem 1.7rem;text-decoration:none;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border:0;cursor:pointer;transition:background .2s}
.btn:hover{background:var(--or2)}.btn.ghost{background:#2a2a2a;color:#fff}.btn.ghost:hover{background:#3a3a3a}
.menu{display:none;width:48px;height:48px;background:#1b1b1b;border:1px solid var(--bd);border-radius:4px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:0 12px}.menu span{height:2px;background:#fff;display:block}
.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero,.pagehead,.band{position:relative;isolation:isolate;overflow:hidden}
.hero::after,.pagehead::after,.band::after,.tile::after{content:"";position:absolute;inset:0;z-index:-1}
.hero{min-height:calc(100svh - var(--h));display:grid;align-items:center}
.hero::after{background:linear-gradient(90deg,rgba(5,5,5,.94) 8%,rgba(5,5,5,.6) 60%,rgba(5,5,5,.35))}
.hero-in{display:grid;gap:2rem;align-items:center;padding-block:3rem}
.hero p{max-width:32rem;margin:1.3rem 0 1.7rem;color:#e2e2e2;font-size:1.1rem}
.cta{display:flex;flex-wrap:wrap;gap:.8rem}
.hexwrap{width:min(78%,420px);margin-inline:auto;aspect-ratio:1/1.1;background:var(--or);clip-path:var(--hex);display:grid;place-items:center}
.hex{width:calc(100% - 16px);height:calc(100% - 16px);clip-path:var(--hex);background:#000}.hex img{width:100%;height:100%;object-fit:cover}
@media(min-width:900px){.hero-in{grid-template-columns:1.25fr .75fr}}
.strip{overflow:hidden;background:var(--or);color:#050505}
.track{display:flex;gap:3rem;width:max-content;padding:.6rem 0;animation:mq 30s linear infinite}
.strip span{font-size:1.6rem;font-weight:800;white-space:nowrap;letter-spacing:.08em}
@keyframes mq{to{transform:translateX(-50%)}}
.sec{padding-block:clamp(3.5rem,9vw,6.5rem)}.alt{background:linear-gradient(180deg,#0c0c0c,#161616)}
.tiles,.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}
.tile{position:relative;isolation:isolate;overflow:hidden;min-height:250px;display:flex;align-items:flex-end;padding:1.2rem;text-decoration:none;clip-path:var(--cut);background:#000}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}.tile:hover img{transform:scale(1.07)}
.tile::after{background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.05) 70%)}.tile h3{margin:0;font-size:1.7rem}
.cat{display:block;text-decoration:none;background:var(--card);border-left:4px solid var(--or);padding:1.2rem;clip-path:var(--cut)}.cat p{color:var(--mu);font-size:.95rem}
.card{background:var(--card);clip-path:var(--cut);display:flex;flex-direction:column;border-top:4px solid var(--or)}
.card>a:first-child{display:block;overflow:hidden}.card img{aspect-ratio:3/4;object-fit:cover;width:100%;transition:transform .5s}.card:hover img{transform:scale(1.06)}
.card>div{padding:1rem 1.1rem 1.3rem;display:grid;gap:.4rem;flex:1;align-content:start}.card h3 a{text-decoration:none}.card .btn{margin-top:.6rem;text-align:center;padding:.6rem}
.tag{color:var(--or);font-size:.85rem;font-weight:600}
.split{display:grid;gap:2.5rem;align-items:center}.split>img{width:100%;clip-path:var(--cut)}
@media(min-width:821px){.split{grid-template-columns:1fr 1fr}}
.photos{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.photos img{aspect-ratio:4/3;object-fit:cover;width:100%;clip-path:var(--cut)}
.mosaic{display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}
.mosaic img{width:100%;height:100%;object-fit:cover;clip-path:var(--cut)}.mosaic .a,.mosaic .e{grid-column:span 2}.mosaic .b{grid-row:span 2}
@media(min-width:821px){.mosaic{grid-template-columns:repeat(4,1fr);grid-auto-rows:210px}.mosaic .e{grid-column:span 4}}
.map{width:100%;height:340px;border:0;clip-path:var(--cut)}
.checks li{padding:.6rem 0 .6rem 1.8rem;border-bottom:1px solid var(--bd);position:relative}
.checks li::before{content:"";position:absolute;left:0;top:1.15rem;width:.8rem;height:.8rem;background:var(--or);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.pagehead{padding:clamp(4.5rem,13vw,8.5rem) 0 2.2rem;border-bottom:3px solid var(--or)}
.pagehead::after{background:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,.45))}.pagehead h1{font-size:clamp(2.4rem,8vw,4.6rem)}
.band{text-align:center;padding-block:clamp(3.5rem,10vw,6.5rem)}.band::after{background:rgba(5,5,5,.8)}
.band h2{display:inline-block}.band h2::after{left:50%;transform:translateX(-50%)}.band p{color:#ddd;margin-bottom:1.5rem}.band .cta{justify-content:center}
footer.site{background:#0b0b0b;border-top:4px solid var(--or);padding-top:3rem}
.fgrid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));padding-bottom:1.5rem}
footer li{padding:.2rem 0}footer a{text-decoration:none;color:var(--mu)}footer a:hover{color:var(--or)}
.float{position:fixed;right:max(.8rem,env(safe-area-inset-right));bottom:max(.8rem,env(safe-area-inset-bottom));display:grid;gap:.6rem;z-index:60}
.float a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--or);color:#050505;box-shadow:0 4px 16px rgba(0,0,0,.6);transition:transform .2s}.float a.w{background:#25D366;color:#fff}.float a:hover{transform:translateY(-3px)}
.crumbs{font-size:.9rem;color:var(--mu);margin-bottom:1rem}.crumbs a{color:var(--or)}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.filters button{background:var(--card);color:#fff;border:1px solid var(--bd);padding:.55rem 1rem;border-radius:4px;cursor:pointer;min-height:44px;font:inherit}.filters button[aria-pressed=true]{background:var(--or);color:#050505;border-color:var(--or)}
input,textarea{width:100%;background:var(--card);color:#fff;border:1px solid var(--bd);padding:.8rem;border-radius:4px;font:inherit}
label{display:block;margin:.8rem 0 .3rem}.err{color:#ff9a9a;font-size:.9rem;min-height:1.3em}
details{border-bottom:1px solid var(--bd);padding:1.1rem 0}summary{cursor:pointer;font-weight:600}details p{color:var(--mu);margin-top:.6rem}
dialog{background:#000;border:1px solid var(--bd);color:#fff;padding:1rem;max-width:min(96vw,1000px);margin:auto}dialog::backdrop{background:rgba(0,0,0,.88)}
dialog img{max-height:72vh;width:auto;margin:auto;object-fit:contain}.lb{display:flex;gap:.5rem;justify-content:center;margin-top:.8rem}
.thumbs{display:flex;gap:.5rem;margin-top:.6rem}.thumbs button{padding:0;border:2px solid var(--bd);background:none;width:72px;cursor:pointer}
.prose{max-width:46rem}.prose h2{font-size:1.6rem;margin-top:1.6rem}.prose p,.prose li{color:var(--mu);margin:.5rem 0}
.note{border-left:4px solid var(--or);padding:.6rem 1rem;background:var(--card);color:var(--mu);margin:1rem 0}
.gal{display:block;columns:3 250px;column-gap:.8rem}.gal button{padding:0;border:0;background:none;cursor:zoom-in;display:block;width:100%;margin-bottom:.8rem;break-inside:avoid}.gal img{aspect-ratio:auto}
@media(max-width:820px){:root{--h:68px}.bar img{height:48px}.menu{display:flex}
nav{position:absolute;top:var(--h);left:0;right:0;background:var(--bg);border-bottom:3px solid var(--or);flex-direction:column;align-items:stretch;gap:0;padding:0 4%;max-height:0;overflow:hidden;visibility:hidden;transition:max-height .3s,padding .3s,visibility .3s}
nav.open{max-height:80vh;padding:1rem 4%;visibility:visible}nav ul{flex-direction:column;gap:0}nav li a{display:block;padding:.9rem 0;border-bottom:1px solid var(--bd)}nav .btn{margin-top:1rem;text-align:center}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}