/* Pons Inu: chrome hero, apple-green energy, cinematic comic panels. */
:root{--green:#b5ff39;--ink:#070b08;--panel:#111b11;--border:#2c4027}body{background:radial-gradient(ellipse at 95% 2%,#21451b60,transparent 30%),var(--ink)}.header{background:#070d08ec;border-bottom-color:#b5ff3933}.brand{font-weight:850;font-style:italic;letter-spacing:-.7px}.brand img{width:60px;height:60px;object-fit:contain;border:none;border-radius:0;filter:drop-shadow(0 2px 5px #b5ff3940);animation:logo-hover 5s ease-in-out infinite}.brand b{color:var(--green);font-weight:850}main{overflow:clip}.hero{position:relative;isolation:isolate;min-height:780px;grid-template-columns:1.06fr 1fr;gap:28px;padding-top:70px;padding-bottom:80px}.hero-backdrop{position:absolute;inset:0 calc((1280px - 100vw)/2);z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 75% 50%,#387c2050,transparent 48%),linear-gradient(130deg,#070b08f9 25%,#08110ad9 70%),url('assets/pons-flight.png') center bottom/cover no-repeat}.hero:before{content:"";position:absolute;inset:0 -60px;pointer-events:none;background-image:linear-gradient(#b5ff3907 1px,transparent 1px),linear-gradient(90deg,#b5ff3907 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#000,transparent);z-index:-1}.hero h1{font-weight:850;font-size:clamp(58px,5.15vw,77px);letter-spacing:-3.8px;line-height:1.06;text-transform:uppercase}.hero h1>span:not(.past-era){display:inline-block;font-style:italic;color:var(--green);text-shadow:0 2px 0 #6b9a2e,0 4px 0 #37531c,0 12px 35px #a8ff391b;letter-spacing:-4px}.past-era{text-transform:none;font-style:normal;font-weight:450;color:#c0cbb8!important;font-size:22px;margin-bottom:18px}.hero-copy{z-index:3}.hero .eyebrow{background:#172312bd;border:1px solid #b5ff3945;border-radius:4px;padding:8px 12px;display:inline-flex;font-size:11px}.hero .intro{color:#b9c7b1;max-width:430px;margin-top:28px}.hero .intro strong{color:var(--white)}.pair-pill{border-radius:3px;background:#0f170cd9;border-color:#639438;box-shadow:0 0 20px #b5ff3910}.primary{border-radius:5px;box-shadow:3px 3px 0 #5b8c24,0 0 25px #b5ff3912;text-transform:uppercase;font-size:13px;letter-spacing:.3px;position:relative;overflow:hidden}.primary:after{content:"";position:absolute;top:-50%;bottom:-50%;left:-60%;width:40%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#fff8,transparent);transition:left .5s}.primary:hover:after{left:130%}.text-button{border-radius:5px;border-color:#748765;color:#d3e0c8}.hero-art{height:590px;display:grid;place-items:center;padding:0;perspective:1000px;isolation:isolate}.energy-ring{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,transparent 3%,#b5ff3990 13%,transparent 27%,transparent 46%,#b5ff3933 65%,transparent 81%);mask-image:radial-gradient(transparent 67.5%,#000 68%,#000 69%,transparent 69.5%);animation:energy-spin 25s linear infinite;z-index:-1}.energy-ring:after{content:"";position:absolute;inset:6%;border:1px solid #b5ff3920;border-radius:50%}.ring-inner{width:69%;opacity:.6;animation-direction:reverse;animation-duration:35s}.hero-art:before{content:"";position:absolute;width:70%;aspect-ratio:1;background:radial-gradient(ellipse,#abff3b40,transparent 69%);z-index:-1}.flight-tilt{width:115%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease-out;will-change:transform}.flying-mascot{animation:hero-flight 6s ease-in-out infinite;filter:drop-shadow(0 35px 25px #0009) drop-shadow(0 0 24px #b5ff3930)}.flying-mascot img{width:100%;height:auto;object-fit:contain}.flight-trails{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.flight-trails i{position:absolute;height:1px;width:110px;right:-140px;top:20%;background:linear-gradient(90deg,transparent,#b5ff3980);transform:rotate(-28deg);animation:flight-streak 4.5s linear infinite}.flight-trails i:nth-child(2){top:36%;animation-delay:1.8s;width:65px}.flight-trails i:nth-child(3){top:64%;animation-delay:3s}.flight-trails i:nth-child(4){top:84%;animation-delay:.8s;width:80px}.flight-trails i:nth-child(5){top:48%;animation-delay:3.7s;width:45px}.art-tag{left:25px;bottom:18px;transform:rotate(-3deg);background:var(--green);color:#0b1205;padding:13px 20px;box-shadow:5px 5px 0 #37611c;border:2px solid #070d08;z-index:2}.art-tag span{font-weight:900;font-style:italic;font-size:28px}.art-tag strong{color:#324923;font-size:10px;letter-spacing:1.5px}.art-coordinate{bottom:0;right:0;color:#a3b790;font-size:10px}.hero-note{margin-top:28px}.mini-symbol{background:#12240c;box-shadow:0 0 18px #b5ff3917}.manifesto-band{position:relative;z-index:4;border-top:2px solid #d3ff91;border-bottom:4px solid #3d6122}.manifesto-band .wrap{font-style:italic;font-weight:850;font-size:21px;min-height:75px}.section h2{font-weight:750;letter-spacing:-2px}.section .eyebrow{letter-spacing:1.7px}.section{position:relative}.section-head .eyebrow:before,.universe-intro>.eyebrow:before{content:"";width:9px;height:9px;background:var(--green);transform:rotate(45deg);flex-shrink:0}.next-era{padding-top:100px}.pair-panel{border-radius:6px;border:1px solid #89bf52;background:radial-gradient(ellipse at top right,#5d8c2540,transparent 60%),linear-gradient(145deg,#1e3414,#0a1309);box-shadow:8px 8px 0 #193210;overflow:hidden}.pair-panel:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-top:3px solid var(--green);border-right:3px solid var(--green);pointer-events:none}.pair-display strong{font-weight:750;font-style:italic;text-shadow:0 3px 0 #3d6122}.era-copy .era-lead{color:var(--green);font-size:28px}.story{background:radial-gradient(ellipse at 0 55%,#23471935,transparent 55%)}.origin-mark{background:radial-gradient(ellipse,#294d1b80,transparent 66%);position:sticky;top:120px;min-height:370px}.origin-mark img{width:110%;max-width:none;filter:drop-shadow(0 10px 15px #0008)}.origin-mark small{color:var(--green);background:#0b180b;padding:10px 18px;border:1px solid #476434;transform:rotate(-3deg)}.story-text .cape-line{color:var(--green);font-style:italic;font-size:31px}.flight-section{border-top:1px solid #b5ff3960;border-bottom:1px solid #b5ff3960}.flight-section>img{transition:transform 1s ease-out}.flight-section:hover>img{transform:scale(1.025)}.flight-caption>p:last-child{font-size:37px;line-height:1.12}.flight-caption strong{color:var(--green);font-weight:850;font-style:italic}.value{padding:28px 24px;background:linear-gradient(100deg,#17300d70,transparent);border-left:2px solid #486b2c;transition:border-color .3s,background .3s}.value:hover{border-left-color:var(--green);background:linear-gradient(100deg,#244f1270,transparent)}.value-number{font-size:17px;font-style:italic;font-weight:750}.value h3{font-weight:650}.gallery-grid{grid-template-columns:1fr 1fr;gap:24px}.gallery-card{border-radius:7px;border-color:#435638;box-shadow:4px 4px 0 #182c10}.portrait-card{aspect-ratio:1/1}.logo-card{aspect-ratio:1/1;background:radial-gradient(ellipse,#3d722466,#0e190b 68%)}.logo-card img{object-fit:contain;padding:7%}.gallery .flight-card{grid-column:1/-1;aspect-ratio:3/1}.gallery .flight-card img{object-position:center 35%}.gallery-label strong{font-weight:800;font-style:italic;font-size:29px}.gallery-label small{font-size:11px}.expand-icon{background:#13280ccc;color:var(--green);border-color:#b5ff3960}.closing{background-color:var(--green);background-image:radial-gradient(#25450f20 1px,transparent 1px);background-size:8px 8px;border-top:4px solid #d5ff9c}.closing h2{font-style:italic;font-weight:850;text-transform:uppercase;font-size:clamp(40px,4.5vw,63px)}.dark-button{border-radius:4px;box-shadow:4px 4px 0 #65962b}.motion-toggle{background:#13200e;border:1px solid #3e572e;border-radius:99px;color:#b8cbaa;padding:10px 16px;font-size:12px;min-height:40px}.motion-toggle:hover{border-color:var(--green);color:var(--green)}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal-ready.revealed{opacity:1;transform:translateY(0)}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused .flight-tilt{transform:none}body.motion-paused .reveal-ready{opacity:1;transform:none;transition:none}body.motion-paused html{scroll-behavior:auto}
@keyframes hero-flight{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(5px,-18px,0) rotate(1deg)}}@keyframes energy-spin{to{transform:rotate(360deg)}}@keyframes flight-streak{0%{opacity:0;transform:translate(0,0) rotate(-28deg)}10%{opacity:.65}70%{opacity:.4}100%{opacity:0;transform:translate(-650px,330px) rotate(-28deg)}}@keyframes logo-hover{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-3px) rotate(0)}}
@media(max-width:1400px){.hero-backdrop{inset:0 -48px}}
@media(max-width:1000px){.hero{min-height:690px;gap:15px}.hero h1{font-size:55px;letter-spacing:-3px}.hero h1>span:not(.past-era){letter-spacing:-3px}.hero-art{height:500px}.flight-tilt{width:115%}.art-tag{left:15px;bottom:32px;padding:10px 16px}.art-tag span{font-size:25px}.art-coordinate{bottom:10px;font-size:9px}.hero-backdrop{inset:0 -28px}.primary{font-size:12px}.origin-mark{min-height:320px}.manifesto-band .wrap{font-size:17px}.flight-caption>p:last-child{font-size:32px}}
@media(max-width:700px){.nav{height:78px}.brand{gap:6px}.brand img{width:47px;height:47px}.hero{padding-top:40px;padding-bottom:30px;gap:0;min-height:0;grid-template-columns:1fr}.hero-backdrop{inset:0 -20px;background:radial-gradient(ellipse at 65% 75%,#397d2045,transparent 40%),linear-gradient(#070b08f9,#071107ee),url('assets/pons-flight.png') center bottom/cover}.hero h1{font-size:clamp(46px,10.8vw,68px);letter-spacing:-2.8px;line-height:1.08;margin-top:22px}.hero h1>span:not(.past-era){letter-spacing:-2.8px}.past-era{font-size:20px;margin-bottom:12px}.hero .intro{font-size:16px;line-height:1.7;margin-top:22px;margin-bottom:22px;max-width:430px}.hero .eyebrow{font-size:10px;padding:7px 9px;letter-spacing:1px}.hero-art{width:100%;height:410px;margin:24px auto 0;max-width:420px}.flight-tilt{width:116%}.energy-ring{width:93%}.ring-inner{width:70%}.art-tag{left:0;bottom:5px;padding:10px 18px}.art-tag span{font-size:25px}.art-coordinate{right:0;bottom:-16px;font-size:8px}.hero .actions{gap:10px}.hero .button{font-size:12px;padding:14px 17px;min-height:48px}.manifesto-band .wrap{min-height:65px;font-size:12px}.next-era{padding-top:65px}.section h2{font-size:38px;letter-spacing:-1.6px}.pair-panel{box-shadow:5px 5px 0 #193210}.era-copy .era-lead{font-size:25px}.origin-mark{display:none}.story-text .cape-line{font-size:27px}.flight-section>img{height:390px}.flight-caption>p:last-child{font-size:28px}.value{padding:26px 20px}.gallery-grid{gap:17px}.gallery-label{left:17px;right:17px;bottom:18px}.gallery-label strong{font-size:21px}.gallery-label small{font-size:9px;letter-spacing:1px}.expand-icon{width:29px;height:29px;font-size:20px}.gallery .flight-card{aspect-ratio:1.3}.logo-card img{padding:3%}.gallery-card:after{background:linear-gradient(0deg,#061007f5,transparent 60%)}.closing h2{font-size:38px}.footer .brand{font-size:18px}.motion-toggle{font-size:11px;padding:9px 12px}.footer p{font-size:11px}.hero-note{display:none}}
@media(max-width:400px){nav{gap:12px}.hero-art{height:350px}.brand{font-size:18px}.brand img{width:40px;height:40px}.hero h1{font-size:46px}.manifesto-band .wrap{font-size:11px}.gallery-grid{grid-template-columns:1fr}.gallery .flight-card{grid-column:auto}.gallery-label strong{font-size:26px}.gallery-label small{font-size:10px}.footer{gap:10px}.closing h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.flight-tilt{transform:none!important}.brand img,.flying-mascot,.energy-ring,.flight-trails i{animation:none}}