/* UNDERDOGE / Backstreet Edition — original neighborhood-zine visual language. */
:root {
  color-scheme: light;
  --paper:#f5f3e8; --ink:#18283a; --ink-soft:#334358; --line:#b8beb8;
  --lime:#b9ef63; --lime-bright:#d9ff7d; --green:#388f73;
  --yellow:#ffdc64; --blue:#86cdf7; --sky:#d9f1ff; --white:#fffef9;
  --pad:clamp(20px,5.3vw,94px); --max:1440px;
  --head:'Trebuchet MS','Arial Rounded MT Bold',Verdana,sans-serif;
  --body:'Trebuchet MS',Verdana,Arial,sans-serif;
  --mono:'Courier New',Courier,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
::selection{background:var(--lime);color:var(--ink)}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #006ce5;outline-offset:5px}
img{display:block;max-width:100%}
h1,h2,h3,p{margin-top:0}
.skip-link{position:fixed;top:-100px;left:15px;z-index:200;padding:14px 18px;background:var(--yellow);color:var(--ink)}
.skip-link:focus{top:12px}
.reading-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:110;pointer-events:none}
.reading-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--green),var(--blue),var(--yellow))}
.site-header{position:relative;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:23px;min-height:88px;padding:13px var(--pad);border-bottom:1.5px solid var(--ink);background:var(--paper)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand__mark{position:relative;display:grid;place-items:center;background:var(--lime);width:42px;height:42px;border:1.5px solid var(--ink);border-radius:11px;box-shadow:3px 3px 0 var(--ink);font-family:var(--head);font-size:31px;line-height:1;font-weight:900;transform:rotate(-8deg)}
.brand__mark>span{position:absolute;top:-8px;right:-8px;font-family:var(--body);font-size:16px;color:var(--ink)}
.brand__name{font-family:var(--head);font-size:27px;font-weight:900;letter-spacing:-.09em;line-height:.82}
.brand__name>span,.footer__logo>span:first-child{color:var(--green)}
.brand__name small{display:block;font-family:var(--mono);text-transform:uppercase;font-size:8px;letter-spacing:.12em;font-weight:700;margin-top:9px}
.desktop-nav{display:flex;align-items:center;gap:clamp(15px,2vw,34px)}
.desktop-nav a,.header-edition,.header-join,.overline,.hero__bottom,.section-top,.eyebrow,.chapter-tag,.mini-stamp,.turn__underline,.mission-card>span,.mission__footer>span,.future-card__no,.future-card__state,.pack__tag,.pack__inner small,.footer,.light-switch{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.02em}
.desktop-nav a{white-space:nowrap;transition:color .2s}
.desktop-nav a:hover{color:var(--green)}
.header-right{display:flex;align-items:center;gap:17px}
.header-edition{white-space:nowrap;font-size:9px;color:var(--ink-soft)}
.header-edition b{color:var(--green)}
.header-join{white-space:nowrap;background:var(--lime);border:1.5px solid var(--ink);padding:12px 14px;box-shadow:3px 3px 0 var(--ink);transition:transform .2s,box-shadow .2s}
.header-join span{padding-left:8px;font-size:16px}
.header-join:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.menu-toggle{display:none}
.mobile-nav[hidden]{display:none}
.hero{--px:52%;--py:48%;position:relative;overflow:hidden;isolation:isolate;min-height:760px;height:min(900px,calc(100svh - 88px));display:flex;align-items:center;padding:70px var(--pad) 95px;background:#e8f3ea}
.hero__sky,.sky-spot,.hero__grid{position:absolute;inset:0;pointer-events:none}
.hero__sky{z-index:-1;overflow:hidden;background:linear-gradient(119deg,#f8f6e9 0%,#eef6e9 36%,#d7eff6 76%,#d8edcf 100%)}
.sky-spot{inset:auto;border-radius:50%;filter:blur(56px);will-change:transform;pointer-events:none;mix-blend-mode:multiply}
.sky-spot--blue{width:75vw;height:75vw;max-width:980px;max-height:980px;left:35%;top:-40%;background:radial-gradient(circle,#7cc7fa 0%,rgba(125,202,246,.42) 28%,transparent 65%);opacity:.56;animation:blue-hour 17s ease-in-out infinite alternate}
.sky-spot--lime{width:75vw;height:75vw;max-width:1050px;max-height:1050px;right:-25%;bottom:-69%;background:radial-gradient(circle,#b3ec66 0%,rgba(182,245,113,.5) 28%,transparent 68%);opacity:.76;animation:lime-hour 14s ease-in-out infinite alternate}
.sky-spot--yellow{width:45vw;height:45vw;max-width:700px;max-height:700px;left:22%;top:2%;background:radial-gradient(circle,#ffea91 0%,rgba(255,230,139,.3) 28%,transparent 68%);opacity:.52;animation:yellow-hour 11s ease-in-out infinite alternate}
.hero__sky:after{content:"";position:absolute;inset:0;opacity:.42;pointer-events:none;background:radial-gradient(circle 380px at var(--px) var(--py),rgba(255,255,220,.65),transparent 90%);transition:background .2s}
.hero__grid{inset:0;opacity:.27;background-image:linear-gradient(to right,rgba(27,61,57,.11) 1px,transparent 1px),linear-gradient(to bottom,rgba(27,61,57,.11) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to right,transparent 15%,#000 85%)}
.sky-scribble{position:absolute;font-size:35px;color:var(--green);animation:twinkle 9s linear infinite}
.sky-scribble--one{top:17%;right:12%;font-size:61px}.sky-scribble--two{bottom:18%;left:45%;font-size:23px;animation-delay:-3s}
.hero__copy{z-index:5;position:relative;width:min(61%,920px);padding-bottom:25px}
.overline{display:flex;align-items:center;gap:11px;color:#284f4d;font-size:12px;letter-spacing:.025em;margin-bottom:25px}
.overline__dot{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(86,182,124,.18)}
.overline__bar{color:var(--green)}
.hero h1,.heading{font-family:var(--head);font-weight:900;letter-spacing:-.09em;line-height:.99}
.hero h1{font-size:clamp(70px,8.25vw,145px);margin:0 0 32px;max-width:1050px;text-wrap:balance}
.hero__highlight{position:relative;display:inline-block;white-space:nowrap}
.hero__highlight:before{content:"";position:absolute;left:-3%;right:-5%;bottom:9%;height:36%;background:var(--lime);z-index:-1;transform:rotate(-2deg);border-radius:8px}
.hero__highlight em,.heading em{font-family:Georgia,'Times New Roman',serif;font-size:.95em;font-weight:700;font-style:italic;letter-spacing:-.095em}
.hero__lead{max-width:485px;margin-bottom:27px;color:#39485a;font-size:clamp(15px,1.25vw,19px);line-height:1.65}
.hero__lead strong{color:var(--ink)}
.hero__actions,.pack__links{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-width:207px;padding:16px 19px;border:2px solid var(--ink);border-radius:999px;font:700 12px var(--mono);letter-spacing:-.02em;box-shadow:4px 4px 0 var(--ink);transition:transform .22s,box-shadow .22s,background .22s;white-space:nowrap}
.pill span{font:700 20px var(--body)}
.pill:hover{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}
.pill--ink{background:var(--ink);color:#fffef8;box-shadow:4px 4px 0 var(--green)}
.pill--ink:hover{box-shadow:1px 1px 0 var(--green);background:#32485d}
.pill--white{background:var(--white);color:var(--ink)}
.underlink{font:700 11px var(--mono);padding:12px 2px;border-bottom:2px solid var(--green);white-space:nowrap}
.underlink span{color:var(--green);font-size:18px}
.hero__stage{position:absolute;z-index:3;pointer-events:none;right:clamp(-35px,2.2vw,52px);width:clamp(550px,51vw,820px);height:calc(100% - 80px);bottom:17px;display:grid;place-items:center}
.hero__stage-glow{position:absolute;width:82%;aspect-ratio:1;border-radius:44% 56% 58% 42%;transform:rotate(-14deg);background:linear-gradient(160deg,#d7fc7a,#83d9df 72%);box-shadow:24px 25px 0 rgba(27,45,59,.11);animation:stage-tilt 8s ease-in-out infinite alternate}
.hero__ring{position:absolute;width:91%;aspect-ratio:1;border:2px dashed rgba(30,85,77,.36);border-radius:50%;animation:slow-spin 80s linear infinite}
.hero__dog{position:absolute;bottom:-3%;height:101%;width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(14px 18px 2px rgba(25,44,47,.11));animation:hero-dog 7s ease-in-out infinite}
.hero__circle-note{position:absolute;z-index:2;top:13%;right:-1%;width:105px;height:105px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);display:grid;place-items:center;text-align:center;line-height:1.02;font:900 16px var(--head);transform:rotate(13deg);animation:badge-sway 7s ease-in-out infinite}
.hero__stamp{position:absolute;z-index:3;left:3%;bottom:10%;display:block;transform:rotate(-9deg);background:var(--white);border:2px solid var(--ink);padding:13px 16px;box-shadow:5px 5px 0 var(--ink);font:700 12px/1.3 var(--mono)}
.hero__stamp b{font-size:17px;font-family:var(--head)}
.hero__stamp span{position:absolute;right:-16px;top:-17px;font-size:28px}
.hero__bottom{position:absolute;bottom:0;left:var(--pad);right:var(--pad);height:66px;border-top:1px solid rgba(28,51,66,.3);display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:5;color:#3d5556;font-size:10px}
.scroll-sign{font-weight:700}.scroll-sign span{font-size:19px;vertical-align:-2px;margin-left:4px}
.ticker{overflow:hidden;background:var(--lime);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);height:47px;display:flex;align-items:center;position:relative;z-index:4}
.ticker__track{display:flex;width:max-content;white-space:nowrap;animation:ticker-run 32s linear infinite;font:800 17px var(--mono);letter-spacing:.025em}
.ticker__track span{padding-right:22px}
section:not(.hero){scroll-margin-top:30px}
.section-top{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid rgba(27,44,59,.36);padding-bottom:17px;font-size:11px;line-height:1.5}
.section-index{display:inline-block;background:var(--ink);color:var(--white);padding:8px 10px;transform:rotate(-1deg)}
.section-top--dark{border-color:rgba(225,246,227,.27)}
.section-top--dark .section-index{background:var(--lime);color:var(--ink)}
.eyebrow{margin:0 0 17px;color:var(--green);letter-spacing:.055em;font-size:12px}
.heading{font-size:clamp(65px,8.2vw,134px);margin-bottom:0}
.story{background:var(--paper);padding:90px var(--pad) 120px;overflow:hidden}
.story__intro,.story__layout,.turn__layout,.mission__head,.future__lead{max-width:var(--max);margin-inline:auto}
.story__intro{display:grid;grid-template-columns:1.5fr .65fr;gap:8vw;align-items:end;padding:74px 0 80px}
.story__intro .heading{font-size:clamp(64px,8.1vw,123px)}
.story__intro .heading em{color:var(--green)}
.story__intro-side{padding-bottom:8px}
.story__intro-side p{font-size:clamp(17px,1.45vw,21px);line-height:1.65;margin:0 0 20px;max-width:390px}
.hand-note{display:inline-block;font:italic 26px Georgia,serif;color:var(--green);transform:rotate(-7deg);margin-left:22px}
.story__layout{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(34px,7vw,108px);align-items:center}
.story__scene{position:relative;isolation:isolate;min-height:610px;overflow:hidden;border:2px solid var(--ink);border-radius:11px;background:radial-gradient(ellipse at 50% 34%,#54779c 0%,#263f59 46%,#162939 90%);box-shadow:12px 12px 0 var(--blue);transition:background .5s,box-shadow .5s}
.story__scene:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse 39% 40% at 47% 28%,rgba(255,246,181,.88),rgba(254,225,131,.18) 75%,transparent);opacity:1;transition:opacity .5s}
.story__scene:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.25;pointer-events:none;background-image:linear-gradient(transparent 96%,rgba(200,235,246,.16) 96%),linear-gradient(90deg,transparent 96%,rgba(200,235,246,.16) 96%);background-size:39px 39px}
.story__scene>img{position:absolute;z-index:3;bottom:0;left:0;width:100%;height:78%;object-fit:contain;object-position:center bottom;filter:drop-shadow(12px 16px 3px rgba(0,0,0,.25))}
.street-light{position:absolute;left:21%;top:0;width:61%;height:64%;z-index:1}
.street-light__post{position:absolute;top:26px;right:8%;bottom:-12%;height:4px;width:4px;background:#b9d5e0;transform:rotate(-8deg);transform-origin:top}
.street-light__arm{position:absolute;top:27px;right:9%;height:4px;width:60%;background:#bedae3;transform:rotate(-12deg);transform-origin:right}
.street-light__bulb{position:absolute;top:40px;left:29%;width:62px;height:22px;border-radius:50% 50% 38% 38%;background:var(--yellow);box-shadow:0 0 25px #fff0ad,0 0 70px #ffe092;transition:box-shadow .4s,background .4s}
.street-light__cone{position:absolute;top:60px;left:1%;width:82%;height:94%;background:linear-gradient(to bottom,rgba(255,240,166,.44),transparent 90%);filter:blur(21px);clip-path:polygon(36% 0,53% 0,100% 100%,0 100%);transition:opacity .5s}
.story__street-label{position:absolute;top:20px;left:22px;font:700 10px var(--mono);color:#e1f2f2;z-index:4;letter-spacing:.05em}
.story__pawprint{position:absolute;top:64px;right:20px;font-size:40px;color:var(--lime)}
.light-switch{position:absolute;z-index:5;right:17px;bottom:16px;border:1px solid var(--white);border-radius:3px;background:#f2f5e9;color:var(--ink);padding:10px 12px;box-shadow:4px 4px 0 #111e2a;font-size:11px}
.light-switch span{font-size:18px;vertical-align:-2px;margin-left:5px}
.story__scene.lights-off{background:#101e2b;box-shadow:12px 12px 0 #657990}
.story__scene.lights-off:before{opacity:.09}
.story__scene.lights-off .street-light__cone{opacity:0}
.story__scene.lights-off .street-light__bulb{background:#728091;box-shadow:none}
.story__scene.lights-off>img{filter:brightness(.62) drop-shadow(12px 16px 3px rgba(0,0,0,.4))}
.story__text{max-width:520px;padding:20px 0}
.chapter-tag{display:inline-block;border-bottom:2px solid var(--green);padding-bottom:12px;color:#47766f}
.story__text h3{font:900 clamp(47px,5vw,82px)/1.02 var(--head);letter-spacing:-.085em;margin:24px 0}
.story__text h3 em{font:700 italic .92em Georgia,serif;letter-spacing:-.08em;color:var(--green)}
.story__text p{font-size:clamp(16px,1.35vw,19px);line-height:1.8;color:#394759}
.story__truth{margin-top:30px;padding:21px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:800 12px var(--mono);line-height:1.5}
.story__truth span{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--lime);border-radius:50%;font:900 23px var(--head);margin-right:9px}
.turn{position:relative;overflow:hidden;background:#dff0fc;padding:85px var(--pad) 95px;border-block:2px solid var(--ink)}
.turn__doodle{position:absolute;top:-120px;right:-15px;font-size:400px;color:rgba(102,179,216,.19);transform:rotate(12deg);pointer-events:none}
.turn__label{max-width:var(--max);margin:0 auto 65px;color:var(--ink-soft);font:800 12px var(--mono)}
.turn__layout{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:5vw}
.turn__text{position:relative;z-index:2;padding-bottom:30px}
.mini-stamp{display:inline-block;transform:rotate(-2deg);background:var(--yellow);padding:10px 14px;border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);margin:0 0 26px}
.turn__text .heading em{color:var(--green)}
.turn__text p{max-width:530px;font-size:clamp(16px,1.4vw,19px);line-height:1.8;color:#354356}
.turn__text p:first-of-type{margin-top:31px}
.turn__underline{display:inline-block;border-bottom:3px solid var(--green);padding:8px 0;margin-top:11px}
.turn__art{position:relative;display:grid;place-items:center;min-height:595px;isolation:isolate}
.turn__art:before{content:"";position:absolute;z-index:-1;width:92%;aspect-ratio:1;border-radius:47% 53% 42% 58%;background:var(--lime);transform:rotate(13deg);box-shadow:14px 15px 0 rgba(34,70,58,.18)}
.turn__art:after{content:"";position:absolute;z-index:-2;width:99%;aspect-ratio:1;border:2px dashed #3e8a7d;border-radius:50%;animation:slow-spin 65s linear infinite}
.turn__art img{position:relative;z-index:2;width:100%;max-height:620px;object-fit:contain;filter:drop-shadow(12px 12px 2px rgba(22,46,57,.13));animation:jump-idle 6s ease-in-out infinite}
.turn__spray{position:absolute;z-index:3;left:-3%;top:12%;color:var(--ink);transform:rotate(-12deg);font:900 clamp(22px,2.75vw,47px)/.91 var(--head);letter-spacing:-.08em;text-shadow:4px 4px 0 var(--yellow)}
.turn__star{position:absolute;z-index:3;color:var(--green)}
.turn__star--a{right:0;top:11%;font-size:90px}.turn__star--b{bottom:12%;left:2%;font-size:55px;color:#357aba}
.turn__art-caption{position:absolute;right:5%;bottom:0;font:800 11px var(--mono);background:var(--white);padding:9px;transform:rotate(-4deg)}
.mission{padding:92px var(--pad) 105px;color:var(--paper);background:#192b3e;position:relative;overflow:hidden}
.mission:before{content:"";position:absolute;pointer-events:none;right:-18%;top:-35%;width:80vw;height:80vw;max-width:1200px;max-height:1200px;border-radius:50%;background:radial-gradient(circle,rgba(108,181,231,.23),transparent 69%);animation:mission-bloom 17s ease-in-out infinite alternate}
.mission:after{content:"";position:absolute;pointer-events:none;left:-28%;bottom:-57%;width:100vw;height:100vw;max-width:1250px;max-height:1250px;border-radius:50%;background:radial-gradient(circle,rgba(148,216,105,.15),transparent 70%);animation:mission-bloom 14s ease-in-out infinite alternate-reverse}
.mission>*{position:relative;z-index:1}
.mission .eyebrow{color:var(--lime)}
.mission__head{display:grid;grid-template-columns:1.5fr .65fr;gap:6vw;align-items:end;padding:75px 0 75px}
.mission__head .heading{font-size:clamp(66px,7.4vw,116px)}
.mission__head .heading em{color:var(--lime)}
.mission__head>p{font-size:clamp(16px,1.4vw,19px);line-height:1.85;color:#cfdae1;max-width:450px;margin:0 0 8px}
.mission__cards{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.mission-card{min-height:350px;padding:22px 27px 27px;border:2px solid #101c2a;border-radius:8px;color:var(--ink);display:flex;flex-direction:column;box-shadow:6px 6px 0 #0b1722;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.mission-card:hover{transform:translate(-3px,-5px);box-shadow:9px 11px 0 #0b1722}
.mission-card--green{background:var(--lime)}.mission-card--blue{background:var(--blue)}.mission-card--yellow{background:var(--yellow)}
.mission-card__symbol{font:900 91px/1 var(--head);margin:23px 0 18px;letter-spacing:-.07em}
.mission-card h3{font:900 clamp(31px,3vw,49px)/1 var(--head);letter-spacing:-.085em;margin:0 0 13px}
.mission-card p{font-size:15px;line-height:1.7;margin:0;max-width:250px}
.mission__footer{max-width:var(--max);margin:61px auto 0;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:24px;border-top:1px solid rgba(225,246,227,.3)}
.mission__footer>span:first-child{color:var(--lime)}
.mission__footer p{margin:0;font-size:18px;line-height:1.6}
.mission__footer strong{color:var(--lime)}
.mission__footer>span:last-child{font-size:25px;color:var(--lime);white-space:nowrap}
.future{background:var(--paper);padding:95px var(--pad) 110px;overflow:hidden}
.future__lead{display:grid;grid-template-columns:1.4fr .65fr;gap:6vw;align-items:end;padding:76px 0 65px}
.future__lead .heading em{color:var(--green)}
.future__lead>p{font-size:clamp(16px,1.35vw,19px);line-height:1.8;color:#455166;max-width:410px}
.future__grid{display:grid;max-width:var(--max);margin:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.future-card{position:relative;padding:22px 24px 26px;min-height:565px;display:flex;flex-direction:column;border:2px solid var(--ink);border-radius:8px;background:#fffef7;box-shadow:5px 5px 0 var(--ink);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.future-card:hover{transform:translateY(-5px);box-shadow:8px 10px 0 var(--ink)}
.future-card__no{color:#45645f;display:block;border-bottom:1px solid #b9c0b8;padding-bottom:16px}
.future-card__image{position:relative;min-height:285px;display:flex;align-items:center;justify-content:center;margin:8px -9px 15px;isolation:isolate;overflow:hidden}
.future-card__image:before{content:"";position:absolute;z-index:-1;top:7%;left:12%;width:75%;height:80%;border-radius:50%;background:var(--sky)}
.future-card--mini .future-card__image:before{background:var(--lime)}
.future-card--world .future-card__image:before{background:var(--yellow)}
.future-card__image img{width:100%;height:290px;object-fit:contain;filter:drop-shadow(8px 11px 3px rgba(33,46,50,.12));transition:transform .45s var(--ease)}
.future-card:hover img{transform:rotate(-3deg) scale(1.06)}
.future-card__image>span{position:absolute;top:11%;right:3%;font-size:49px;color:var(--green)}
.future-card h3{font:900 clamp(29px,3vw,43px)/1.08 var(--head);letter-spacing:-.07em;margin:0 0 13px}
.future-card p{font-size:15px;line-height:1.6;color:#455266;margin:0 0 24px}
.future-card__state{margin-top:auto;display:inline-block;align-self:flex-start;background:#e5f4e0;padding:8px 10px;font-size:10px}
.future-card--mini .future-card__state{background:#e2f2fc}.future-card--world .future-card__state{background:#fff0b4}
.pack{position:relative;overflow:hidden;isolation:isolate;text-align:center;background:var(--yellow);border-block:2px solid var(--ink);padding:58px var(--pad) 97px}
.pack:before{content:"";position:absolute;z-index:-1;left:50%;top:30%;width:min(930px,105vw);height:min(930px,105vw);border-radius:50%;transform:translate(-50%,-50%);border:2px dashed rgba(38,72,62,.3);box-shadow:0 0 0 100px rgba(255,255,255,.07),0 0 0 200px rgba(255,255,255,.04);animation:pack-orbit 70s linear infinite}
.pack:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 60% 70% at 50% 40%,#fff3bb,transparent 80%)}
.pack__inner{position:relative;z-index:2;max-width:980px;margin:auto}
.pack__tag{display:inline-block;background:var(--ink);color:var(--white);padding:11px 14px;transform:rotate(-2deg)}
.pack__dog{position:relative;margin:4px auto -10px;width:clamp(150px,16vw,250px);height:clamp(155px,17vw,265px)}
.pack__dog-halo{position:absolute;inset:18%;border-radius:50%;background:var(--lime);box-shadow:0 0 0 16px rgba(120,203,152,.14);animation:stage-tilt 8s ease-in-out infinite}
.pack__dog img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(4px 7px 1px rgba(50,54,22,.12));animation:hero-dog 7s ease-in-out infinite}
.pack .heading{font-size:clamp(66px,8.7vw,132px);line-height:1.01;margin:0 0 23px}
.pack .heading em{color:var(--green)}
.pack__inner>p{max-width:600px;margin:0 auto 28px;color:#415044;font-size:clamp(16px,1.4vw,19px);line-height:1.75}
.pack__links{justify-content:center;gap:17px}
.pack__inner small{display:block;max-width:630px;margin:30px auto 0;font-size:10px;line-height:1.6;color:#46523f}
.pack__spark{position:absolute;pointer-events:none;font-size:clamp(60px,8vw,130px);color:var(--green);opacity:.9;animation:twinkle 12s linear infinite}
.pack__spark--one{left:9%;top:22%}.pack__spark--two{right:7%;bottom:24%;font-size:65px;animation-delay:-4s}
.footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:21px;padding:37px var(--pad) 30px;background:var(--paper);font-size:11px}
.footer__logo{font:900 38px var(--head);letter-spacing:-.09em;line-height:1}
.footer__asterisk{display:inline-block;margin-left:3px;vertical-align:top;font:900 19px var(--body);color:var(--green)}
.footer__links{display:flex;gap:27px;color:var(--green)}
.footer__links a:hover{text-decoration:underline}
.footer>small{flex-basis:100%;font-size:9px;color:#5d6971;line-height:1.6}
.has-reveal .reveal{opacity:0;transform:translateY(25px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.has-reveal .reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes blue-hour{0%{transform:translate(-10%,-3%) scale(.91)}100%{transform:translate(13%,16%) scale(1.14)}}
@keyframes lime-hour{0%{transform:translate(0,8%) scale(.94)}100%{transform:translate(-16%,-12%) scale(1.07)}}
@keyframes yellow-hour{0%{transform:translate(1%,2%) scale(.95)}100%{transform:translate(29%,-12%) scale(1.2)}}
@keyframes twinkle{0%,100%{transform:rotate(-8deg) scale(.91);opacity:.76}50%{transform:rotate(11deg) scale(1.14);opacity:1}}
@keyframes stage-tilt{0%{transform:rotate(-13deg) scale(.97)}100%{transform:rotate(-5deg) scale(1.02)}}
@keyframes slow-spin{to{transform:rotate(360deg)}}
@keyframes hero-dog{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-10px) rotate(.4deg)}}
@keyframes badge-sway{0%,100%{transform:rotate(10deg)}50%{transform:rotate(18deg)}}
@keyframes ticker-run{to{transform:translateX(-50%)}}
@keyframes jump-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes mission-bloom{from{transform:translate(-8%,4%) scale(.92);opacity:.6}to{transform:translate(8%,-5%) scale(1.15);opacity:1}}
@keyframes pack-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:1200px){.header-edition{display:none}.desktop-nav{gap:19px}.hero__stage{width:55vw;right:-45px}.hero__copy{width:66%}.story__scene{min-height:520px}}
@media(max-width:900px){
  .site-header{min-height:75px}.desktop-nav,.header-join,.header-edition{display:none}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:46px;height:43px;border:2px solid var(--ink);background:var(--lime);border-radius:9px;box-shadow:3px 3px 0 var(--ink)}
  .menu-toggle span{display:block;width:20px;height:2px;background:var(--ink);transition:transform .2s}
  .menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .mobile-nav{position:fixed;z-index:98;inset:75px 0 0;display:flex;flex-direction:column;background:var(--paper);padding:25px var(--pad);border-top:1px solid var(--ink);overflow:auto}
  .mobile-nav a{display:flex;justify-content:space-between;align-items:center;font:900 clamp(28px,6vw,46px) var(--head);letter-spacing:-.07em;padding:22px 2px;border-bottom:2px solid var(--ink)}
  .mobile-nav span{font:800 12px var(--mono);letter-spacing:0;color:var(--green)}
  .hero{height:auto;min-height:875px;align-items:flex-start;padding-top:87px}
  .hero__copy{width:85%}.hero h1{font-size:clamp(72px,11vw,112px)}
  .hero__stage{height:56%;width:min(73vw,640px);bottom:10px;right:-5%}
  .hero__bottom>span:first-child{display:none}
  .story__intro,.mission__head,.future__lead{grid-template-columns:1fr;gap:25px}
  .story__intro-side p,.mission__head>p,.future__lead>p{max-width:650px}
  .story__layout{gap:34px}.story__scene{min-height:470px}
  .story__text h3{font-size:clamp(44px,5.6vw,65px)}
  .turn__layout{gap:2vw}.turn__art{min-height:490px}
  .mission-card{min-height:320px;padding:22px}
  .mission-card__symbol{font-size:75px}.mission-card h3{font-size:33px}
  .future-card{padding:18px;min-height:520px}.future-card__image{min-height:245px}.future-card__image img{height:240px}
}
@media(max-width:650px){
  :root{--pad:21px}
  html{scroll-padding-top:74px}.site-header{min-height:73px;padding-top:10px;padding-bottom:10px}.brand__mark{width:37px;height:37px;font-size:27px}.brand__name{font-size:23px}.brand__name small{font-size:7px}
  .mobile-nav{top:73px}
  .hero{min-height:765px;height:calc(100svh - 73px);max-height:970px;padding:52px var(--pad) 77px;align-items:flex-start}
  .overline{font-size:9px;gap:6px;letter-spacing:-.01em;margin-bottom:21px}.overline__dot{height:7px;width:7px}
  .hero__copy{width:100%;padding:0}
  .hero h1{font-size:clamp(56px,13.4vw,87px);line-height:1.02;margin-bottom:22px}
  .hero__lead{max-width:315px;font-size:14px;line-height:1.55;margin-bottom:17px}
  .hero__actions{gap:12px}.hero__actions .pill{font-size:10px;min-width:174px;padding:11px 15px;gap:12px}.hero__actions .underlink{font-size:9px;padding:7px 0}
  .hero__stage{width:min(114vw,590px);height:51%;right:-20%;bottom:44px}
  .hero__stage-glow{width:85%}.hero__dog{height:103%;bottom:-1%}
  .hero__stamp{left:0;bottom:10%;padding:8px 10px;font-size:8px;box-shadow:3px 3px 0 var(--ink)}.hero__stamp b{font-size:11px}.hero__stamp span{font-size:18px;right:-9px;top:-9px}
  .hero__circle-note{width:72px;height:72px;font-size:10px;top:11%;right:4%}
  .hero__bottom{height:48px;font-size:8px;gap:8px}.hero__bottom>span:last-child{max-width:110px;text-align:right}
  .ticker{height:39px}.ticker__track{font-size:12px}
  .section-top{font-size:9px;line-height:1.4}.section-top>span:last-child{max-width:49%;text-align:right}
  .heading{font-size:clamp(55px,12vw,83px)}.eyebrow{font-size:10px}
  .story{padding:69px var(--pad) 89px}.story__intro{padding:55px 0 44px;gap:22px}.story__intro .heading{font-size:clamp(58px,12vw,90px)}.story__intro-side p{font-size:16px}.hand-note{font-size:22px}
  .story__layout{grid-template-columns:1fr;gap:36px}.story__scene{min-height:440px;box-shadow:7px 7px 0 var(--blue)}
  .story__scene.lights-off{box-shadow:7px 7px 0 #657990}.story__street-label{font-size:8px;top:17px;left:15px}.story__text{padding:10px 0}
  .story__text h3{font-size:clamp(48px,10vw,68px)}.story__text p{font-size:16px;line-height:1.75}.story__truth{font-size:10px}
  .turn{padding:64px var(--pad) 69px}.turn__label{margin-bottom:39px}.turn__layout{grid-template-columns:1fr}.turn__text .heading{font-size:clamp(62px,12vw,86px)}.turn__text p{font-size:16px}.turn__art{min-height:390px;margin:7px -11px 0}.turn__art img{height:380px}.turn__spray{left:4%;top:7%;font-size:27px}.turn__star--a{font-size:62px}.turn__star--b{font-size:37px}
  .mission{padding:69px var(--pad) 72px}.mission__head{padding:51px 0 46px}.mission__head .heading{font-size:clamp(57px,11.4vw,79px)}.mission__head>p{font-size:16px}.mission__cards{grid-template-columns:1fr;gap:13px}.mission-card{min-height:208px;padding:18px 21px}.mission-card__symbol{font-size:51px;margin:10px 0}.mission-card h3{font-size:35px;margin-bottom:7px}.mission-card p{max-width:330px;font-size:14px}.mission__footer{margin-top:40px;align-items:flex-start;flex-direction:column;gap:15px}.mission__footer p{font-size:16px}.mission__footer>span:last-child{font-size:18px}
  .future{padding:70px var(--pad) 81px}.future__lead{padding:56px 0 41px}.future__lead>p{font-size:16px}.future__grid{grid-template-columns:1fr;gap:16px}.future-card{min-height:0;padding:19px}.future-card__image{min-height:240px}.future-card__image img{height:250px}.future-card h3{font-size:36px}.future-card p{font-size:15px}.future-card__state{font-size:9px}
  .pack{padding:54px var(--pad) 68px}.pack__tag{font-size:9px}.pack__dog{width:159px;height:161px}.pack .heading{font-size:clamp(56px,12.2vw,86px)}.pack__inner>p{font-size:15px}.pack__links{flex-direction:column;align-items:center}.pack__links .pill{width:min(100%,290px)}.pack__spark--one{top:21%;left:2%;font-size:48px}.pack__spark--two{right:3%;bottom:25%;font-size:40px}.pack__inner small{font-size:9px}
  .footer{padding:30px var(--pad) 26px;gap:17px}.footer__logo{font-size:33px}.footer>span{flex-basis:100%;font-size:10px}.footer>small{font-size:8px}
}
@media(max-width:375px){.hero h1{font-size:12.7vw}.hero__actions .underlink{display:none}.hero__stage{right:-31%;height:49%}.story__scene{min-height:380px}.overline__bar{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.has-reveal .reveal{opacity:1!important;transform:none!important}.sky-spot{will-change:auto}}