:root{
  --cobalt:#2447ff;
  --signal:#ff5b3d;
  --pink:#ff91c8;
  --sun:#ffd84d;
  --night:#0c0c0b;
}

/* V1.1: mobile-first navigation, editorial/street energy, richer interaction */
section[id]{scroll-margin-top:150px}
.site-header{box-shadow:0 4px 0 rgba(21,21,18,.06)}
.nav{position:relative}
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:3px;background:var(--signal);transition:right .18s ease}
.nav-links a:hover::after,.nav-links a:focus-visible::after{right:0}
.pill[data-listen]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pill[data-listen][data-speaking="true"]{background:var(--signal);color:var(--night)}

.youth-marquee{border-block:1px solid var(--ink);background:var(--acid);overflow:hidden;white-space:nowrap}
.youth-marquee-track{display:inline-flex;gap:1.2rem;align-items:center;padding:.68rem 0;font-weight:950;letter-spacing:.06em;text-transform:uppercase;animation:bl-marquee 24s linear infinite}
.youth-marquee-track span::after{content:"✦";margin-left:1.2rem}
@keyframes bl-marquee{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.youth-marquee-track{animation:none}}

.hero-v2{position:relative}
.hero-v2 .hero-side{transform:rotate(1.4deg);background:var(--white)}
.hero-v2 .hero-side::before{content:"MADRID / 2026";display:inline-block;background:var(--cobalt);color:white;padding:.25rem .55rem;border-radius:999px;font-size:.7rem;font-weight:950;letter-spacing:.12em;margin-bottom:14px}
.hero-sticker{display:inline-flex;margin-top:26px;background:var(--signal);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:.65rem .8rem;font-weight:950;transform:rotate(-2deg)}

.format-strip{padding:34px 0 12px}
.format-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.format-title h2{margin:0;font-size:clamp(2.1rem,5vw,4.8rem);line-height:.92;letter-spacing:-.055em}
.format-title p{max-width:440px;margin:0;color:var(--muted)}
.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.format-card{min-height:260px;border:2px solid var(--ink);border-radius:26px;padding:24px;display:flex;flex-direction:column;text-decoration:none;box-shadow:5px 5px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease}
.format-card:hover{transform:translate(3px,3px) rotate(.4deg);box-shadow:2px 2px 0 var(--ink)}
.format-card:nth-child(1){background:var(--paper-2)}
.format-card:nth-child(2){background:var(--cobalt);color:white}
.format-card:nth-child(3){background:var(--pink)}
.format-card .tag{font-weight:950;letter-spacing:.1em;font-size:.72rem;text-transform:uppercase}
.format-card h3{font-size:clamp(1.9rem,3vw,3rem);line-height:.95;margin:auto 0 12px;letter-spacing:-.045em}
.format-card p{margin:0;max-width:28ch}

.mode-shell{max-width:1120px;margin:0 auto;padding:0 22px}
.mode-switcher-wrap{position:sticky;top:76px;z-index:35;padding:14px 0;background:linear-gradient(var(--paper) 75%,rgba(244,240,231,0));}
.mode-switcher{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:7px;border:2px solid var(--ink);border-radius:999px;background:var(--white);box-shadow:4px 4px 0 var(--ink)}
.mode-button{border:0;border-radius:999px;padding:.85rem .9rem;background:transparent;color:var(--ink);font-weight:950;cursor:pointer;letter-spacing:.015em}
.mode-button[aria-selected="true"]{background:var(--ink);color:var(--acid)}
.mode-button[data-mode="conciencia"][aria-selected="true"],.mode-button[data-mode="consciousness"][aria-selected="true"]{background:var(--cobalt);color:white}
.mode-button[data-mode="feed"][aria-selected="true"]{background:var(--signal);color:var(--night)}
.mode-panel[hidden]{display:none!important}
.mode-intro{max-width:820px;margin:30px auto 0;padding:0 22px}
.mode-intro strong{display:inline-block;font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;background:var(--ink);color:var(--acid);padding:.35rem .6rem;border-radius:999px}

.spirit-hero{margin:42px 0 32px;padding:34px;border-radius:28px;background:var(--cobalt);color:white;position:relative;overflow:hidden}
.spirit-hero::after{content:"◯";position:absolute;font-size:17rem;line-height:.7;right:-3rem;bottom:-5rem;opacity:.12}
.spirit-hero h2{margin:0 0 14px!important;max-width:12ch}
.spirit-hero p{max-width:620px;font-size:1.15rem}
.practice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:30px 0 54px}
.practice-card{border:2px solid var(--ink);border-radius:24px;padding:24px;background:var(--white)}
.practice-card:nth-child(2n){background:var(--acid)}
.practice-card .practice-num{font-size:3rem;line-height:1;font-weight:950;color:var(--signal)}
.practice-card h3{margin:.5rem 0 .7rem}

.feed-stage{max-width:1040px;margin:32px auto 80px;padding:0 22px}
.feed-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.feed-card{min-height:260px;border:2px solid var(--ink);border-radius:24px;padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:4px 4px 0 var(--ink)}
.feed-card:nth-child(1){grid-column:span 7;background:var(--signal)}
.feed-card:nth-child(2){grid-column:span 5;background:var(--night);color:white}
.feed-card:nth-child(3){grid-column:span 4;background:var(--acid)}
.feed-card:nth-child(4){grid-column:span 8;background:var(--cobalt);color:white}
.feed-card:nth-child(5){grid-column:span 6;background:var(--pink)}
.feed-card:nth-child(6){grid-column:span 6;background:var(--paper-2)}
.feed-card .feed-kicker{text-transform:uppercase;font-size:.72rem;letter-spacing:.12em;font-weight:950}
.feed-card blockquote{margin:22px 0!important;padding:0!important;border:0!important;background:none!important;font-family:inherit!important;font-weight:950;font-size:clamp(1.8rem,4vw,4.1rem)!important;line-height:.92!important;letter-spacing:-.055em}
.feed-card .micro{font-size:.95rem;max-width:36ch}
.share-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.share-mini{border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:.48rem .7rem;font-size:.8rem;font-weight:900;cursor:pointer}
.share-mini:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.feed-card[style*="--visual"]::after{content:"";position:absolute;width:180px;height:180px;border:18px solid currentColor;border-radius:50%;right:-70px;top:-70px;opacity:.12}

.shop-home-v2{position:relative;overflow:hidden;background:var(--night)!important;color:white!important}
.shop-home-v2::before{content:"DROP 001";position:absolute;right:-2vw;top:30px;font-size:clamp(5rem,14vw,13rem);line-height:.8;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.05);transform:rotate(4deg)}
.shop-home-v2 .lede{color:#c8c2b6}
.shop-home-v2 .product-placeholder{background:var(--paper);color:var(--ink);border-color:white;box-shadow:7px 7px 0 var(--signal)}
.shop-home-v2 .product-placeholder:nth-child(2){box-shadow:7px 7px 0 var(--cobalt)}
.shop-home-v2 .product-placeholder:nth-child(3){box-shadow:7px 7px 0 var(--pink)}
.shop-home-v2 .button{border-color:white;color:white}
.shop-home-v2 .button.primary{color:var(--ink);border-color:var(--ink)}

.store-page{background:var(--night);color:white;min-height:100vh}
.store-page .site-header{background:rgba(12,12,11,.9);border-color:rgba(255,255,255,.16)}
.store-page .brand{color:white}.store-page .brand span{background:var(--acid);color:var(--ink)}
.store-page .nav-links a{color:white}.store-page .pill{border-color:white;color:white}
.store-page .store-hero{padding:76px 0 44px;position:relative;overflow:hidden}
.store-page .store-hero h1{font-size:clamp(4.5rem,15vw,12rem);line-height:.72;letter-spacing:-.085em;margin:0;text-transform:uppercase}
.store-page .store-hero h1 span{color:var(--acid)}
.store-page .store-hero p{font-size:1.2rem;max-width:640px;color:#c8c2b6}
.store-status{display:inline-flex;border:1px solid var(--acid);color:var(--acid);border-radius:999px;padding:.45rem .7rem;font-weight:950;text-transform:uppercase;font-size:.76rem;letter-spacing:.1em;margin-bottom:24px}
.store-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 52px}
.store-value{min-height:190px;border-radius:22px;padding:22px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:flex-end;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:950;line-height:.95}
.store-value:nth-child(1){background:var(--signal);color:var(--night)}
.store-value:nth-child(2){background:var(--cobalt)}
.store-value:nth-child(3){background:var(--pink);color:var(--night)}
.store-catalog{padding:30px 0 90px}
.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.store-item{aspect-ratio:4/5;border-radius:24px;background:#1b1b18;border:1px solid rgba(255,255,255,.18);padding:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.store-item::before{content:"BL";font-size:9rem;font-weight:950;letter-spacing:-.08em;opacity:.07;position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-8deg)}
.store-item .number{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acid);font-weight:950}
.store-item h2{font-size:2rem;line-height:.95;margin:0;position:relative}.store-item p{color:#aaa59b;position:relative}
.store-note{border-top:1px solid rgba(255,255,255,.16);padding:26px 0 54px;color:#aaa59b;max-width:720px}

.mobile-nav-label{display:none}
@media(max-width:900px){
  section[id]{scroll-margin-top:142px}
  .site-header{position:sticky}
  .nav{min-height:auto;padding:10px 14px 8px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand utility" "links links";gap:8px 12px}
  .brand{grid-area:brand}
  .utility{grid-area:utility}
  .nav-links{grid-area:links;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;gap:7px;padding:3px 0 5px;-webkit-overflow-scrolling:touch}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{flex:0 0 auto;border:1px solid var(--line);padding:.48rem .68rem;border-radius:999px;background:rgba(255,255,255,.38);font-size:.78rem}
  .store-page .nav-links a{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.06)}
  .format-grid{grid-template-columns:1fr}
  .format-card{min-height:210px}
  .mode-switcher-wrap{top:112px}
  .feed-card:nth-child(n){grid-column:span 6}
  .store-grid,.store-values{grid-template-columns:1fr 1fr}
}

@media(max-width:620px){
  .utility .pill:first-child{display:inline-flex!important}
  .utility{gap:5px}
  .pill{padding:.55rem .7rem;font-size:.76rem}
  .nav{padding-inline:10px}
  .nav-links{margin-inline:-2px}
  .hero-v2{padding-top:38px}
  .format-strip{padding-top:24px}
  .format-title{display:block}.format-title p{margin-top:12px}
  .mode-switcher-wrap{top:110px;padding-top:10px}
  .mode-switcher{gap:3px;padding:5px;box-shadow:3px 3px 0 var(--ink)}
  .mode-button{font-size:.77rem;padding:.72rem .48rem}
  .spirit-hero{padding:24px;margin-top:24px}
  .practice-grid{grid-template-columns:1fr}
  .feed-stage{padding-inline:14px}
  .feed-grid{display:block}
  .feed-card{min-height:240px;margin-bottom:14px}
  .feed-card blockquote{font-size:clamp(2rem,11vw,3.4rem)!important}
  .shop-home-v2::before{font-size:7rem;top:70px}
  .store-page .store-hero{padding-top:44px}
  .store-page .store-hero h1{font-size:clamp(4rem,24vw,7rem)}
  .store-grid,.store-values{grid-template-columns:1fr}
  .store-value{min-height:145px}
}