@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--blue:#181860;--yellow:#ffffff;--cream:#f3f4f8;--ink:#080828;--red:#747894;--silver:#c5c8d8;--line:3px solid var(--ink);--shadow:9px 9px 0 var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Space Mono',monospace;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.skip{position:fixed;top:-100px;left:1rem;background:var(--yellow);padding:1rem;z-index:999}.skip:focus{top:1rem}.noise{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-paw{position:fixed;z-index:89;pointer-events:none;font-size:24px;color:var(--yellow);text-shadow:2px 2px 0 var(--ink);transform:translate(-50%,-50%);transition:transform .08s;opacity:0}.site-header{height:84px;padding:10px 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--line);position:relative;z-index:100;background:var(--cream)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:56px;height:56px;border:2px solid var(--ink);border-radius:50%;object-fit:cover}.brand span{display:grid;line-height:1}.brand b{font:24px 'Archivo Black',sans-serif;letter-spacing:-1px}.brand small{font-size:8px;letter-spacing:1.6px;margin-top:5px}.site-header nav{display:flex;align-items:center;gap:28px;font-weight:700;font-size:13px;text-transform:uppercase}.site-header nav a:not(.nav-pill):hover{text-decoration:underline;text-decoration-thickness:4px;text-decoration-color:var(--blue)}.nav-pill{background:var(--yellow);border:2px solid var(--ink);padding:10px 17px;box-shadow:4px 4px 0 var(--ink)}.menu-button{display:none;background:var(--yellow);border:2px solid;padding:9px 12px;font-weight:700}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:55% 45%;position:relative;background:radial-gradient(circle at 78% 28%,#303078 0,transparent 25%),linear-gradient(135deg,#050520 0%,#101048 48%,#000018 100%);border-bottom:var(--line);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:32px 32px}.hero-copy{padding:7vw 4vw 150px;position:relative;z-index:2}.eyebrow,.marker{font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.live-dot{width:9px;height:9px;background:var(--yellow);display:inline-block;border:2px solid var(--ink);border-radius:50%;box-shadow:0 0 0 4px rgba(245,255,69,.28)}h1,h2,h3{font-family:'Archivo Black',sans-serif;margin:0;text-transform:uppercase;letter-spacing:-.055em;line-height:.87}h1{font-size:clamp(66px,9.5vw,150px);color:var(--cream);text-shadow:5px 5px 0 var(--ink)}h1 em{font-style:normal;color:var(--yellow);-webkit-text-stroke:2px var(--ink)}.hero-intro{max-width:690px;font-size:clamp(16px,1.4vw,21px);line-height:1.55;background:var(--cream);padding:17px 20px;border:var(--line);margin:32px 0 24px;box-shadow:7px 7px 0 var(--ink)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{border:var(--line);padding:15px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font-weight:700;text-transform:uppercase;cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:.18s transform,.18s box-shadow}.button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button-dark{background:var(--ink);color:var(--cream);box-shadow:5px 5px 0 var(--yellow)}.button-yellow{background:var(--yellow)}.button-blue{background:var(--blue);color:white;width:100%;margin-top:24px}.ca-button{border:2px dashed var(--ink);background:rgba(244,240,229,.8);padding:10px 14px;margin-top:17px;display:flex;gap:30px;cursor:pointer;font-weight:700}.hero-art{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:40px}.burst{position:absolute;width:90%;aspect-ratio:1;background:var(--yellow);clip-path:polygon(50% 0,57% 32%,72% 5%,71% 37%,96% 18%,78% 43%,100% 49%,76% 56%,97% 79%,69% 64%,72% 100%,55% 69%,45% 100%,42% 68%,16% 93%,30% 61%,0 70%,23% 53%,0 38%,30% 39%,10% 8%,40% 32%);filter:drop-shadow(8px 8px 0 var(--ink));transform:rotate(8deg)}.photo-card{width:min(90%,580px);background:var(--cream);border:4px solid var(--ink);padding:13px;box-shadow:14px 14px 0 var(--ink);transform:rotate(3deg);position:relative;z-index:2}.photo-card img{width:100%;aspect-ratio:1;object-fit:cover;filter:contrast(1.06) saturate(1.08)}.photo-tag{position:absolute;z-index:3;background:var(--red);color:white;border:2px solid var(--ink);padding:8px 12px;font-weight:700;transform:rotate(-8deg);top:-18px;left:-20px}.photo-caption{display:flex;justify-content:space-between;font-size:10px;font-weight:700;padding-top:9px}.scribble{position:absolute;z-index:4;font-family:'Archivo Black';font-size:clamp(14px,2vw,26px);line-height:.9}.scribble-one{top:6%;right:4%;transform:rotate(8deg)}.scribble-two{bottom:15%;left:2%;color:var(--cream);font-size:36px;transform:rotate(-12deg);text-shadow:3px 3px var(--ink)}.stamp{position:absolute;z-index:4;right:3%;bottom:7%;width:115px;aspect-ratio:1;border:4px double var(--ink);border-radius:50%;display:grid;place-items:center;background:var(--yellow);transform:rotate(-12deg);font-weight:700;text-align:center}.hero-lines{position:absolute;bottom:0;left:0;right:0;background:var(--ink);color:white;display:flex;z-index:5;padding:18px 4vw;justify-content:space-between;gap:20px;font-size:12px;font-weight:700}.hero-lines b{color:var(--yellow);margin-right:8px}.ticker{overflow:hidden;background:var(--yellow);border-bottom:var(--line);padding:12px 0;font:20px 'Archivo Black';white-space:nowrap}.ticker div{display:flex;width:max-content;animation:ticker 25s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.section{padding:95px 5vw}.section-index{font-weight:700;border-bottom:2px solid;padding-bottom:13px;margin-bottom:60px;letter-spacing:1px}.lore-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw}.lore-title h2,.token h2{font-size:clamp(58px,8vw,130px)}.lore-title h2 span{color:var(--blue);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--yellow)}.marker{display:inline-block;background:var(--yellow);border:2px solid;padding:7px 10px;transform:rotate(-2deg)}.lore-body{font-size:18px;line-height:1.7}.lore-body .lead{font-size:clamp(22px,2.5vw,35px);line-height:1.3;margin-top:0}.note{background:var(--blue);color:white;border:var(--line);box-shadow:var(--shadow);padding:20px;margin-top:40px;transform:rotate(1deg)}.why{background:var(--ink);color:var(--cream);position:relative}.inverse{border-color:var(--cream)}.why-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.why h2{font-size:clamp(58px,8vw,125px)}.why h2 i{color:var(--yellow);font-style:normal}.why-heading p{text-align:right;font-weight:700}.cards{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border:2px solid var(--cream)}.card{padding:27px;border-right:2px solid var(--cream);min-height:310px;position:relative}.card:last-child{border:0}.card>span{font-size:47px}.card>b{position:absolute;right:17px;top:17px;color:var(--yellow)}.card h3{font-size:clamp(25px,2.5vw,42px);margin:36px 0 20px}.card p{font-size:13px;line-height:1.6;color:#c9c9c2}.card:hover{background:var(--blue)}.token-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.token-portrait{position:relative;background:var(--blue);padding:30px;border:var(--line);box-shadow:var(--shadow);transform:rotate(-2deg)}.token-portrait img{width:100%;filter:grayscale(1) contrast(1.3);mix-blend-mode:screen}.token-portrait:after{content:"";position:absolute;inset:30px;background-image:radial-gradient(var(--ink) 1.2px,transparent 1.2px);background-size:7px 7px;mix-blend-mode:multiply;opacity:.35}.token-portrait p{position:absolute;z-index:2;bottom:5%;left:8%;background:var(--yellow);border:2px solid var(--ink);padding:10px;font-weight:700;transform:rotate(3deg)}.token-panel h2{font-size:clamp(48px,6.4vw,100px);margin:22px 0 40px}.token-panel dl{margin:0;border:var(--line)}.token-panel dl div{display:flex;justify-content:space-between;gap:20px;padding:17px;border-bottom:2px solid}.token-panel dl div:last-child{border:0}.token-panel dt{text-transform:uppercase;color:#666}.token-panel dd{margin:0;font-weight:700;text-align:right}.pack{background:var(--blue);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center;border-top:var(--line);border-bottom:var(--line);padding-top:70px;padding-bottom:70px}.pack-dog{border-radius:50%;border:6px solid var(--ink);box-shadow:15px 15px 0 var(--yellow);overflow:hidden;aspect-ratio:1}.pack-dog img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.pack-copy{color:var(--cream)}.pack-copy h2{font-size:clamp(68px,9vw,145px)}.pack-copy h2 span{color:var(--yellow)}.pack-copy>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:750px}.socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.socials a{background:var(--cream);color:var(--ink);border:var(--line);box-shadow:5px 5px 0 var(--ink);padding:14px 18px;font-weight:700}.socials a:hover{background:var(--yellow)}footer{background:var(--yellow);padding:60px 5vw 25px}.footer-logo{font:clamp(65px,13vw,190px) 'Archivo Black';letter-spacing:-.08em;line-height:.75}.footer-logo span{color:var(--blue);-webkit-text-stroke:3px var(--ink)}.footer-tagline{font-weight:700;font-size:20px;margin:40px 0}.disclaimer{border-top:3px solid;padding-top:22px;display:grid;grid-template-columns:.5fr 1.5fr;gap:40px;font-size:12px;line-height:1.6}.disclaimer p{margin:0}.copyright{border-top:1px solid;margin-top:35px;padding-top:18px;font-size:10px;display:flex;justify-content:space-between}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,120px);background:var(--ink);color:var(--yellow);border:2px solid var(--yellow);padding:13px 20px;z-index:200;font-weight:700;transition:.3s}.toast.show{transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(28px);transition:.7s opacity,.7s transform}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:83px;left:0;right:0;background:var(--cream);border-bottom:var(--line);padding:25px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 5vw 45px}.hero-art{min-height:620px}.hero-lines{position:relative;grid-column:1;flex-direction:column}.lore-grid,.token-grid,.pack{grid-template-columns:1fr}.why-heading{display:block}.why-heading p{text-align:left}.cards{grid-template-columns:1fr 1fr}.card:nth-child(2){border-right:0}.card:nth-child(-n+2){border-bottom:2px solid}.pack-dog{max-width:500px;margin:auto}.disclaimer{grid-template-columns:1fr}.cursor-paw{display:none}}
@media(max-width:560px){.site-header{height:72px}.brand img{width:45px;height:45px}.brand b{font-size:20px}.site-header nav{top:71px}h1{font-size:59px}.hero-copy{padding-top:45px}.hero-intro{font-size:14px}.hero-art{min-height:450px;padding:30px 22px}.photo-card{width:88%;box-shadow:8px 8px 0}.stamp{width:85px;font-size:11px}.hero-lines{font-size:10px}.section{padding:68px 5vw}.section-index{margin-bottom:38px}.cards{grid-template-columns:1fr}.card{border-right:0;border-bottom:2px solid!important;min-height:230px}.card:last-child{border-bottom:0!important}.why h2,.lore-title h2{font-size:51px}.token-panel h2{font-size:45px}.pack-copy h2{font-size:56px}.footer-logo{font-size:64px}.copyright{display:block;line-height:2}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.reveal{opacity:1;transform:none;transition:none}.cursor-paw{display:none}.button{transition:none}}
/* Palette derived from the uploaded midnight-indigo ARCDOG reference. */
.site-header{background:#f7f8fc}.nav-pill,.menu-button,.ticker,footer{background:var(--silver)}
.live-dot{background:#fff;box-shadow:0 0 0 4px rgba(197,200,216,.28)}
h1 em{color:#fff}.button-yellow{background:var(--silver)}
.burst{background:linear-gradient(135deg,#fff 0%,#c5c8d8 42%,#747894 100%)}
.photo-tag{background:#181860}.stamp{background:#fff}.hero-lines b{color:#c5c8d8}
.lore-title h2 span{color:#181860;text-shadow:5px 5px 0 #c5c8d8}.marker{background:#c5c8d8}
.note{background:#181860}.why h2 i,.card>b{color:#c5c8d8}.card:hover{background:#181860}
.token-portrait{background:linear-gradient(150deg,#050520,#303078)}.token-portrait p{background:#c5c8d8}
.pack{background:radial-gradient(circle at 15% 35%,#303078 0,transparent 24%),linear-gradient(135deg,#050520,#181860 60%,#000018)}
.pack-dog{box-shadow:15px 15px 0 #c5c8d8}.pack-copy h2 span{color:#fff}.socials a:hover{background:#c5c8d8}
.footer-logo span{color:#181860}.toast{color:#fff;border-color:#c5c8d8}
.ca-button span,.contract-row dd{overflow-wrap:anywhere;word-break:break-all}.hero-copy>.ca-button{max-width:min(100%,650px);align-items:center}.hero-copy>.ca-button span{font-size:clamp(9px,1vw,13px)}
.contract-row dd{max-width:68%;font-size:clamp(9px,1.05vw,14px)}
/* Hero legibility and linked original post. */
.hero-copy>.eyebrow{color:#fff;text-shadow:2px 2px 0 var(--ink)}
.scribble-one,.scribble-two{color:#fff;text-shadow:3px 3px 0 var(--ink)}
.hero-photo-link{display:block;position:relative;cursor:pointer}
.hero-photo-link:after{content:"OPEN ORIGINAL POST ↗";position:absolute;right:10px;bottom:10px;background:rgba(8,8,40,.9);color:#fff;border:1px solid #fff;padding:6px 8px;font-size:9px;font-weight:700;letter-spacing:.5px;opacity:0;transform:translateY(4px);transition:.2s opacity,.2s transform}
.hero-photo-link:hover:after,.hero-photo-link:focus-visible:after{opacity:1;transform:none}
.hero-photo-link:focus-visible{outline:4px solid #fff;outline-offset:3px}
.photo-caption{justify-content:flex-end}
/* Requested contract CTA and footer adjustments. */
.token-panel .button-blue.ca-button,
.token-panel .button-blue.ca-button span{color:#000}
.disclaimer{grid-template-columns:1fr}
