/* Velzyland inner pages — shared styles */
:root{
  --red:#e70000; --red-deep:#b00000;
  --bone:#f6f1e7; --ink:#141210;
  --pacific:#0e2f4a; --cane:#e9c96b;
  --edge: clamp(20px, 5vw, 70px);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--bone);color:var(--ink);}
body{font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip;}
::selection{background:var(--red);color:var(--bone);}
img{display:block}
.display{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;line-height:.92;letter-spacing:.01em;}

.grain::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:55;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

#topbar{position:fixed;top:0;left:0;width:100%;height:6px;background:var(--red);z-index:70;}
nav{position:fixed;top:6px;left:0;width:100%;z-index:65;display:flex;justify-content:space-between;align-items:center;padding:20px var(--edge);background:var(--bone);}
nav .mark{height:28px}
nav .mark img{height:100%}
nav .links{display:flex;gap:26px;align-items:center;font-family:'Anton',sans-serif;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);}
nav .links a{color:inherit;text-decoration:none;opacity:.85;transition:opacity .3s}
nav .links a:hover{opacity:1}
nav .links a.active{color:var(--red);opacity:1}
nav .visit{border:1.5px solid currentColor;padding:8px 18px;border-radius:100px;}
nav .links .order{background:var(--red);border-color:var(--red);color:var(--bone);opacity:1;}
nav .links .order:hover{background:var(--deep, #8a3a0e);border-color:var(--red);}
#burger{display:none;background:none;border:0;cursor:pointer;color:var(--ink);padding:4px;}
#burger svg{display:block;width:36px;height:28px;}
@media(max-width:720px){
  nav{padding:14px var(--edge);justify-content:flex-end;}
  nav .links{display:none;}
  nav .mark{height:34px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
  #burger{display:block;}
}
#mobileMenu{position:fixed;inset:0;z-index:80;background:var(--red);display:flex;flex-direction:column;justify-content:center;padding:0 var(--edge);transform:translateY(-103%);transition:transform .6s cubic-bezier(.77,0,.18,1);}
#mobileMenu.open{transform:translateY(0);}
#mobileMenu a{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(42px,11vw,84px);color:var(--bone);text-decoration:none;line-height:1.12;}
#mobileMenu .mm-close{position:absolute;top:20px;right:var(--edge);background:none;border:0;color:var(--bone);font-size:38px;cursor:pointer;line-height:1;}
#mobileMenu .mm-tag{margin-top:30px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--bone);opacity:.7;}

/* Page hero */
.page-hero{padding:150px var(--edge) clamp(40px,8vh,90px);}
.page-hero .kicker{color:var(--red);}
.page-hero h1{font-size:clamp(52px,11vw,170px);color:var(--ink);}
.page-hero h1 em{color:var(--red);font-style:normal}
.page-hero .lede{max-width:560px;margin-top:26px;font-size:clamp(15px,1.5vw,19px);line-height:1.6;opacity:.85}

section.beat{position:relative;padding:clamp(70px,12vh,150px) var(--edge);overflow:hidden;}
.kicker{font-size:11px;letter-spacing:.3em;text-transform:uppercase;opacity:.6;margin-bottom:22px;}
.beat.ink{background:var(--ink);color:var(--bone)}
.beat.red{background:var(--red);color:var(--bone)}
.beat.blue{background:var(--pacific);color:var(--bone)}

.feat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,84px);align-items:center;}
.feat h2{font-size:clamp(32px,5.4vw,82px);line-height:1.0}
.feat h2 em{color:var(--red);font-style:normal}
.feat p{margin-top:22px;max-width:46ch;font-size:clamp(15px,1.4vw,18px);line-height:1.65;opacity:.9}
.feat.rev .col-txt{order:2}
@media(max-width:820px){.feat{grid-template-columns:1fr}.feat.rev .col-txt{order:0}}

.plate{position:relative;overflow:hidden;aspect-ratio:4/5;background:#0d0b0a;}
.plate.sq{aspect-ratio:1/1}
.plate.tall{aspect-ratio:3/4}
.plate.wide{aspect-ratio:16/10}
.plate img{width:100%;height:100%;object-fit:cover;}
.cap{margin-top:10px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.6;}

/* Full-bleed image band */
.band{position:relative;height:clamp(340px,60vh,640px);overflow:hidden;}
.band img{width:100%;height:100%;object-fit:cover;}
.band + .cap{padding:0 var(--edge);margin-top:14px;}

/* Menu list */
.rows{max-width:1100px}
.row{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:baseline;padding:24px 0;border-top:2px solid var(--ink);}
.beat.ink .row{border-color:rgba(246,241,231,.18)}
.row .name{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:clamp(21px,2.8vw,38px);}
.row .desc{font-size:14px;line-height:1.5;color:rgba(22,19,17,.7);max-width:52ch}
.beat.ink .row .desc{color:rgba(246,241,231,.72)}
.row .desc strong{display:block;margin-top:9px;font-weight:600;color:var(--red);letter-spacing:.01em}
.row .price{font-family:'Anton',sans-serif;font-size:clamp(19px,2.2vw,30px);color:var(--red)}
.beat.ink .row .price{color:var(--cane)}
@media(max-width:720px){.row{grid-template-columns:1fr;gap:8px}.row .price{grid-row:1}}
.smallnote{margin-top:26px;font-size:13px;opacity:.55;font-style:italic}

/* Photo grid */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media(max-width:720px){.grid2{grid-template-columns:1fr}}

/* CTA close */
.page-close{background:var(--red);color:var(--bone);text-align:center;padding:clamp(80px,14vh,160px) var(--edge);}
.page-close h2{font-size:clamp(38px,7vw,110px)}
.page-close .btns{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.page-close .btns a{border:1px solid var(--bone);color:var(--bone);text-decoration:none;padding:14px 26px;border-radius:100px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;transition:.3s}
.page-close .btns a:hover{background:var(--bone);color:var(--red)}

footer{background:var(--ink);color:#9a938a;padding:60px var(--edge) 46px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;font-size:12px}
footer img{height:22px;filter:brightness(0) invert(1);opacity:.85}
footer .sign{font-style:italic;opacity:.6;max-width:40ch}

/* Reveal on scroll (IntersectionObserver adds .in) */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1);}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}