/* ---------- shared page chrome ---------- */
.links a[aria-current="page"]{color:var(--text)}
.page-hero{padding:var(--s7) 0 var(--s6);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(28px,5vw,48px);line-height:1.1}
.page-hero p{color:var(--muted);max-width:52ch;margin-top:var(--s3);font-size:18px}
@media(min-width:900px){.page-hero{padding:var(--s8) 0 var(--s7)}}

/* ---------- shop ---------- */
.drop{display:grid;gap:var(--s5);padding:var(--s5);border:1px solid var(--line);border-radius:var(--r);background:var(--ink)}
.drop img{width:min(60vw,240px);height:auto;justify-self:center;mix-blend-mode:screen}
.drop h2{font-size:clamp(20px,3vw,28px)}
.drop .price{font-family:var(--display);font-size:22px}
.drop .price span{font-size:13px;color:var(--muted);letter-spacing:.06em;margin-left:var(--s2)}
.drop ul{margin:0;padding-left:1.1em;color:var(--muted);display:grid;gap:var(--s1)}
@media(min-width:800px){.drop{grid-template-columns:280px 1fr;align-items:center}}
.grid3{display:grid;gap:var(--s5)}
@media(min-width:700px){.grid3{grid-template-columns:repeat(3,1fr)}}
.prod{display:grid;gap:var(--s3);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--ink)}
.prod img{width:100%;height:auto;aspect-ratio:470/566;object-fit:cover;background:#fff}
.prod .body{display:grid;gap:var(--s2);padding:0 var(--s4) var(--s4)}
.prod h3{font-size:13px;letter-spacing:.12em}
.prod p{color:var(--muted);font-size:14px}
.prod .row{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s2)}
.prod .price{font-family:var(--display);font-size:18px}
.note{color:var(--muted);font-size:14px;max-width:60ch}

/* ---------- story ---------- */
.story{display:grid;gap:var(--s7)}
.story .block{display:grid;gap:var(--s3);max-width:62ch}
.story h2{font-size:clamp(20px,3vw,30px);line-height:1.2}
.story p{color:#d4d4da;font-size:18px;line-height:1.65}
.story .pull{font-family:var(--display);font-size:clamp(18px,2.6vw,26px);line-height:1.35;letter-spacing:.04em;text-transform:none;color:var(--text);border-left:2px solid var(--magenta);padding-left:var(--s5);max-width:30ch}
.founders{display:grid;gap:var(--s4);margin-top:var(--s2)}
.founders div{padding:var(--s4);border:1px solid var(--line);border-radius:var(--r);background:var(--ink)}
.founders strong{font-family:var(--display);font-size:13px;letter-spacing:.14em;display:block;margin-bottom:var(--s1)}
.founders span{color:var(--muted);font-size:15px}
@media(min-width:700px){.founders{grid-template-columns:repeat(3,1fr)}}

/* ---------- legal ---------- */
.legal-page{max-width:70ch;display:grid;gap:var(--s4);color:#d4d4da;line-height:1.65}
.legal-page h2{font-size:15px;letter-spacing:.14em;margin-top:var(--s4)}
.legal-page p,.legal-page li{font-size:16px}

.story-wrap{display:grid;gap:var(--s7)}
.story-aside{display:none}
@media(min-width:1000px){
  .story-wrap{grid-template-columns:1fr 360px;align-items:start}
  .story-aside{display:block;position:sticky;top:96px}
  .story-aside img{width:100%;height:auto;mix-blend-mode:screen}
}

/* story acts */
.story .act{padding-left:var(--s5);border-left:1px solid var(--line)}
.story .act .eyebrow{margin-bottom:var(--s1)}
/* faq */
.faq{display:grid;gap:var(--s2);max-width:70ch}
.faq details{border:1px solid var(--line);border-radius:var(--r);background:var(--ink)}
.faq summary{cursor:pointer;padding:var(--s4) var(--s5);font-family:var(--display);font-size:13px;letter-spacing:.06em;list-style:none;display:flex;justify-content:space-between;gap:var(--s4);min-height:48px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--cyan);font-size:20px;flex:none}
.faq details[open] summary::after{content:'\2013';color:var(--magenta)}
.faq details p{padding:0 var(--s5) var(--s5);color:#d4d4da;line-height:1.6}
.faq details p a{color:var(--cyan)}
/* street form */
.street-form{max-width:640px;grid-template-columns:1fr 1fr;gap:var(--s4)}
.street-form label{display:grid;gap:var(--s1);font-size:13px;color:var(--muted);letter-spacing:.04em}
.street-form input,.street-form textarea{width:100%;min-height:48px;padding:var(--s3) var(--s4);border-radius:var(--r);border:1px solid var(--line);background:var(--ink);color:var(--text);font:inherit;font-size:16px}
.street-form textarea{min-height:120px;resize:vertical}
.street-form input:focus,.street-form textarea:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px rgba(0,217,255,.25)}
.street-form .full{grid-column:1/-1}
@media(max-width:600px){.street-form{grid-template-columns:1fr}}

.street-form select{width:100%;min-height:48px;padding:var(--s3) var(--s4);border-radius:var(--r);border:1px solid var(--line);background:var(--ink);color:var(--text);font:inherit;font-size:16px}
.street-form select:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 2px rgba(0,217,255,.25)}
.street-form .hint{color:var(--muted);font-size:13px}

/* ---------- v2 (Oct 2026): brand-first nav, static hero ---------- */
/* nav: three links, visible on every screen size */
.links{display:flex;gap:var(--s4)}
.links a{font-size:10px;letter-spacing:.14em}
@media(max-width:479px){.nav .brand span{display:none}}
@media(min-width:900px){.links{gap:var(--s6)}.links a{font-size:11px;letter-spacing:.2em}}

/* hero: static neon mark, no motion */
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 34% 30% at 42% 30%,rgba(0,217,255,.14),transparent 70%),
             radial-gradient(ellipse 34% 30% at 58% 36%,rgba(255,0,186,.14),transparent 70%)}
.hero-mark{width:min(62vw,280px);filter:drop-shadow(0 0 14px rgba(0,217,255,.45)) drop-shadow(0 0 42px rgba(255,0,186,.35))}
@media(min-width:900px){.hero-mark{width:min(26vw,340px)}}
.hero .tag{color:var(--cyan)}

/* story: single column now that the can is gone */
.story .cta-row{justify-content:flex-start}

/* community */
.events{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3);max-width:760px}
.event{display:grid;grid-template-columns:72px 1fr;gap:var(--s4);padding:var(--s5);border:1px solid var(--line);border-radius:var(--r);background:var(--ink)}
.event time{font-family:var(--display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan)}
.event h3{font-size:15px;letter-spacing:.1em;margin-bottom:var(--s1)}
.event p{color:var(--muted);font-size:15px}
.events:not(:has(li)){display:none}
.events:has(li) + .events-empty{display:none}
.events-empty{display:grid;gap:var(--s3);max-width:760px;padding:var(--s6) var(--s5);border:1px dashed var(--line);border-radius:var(--r)}
.events-empty h3{font-size:15px;letter-spacing:.12em}
.events-empty p{color:var(--muted)}
.events-empty .form{margin-top:var(--s2)}
.community-follow{border-top:1px solid var(--line);background:var(--ink)}
.community-follow .cta-row{justify-content:flex-start;margin-top:0}
.note a{color:var(--cyan)}