/* Compact desktop rhythm and mobile-first horizontal browsing */
.street-gallery{padding:clamp(76px,8vw,118px) clamp(20px,5vw,78px);background:#080808;display:grid;grid-template-columns:minmax(270px,.56fr) minmax(0,1.44fr);gap:clamp(36px,6vw,96px);align-items:center;overflow:hidden}
.street-gallery-head h2{font:italic 900 clamp(64px,7.3vw,112px)/.76 'Barlow Condensed';letter-spacing:-.045em;margin:22px 0 28px}
.street-gallery-head h2 i{color:var(--acid)}
.street-gallery-head p{max-width:360px;color:#aaa;font:500 16px/1.7 Inter;margin:0}
.street-gallery-rail{display:grid;grid-template-columns:1.08fr .78fr .88fr;grid-template-rows:1fr 1fr;gap:12px;height:min(590px,68svh)}
.street-gallery figure{position:relative;margin:0;min-width:0;overflow:hidden;background:#111}
.street-gallery figure:nth-child(1){grid-row:1/3}
.street-gallery figure:nth-child(2){grid-column:2;grid-row:1}
.street-gallery figure:nth-child(3){grid-column:2;grid-row:2}
.street-gallery figure:nth-child(4){grid-column:3;grid-row:1/3}
.street-gallery figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050505c9,transparent 42%);pointer-events:none}
.street-gallery img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.street-gallery figure:hover img{transform:scale(1.035)}
.street-gallery figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:800 11px Inter;letter-spacing:.1em}
.street-gallery figcaption b{color:var(--acid)}
.manifesto .text-link{color:#050505;border-bottom-color:#050505}
.manifesto .text-link span{color:#050505}
@media(min-width:1101px){
  .campaign-hero{height:min(860px,92svh);min-height:680px}
  .street-code{min-height:620px;padding-block:70px}
  .manifesto{padding-top:110px;padding-bottom:90px}
  .manifesto-text{font-size:clamp(50px,5.1vw,82px);max-width:1120px}
  .energy-grid{margin-top:70px}
  .flavor-switcher{min-height:680px;height:min(760px,88svh)}
  .flavor-switcher{grid-template-columns:minmax(460px,.9fr) minmax(380px,.72fr)}
  .flavor-stage{display:grid;place-items:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--stage) 25%,#090909),#050505 72%)}
  .flavor-photo{width:auto;max-width:100%;height:100%;object-fit:contain}
  .flavor-panel{padding:55px clamp(32px,4.5vw,72px)}
  .flavor-panel h2{font-size:clamp(64px,6vw,96px)}
  .flavor-tabs{margin-top:30px}
  .flavor-tabs button{padding:13px 4px}
  .shop{padding-top:110px;padding-bottom:90px}
  .shop-heading{margin-bottom:55px}
  .power-visual{height:360px}
  .motion-strip{min-height:560px;height:68vh;max-height:700px}
  .motion-strip span{font-size:clamp(76px,11vw,165px)}
  .culture{min-height:720px;padding-block:70px}
  .night-grid{padding-block:100px}
  .night-copy h2{font-size:clamp(70px,7.5vw,112px)}
  .final-cta{min-height:580px}
  .intro-hero{min-height:660px;height:75svh;max-height:790px;padding-block:80px}
  .page-title{font-size:clamp(78px,10vw,160px)}
  .shop-card{min-height:560px}
  .product-hero{min-height:680px;height:calc(100svh - 78px);max-height:820px}
  .product-campaign{min-height:0}
  .product-buy h1{font-size:clamp(72px,7.3vw,116px)}
  .product-story{padding-block:110px}
  .story-hero{min-height:650px;height:78svh;max-height:820px}
  .story-hero h1{font-size:clamp(86px,11vw,170px)}
  .story-origin{padding-block:110px}
  .story-break-rules,.story-final{min-height:680px;height:78svh;max-height:790px}
  .story-code{padding-block:130px}
}
@media(max-width:900px){
  .campaign-slide,.campaign-slide.copy-left,.campaign-slide.copy-right{background-image:linear-gradient(0deg,#050505 0%,#050505db 38%,transparent 70%),var(--photo-mobile,var(--photo));background-position:center top}
  .product-campaign{background-image:linear-gradient(0deg,#0009,transparent 48%),var(--campaign-mobile,var(--campaign));background-position:center top}
  .shop-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:14px 18px 28px;background:#070707;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .shop-card,.shop-card:nth-child(5){flex:0 0 min(86vw,420px);display:block;scroll-snap-align:center;min-height:0;border:1px solid #ffffff18}
  .shop-card-photo{height:min(58svh,480px)}
  .shop-card-info{min-height:330px;padding:30px 24px}
  .shop-card-info h2{font-size:clamp(54px,15vw,76px)}
  .flavor-nav{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .flavor-nav a,.flavor-nav a:last-child{flex:0 0 72vw;min-height:130px;scroll-snap-align:start}
  .product-facts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
  .product-facts article{flex:0 0 48vw;scroll-snap-align:start}
  .flavor-photo{object-fit:contain;background:#050505}
}
@media(max-width:760px){
  .campaign-hero{min-height:690px;height:100svh}
  .campaign-copy{bottom:82px!important}
  .campaign-copy h1{font-size:clamp(54px,17vw,76px)}
  .street-code{min-height:650px;padding-block:70px}
  .manifesto{padding-block:72px}
  .flavor-stage{height:56svh;min-height:420px}
  .flavor-panel{padding-block:55px}
  .shop{padding-top:70px;padding-bottom:65px}
  .product-rail{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 18px 22px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .power-card{flex:0 0 82vw;min-width:0;scroll-snap-align:center}
  .power-visual{height:min(54svh,430px)}
  .motion-strip{min-height:470px;height:58svh}
  .culture{min-height:760px;padding-block:70px}
  .street-gallery{display:block;padding:72px 0 76px}
  .street-gallery-head{padding:0 22px 38px}
  .street-gallery-head h2{font-size:19vw;max-width:520px}
  .street-gallery-rail{display:flex;height:auto;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 18px 18px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
  .street-gallery figure,.street-gallery figure:nth-child(1),.street-gallery figure:nth-child(2),.street-gallery figure:nth-child(3),.street-gallery figure:nth-child(4){grid-column:auto;grid-row:auto;flex:0 0 82vw;height:min(66svh,560px);margin:0;scroll-snap-align:center}
  .street-gallery figcaption{left:18px;right:18px;bottom:17px}
  .night-grid{padding-block:75px}
  .night-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:14px;overscroll-behavior-inline:contain}
  .night-cards article{flex:0 0 82vw;scroll-snap-align:center}
  .final-cta{min-height:520px}
  .intro-hero{min-height:620px;height:78svh}
  .product-campaign{min-height:58svh}
  .product-buy{min-height:auto;padding-block:70px}
  .product-story{padding-block:75px}
  .story-hero{min-height:650px;height:82svh}
  .story-modes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 18px 70px}
  .story-modes article{flex:0 0 84vw;scroll-snap-align:center;border:1px solid #aaa;padding:30px}
  .story-photo{height:62svh}
  .story-final>img{height:58svh}
}

/* Inner-page motion system */
.page-progress{position:fixed;z-index:90;left:0;top:0;width:0;height:3px;background:var(--accent,var(--acid));box-shadow:0 0 14px var(--accent,var(--acid));pointer-events:none}
.page-glow{position:fixed;z-index:0;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#b7ff0017,transparent 68%);transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:screen}
.page-main,.page-footer{position:relative;z-index:1}
body.motion-ready .motion-reveal{opacity:0;transform:translateY(42px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
body.motion-ready .motion-reveal.is-visible{opacity:1;transform:none}
.page-nav nav a{position:relative}
.page-nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--acid);transition:right .3s ease}
.page-nav nav a:hover:after{right:0}

/* Uniform shop system */
.shop-page .intro-hero{min-height:560px;height:64svh;max-height:680px}
.shop-page .intro-logo{animation:slow-drift 7s ease-in-out infinite alternate}
.shop-page .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px;background:#070707}
.shop-page .shop-card,.shop-page .shop-card:nth-child(5){grid-column:auto;display:flex;flex-direction:column;min-height:650px;height:650px;border:1px solid #ffffff17;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.shop-page .shop-card:hover{transform:translateY(-9px);border-color:var(--flavor);box-shadow:0 24px 70px #000}
.shop-page .shop-card-photo{height:390px;flex:none;border-bottom:7px solid var(--flavor);background:#111}
.shop-page .shop-card-photo img{object-fit:cover;transform:scale(1.01);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.shop-page .shop-card:hover .shop-card-photo img{transform:scale(1.075)}
.shop-page .shop-card-info{flex:1;padding:30px;justify-content:flex-start}
.shop-page .shop-card-info h2{font-size:clamp(46px,4.3vw,66px);min-height:1.56em;margin:17px 0 14px}
.shop-page .shop-card-info p{min-height:3.3em;margin:0}
.shop-page .shop-card-info div{margin-top:auto;padding-top:20px;gap:10px;flex-wrap:wrap}
.shop-page .shop-card-info b{margin-right:auto}

/* Expanded Our Energy page */
.energy-intro{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;min-height:700px;height:calc(100svh - 78px);max-height:860px;padding:70px clamp(24px,5vw,80px);background:radial-gradient(circle at 72% 45%,#b7ff001c,transparent 34%),#070707}
.energy-intro:before{opacity:.12}
.energy-intro-copy{position:relative;z-index:3;align-self:end;padding-bottom:40px}
.energy-intro-copy .page-title{margin:28px 0;font-size:clamp(82px,10vw,158px)}
.energy-intro-copy p{max-width:560px;margin:0}
.energy-hero-visual{position:relative;height:100%;min-height:570px;perspective:1200px}
.energy-hero-visual:before{content:"";position:absolute;inset:12% 7%;border:1px solid #ffffff18;transform:rotate(-5deg)}
.energy-hero-visual img{position:absolute;width:44%;height:72%;object-fit:cover;border:1px solid #ffffff20;box-shadow:0 30px 70px #000;animation:energy-float 6s ease-in-out infinite}
.energy-hero-visual img:nth-child(1){left:3%;top:15%;transform:rotate(-9deg);animation-delay:-2s}
.energy-hero-visual img:nth-child(2){left:28%;top:5%;z-index:2;transform:rotate(1deg);animation-delay:-4s}
.energy-hero-visual img:nth-child(3){right:1%;top:18%;transform:rotate(9deg)}
@keyframes energy-float{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes slow-drift{from{translate:0 -5px;rotate:-2deg}to{translate:-16px 16px;rotate:2deg}}
.energy-page .energy-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;background:#ffffff1f}
.energy-page .energy-flow article{position:relative;display:grid;grid-template-columns:72px 72px 1fr;grid-template-rows:auto auto;gap:10px 22px;min-height:330px;padding:50px;background:#090909;border:0;overflow:hidden;transition:background .35s}
.energy-page .energy-flow article:hover{background:#10140c}
.energy-page .energy-flow article:after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-80px;bottom:-95px;background:var(--acid);filter:blur(70px);opacity:.12}
.energy-icon{grid-row:1/3;width:62px;height:62px;border:1px solid #b7ff0066;display:grid;place-items:center;color:var(--acid)}
.energy-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.energy-page .energy-flow article>b{font-size:20px;align-self:center}
.energy-page .energy-flow h2{font-size:clamp(48px,5.5vw,82px);grid-column:2/4;margin:24px 0 8px}
.energy-page .energy-flow p{grid-column:2/4;max-width:520px;margin:0}
.energy-proof{display:grid;grid-template-columns:1.05fr .95fr;min-height:700px;background:#0a0a0a}
.energy-proof-photo{overflow:hidden;min-height:620px}
.energy-proof-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.energy-proof:hover .energy-proof-photo img{transform:scale(1.035)}
.energy-proof-copy{padding:clamp(55px,7vw,105px);display:flex;flex-direction:column;justify-content:center}
.energy-proof-copy h2,.energy-flavors h2{font:italic 900 clamp(66px,8vw,124px)/.76 'Barlow Condensed';letter-spacing:-.045em;margin:27px 0}
.energy-proof-copy h2 i,.energy-flavors h2 i{color:var(--acid)}
.energy-proof-copy>p{color:#aaa;font:500 17px/1.75 Inter;max-width:560px}
.energy-proof-copy>div{display:flex;gap:12px;margin:35px 0;flex-wrap:wrap}
.energy-proof-copy>div span{min-width:120px;border:1px solid #ffffff24;padding:15px;color:#888;font:800 10px Inter;letter-spacing:.08em}
.energy-proof-copy>div b{display:block;color:#fff;font:900 27px 'Barlow Condensed';letter-spacing:0;margin-bottom:4px}
.energy-proof-copy>a{align-self:flex-start;background:var(--acid);color:#050505;padding:17px 20px;font:900 12px Inter}
.energy-flavors{padding:100px clamp(20px,5vw,78px);background:#111}
.energy-flavors>div:first-child{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px}
.energy-flavors h2{font-size:clamp(62px,7vw,105px);margin:20px 0 0}
.energy-flavor-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.energy-flavor-rail a{position:relative;height:390px;overflow:hidden;border-bottom:6px solid var(--f);background:#080808;transition:transform .4s,border-color .4s}
.energy-flavor-rail a:hover{transform:translateY(-10px)}
.energy-flavor-rail img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.energy-flavor-rail a:hover img{transform:scale(1.06)}
.energy-flavor-rail span{position:absolute;left:14px;bottom:14px;background:#050505d9;color:var(--f);padding:9px 11px;font:900 11px Inter}
.energy-page .statement{position:relative;overflow:hidden}
.energy-page .statement:before{content:"MACHIN / MACHIN / MACHIN";position:absolute;left:-4%;top:8%;white-space:nowrap;color:#00000012;font:italic 900 14vw 'Barlow Condensed';animation:statement-run 18s linear infinite}
.energy-page .statement h2{position:relative}
@keyframes statement-run{to{translate:-35% 0}}

@media(min-width:901px) and (max-width:1180px){
  .shop-page .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .energy-flavor-rail{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .page-glow{display:none}
  .shop-page .intro-hero{min-height:580px;height:72svh}
  .shop-page .shop-grid{display:flex;padding:18px;gap:14px}
  .shop-page .shop-card,.shop-page .shop-card:nth-child(5){flex:0 0 min(86vw,410px);height:690px;min-height:690px}
  .shop-page .shop-card-photo{height:390px}
  .shop-page .shop-card-info{min-height:0}
  .energy-intro{display:block;height:auto;max-height:none;min-height:0;padding:90px 20px 40px}
  .energy-intro-copy{padding:0 0 45px}
  .energy-intro-copy .page-title{font-size:21vw}
  .energy-hero-visual{height:62svh;min-height:500px}
  .energy-hero-visual img{width:51%;height:72%}
  .energy-hero-visual img:nth-child(1){left:0}.energy-hero-visual img:nth-child(2){left:25%}.energy-hero-visual img:nth-child(3){right:0}
  .energy-page .energy-flow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:18px;background:#070707}
  .energy-page .energy-flow article{flex:0 0 82vw;min-height:390px;scroll-snap-align:center;display:block;padding:34px}
  .energy-page .energy-flow article>b{position:absolute;right:28px;top:32px}
  .energy-page .energy-flow h2{font-size:16vw;margin-top:42px}
  .energy-icon{width:58px;height:58px}
  .energy-proof{grid-template-columns:1fr;min-height:0}
  .energy-proof-photo{height:64svh;min-height:480px}
  .energy-proof-copy{padding:72px 22px}
  .energy-proof-copy h2{font-size:19vw}
  .energy-flavors{padding:75px 0}
  .energy-flavors>div:first-child{display:block;padding:0 22px;margin-bottom:36px}
  .energy-flavors h2{font-size:18vw}
  .energy-flavor-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 18px 18px}
  .energy-flavor-rail a{flex:0 0 75vw;height:58svh;max-height:540px;scroll-snap-align:center}
}
@media(prefers-reduced-motion:reduce){.page-glow{display:none}.energy-hero-visual img,.shop-page .intro-logo,.energy-page .statement:before{animation:none!important}}