{"id":2171,"date":"2026-10-18T09:34:17","date_gmt":"2026-10-18T09:34:17","guid":{"rendered":"https:\/\/dignifiedbeasts.com\/?page_id=2171"},"modified":"2026-10-18T09:55:44","modified_gmt":"2026-10-18T09:55:44","slug":"dignified-beasts-landing-page","status":"publish","type":"page","link":"https:\/\/dignifiedbeasts.com\/","title":{"rendered":"Dignified Beasts &#8211; Landing Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2171\" class=\"elementor elementor-2171\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b100e09 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b100e09\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-43de482\" data-id=\"43de482\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e2c9412 elementor-widget elementor-widget-html\" data-id=\"e2c9412\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n<title>Dignified Beasts | A Living Hierarchy on Cronos<\/title>\n<link rel=\"icon\" href=\"https:\/\/dignifiedbeasts.com\/wp-content\/uploads\/2026\/04\/cropped-DB_LOGO-270x270.png\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@500;600;700;900&family=Manrope:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n:root{\n  --ink:#050705;\n  --jungle-1:#0D0B08;   \/* deep canopy *\/\n  --jungle-2:#15110A;\n  --leaf-1:#1C150C;\n  --leaf-2:#17110A;\n  --leaf-3:#0E0A06;\n  --blood:#8E1414;\n  --blood-bright:#C92020;\n  --blood-dark:#4D0808;\n  --gold:#C9A24B;\n  --gold-bright:#F0D896;\n  --gold-dim:rgba(201,162,75,.30);\n  --ember:#E8893A;\n  --bone:#ECE7DA;\n  --mist:#93A092;\n  --abyss-1:#051318;\n  --abyss-2:#020C11;\n  --hairline:rgba(236,231,218,.10);\n  --max:1280px;\n}\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\nbody{\n  background:var(--ink);color:var(--bone);\n  font-family:'Manrope',sans-serif;line-height:1.65;\n  -webkit-font-smoothing:antialiased;overflow-x:hidden;\n}\n::selection{background:var(--blood);color:var(--bone)}\nimg{display:block;max-width:100%}\na{color:inherit;text-decoration:none}\n.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(20px,4vw,48px);position:relative;z-index:5}\n\n.display{font-family:'Cinzel',serif;font-weight:900;letter-spacing:.035em;line-height:1.04;text-transform:uppercase}\n.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:14px}\n.lede{color:var(--mist);font-size:clamp(15px,1.4vw,18px);max-width:54ch}\n.claw{width:34px;height:18px;flex:none}\n.claw path{stroke:var(--blood-bright);stroke-width:2.4;stroke-linecap:round;fill:none}\n\n\/* ============ SCENE SYSTEM (parallax layers per section) ============ *\/\n.scene{position:relative;overflow:hidden}\n.layer{position:absolute;inset:-12% -6%;pointer-events:none;will-change:transform;z-index:1}\n.layer svg{position:absolute}\n.scene>.wrap{z-index:5}\n\/* drifting fog *\/\n.fog{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:drift 26s ease-in-out infinite alternate;pointer-events:none}\n@keyframes drift{from{transform:translateX(-6%) translateY(0)}to{transform:translateX(6%) translateY(-4%)}}\n\/* fireflies *\/\n.fly{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--gold-bright);\n  box-shadow:0 0 10px 2px rgba(240,216,150,.65);opacity:0;animation:fly 11s linear infinite;pointer-events:none}\n@keyframes fly{\n  0%{transform:translate(0,0);opacity:0}\n  10%{opacity:.9}\n  50%{transform:translate(40px,-60px);opacity:.5}\n  90%{opacity:.8}\n  100%{transform:translate(-20px,-130px);opacity:0}\n}\n\/* embers *\/\n.ember{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:var(--ember);\n  box-shadow:0 0 8px var(--ember);opacity:0;animation:rise linear infinite;pointer-events:none}\n@keyframes rise{0%{transform:translateY(0);opacity:0}12%{opacity:.85}100%{transform:translateY(-92vh) translateX(34px);opacity:0}}\n\/* abyss bubbles *\/\n.bubble{position:absolute;bottom:-20px;border:1px solid rgba(140,200,210,.35);border-radius:50%;opacity:0;animation:bub linear infinite;pointer-events:none}\n@keyframes bub{0%{transform:translateY(0);opacity:0}15%{opacity:.55}100%{transform:translateY(-110vh) translateX(-26px);opacity:0}}\n\/* light rays *\/\n.ray{position:absolute;top:-20%;width:120px;height:140%;background:linear-gradient(180deg,rgba(120,200,210,.10),transparent 70%);\n  transform:skewX(-14deg);filter:blur(8px);pointer-events:none;animation:rayPulse 9s ease-in-out infinite alternate}\n@keyframes rayPulse{from{opacity:.35}to{opacity:.8}}\n\n\/* scratch texture overlay (subtle claw scuffs) *\/\n.scratched::before{\n  content:\"\";position:absolute;inset:0;pointer-events:none;opacity:.07;z-index:2;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='320' height='320'%3E%3Cg stroke='%23ECE7DA' stroke-width='1' opacity='.8'%3E%3Cpath d='M20 300 90 180M30 305 100 185M42 308 112 190'\/%3E%3Cpath d='M250 90 200 20M260 86 210 16M270 82 220 12'\/%3E%3Cpath d='M300 260 250 200'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  background-size:320px 320px;\n}\n\/* blood drip top edge *\/\n.drips{position:absolute;top:-2px;left:0;right:0;height:90px;z-index:3;pointer-events:none}\n.drips svg{width:100%;height:100%}\n\/* torn clawed bottom edge *\/\n.torn{clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),96% 100%,90% calc(100% - 18px),83% 100%,76% calc(100% - 24px),68% calc(100% - 6px),60% calc(100% - 22px),52% 100%,44% calc(100% - 14px),36% calc(100% - 26px),28% calc(100% - 8px),20% calc(100% - 22px),12% 100%,5% calc(100% - 16px),0 calc(100% - 26px))}\n\n\/* ============ NAV ============ *\/\nnav{position:fixed;inset:0 0 auto 0;z-index:100;background:rgba(5,7,5,.78);\n  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--hairline)}\n.nav-inner{max-width:var(--max);margin:0 auto;padding:0 clamp(20px,4vw,48px);height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}\n.brand img{height:44px;width:auto;filter:drop-shadow(0 0 12px rgba(201,162,75,.35))}\n.nav-links{display:flex;gap:clamp(12px,2vw,28px);list-style:none}\n.nav-links a{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.18em;color:var(--mist);transition:color .25s}\n.nav-links a:hover,.nav-links a:focus-visible{color:var(--gold-bright)}\n.nav-cta{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;\n  color:var(--ink);background:linear-gradient(180deg,var(--gold-bright),var(--gold));padding:12px 20px;white-space:nowrap;\n  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:filter .25s}\n.nav-cta:hover{filter:brightness(1.12)}\n.menu-btn{display:none;background:none;border:1px solid var(--gold-dim);color:var(--gold-bright);font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.2em;padding:10px 14px;cursor:pointer}\n\n\/* ============ HERO : NIGHT HUNT (blood + jungle) ============ *\/\n.hero{\n  min-height:100svh;display:flex;flex-direction:column;justify-content:center;\n  padding:130px 0 0;text-align:center;\n  background:\n    radial-gradient(1000px 600px at 50% 10%, rgba(142,20,20,.16), transparent 62%),\n    radial-gradient(900px 700px at 10% 100%, rgba(42,30,14,.85), transparent 70%),\n    radial-gradient(900px 700px at 92% 95%, rgba(42,30,14,.7), transparent 70%),\n    linear-gradient(180deg,#070A07, var(--ink));\n  perspective:900px;\n}\n.hero-inner{position:relative;z-index:6;max-width:980px;margin:0 auto;padding:0 20px;transform-style:preserve-3d}\n\/* giant blood claw slash behind the title *\/\n.hero-slash{position:absolute;z-index:4;left:50%;top:46%;transform:translate(-50%,-50%);width:min(900px,120vw);opacity:.9;pointer-events:none;filter:drop-shadow(0 6px 30px rgba(142,20,20,.5))}\n.hero-x{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 22px}\n.hero-x img{height:clamp(64px,9vw,104px);filter:drop-shadow(0 0 18px rgba(201,162,75,.4))}\n.hero-x .x{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(18px,2.4vw,28px);color:var(--mist)}\n.hero-x .crovia{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(22px,3vw,38px);letter-spacing:.18em;color:var(--bone)}\n.phase-chip{display:inline-flex;align-items:center;gap:12px;font-family:'Cinzel',serif;font-weight:700;font-size:clamp(11px,1.3vw,14px);\n  letter-spacing:.34em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:18px;margin-left:auto;margin-right:auto}\n.phase-chip::before,.phase-chip::after{content:\"\";width:38px;height:1px;background:linear-gradient(90deg,transparent,var(--blood-bright))}\n.phase-chip::after{background:linear-gradient(90deg,var(--blood-bright),transparent)}\n.hero h1{font-size:clamp(44px,7.6vw,104px);margin-bottom:8px;position:relative;\n  background:linear-gradient(100deg,#8a6b26 0%,var(--gold) 28%,var(--gold-bright) 50%,var(--gold) 72%,#8a6b26 100%);\n  -webkit-background-clip:text;background-clip:text;color:transparent;\n  filter:drop-shadow(0 4px 26px rgba(201,162,75,.25))}\n.hero-tag{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(13px,1.6vw,18px);letter-spacing:.32em;text-transform:uppercase;color:var(--bone);margin-bottom:10px}\n.hero-something{font-family:'IBM Plex Mono',monospace;font-size:clamp(10px,1.2vw,13px);letter-spacing:.42em;text-transform:uppercase;color:var(--blood-bright);margin-bottom:38px;text-shadow:0 0 24px rgba(201,32,32,.6)}\n.mint-pill{display:inline-flex;align-items:center;gap:10px;margin-bottom:30px;border:1px solid rgba(201,32,32,.4);\n  background:rgba(5,7,5,.6);padding:9px 18px;font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-bright)}\n.mint-pill i{width:7px;height:7px;border-radius:50%;background:var(--blood-bright);box-shadow:0 0 12px var(--blood-bright);animation:pulse 2s infinite}\n@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}\n.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}\n.btn{display:inline-flex;align-items:center;gap:12px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:17px 32px;transition:.25s;\n  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}\n.btn-gold{background:linear-gradient(180deg,var(--gold-bright),var(--gold));color:var(--ink);font-weight:500}\n.btn-gold:hover{filter:brightness(1.12);transform:translateY(-2px)}\n.btn-blood{background:linear-gradient(180deg,var(--blood-bright),var(--blood-dark));color:var(--bone);font-weight:500;clip-path:none;border:1px solid rgba(201,32,32,.5)}\n.btn-blood:hover{filter:brightness(1.2)}\n.btn-ghost{border:1px solid var(--gold-dim);color:var(--gold-bright);clip-path:none;background:rgba(5,7,5,.4)}\n.btn-ghost:hover{border-color:var(--gold);background:rgba(201,162,75,.08)}\n.hero-stats{position:relative;z-index:6;display:flex;justify-content:center;gap:clamp(26px,5vw,64px);margin-top:50px;flex-wrap:wrap}\n.hero-stats div b{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(22px,2.6vw,32px);color:var(--bone);display:block;letter-spacing:.05em}\n.hero-stats div span{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.26em;color:var(--mist);text-transform:uppercase}\n\n\/* ============ MARQUEE ============ *\/\n.marquee{position:relative;z-index:6;margin-top:60px;border-top:1px solid rgba(201,32,32,.35);border-bottom:1px solid rgba(201,32,32,.35);\n  background:rgba(5,7,5,.75);overflow:hidden;padding:16px 0}\n.marquee-track{display:flex;gap:16px;width:max-content;animation:scroll 60s linear infinite}\n.marquee:hover .marquee-track{animation-play-state:paused}\n@keyframes scroll{to{transform:translateX(-50%)}}\n.m-item{position:relative;width:184px;flex:none;border:1px solid var(--hairline);overflow:hidden}\n.m-item img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .5s}\n.m-item:hover img{transform:scale(1.08)}\n.m-item span{position:absolute;left:0;right:0;bottom:0;padding:7px 10px;background:linear-gradient(transparent,rgba(5,7,5,.92));\n  font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--gold-bright)}\n\n\/* ============ SECTIONS ============ *\/\nsection{padding:clamp(90px,11vw,150px) 0;position:relative}\n.sec-head{margin-bottom:clamp(44px,5vw,72px);position:relative;z-index:5}\n.sec-head h2{font-size:clamp(32px,4.6vw,60px);margin:22px 0 18px}\n.sec-head h2 em{font-style:normal;color:var(--gold)}\n\n\/* ============ HIERARCHY : DEEP CANOPY (jungle green + vines) ============ *\/\n.hierarchy{background:linear-gradient(180deg,var(--ink) 0%,var(--jungle-1) 25%,var(--jungle-2) 70%,var(--jungle-1) 100%)}\n.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:5;perspective:1100px}\n.tier{position:relative;min-height:430px;border:1px solid var(--hairline);overflow:hidden;\n  display:flex;flex-direction:column;justify-content:flex-end;padding:26px 22px;\n  transition:border-color .35s;transform-style:preserve-3d;will-change:transform}\n.tier:hover{border-color:var(--gold)}\n.tier .bg{position:absolute;inset:0;z-index:0}\n.tier .bg img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .7s ease;filter:saturate(1.05)}\n.tier:hover .bg img{transform:scale(1.07)}\n.tier .bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,5,.15) 30%,rgba(5,7,5,.94) 88%)}\n.tier>*:not(.bg){position:relative;z-index:1;transform:translateZ(34px)}\n.tier .phase-badge{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;\n  border:1px solid rgba(201,32,32,.45);background:rgba(5,7,5,.65);color:var(--gold-bright);padding:5px 10px;margin-bottom:12px;width:max-content}\n.tier .phase-badge.p2{border-color:var(--hairline);color:var(--mist)}\n.tier .rank{font-family:'Cinzel',serif;font-weight:700;font-size:15px;letter-spacing:.2em;color:var(--gold);margin-bottom:8px}\n.tier h3{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(19px,1.8vw,24px);letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;line-height:1.15}\n.tier p{color:var(--mist);font-size:13.5px;line-height:1.55}\n.tier.golden h3{color:var(--gold-bright);text-shadow:0 0 22px rgba(240,216,150,.4)}\n.tier.unknown .bg img{filter:grayscale(.85) brightness(.6) contrast(1.2)}\n.tier.unknown h3{color:var(--mist)}\n.tier.mythic{grid-column:1\/-1;min-height:300px;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;\n  border:1px solid var(--gold-dim);margin-top:12px}\n.tier.mythic .bg img{object-position:center 30%;filter:hue-rotate(-12deg) saturate(1.15)}\n.tier.mythic .bg::after{background:linear-gradient(90deg,rgba(2,12,17,.95) 12%,rgba(2,12,17,.35) 55%,rgba(2,12,17,.85) 100%)}\n.tier.mythic h3{font-size:clamp(26px,3.4vw,44px);color:var(--gold-bright);text-shadow:0 0 34px rgba(240,216,150,.45)}\n.tier.mythic .tag{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-dim);padding:9px 16px;background:rgba(2,12,17,.6);white-space:nowrap}\n.supply-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin-top:30px;position:relative;z-index:5}\n.supply-cell{background:rgba(5,7,5,.82);padding:24px;display:flex;flex-direction:column;gap:4px}\n.supply-cell.total{background:linear-gradient(180deg,rgba(124,200,210,.10),rgba(5,7,5,.2) 70%),rgba(5,7,5,.85)}\n.supply-cell .sc-phase{font-family:'IBM Plex Mono',monospace;font-size:9.5px;letter-spacing:.26em;color:var(--gold)}\n.supply-cell b{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(24px,3vw,38px);letter-spacing:.04em;color:var(--bone)}\n.supply-cell.total b{color:var(--bone);text-shadow:0 0 30px rgba(124,200,210,.35)}\n.supply-cell .sc-what{font-size:12.5px;color:var(--mist);line-height:1.5}\n.hier-footnote{margin-top:30px;color:var(--mist);font-size:14px;position:relative;z-index:5}\n.hier-footnote b{color:var(--gold-bright);font-weight:600}\n\n\/* ============ COLLECTION : BONE VAULT (ash + scratches) ============ *\/\n.collection{background:linear-gradient(180deg,var(--jungle-1) 0%,#0B0C0A 18%,#101110 60%,#0A0B0A 100%)}\n.coll-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin-bottom:clamp(36px,5vw,56px);position:relative;z-index:5}\n.coll-stats div{background:rgba(5,7,5,.85);padding:28px}\n.coll-stats b{font-family:'Cinzel',serif;font-size:clamp(28px,3.4vw,44px);font-weight:900;display:block;letter-spacing:.04em}\n.coll-stats b.au{color:var(--gold)}\n.coll-stats span{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--mist)}\n.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:5;perspective:1200px}\n.card{position:relative;border:1px solid var(--hairline);background:#0E100E;overflow:hidden;\n  transition:border-color .3s,box-shadow .3s;transform-style:preserve-3d;will-change:transform}\n.card:hover{border-color:var(--blood-bright);box-shadow:0 14px 40px rgba(0,0,0,.55),0 0 24px rgba(201,32,32,.18)}\n.card img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .6s ease}\n.card:hover img{transform:scale(1.07)}\n.card figcaption{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-top:1px solid var(--hairline);\n  font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.12em}\n.card figcaption b{color:var(--gold-bright);font-weight:500}\n.card figcaption span{color:var(--mist)}\n\n\/* ============ PRIVILEGES : GOLDEN TEMPLE (amber + dust) ============ *\/\n.privileges{background:\n  radial-gradient(900px 600px at 80% 0%, rgba(201,162,75,.10), transparent 60%),\n  linear-gradient(180deg,#0A0B0A 0%,#14110A 40%,#171208 75%,#0A0907 100%)}\n.priv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:5}\n.priv{position:relative;border:1px solid var(--hairline);background:rgba(10,9,6,.75);padding:36px 32px;transition:border-color .3s,transform .3s,background .3s;backdrop-filter:blur(2px)}\n.priv:hover{border-color:var(--gold-dim);transform:translateY(-5px);background:rgba(20,17,10,.9)}\n.priv .pv-icon{width:46px;height:46px;color:var(--gold);margin-bottom:22px;filter:drop-shadow(0 0 14px rgba(201,162,75,.35))}\n.priv .pv-icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}\n.priv h3{font-family:'Cinzel',serif;font-weight:700;font-size:16px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;color:var(--gold-bright)}\n.priv p{color:var(--mist);font-size:13.5px;line-height:1.6}\n.priv .pv-rule{width:34px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin-bottom:16px}\n.priv-note{margin-top:28px;font-size:14px;color:var(--mist);position:relative;z-index:5}\n.priv-note b{color:var(--gold-bright);font-weight:600}\n\n\/* ============ MYTHIC : THE ABYSS (deep sea) ============ *\/\n.abyss{text-align:center;\n  background:linear-gradient(180deg,#0A0907 0%,var(--abyss-1) 30%,var(--abyss-2) 100%)}\n.abyss .eyebrow{justify-content:center}\n.abyss h2{font-size:clamp(38px,6vw,84px);margin:24px auto 18px;color:var(--gold-bright);text-shadow:0 0 60px rgba(240,216,150,.3)}\n.abyss .lede{margin:0 auto 42px}\n.one-of-one{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(60px,10.5vw,140px);letter-spacing:.06em;line-height:1;margin-bottom:16px;\n  background:linear-gradient(180deg,var(--gold-bright),#6e5520);-webkit-background-clip:text;background-clip:text;color:transparent}\n.riddle{font-family:'IBM Plex Mono',monospace;font-size:clamp(15px,2.2vw,23px);letter-spacing:.5em;color:var(--mist);margin-bottom:12px}\n.question{font-family:'Cinzel',serif;font-weight:700;letter-spacing:.3em;text-transform:uppercase;font-size:clamp(13px,1.4vw,16px);color:var(--bone);margin-bottom:42px}\n.abyss-rules{display:flex;justify-content:center;gap:38px;margin-top:50px;flex-wrap:wrap;position:relative;z-index:5}\n.abyss-rules div{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mist);display:flex;align-items:center;gap:10px}\n.abyss-rules div::before{content:\"\u25c6\";color:var(--gold);font-size:8px}\n\n\/* ============ PHASES : BLOOD PACT (crimson volcanic) ============ *\/\n.phases-sec{background:\n  radial-gradient(1000px 600px at 50% 0%, rgba(142,20,20,.18), transparent 60%),\n  linear-gradient(180deg,var(--abyss-2) 0%,#170808 35%,#1D0A0A 70%,#0A0505 100%)}\n.p1-panel{position:relative;border:1px solid rgba(201,32,32,.45);background:linear-gradient(180deg,rgba(142,20,20,.10),rgba(5,7,5,.1) 45%),rgba(10,5,5,.8);\n  padding:clamp(28px,4vw,52px);margin-bottom:clamp(40px,5vw,60px);overflow:hidden;z-index:5}\n.p1-panel::after{content:\"DROP 1 \u00b7 SOLD OUT \u2705\";position:absolute;top:-1px;right:-1px;font-family:'IBM Plex Mono',monospace;font-size:9px;\n  letter-spacing:.24em;background:linear-gradient(180deg,#C9A24B,#8a6b26);color:var(--ink);font-weight:700;padding:7px 16px}\n.p1-head{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(24px,3.2vw,40px);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}\n.p1-head em{font-style:normal;color:var(--gold)}\n.p1-sub{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--blood-bright);margin-bottom:22px}\n.p1-creed{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(15px,1.8vw,21px);letter-spacing:.06em;color:var(--bone);margin-bottom:26px;max-width:34ch;line-height:1.5}\n.p1-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,32,32,.25);border:1px solid rgba(201,32,32,.35);margin-bottom:26px}\n.p1-grid div{background:rgba(8,4,4,.9);padding:20px 22px}\n.p1-grid b{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(20px,2.4vw,30px);display:block;letter-spacing:.04em}\n.p1-grid b.au{color:var(--gold)}\n.p1-grid span{font-family:'IBM Plex Mono',monospace;font-size:8.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--mist)}\n.util-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:12px}\n.util-label::after{content:\"\";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-dim),transparent)}\n.p1-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px;margin-bottom:8px}\n.p1-points div{display:flex;gap:12px;align-items:baseline;font-size:14px;color:var(--mist)}\n.p1-points div::before{content:\"\u27eb\";color:var(--blood-bright);font-size:11px;flex:none}\n.p1-points b{color:var(--bone);font-weight:600}\n.wl-strip{border:1px solid var(--hairline);background:rgba(8,5,5,.8);padding:clamp(24px,3.4vw,40px);margin-bottom:clamp(40px,5vw,60px);position:relative;z-index:5}\n.wl-strip h3{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(18px,2.2vw,26px);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}\n.wl-strip h3 em{font-style:normal;color:var(--gold)}\n.wl-strip .wl-sub{color:var(--mist);font-size:14px;margin-bottom:22px;max-width:62ch}\n.wl-ways{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\n.wl-way{border:1px solid var(--hairline);padding:18px;transition:border-color .3s}\n.wl-way:hover{border-color:rgba(201,32,32,.5)}\n.wl-way b{font-family:'Cinzel',serif;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-bright);display:block;margin-bottom:6px}\n.wl-way p{font-size:12.5px;color:var(--mist);line-height:1.55}\n.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,36px);position:relative;z-index:5}\n.phase{border:1px solid var(--hairline);padding:34px 30px;position:relative;background:rgba(8,5,5,.8);transition:border-color .3s}\n.phase:hover{border-color:rgba(201,32,32,.5)}\n.phase .ph-no{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.3em;color:var(--blood-bright);margin-bottom:16px;display:block}\n.phase h3{font-family:'Cinzel',serif;font-weight:900;font-size:23px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}\n.phase ul{list-style:none}\n.phase li{padding:12px 0;border-top:1px solid var(--hairline);font-size:14px;color:var(--mist);display:flex;gap:12px;align-items:baseline}\n.phase li::before{content:\"\u27eb\";color:var(--gold);font-size:11px}\n.phase.live::after{content:\"ACTIVE\";position:absolute;top:-1px;right:-1px;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.24em;\n  background:linear-gradient(180deg,var(--blood-bright),var(--blood-dark));color:var(--bone);padding:6px 14px}\n\n\/* ============ CREATOR : THE DEN (warm amber forest) ============ *\/\n.creator{background:\n  radial-gradient(800px 500px at 15% 30%, rgba(201,162,75,.08), transparent 60%),\n  linear-gradient(180deg,#0A0505 0%,#10130D 45%,var(--jungle-1) 100%)}\n.creator-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,5vw,80px);align-items:center;position:relative;z-index:5}\n.creator-photo{position:relative;border:1px solid var(--gold-dim);padding:12px;background:rgba(201,162,75,.03)}\n.creator-photo img{width:100%;filter:grayscale(.2) contrast(1.05)}\n.creator-photo::before{content:\"\";position:absolute;top:-1px;left:-1px;width:26px;height:26px;border-top:2px solid var(--gold);border-left:2px solid var(--gold)}\n.creator-photo::after{content:\"\";position:absolute;bottom:-1px;right:-1px;width:26px;height:26px;border-bottom:2px solid var(--gold);border-right:2px solid var(--gold)}\n.creator h2{font-size:clamp(28px,3.6vw,46px);margin:20px 0 6px}\n.creator .role{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:26px}\n.creator p{color:var(--mist);font-size:15px;margin-bottom:16px;max-width:58ch}\n.creator p b{color:var(--bone);font-weight:600}\n.creator-socials{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}\n.creator-socials a{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--hairline);padding:10px 16px;color:var(--mist);transition:.25s}\n.creator-socials a:hover{border-color:var(--gold);color:var(--gold-bright)}\n\n\/* ============ FAQ : QUIET UNDERGROWTH ============ *\/\n.faq-sec{background:linear-gradient(180deg,var(--jungle-1) 0%,#070A07 60%,var(--ink) 100%)}\n.faq-list{max-width:880px;position:relative;z-index:5}\ndetails{border-bottom:1px solid var(--hairline)}\ndetails:first-of-type{border-top:1px solid var(--hairline)}\nsummary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;\n  padding:25px 6px;font-family:'Cinzel',serif;font-weight:700;font-size:15.5px;letter-spacing:.08em;text-transform:uppercase;transition:color .25s}\nsummary::-webkit-details-marker{display:none}\nsummary:hover{color:var(--gold-bright)}\nsummary .ind{font-family:'IBM Plex Mono',monospace;color:var(--blood-bright);font-size:16px;transition:transform .3s;flex:none}\ndetails[open] .ind{transform:rotate(45deg)}\ndetails .ans{padding:0 6px 26px;color:var(--mist);font-size:15px;max-width:64ch}\ndetails .ans b{color:var(--gold-bright);font-weight:600}\n\n\/* ============ FINAL : THE KILL (blood + gold) ============ *\/\n.final{position:relative;text-align:center;overflow:hidden;padding:clamp(110px,13vw,180px) 0;\n  background:\n    radial-gradient(900px 520px at 50% 30%, rgba(142,20,20,.22), transparent 70%),\n    radial-gradient(700px 400px at 50% 90%, rgba(201,162,75,.10), transparent 70%),\n    var(--ink)}\n.final h2{font-size:clamp(34px,5.4vw,72px);margin-bottom:16px}\n.final h2 em{font-style:normal;background:linear-gradient(100deg,var(--gold),var(--gold-bright));-webkit-background-clip:text;background-clip:text;color:transparent}\n.final .mono-line{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--mist);margin-bottom:44px}\n.final .mono-line i{color:var(--blood-bright);font-style:normal}\n.final-slash{width:min(560px,80vw);margin:0 auto 30px;filter:drop-shadow(0 6px 26px rgba(142,20,20,.5))}\n\nfooter{border-top:1px solid var(--hairline);padding:40px 0;background:var(--ink)}\n.foot{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}\n.foot img{height:38px}\n.foot-links{display:flex;gap:22px}\n.foot-links a{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mist);transition:color .25s}\n.foot-links a:hover{color:var(--gold-bright)}\n.foot .copy{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mist)}\n\n\n\/* section header\/background beasts *\/\n.sec-bg{position:absolute;inset:-14% 0;z-index:0;pointer-events:none;will-change:transform}\n.sec-bg img{transform:scale(1.08)}\n.sec-bg img{width:100%;height:100%;object-fit:cover}\n.sec-bg::after{content:\"\";position:absolute;inset:0}\n.hero .sec-bg img{object-position:center 55%;opacity:.66;filter:saturate(1.1) contrast(1.04)}\n.hero .sec-bg::after{background:radial-gradient(1100px 600px at 50% 12%,rgba(5,7,5,.15),rgba(5,7,5,.85) 80%),linear-gradient(180deg,rgba(5,7,5,.28) 0%,rgba(5,7,5,.22) 45%,var(--ink) 97%)}\n.hierarchy .sec-bg img{object-position:center 30%;opacity:.30;filter:saturate(1.08)}\n.hierarchy .sec-bg::after{background:linear-gradient(90deg,rgba(13,11,8,.78) 20%,rgba(13,11,8,.42) 60%,rgba(13,11,8,.72)),linear-gradient(180deg,var(--ink),transparent 22%,transparent 78%,rgba(13,11,8,.95))}\n.collection .sec-bg img{object-position:center 25%;opacity:.24;filter:saturate(1.05) brightness(1.05)}\n.collection .sec-bg::after{background:linear-gradient(90deg,rgba(11,12,10,.5) 0%,rgba(11,12,10,.85) 60%),linear-gradient(180deg,rgba(11,12,10,.88),transparent 28%,transparent 72%,rgba(10,11,10,.95))}\n.privileges .sec-bg img{object-position:center 30%;opacity:.26;filter:saturate(1.12)}\n.privileges .sec-bg::after{background:linear-gradient(90deg,rgba(13,11,7,.85) 30%,rgba(13,11,7,.45) 75%),linear-gradient(180deg,rgba(10,11,10,.9),transparent 28%,transparent 74%,rgba(10,9,7,.95))}\n.abyss .sec-bg img{object-position:center 40%;opacity:.5;filter:saturate(1.15) brightness(.9)}\n.abyss .sec-bg::after{background:radial-gradient(900px 600px at 50% 42%,transparent 0%,rgba(2,12,17,.92) 78%),linear-gradient(180deg,#0A0907 0%,transparent 22%,transparent 70%,var(--abyss-2) 100%)}\n.phases-sec .sec-bg img{object-position:center 30%;opacity:.24;filter:saturate(1.15) hue-rotate(-4deg)}\n.phases-sec .sec-bg::after{background:linear-gradient(90deg,rgba(20,7,7,.5) 0%,rgba(20,7,7,.85) 55%),linear-gradient(180deg,rgba(2,12,17,.92),transparent 26%,transparent 74%,rgba(10,5,5,.96))}\n.creator .sec-bg img{object-position:center 25%;opacity:.18;filter:saturate(1.05)}\n.creator .sec-bg::after{background:linear-gradient(90deg,rgba(10,8,6,.95) 45%,rgba(10,8,6,.6)),linear-gradient(180deg,rgba(10,5,5,.95),transparent 30%,transparent 75%,rgba(13,11,8,.95))}\n.final .sec-bg img{object-position:center 40%;opacity:.45;filter:saturate(1.1)}\n.final .sec-bg::after{background:radial-gradient(900px 520px at 50% 45%,rgba(5,7,5,.4),rgba(5,7,5,.95) 82%)}\n\n\/* ============ MOTION ============ *\/\n.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}\n.no-js .reveal{opacity:1;transform:none}\n.reveal.in{opacity:1;transform:none}\n@media (prefers-reduced-motion:reduce){\n  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}\n  .reveal{opacity:1;transform:none}\n  .layer,[data-px]{transform:none!important}\n}\n\n\/* ============ RESPONSIVE ============ *\/\n@media(max-width:1080px){\n  .gallery{grid-template-columns:repeat(3,1fr)}\n  .tiers{grid-template-columns:repeat(2,1fr)}\n  .creator-grid{grid-template-columns:1fr}\n  .creator-photo{max-width:420px}\n  .p1-grid{grid-template-columns:repeat(2,1fr)}\n  .wl-ways{grid-template-columns:repeat(2,1fr)}\n  .supply-strip{grid-template-columns:repeat(2,1fr)}\n}\n@media(max-width:820px){\n  .nav-links{display:none}\n  .menu-btn{display:block}\n  .nav-links.open{display:flex;position:fixed;top:76px;left:0;right:0;flex-direction:column;gap:0;\n    background:rgba(5,7,5,.97);border-bottom:1px solid var(--hairline);padding:10px 0}\n  .nav-links.open a{display:block;padding:15px clamp(20px,4vw,48px)}\n  .nav-cta{display:none}\n  .priv-grid,.phases,.coll-stats,.p1-grid,.wl-ways,.p1-points{grid-template-columns:1fr}\n  .gallery{grid-template-columns:repeat(2,1fr)}\n  .tiers{grid-template-columns:1fr}\n  .tier{min-height:340px}\n  .tier.mythic{flex-direction:column;align-items:flex-start}\n  .supply-strip{grid-template-columns:1fr}\n  .layer{display:none} \/* keep mobile clean and fast *\/\n}\n\n\/* ===== 180 Community Reserve ===== *\/\n.reserve-block{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,4vw,60px);align-items:start;\n  border:1px solid rgba(201,162,75,.30);background:linear-gradient(135deg,rgba(201,162,75,.06),rgba(5,7,5,.05) 60%),rgba(10,9,6,.55);\n  padding:clamp(26px,3.5vw,48px);margin-top:30px;position:relative;overflow:hidden;z-index:5}\n.reserve-block::before{content:\"COMMUNITY RESERVE\";position:absolute;top:16px;right:18px;\n  font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:.28em;\n  color:#C9A24B;border:1px solid rgba(201,162,75,.35);padding:5px 12px;opacity:.7}\n.res-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.3em;text-transform:uppercase;\n  color:#C9A24B;display:flex;align-items:center;gap:12px;margin-bottom:16px}\n.res-eyebrow::before{content:\"\";width:28px;height:1px;background:#C9A24B;flex:none}\n.res-title{font-size:clamp(22px,2.8vw,36px);margin-bottom:16px;color:#ECE7DA}\n.res-title em{font-style:normal;color:#C9A24B}\n.res-note{color:#93A092;font-size:14px;line-height:1.7;max-width:44ch}\n.res-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(201,162,75,.18)}\n.res-item{background:rgba(8,10,8,.80);padding:22px;transition:background .3s}\n.res-item:hover{background:rgba(16,18,14,.92)}\n.res-item svg{width:32px;height:32px;display:block;fill:none;stroke:#C9A24B;stroke-width:1.6;\n  stroke-linecap:round;stroke-linejoin:round;margin-bottom:12px;overflow:visible;\n  filter:drop-shadow(0 0 8px rgba(201,162,75,.4))}\n.res-item span{font-family:'Cinzel',serif;font-weight:700;font-size:13px;letter-spacing:.1em;\n  text-transform:uppercase;color:#F0D896;display:block;margin-bottom:6px}\n.res-item p{font-size:12.5px;color:#93A092;line-height:1.55;margin:0}\n@media(max-width:1080px){.reserve-block{grid-template-columns:1fr}}\n@media(max-width:560px){.res-grid{grid-template-columns:1fr}}\n\n\/* Sea Beast CTA in phase card *\/\n.sea-cta{display:inline-flex;align-items:center;gap:6px;margin-top:8px;\n  font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.22em;text-transform:uppercase;\n  color:var(--gold-bright);border:1px solid var(--gold-dim);padding:6px 12px;\n  transition:background .25s,border-color .25s;white-space:nowrap}\n.sea-cta:hover{background:rgba(201,162,75,.10);border-color:var(--gold)}\n\n\/* ===== UI SCALE 125% (backgrounds excluded) ===== *\/\nhtml { font-size: 125%; }\n.wrap { --scale: 1.5; }\n\n\/* Scale nav text and height *\/\n.nav-inner { height: 95.0px; }\n.brand img { height: 55.0px !important; }\n.nav-cta { font-size: 13.2px; padding: 15.0px 25.0px; }\n.nav-links a { font-size: 13.2px; }\n.menu-btn { font-size: 12.5px; }\n\n\/* Scale hero content (not the background) *\/\n.hero-inner { transform-origin: top center; }\n.hero-stats div b { font-size: clamp(27.5px, 3.2vw, 40.0px); }\n.hero-stats div span { font-size: 11.8px; }\n.hero-x img { height: clamp(80.0px, 11.7vw, 130.0px) !important; }\n.hero-x .crovia { font-size: clamp(27.5px, 3.3vw, 47.5px); }\n.hero-x .x { font-size: clamp(22.5px, 3.0vw, 35.0px); }\n.phase-chip { font-size: clamp(13.3px, 1.7vw, 17.5px); }\n.mint-pill { font-size: 13.2px; padding: 10.8px 22.5px; }\n.btn { font-size: 15.0px; padding: 20.8px 40.0px; }\n\n\/* Scale section text *\/\n.eyebrow { font-size: 13.3px !important; }\n.lede { font-size: clamp(18.3px, 1.8vw, 22.5px); }\n\n\/* Tier cards *\/\n.tier { min-height: 537.5px; }\n.tier .rank { font-size: 18.3px; }\n.tier h3 { font-size: clamp(23.3px, 2.3vw, 30.0px); }\n.tier p { font-size: 15.8px; }\n.tier .phase-badge { font-size: 10.8px; }\n.tier.mythic { min-height: 375.0px; }\n\n\/* Supply strip *\/\n.supply-cell .sc-phase { font-size: 11.7px; }\n.supply-cell b { font-size: clamp(30.0px, 3.3vw, 47.5px); }\n.supply-cell .sc-what { font-size: 15.8px; }\n\n\/* Gallery cards *\/\n.gallery { gap: 22.5px; }\n.card figcaption { font-size: 13.3px; }\n.m-item { width: 230.0px; }\n\n\/* Privileges *\/\n.priv { padding: 45.0px 40.0px; }\n.priv .pv-icon { width: 57.5px; height: 57.5px; }\n.priv h3 { font-size: 20.0px; }\n.priv p { font-size: 16.7px; }\n.priv-note { font-size: 17.5px; }\n\n\/* Phases *\/\n.phase { padding: 42.5px 37.5px; }\n.phase h3 { font-size: 28.3px; }\n.phase li { font-size: 17.5px; }\n.p1-grid b { font-size: clamp(25.0px, 3.0vw, 37.5px); }\n.p1-grid span { font-size: 10.8px; }\n.p1-creed { font-size: clamp(18.3px, 2.3vw, 25.8px); }\n.p1-points div { font-size: 17.5px; }\n.wl-way b { font-size: 15.8px; }\n.wl-way p { font-size: 15.8px; }\n\n\/* FAQ *\/\nsummary { font-size: 19.2px; }\ndetails .ans { font-size: 18.3px; }\n\n\/* Creator *\/\n.creator .role { font-size: 13.3px; }\n.creator p { font-size: 18.3px; }\n.creator-socials a { font-size: 12.5px; padding: 12.5px 20.0px; }\n\n\/* Footnote *\/\n.hier-footnote { font-size: 17.5px; }\n\n\/* Footer *\/\n.foot .copy { font-size: 12.5px; }\n.foot img { height: 47.5px !important; }\n.foot-links a { font-size: 13.3px; }\n\n\/* ===== SECTION GAP FIX ===== *\/\nheader.hero + section,\nheader.hero + .marquee ~ section { margin-top: -28px; }\n.marquee { margin-top: 0; }\nheader.hero .marquee { position: relative; z-index: 6; }\n\n\/* ===== NAV GAP PERMANENT FIX ===== *\/\nheader.hero { padding-top: 76px !important; }\nheader.hero .hero-inner { min-height: calc(100svh - 76px); display: flex; flex-direction: column; justify-content: center; }\n\n\/* ===== WITNESS BLOOD BUTTON ===== *\/\n.btn-witness{\n  position:relative;\n  background:linear-gradient(180deg,var(--blood-bright),var(--blood-dark));\n  color:var(--bone);font-weight:500;\n  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);\n  border:none;overflow:hidden;\n  text-shadow:0 1px 4px rgba(0,0,0,.6);\n  box-shadow:0 0 22px rgba(142,20,20,.45);\n  transition:.25s;\n}\n.btn-witness:hover{filter:brightness(1.18);transform:translateY(-2px);box-shadow:0 0 32px rgba(201,32,32,.6)}\n.btn-witness::before{\n  content:\"\";position:absolute;inset:0;pointer-events:none;opacity:.55;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='56'%3E%3Cg stroke='%23ECE7DA' stroke-linecap='round' fill='none'%3E%3Cpath d='M10 48 60 8' stroke-width='1.2' opacity='.7'\/%3E%3Cpath d='M14 50 64 10' stroke-width='.7' opacity='.4'\/%3E%3Cpath d='M17 52 67 12' stroke-width='.5' opacity='.25'\/%3E%3Cpath d='M120 4 160 52' stroke-width='1' opacity='.6'\/%3E%3Cpath d='M124 4 164 52' stroke-width='.6' opacity='.3'\/%3E%3Cpath d='M80 28 100 8' stroke-width='.8' opacity='.45'\/%3E%3C\/g%3E%3C\/svg%3E\");\n  background-size:cover;mix-blend-mode:overlay;z-index:0;\n}\n\n\/* ===== SEA BEAST UNDERWATER BUTTON ===== *\/\n.btn-seabeast{\n  position:relative;\n  background:linear-gradient(180deg,#1A7A8A,#0A3D45);\n  color:#B8EEF4;font-weight:500;\n  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);\n  border:none;overflow:hidden;\n  text-shadow:0 0 12px rgba(124,200,210,.8);\n  box-shadow:0 0 24px rgba(18,84,96,.6), inset 0 0 20px rgba(124,200,210,.08);\n  transition:.25s;\n  animation:tidePulse 3.5s ease-in-out infinite alternate;\n}\n@keyframes tidePulse{\n  from{box-shadow:0 0 20px rgba(18,84,96,.5), inset 0 0 16px rgba(124,200,210,.06)}\n  to{box-shadow:0 0 36px rgba(18,140,160,.7), inset 0 0 28px rgba(124,200,210,.14)}\n}\n.btn-seabeast:hover{\n  filter:brightness(1.2);transform:translateY(-2px);\n  box-shadow:0 0 44px rgba(18,140,160,.8), inset 0 0 30px rgba(124,200,210,.2);\n}\n\/* underwater bubble + light ray overlay *\/\n.btn-seabeast::before{\n  content:\"\";position:absolute;inset:0;pointer-events:none;opacity:.4;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='200' height='56'%3E%3Ccircle cx='30' cy='42' r='3' stroke='%237CC8D2' stroke-width='1' fill='none' opacity='.7'\/%3E%3Ccircle cx='80' cy='36' r='2' stroke='%237CC8D2' stroke-width='1' fill='none' opacity='.5'\/%3E%3Ccircle cx='130' cy='44' r='2.5' stroke='%237CC8D2' stroke-width='1' fill='none' opacity='.6'\/%3E%3Ccircle cx='170' cy='38' r='1.5' stroke='%237CC8D2' stroke-width='1' fill='none' opacity='.4'\/%3E%3Cline x1='60' y1='0' x2='55' y2='56' stroke='%237CC8D2' stroke-width='.6' opacity='.3'\/%3E%3Cline x1='110' y1='0' x2='105' y2='56' stroke='%237CC8D2' stroke-width='.4' opacity='.2'\/%3E%3Cline x1='155' y1='0' x2='150' y2='56' stroke='%237CC8D2' stroke-width='.5' opacity='.25'\/%3E%3C\/svg%3E\");\n  background-size:cover;mix-blend-mode:screen;z-index:0;\n}\n\n\/* phase chip center fix *\/\n.phase-chip { margin-left: auto !important; margin-right: auto !important; justify-content: center; }\n.hero-inner { display: flex; flex-direction: column; align-items: center; }\n\n\/* phase-chip center fix *\/\n.hero .phase-chip { margin-left:auto; margin-right:auto; }\n.hero-inner { align-items:center; }\n\n\/* ============ DOMINION FEATURE : THE THRONE ROOM (gold + blood) ============ *\/\n.dominion-feature{\n  background:\n    radial-gradient(900px 560px at 18% 40%, rgba(201,162,75,.12), transparent 62%),\n    radial-gradient(800px 520px at 88% 70%, rgba(142,20,20,.16), transparent 62%),\n    linear-gradient(180deg,var(--ink) 0%,#0B0A07 35%,#120F09 70%,var(--ink) 100%)}\n.df-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(36px,5vw,80px);align-items:center;position:relative;z-index:5;perspective:1200px}\n.df-art{position:relative;border:1px solid var(--gold-dim);padding:12px;background:rgba(201,162,75,.04);transform-style:preserve-3d;will-change:transform}\n.df-art img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(1.05) contrast(1.03)}\n.df-art::before{content:\"\";position:absolute;top:-1px;left:-1px;width:30px;height:30px;border-top:2px solid var(--gold);border-left:2px solid var(--gold);z-index:2}\n.df-art::after{content:\"\";position:absolute;bottom:-1px;right:-1px;width:30px;height:30px;border-bottom:2px solid var(--gold);border-right:2px solid var(--gold);z-index:2}\n.df-art figcaption{display:flex;justify-content:space-between;align-items:center;padding:14px 4px 2px;\n  font-family:'IBM Plex Mono',monospace;font-size:13.3px;letter-spacing:.12em}\n.df-art figcaption b{color:var(--gold-bright);font-weight:500}\n.df-art figcaption span{color:var(--mist)}\n.df-stamp{position:absolute;top:26px;left:26px;z-index:3;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.26em;text-transform:uppercase;\n  color:var(--ink);background:linear-gradient(180deg,var(--gold-bright),var(--gold));padding:8px 14px;font-weight:700}\n.df-copy h2{font-size:clamp(34px,4.8vw,64px);margin:22px 0 18px}\n.df-copy h2 em{font-style:normal;color:var(--gold)}\n.df-copy .lede{margin-bottom:28px}\n.df-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin-bottom:22px}\n.df-stats div{background:rgba(5,7,5,.85);padding:18px 16px}\n.df-stats b{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(22px,2.4vw,32px);display:block;letter-spacing:.04em;color:var(--bone)}\n.df-stats b.au{color:var(--gold)}\n.df-stats span{font-family:'IBM Plex Mono',monospace;font-size:10.8px;letter-spacing:.2em;text-transform:uppercase;color:var(--mist)}\n.df-prices{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}\n.df-prices div{font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone);\n  border:1px solid var(--hairline);background:rgba(5,7,5,.6);padding:12px 16px}\n.df-prices div b{color:var(--gold-bright);font-weight:500}\n.df-actions{display:flex;gap:16px;flex-wrap:wrap}\n@media(max-width:1080px){.df-grid{grid-template-columns:1fr}.df-art{max-width:560px}}\n@media(max-width:820px){.df-stats{grid-template-columns:repeat(2,1fr)}}\n\n\/* ================= DOMINION RETHEME : BEAST ART ================= *\/\n\/* beast portrait inside every info box (added by script) *\/\n.bx{position:relative;isolation:isolate;overflow:hidden}\n.bx-img{position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-size:cover;background-position:center 18%;\n  opacity:.2;filter:saturate(1.1);transition:opacity .5s ease,transform .9s ease;\n  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 55%,transparent 100%);\n  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 55%,transparent 100%)}\n.bx:hover>.bx-img{opacity:.32;transform:scale(1.06)}\n.bx-img.side{background-size:auto 155%;background-position:right 24%;\n  -webkit-mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.5) 45%,transparent 82%);\n  mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.5) 45%,transparent 82%)}\n.bx-img.veil{filter:grayscale(1) blur(6px) brightness(.9);opacity:.28}\n.bx-img.gold{filter:grayscale(1) sepia(1) saturate(2.6) blur(5px);opacity:.34}\n.bx-img.void{filter:grayscale(1) sepia(1) hue-rotate(215deg) saturate(2.4) blur(5px);opacity:.34}\n.bx-img.sea{filter:grayscale(1) sepia(1) hue-rotate(150deg) saturate(2.2) blur(4px);opacity:.34}\n\n\/* hero : two Dominion Beasts flank the title *\/\n.hero-beast{position:absolute;top:76px;height:calc(100svh - 76px);max-height:1100px;aspect-ratio:1;max-width:58vw;z-index:3;pointer-events:none;will-change:transform}\n.hero-beast img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.74;filter:saturate(1.12) contrast(1.06);\n  -webkit-mask-image:radial-gradient(ellipse 50% 52% at 50% 46%,#000 42%,transparent 100%);\n  mask-image:radial-gradient(ellipse 50% 52% at 50% 46%,#000 42%,transparent 100%);\n  animation:beastBreath 9s ease-in-out infinite alternate}\n.hero-beast.l{left:-12vw}\n.hero-beast.r{right:-12vw}\n.hero-beast.r img{animation-delay:-4.5s}\n@keyframes beastBreath{from{transform:scale(1)}to{transform:scale(1.04)}}\n.hero-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;\n  background:radial-gradient(ellipse 36% 48% at 50% 44%,rgba(5,7,5,.74),transparent 100%),linear-gradient(180deg,transparent 70%,var(--ink) 100%)}\n.hero h1{filter:drop-shadow(0 4px 26px rgba(201,162,75,.25)) drop-shadow(0 2px 2px rgba(0,0,0,.8))}\n\n\/* section backgrounds : a Dominion Beast emerges from the side *\/\n.sec-bg.beast{top:0;bottom:auto;height:auto;display:flex;justify-content:flex-end;align-items:flex-start}\n.sec-bg.beast.left{justify-content:flex-start}\n.sec-bg.beast.center{justify-content:center}\n.sec-bg.beast::after{display:none}\n.sec-bg.beast img{flex:none;width:min(58%,960px);height:auto;aspect-ratio:1;object-fit:cover;object-position:center 25%;transform:none;opacity:.42!important;filter:saturate(1.12)!important;\n  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 62%),linear-gradient(180deg,transparent 0%,#000 16%,#000 52%,transparent 100%);\n  -webkit-mask-composite:source-in;\n  mask-image:linear-gradient(90deg,transparent 0%,#000 62%),linear-gradient(180deg,transparent 0%,#000 16%,#000 52%,transparent 100%);\n  mask-composite:intersect}\n.sec-bg.beast.left img{\n  -webkit-mask-image:linear-gradient(270deg,transparent 0%,#000 62%),linear-gradient(180deg,transparent 0%,#000 16%,#000 52%,transparent 100%);\n  mask-image:linear-gradient(270deg,transparent 0%,#000 62%),linear-gradient(180deg,transparent 0%,#000 16%,#000 52%,transparent 100%)}\n.sec-bg.beast.center img{width:min(92%,1100px);opacity:.36!important;\n  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 42%,#000 25%,transparent 100%);\n  mask-image:radial-gradient(ellipse 50% 50% at 50% 42%,#000 25%,transparent 100%)}\n.dominion-feature .sec-bg.beast img{opacity:.26!important}\n\n\/* countdown *\/\n.countdown{display:flex;gap:10px;justify-content:center;margin-bottom:34px;flex-wrap:wrap;position:relative;z-index:6}\n.countdown div{min-width:84px;border:1px solid var(--gold-dim);background:rgba(5,7,5,.62);padding:12px 10px;text-align:center}\n.countdown b{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(24px,3vw,36px);color:var(--bone);display:block;line-height:1.1}\n.countdown span{font-family:'IBM Plex Mono',monospace;font-size:11.7px;letter-spacing:.26em;color:var(--mist);text-transform:uppercase}\n\n\/* featured collage (main page) *\/\n.df-collage{position:relative;width:100%;max-width:640px;padding:5% 0 16%}\n.df-collage .df-art{position:relative;z-index:3;width:70%;margin-left:15%;box-shadow:0 40px 80px rgba(0,0,0,.65)}\n.df-mini{position:absolute;z-index:1;width:42%;border:1px solid var(--gold-dim);padding:7px;background:rgba(10,9,6,.92);box-shadow:0 26px 50px rgba(0,0,0,.6);transition:transform .5s ease}\n.df-mini img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(1.05) brightness(.8)}\n.df-mini.c2{left:0;bottom:0;transform:rotate(-7deg)}\n.df-mini.c3{right:0;top:0;transform:rotate(6deg)}\n.df-collage:hover .df-mini.c2{transform:rotate(-10deg) translate(-10px,6px)}\n.df-collage:hover .df-mini.c3{transform:rotate(9deg) translate(10px,-6px)}\n\n\/* named series tiles (Dominion page) *\/\n.series{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;position:relative;z-index:5}\n.s-tile{position:relative;aspect-ratio:3\/4;border:1px solid var(--hairline);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:14px;background:#0B0D0B;transition:border-color .3s,transform .3s}\n.s-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;opacity:.8;transition:transform .7s ease,opacity .4s}\n.s-tile::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(5,7,5,.95))}\n.s-tile b,.s-tile span{position:relative;z-index:1}\n.s-tile b{font-family:'Cinzel',serif;font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-bright);line-height:1.2}\n.s-tile span{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--mist)}\n.s-tile.locked img{filter:grayscale(1) blur(9px) brightness(.5);opacity:.7}\n.s-tile.locked.gold img{filter:grayscale(1) sepia(1) saturate(2.6) blur(9px) brightness(.6)}\n.s-tile.locked b{color:var(--bone)}\n.s-tile.locked::before{content:\"?\";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;\n  font-family:'Cinzel',serif;font-weight:900;font-size:56px;color:rgba(240,216,150,.55);text-shadow:0 0 30px rgba(240,216,150,.35);padding-bottom:22%}\n.s-tile:hover{border-color:var(--gold);transform:translateY(-4px)}\n.s-tile:hover img{transform:scale(1.07);opacity:1}\n\n\n@media(max-width:820px){\n  .hero-beast{max-width:none;width:100vw;height:auto;top:110px}\n  .hero-beast img{opacity:.36}\n  .hero-beast.l{left:-52vw}\n  .hero-beast.r{right:-52vw}\n  .sec-bg.beast img{width:100%;opacity:.26!important}\n  .series{grid-template-columns:repeat(4,1fr)}\n  .df-collage{max-width:520px}\n}\n@media(max-width:560px){.series{grid-template-columns:repeat(2,1fr)}.countdown div{min-width:66px}}\n\n\/* ============ FOUNDATION PROOF : THE HIERARCHY DELIVERS ============ *\/\n.proof{background:\n  radial-gradient(900px 560px at 80% 30%, rgba(201,162,75,.10), transparent 62%),\n  radial-gradient(800px 500px at 10% 90%, rgba(142,20,20,.12), transparent 62%),\n  linear-gradient(180deg,var(--ink) 0%,#0B0A07 40%,#0E0B07 75%,var(--ink) 100%)}\n.proof-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,5vw,80px);align-items:center;position:relative;z-index:5;margin-bottom:clamp(44px,5vw,70px)}\n.proof-copy h2{font-size:clamp(34px,4.8vw,64px);margin:22px 0 18px}\n.proof-copy h2 em{font-style:normal;color:var(--gold)}\n.proof-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin-top:30px}\n.proof-stats div{background:rgba(5,7,5,.85);padding:22px 20px}\n.proof-stats b{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(28px,3.2vw,42px);display:block;color:var(--bone);line-height:1.1;letter-spacing:.03em}\n.proof-stats b.au{color:var(--gold)}\n.proof-stats span{font-family:'IBM Plex Mono',monospace;font-size:11.7px;letter-spacing:.22em;text-transform:uppercase;color:var(--mist)}\n.proof-wall-wrap{position:relative;padding:4%}\n.proof-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;transform:rotate(-2.5deg)}\n.proof-wall img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--hairline);filter:saturate(.9) brightness(.62);transition:filter .4s,transform .4s}\n.proof-wall img:hover{filter:saturate(1.05) brightness(1);transform:scale(1.04);position:relative;z-index:2}\n.proof-stamp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);z-index:3;pointer-events:none;\n  font-family:'Cinzel',serif;font-weight:900;font-size:clamp(36px,4.6vw,64px);letter-spacing:.08em;line-height:1.05;text-align:center;white-space:nowrap;\n  color:var(--blood-bright);border:4px solid var(--blood-bright);padding:10px 28px 12px;background:rgba(5,7,5,.6);\n  text-shadow:0 0 24px rgba(201,32,32,.5);box-shadow:0 0 44px rgba(201,32,32,.35),inset 0 0 22px rgba(201,32,32,.25)}\n.proof-stamp small{display:block;font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.3em;color:var(--gold-bright);text-shadow:none;margin-top:4px}\n.proof-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:5}\n.proof-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--hairline);background:rgba(10,9,6,.82);padding:32px 28px 28px;transition:transform .3s,border-color .3s}\n.proof-card:hover{transform:translateY(-5px);border-color:var(--gold-dim)}\n.proof-card .done{position:absolute;top:16px;right:16px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;\n  color:var(--ink);background:linear-gradient(180deg,var(--gold-bright),var(--gold));padding:5px 11px;font-weight:700}\n.proof-card .amt{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(28px,2.8vw,38px);color:var(--gold-bright);display:block;line-height:1.1;margin:10px 0 8px;letter-spacing:.02em}\n.proof-card h3{font-family:'Cinzel',serif;font-weight:700;font-size:19px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone);margin-bottom:8px}\n.proof-card p{color:var(--mist);font-size:16.7px;line-height:1.6}\n.proof-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:34px;padding-top:28px;border-top:1px solid var(--hairline);position:relative;z-index:5}\n.proof-foot p{font-family:'Cinzel',serif;font-weight:700;font-size:clamp(18px,2vw,26px);letter-spacing:.06em;text-transform:uppercase;color:var(--mist)}\n.proof-foot p b{color:var(--gold-bright);font-weight:900}\n\/* 5 cards: 3 on top, 2 centred below *\/\n.proof-cards{grid-template-columns:repeat(6,1fr)}\n.proof-card{grid-column:span 2}\n.proof-card:nth-child(4){grid-column:2 \/ span 2}\n@media(max-width:1080px){.proof-grid{grid-template-columns:1fr}.proof-wall-wrap{max-width:620px}\n  .proof-cards{grid-template-columns:repeat(2,1fr)}.proof-card,.proof-card:nth-child(4){grid-column:auto}.proof-card:last-child{grid-column:1 \/ -1}}\n@media(max-width:560px){.proof-cards{grid-template-columns:1fr}.proof-card:last-child{grid-column:auto}.proof-stats b{font-size:26px}}\n\n.nav-links a{white-space:nowrap}\n\/* ============ SEA BEASTS (main page) ============ *\/\n.sea-facts,.sea-entries{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(124,200,210,.18);border:1px solid rgba(124,200,210,.3);max-width:1000px;margin:0 auto;position:relative;z-index:5}\n.sea-facts{margin-bottom:56px}\n.sea-facts div,.sea-entries div{background:rgba(2,12,17,.84);padding:22px 16px}\n.sea-facts b{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(20px,2.2vw,28px);color:var(--bone);display:block;letter-spacing:.05em}\n.sea-facts span,.sea-entries span{font-family:'IBM Plex Mono',monospace;font-size:11.7px;letter-spacing:.22em;text-transform:uppercase;color:#7CC8D2}\n.sea-breaker{position:relative;z-index:5;margin-bottom:40px}\n.sea-breaker h3{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(24px,3vw,40px);letter-spacing:.18em;color:var(--gold-bright);margin-bottom:12px;text-shadow:0 0 40px rgba(240,216,150,.25)}\n.sea-breaker p{color:var(--mist);font-size:17.5px;max-width:58ch;margin:0 auto}\n.sea-entries b{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(34px,4vw,52px);color:var(--bone);display:block;line-height:1.1;text-shadow:0 0 30px rgba(124,200,210,.35)}\n\n\/* ============ DROP 3 : ASCENSION EDITION ============ *\/\n.drop3{background:\n  radial-gradient(1000px 600px at 50% 0%, rgba(240,216,150,.10), transparent 60%),\n  radial-gradient(800px 500px at 90% 80%, rgba(142,20,20,.12), transparent 62%),\n  linear-gradient(180deg,var(--abyss-2) 0%,#0B0A07 26%,#120E08 70%,var(--ink) 100%)}\n.d3-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(36px,5vw,80px);align-items:center;position:relative;z-index:5;margin-bottom:clamp(50px,6vw,80px)}\n.d3-copy h2{font-size:clamp(38px,5.4vw,76px);margin:22px 0 18px;\n  background:linear-gradient(100deg,#8a6b26 0%,var(--gold) 28%,var(--gold-bright) 50%,var(--gold) 72%,#8a6b26 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n.d3-copy h2 em{font-style:normal}\n.d3-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);margin-top:30px}\n.d3-stats div{background:rgba(5,7,5,.85);padding:22px 20px}\n.d3-stats b{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(30px,3.4vw,46px);display:block;color:var(--bone);line-height:1.1}\n.d3-stats b.au{color:var(--gold)}\n.d3-stats span{font-family:'IBM Plex Mono',monospace;font-size:11.7px;letter-spacing:.22em;text-transform:uppercase;color:var(--mist)}\n.d3-veil{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}\n.d3-veil .s-tile:nth-child(2){transform:translateY(-34px)}\n.d3-veil .s-tile:nth-child(2):hover{transform:translateY(-40px)}\n.d3-h{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(20px,2.4vw,30px);letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px;position:relative;z-index:5}\n.d3-h em{font-style:normal;color:var(--gold)}\n.d3-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:5}\n.d3-perk{border:1px solid var(--hairline);background:rgba(10,9,6,.82);padding:30px 28px;transition:transform .3s,border-color .3s}\n.d3-perk:hover{transform:translateY(-5px);border-color:var(--gold-dim)}\n.d3-perk span{font-family:'IBM Plex Mono',monospace;font-size:11.7px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}\n.d3-perk h4{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(20px,2vw,26px);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-bright);margin:8px 0 8px}\n.d3-perk p{color:var(--mist);font-size:16.7px;line-height:1.6}\n.road{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;border:1px solid var(--hairline);position:relative;z-index:5}\n.road div{position:relative;background:rgba(5,7,5,.82);padding:22px 24px;border-top:2px solid transparent}\n.road div+div{border-left:1px solid var(--hairline)}\n.road div:not(:last-child)::after{content:\"\u27eb\";position:absolute;right:-9px;top:50%;transform:translateY(-50%);z-index:2;color:var(--gold);font-size:14px;background:var(--ink);padding:2px 0}\n.road span{font-family:'IBM Plex Mono',monospace;font-size:11.7px;letter-spacing:.2em;text-transform:uppercase;color:var(--mist);display:block}\n.road b{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(18px,1.9vw,24px);letter-spacing:.06em;text-transform:uppercase;color:var(--bone)}\n.road .done b{color:var(--gold)}\n.road .now{border-top-color:var(--blood-bright);background:linear-gradient(180deg,rgba(201,32,32,.10),rgba(5,7,5,.82))}\n.road .sea b{color:#B8EEF4}\n@media(max-width:1080px){\n  .d3-grid{grid-template-columns:1fr}.d3-veil{max-width:560px}\n  .d3-perks{grid-template-columns:1fr}\n  .road{grid-template-columns:repeat(2,1fr)}.road div:nth-child(2)::after{display:none}\n  .road div:nth-child(3){border-left:none}.road div:nth-child(n+3){border-top:1px solid var(--hairline)}\n}\n@media(max-width:560px){\n  .sea-facts,.sea-entries{grid-template-columns:repeat(2,1fr)}\n  .road{grid-template-columns:1fr}.road div::after{display:none}.road div+div{border-left:none;border-top:1px solid var(--hairline)}\n  .d3-veil .s-tile:nth-child(2){transform:none}\n}\n\n\/* entries: make clear these are draw entries, not Sea Beasts *\/\n.entries-label{font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-bright);text-align:center;margin:0 auto 16px;position:relative;z-index:5}\n.sea-entries span,.entries span{display:block;line-height:1.5}\n.sea-entries b small,.entries b small{display:block;font-family:'IBM Plex Mono',monospace;font-size:11.5px;font-weight:400;letter-spacing:.3em;color:var(--mist);text-shadow:none;margin:4px 0 8px}\n\n\/* ================= SIMPLE LANDING: shared live sections ================= *\/\n[hidden]{display:none !important}\n.nav-links a.active{color:var(--gold-bright)}\n.sec-pad{padding:clamp(80px,10vw,130px) 0}\n.sec-center{text-align:center}\n.sec-center .eyebrow{justify-content:center}\n.sec-center .lede{margin:0 auto}\n.live-badge{display:inline-flex;align-items:center;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-bright)}\n.live-badge i{width:8px;height:8px;border-radius:50%;background:var(--blood-bright);box-shadow:0 0 12px var(--blood-bright);animation:pulse 2s infinite}\n\n\/* live mint *\/\n.lm{background:linear-gradient(180deg,var(--ink) 0%,var(--jungle-1) 40%,var(--ink) 100%)}\n.lm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:34px}\n.lm-head h2{font-size:clamp(32px,4.6vw,58px);margin:16px 0 0}\n.lm-head h2 em{font-style:normal;color:var(--gold)}\n.lm-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--hairline);background:rgba(5,7,5,.7)}\n.lm-stats>div{padding:22px 24px;border-right:1px solid var(--hairline)}\n.lm-stats>div:last-child{border-right:none}\n.lm-stats span{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mist);margin-bottom:8px}\n.lm-stats b{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(26px,3vw,40px);color:var(--bone);letter-spacing:.03em}\n.lm-stats b small{font-size:.5em;color:var(--mist)}\n.lm-stats .au{color:var(--gold-bright)}\n.lm-bar{height:8px;background:rgba(236,231,218,.07);margin:16px 0 8px;position:relative;overflow:hidden}\n.lm-bar i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--blood-bright),var(--gold),var(--gold-bright));transition:width 1s ease}\n.lm-pct{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mist);display:flex;justify-content:space-between}\n.lm-pct b{color:var(--gold-bright);font-weight:500}\n.lm-latest-h{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--mist);margin:40px 0 16px;display:flex;align-items:center;gap:14px}\n.lm-latest-h::after{content:\"\";flex:1;height:1px;background:var(--hairline)}\n.lm-latest{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}\n.lm-card{display:block;border:1px solid var(--hairline);background:var(--ink-2,#0B0D0A);overflow:hidden;transition:border-color .25s,transform .25s;position:relative}\n.lm-card:hover{border-color:var(--gold);transform:translateY(-3px)}\n.lm-card img{width:100%;aspect-ratio:1\/1;object-fit:cover;display:block;background:#000}\n.lm-card div{padding:10px 12px 12px}\n.lm-card b{display:block;font-family:'Cinzel',serif;font-size:13px;font-weight:700;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--bone)}\n.lm-card span{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.12em;color:var(--mist);text-transform:uppercase}\n.lm-card.crowned{border-color:var(--gold)}\n.lm-card.crowned span{color:var(--gold-bright)}\n.lm-new{position:absolute;top:8px;left:8px;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.18em;background:var(--blood-bright);color:var(--bone);padding:3px 7px;z-index:2}\n.lm-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px;justify-content:center}\n.lm-skel{aspect-ratio:1\/1.3;border:1px solid var(--hairline);background:linear-gradient(100deg,rgba(255,255,255,.02) 20%,rgba(255,255,255,.05) 40%,rgba(255,255,255,.02) 60%);background-size:200% 100%;animation:shimmer 1.4s infinite}\n@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}\n\n\/* editions *\/\n.ed-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:10px}\n.ed-card{position:relative;min-height:520px;border:1px solid var(--hairline);overflow:hidden;display:flex;align-items:flex-end;transition:border-color .3s}\n.ed-card:hover{border-color:var(--gold)}\n.ed-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .8s ease}\n.ed-card:hover>img{transform:scale(1.04)}\n.ed-card::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,5,.05) 0%,rgba(5,7,5,.45) 45%,rgba(5,7,5,.97) 100%)}\n.ed-body{position:relative;z-index:2;padding:clamp(24px,3vw,40px);width:100%}\n.ed-tag{display:inline-flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;padding:7px 12px;border:1px solid var(--gold-dim);background:rgba(5,7,5,.7);color:var(--gold-bright)}\n.ed-tag.live i{width:7px;height:7px;border-radius:50%;background:var(--blood-bright);box-shadow:0 0 10px var(--blood-bright);animation:pulse 2s infinite}\n.ed-card h3{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(28px,3.4vw,44px);letter-spacing:.04em;text-transform:uppercase;margin:16px 0 10px;line-height:1.05}\n.ed-card p{color:var(--mist);max-width:44ch;margin-bottom:20px}\n.ed-facts{display:flex;gap:26px;flex-wrap:wrap;margin-bottom:26px}\n.ed-facts b{display:block;font-family:'Cinzel',serif;font-weight:900;font-size:22px;color:var(--bone)}\n.ed-facts span{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mist)}\n.ed-facts .au{color:var(--gold-bright)}\n\n\/* sales feed *\/\n.sf-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}\n.sf-chips{display:flex;gap:8px;flex-wrap:wrap}\n.sf-chip{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:9px 14px;border:1px solid var(--hairline);background:none;color:var(--mist);cursor:pointer;transition:.2s}\n.sf-chip:hover{color:var(--bone);border-color:var(--gold-dim)}\n.sf-chip.active{color:var(--gold-bright);border-color:var(--gold);background:rgba(201,162,75,.08)}\n.sf-sum{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mist)}\n.sf-sum b{color:var(--gold-bright);font-weight:500}\n.sf-list{border:1px solid var(--hairline);background:rgba(5,7,5,.75)}\n.sf-row{display:grid;grid-template-columns:56px 1fr auto auto;gap:18px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--hairline);transition:background .3s}\n.sf-row:last-child{border-bottom:none}\n.sf-row:hover{background:rgba(201,162,75,.04)}\n.sf-row.fresh{background:rgba(201,32,32,.10)}\n.sf-row img,.sf-row .ph{width:56px;height:56px;object-fit:cover;border:1px solid var(--hairline);background:#000;display:block}\n.sf-name{font-family:'Cinzel',serif;font-weight:700;font-size:15px;color:var(--bone);text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n.sf-name:hover{color:var(--gold-bright)}\n.sf-meta{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.08em;color:var(--mist);margin-top:4px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}\n.sf-ed{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;padding:2px 7px;border:1px solid var(--gold-dim);color:var(--gold)}\n.sf-ed.dom{border-color:rgba(201,32,32,.5);color:#FF7A7A}\n.sf-price{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(17px,1.8vw,22px);color:var(--gold-bright);text-align:right;white-space:nowrap}\n.sf-price small{display:block;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:400;color:var(--mist);letter-spacing:.1em;text-transform:uppercase}\n.sf-time{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--mist);text-align:right;min-width:72px;text-decoration:none}\n.sf-time:hover{color:var(--gold-bright)}\n.sf-empty{padding:50px 20px;text-align:center;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;color:var(--mist)}\n.sf-more{display:block;margin:18px auto 0;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:12px 20px;border:1px solid var(--gold-dim);background:none;color:var(--gold-bright);cursor:pointer}\n.sf-more:hover{border-color:var(--gold);background:rgba(201,162,75,.08)}\n.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,160%);background:#0B0D0A;border:1px solid var(--gold);padding:13px 20px;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.1em;color:var(--gold-bright);z-index:300;transition:transform .45s ease;max-width:calc(100vw - 32px);text-align:center}\n.toast.show{transform:translate(-50%,0)}\n\n\/* live stats strip (edition pages) *\/\n.live-strip{display:flex;justify-content:center;gap:clamp(22px,4vw,56px);flex-wrap:wrap;margin-top:40px;position:relative;z-index:6}\n.live-strip div{text-align:center}\n.live-strip b{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(22px,2.6vw,32px);color:var(--bone);display:block;letter-spacing:.05em}\n.live-strip span{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.24em;color:var(--mist);text-transform:uppercase}\n\n@media(max-width:1000px){\n  .lm-latest{grid-template-columns:repeat(3,1fr)}\n  .ed-grid{grid-template-columns:1fr}\n  .ed-card{min-height:440px}\n}\n@media(max-width:640px){\n  .lm-stats{grid-template-columns:repeat(2,1fr)}\n  .lm-stats>div:nth-child(2){border-right:none}\n  .lm-stats>div:nth-child(-n+2){border-bottom:1px solid var(--hairline)}\n  .lm-latest{grid-template-columns:repeat(2,1fr)}\n  .sf-row{grid-template-columns:48px 1fr auto;gap:12px;padding:12px 14px}\n  .sf-row img,.sf-row .ph{width:48px;height:48px}\n  .sf-time{display:none}\n  .road{grid-template-columns:1fr 1fr}\n  .road div:nth-child(3){border-left:none}\n  .road div:not(:last-child)::after{display:none}\n}\n\n<\/style>\n<\/head>\n<body class=\"no-js\">\n\n<nav>\n  <div class=\"nav-inner\">\n    <a class=\"brand\" href=\"https:\/\/dignifiedbeasts.com\/\" aria-label=\"Dignified Beasts home\">\n      <img decoding=\"async\" src=\"https:\/\/dignifiedbeasts.com\/wp-content\/uploads\/2026\/04\/DB_LOGO-2.png\" alt=\"Dignified Beasts logo\">\n    <\/a>\n    <ul class=\"nav-links\" id=\"navLinks\">\n      <li><a href=\"#live\">LIVE MINT<\/a><\/li>\n      <li><a href=\"https:\/\/dignifiedbeasts.com\/index.php\/foundation-edition\/\">FOUNDATION<\/a><\/li>\n      <li><a href=\"https:\/\/dignifiedbeasts.com\/index.php\/dominion-beasts\/\">DOMINION<\/a><\/li>\n      <li><a href=\"#sales\">SALES<\/a><\/li>\n      <li><a href=\"https:\/\/dignifiedbeasts.com\/index.php\/the-mythic\/\">SEA BEASTS<\/a><\/li>\n    <\/ul>\n    <div style=\"display:flex;gap:12px;align-items:center\">\n      <a class=\"nav-cta\" href=\"https:\/\/crovia.app\/launch\/dignified-beasts\" target=\"_blank\" rel=\"noopener noreferrer\">MINT DOMINION<\/a>\n      <button class=\"menu-btn\" id=\"menuBtn\" aria-label=\"Open menu\" aria-expanded=\"false\">MENU<\/button>\n    <\/div>\n  <\/div>\n<\/nav>\n\n<header class=\"hero scene scratched\" id=\"top\">\n  <div class=\"hero-beast l\" data-mouse=\"16\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/dignifiedbeasts.com\/wp-content\/uploads\/2026\/10\/beasts\/GOLDEN%20COIL.webp\" alt=\"\"><\/div>\n  <div class=\"hero-beast r\" data-mouse=\"-16\" aria-hidden=\"true\"><img decoding=\"async\" src=\"https:\/\/dignifiedbeasts.com\/wp-content\/uploads\/2026\/04\/APEX_IMPERATOR.png\" alt=\"\"><\/div>\n  <div class=\"hero-vignette\" aria-hidden=\"true\"><\/div>\n  <!-- parallax jungle foliage layers -->\n  <div class=\"layer\" data-px=\"0.12\" data-mouse=\"14\">\n    <svg style=\"left:-4%;bottom:-6%;width:46%;opacity:.55\" viewBox=\"0 0 400 400\" aria-hidden=\"true\">\n      <g fill=\"#17110A\">\n        <path d=\"M30 400C20 290 60 210 150 170c-60 60-70 130-60 230Z\"\/>\n        <path d=\"M90 400c-6-90 30-170 110-210-50 70-66 140-56 210Z\"\/>\n        <path d=\"M160 400c0-70 30-130 90-170-36 60-50 110-44 170Z\"\/>\n      <\/g>\n    <\/svg>\n    <svg style=\"right:-4%;bottom:-6%;width:46%;opacity:.55;transform:scaleX(-1)\" viewBox=\"0 0 400 400\" aria-hidden=\"true\">\n      <g fill=\"#17110A\">\n        <path d=\"M30 400C20 290 60 210 150 170c-60 60-70 130-60 230Z\"\/>\n        <path d=\"M90 400c-6-90 30-170 110-210-50 70-66 140-56 210Z\"\/>\n        <path d=\"M160 400c0-70 30-130 90-170-36 60-50 110-44 170Z\"\/>\n      <\/g>\n    <\/svg>\n  <\/div>\n  <div class=\"layer\" data-px=\"0.22\" data-mouse=\"26\">\n    <svg style=\"left:-6%;bottom:-10%;width:40%;opacity:.85\" viewBox=\"0 0 400 400\" aria-hidden=\"true\">\n      <g fill=\"#0E0A06\">\n        <path d=\"M0 400c10-120 80-200 200-230-70 30-120 90-130 150 40-50 100-80 170-85-90 35-150 95-170 165Z\"\/>\n        <path d=\"M120 400c10-70 50-120 120-150-50 45-75 95-80 150Z\"\/>\n      <\/g>\n    <\/svg>\n    <svg style=\"right:-6%;bottom:-10%;width:40%;opacity:.85;transform:scaleX(-1)\" viewBox=\"0 0 400 400\" aria-hidden=\"true\">\n      <g fill=\"#0E0A06\">\n        <path d=\"M0 400c10-120 80-200 200-230-70 30-120 90-130 150 40-50 100-80 170-85-90 35-150 95-170 165Z\"\/>\n        <path d=\"M120 400c10-70 50-120 120-150-50 45-75 95-80 150Z\"\/>\n      <\/g>\n    <\/svg>\n  <\/div>\n  <!-- blood claw slash behind title -->\n  <svg class=\"hero-slash\" data-mouse=\"8\" viewBox=\"0 0 900 320\" aria-hidden=\"true\">\n    <defs>\n      <linearGradient id=\"bloodg\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n        <stop offset=\"0\" stop-color=\"#C92020\"\/><stop offset=\"1\" stop-color=\"#4D0808\"\/>\n      <\/linearGradient>\n    <\/defs>\n    <g fill=\"url(#bloodg)\">\n      <path d=\"M120 30 L760 180 L758 196 L116 52 Z\"\/>\n      <path d=\"M90 110 L800 240 L797 258 L86 134 Z\"\/>\n      <path d=\"M150 200 L720 300 L717 314 L146 220 Z\"\/>\n      <path d=\"M758 196 l6 26 -14 -24Z\"\/><path d=\"M797 258 l8 30 -16 -26Z\"\/>\n      <path d=\"M420 120 l4 34 -12 -32Z\"\/><path d=\"M520 230 l5 30 -13 -27Z\"\/>\n    <\/g>\n  <\/svg>\n  <!-- atmosphere -->\n  <div class=\"fog\" style=\"width:520px;height:300px;left:-6%;top:18%;background:rgba(42,30,14,.65)\"><\/div>\n  <div class=\"fog\" style=\"width:560px;height:320px;right:-8%;top:42%;background:rgba(142,20,20,.18);animation-delay:-12s\"><\/div>\n  <i class=\"ember\" style=\"left:12%;animation-duration:9s\"><\/i>\n  <i class=\"ember\" style=\"left:30%;animation-duration:12s;animation-delay:3s\"><\/i>\n  <i class=\"ember\" style=\"left:58%;animation-duration:10s;animation-delay:6s\"><\/i>\n  <i class=\"ember\" style=\"left:80%;animation-duration:13s;animation-delay:1.5s\"><\/i>\n  <span class=\"fly\" style=\"left:16%;top:60%\"><\/span>\n  <span class=\"fly\" style=\"left:78%;top:48%;animation-delay:-4s\"><\/span>\n  <span class=\"fly\" style=\"left:64%;top:72%;animation-delay:-8s\"><\/span>\n  <div class=\"hero-inner\">\n    <div class=\"hero-x\">\n      <img decoding=\"async\" src=\"https:\/\/dignifiedbeasts.com\/wp-content\/uploads\/2026\/04\/DB_LOGO-2.png\" alt=\"Dignified Beasts\">\n      <span class=\"x\">\u00d7<\/span>\n      <span class=\"crovia\">CROVIA<\/span>\n    <\/div>\n    <div class=\"phase-chip\">A living hierarchy on Cronos<\/div>\n    <h1 class=\"display\">DIGNIFIED BEASTS<\/h1>\n    <p class=\"hero-tag\">Two editions. One hierarchy.<\/p>\n    <p class=\"hero-something\">There is something above all<\/p>\n    <div class=\"mint-pill\"><i><\/i> <span id=\"hero-pill\">DOMINION EDITION \u00b7 MINT LIVE ON CROVIA<\/span><\/div>\n    <div class=\"hero-actions\">\n      <a class=\"btn btn-gold\" href=\"https:\/\/crovia.app\/launch\/dignified-beasts\" target=\"_blank\" rel=\"noopener noreferrer\">Mint Dominion \u2192<\/a>\n      <a class=\"btn btn-witness\" href=\"#live\">Watch the Live Mint \u2193<\/a>\n    <\/div>\n  <\/div>\n\n  <div class=\"marquee\" aria-label=\"Dignified Beasts showcase\">\n    <div class=\"marquee-track\" id=\"marqueeTrack\"><\/div>\n  <\/div>\n<\/header>\n\n<!-- ================= LIVE MINT ================= -->\n<section class=\"lm scene sec-pad\" id=\"live\">\n  <div class=\"wrap\">\n    <div class=\"lm-head reveal\">\n      <div>\n        <span class=\"live-badge\"><i><\/i><span id=\"lm-status\">Dominion Edition \u00b7 Minting now<\/span><\/span>\n        <h2 class=\"display\">THE MINT IS <em>LIVE<\/em><\/h2>\n      <\/div>\n      <a class=\"btn btn-gold\" href=\"https:\/\/crovia.app\/launch\/dignified-beasts\" target=\"_blank\" rel=\"noopener noreferrer\">Mint on Crovia \u2192<\/a>\n    <\/div>\n\n    <div class=\"lm-stats reveal\">\n      <div><span>Minted<\/span><b id=\"lm-minted\">\u2014<small> \/ 333<\/small><\/b><\/div>\n      <div><span>Remaining<\/span><b id=\"lm-left\">\u2014<\/b><\/div>\n      <div><span>Crowned found<\/span><b class=\"au\" id=\"lm-crowned\">\u2014<small> \/ 10<\/small><\/b><\/div>\n      <div><span>Holders<\/span><b id=\"lm-holders\">\u2014<\/b><\/div>\n    <\/div>\n    <div class=\"lm-bar\"><i id=\"lm-bar\"><\/i><\/div>\n    <div class=\"lm-pct\"><span>Progress to sellout<\/span><b id=\"lm-pct\">\u2014<\/b><\/div>\n\n    <div class=\"lm-latest-h\">Latest Beasts minted<\/div>\n    <div class=\"lm-latest\" id=\"lm-latest\">\n      <div class=\"lm-skel\"><\/div><div class=\"lm-skel\"><\/div><div class=\"lm-skel\"><\/div>\n      <div class=\"lm-skel\"><\/div><div class=\"lm-skel\"><\/div><div class=\"lm-skel\"><\/div>\n    <\/div>\n\n    <div class=\"lm-actions\">\n      <a class=\"btn btn-witness\" href=\"https:\/\/dignifiedbeasts.com\/index.php\/mint\/\">Open the Live Mint Tracker \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= THE EDITIONS ================= -->\n<section class=\"scene sec-pad scratched\" id=\"editions\">\n  <div class=\"wrap\">\n    <div class=\"sec-head sec-center reveal\">\n      <p class=\"eyebrow\"><svg class=\"claw\" viewBox=\"0 0 34 18\"><path d=\"M2 16 12 2M11 16 21 2M20 16 30 2\"\/><\/svg>The Editions<\/p>\n      <h2 class=\"display\">CHOOSE YOUR <em>EDITION<\/em><\/h2>\n    <\/div>\n    <div class=\"ed-grid\">\n      <a class=\"ed-card reveal\" href=\"https:\/\/dignifiedbeasts.com\/index.php\/foundation-edition\/\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/dignifiedbeasts.com\/wp-content\/uploads\/2026\/04\/BLACKGOLD_MONARCH.png\" alt=\"\">\n        <div class=\"ed-body\">\n          <span class=\"ed-tag\">Drop 1 \u00b7 Sold out<\/span>\n          <h3>Foundation Edition<\/h3>\n          <p>Where the hierarchy began. 333 Beasts sold out, and every promised reward was delivered.<\/p>\n          <div class=\"ed-facts\">\n            <div><b class=\"au\">333\/333<\/b><span>Sold out<\/span><\/div>\n            <div><b>22,350<\/b><span>CRO paid to holders<\/span><\/div>\n          <\/div>\n          <span class=\"btn btn-ghost\">Explore Foundation \u2192<\/span>\n        <\/div>\n      <\/a>\n      <a class=\"ed-card reveal\" href=\"https:\/\/dignifiedbeasts.com\/index.php\/dominion-beasts\/\">\n        <img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/dignifiedbeasts.com\/wp-content\/uploads\/2026\/10\/beasts\/MARKET%20KING.webp\" alt=\"\">\n        <div class=\"ed-body\">\n          <span class=\"ed-tag live\"><i><\/i><span id=\"ed-dom-tag\">Drop 2 \u00b7 Minting now<\/span><\/span>\n          <h3>Dominion Edition<\/h3>\n          <p>333 new Beasts. 10 Crowned Beasts hidden inside the mint. Nobody knows when they will appear.<\/p>\n          <div class=\"ed-facts\">\n            <div><b class=\"au\">15K<\/b><span>CRO reward pool<\/span><\/div>\n            <div><b>10<\/b><span>Crowned hidden<\/span><\/div>\n          <\/div>\n          <span class=\"btn btn-gold\">Explore Dominion \u2192<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ================= SALES FEED ================= -->\n<section class=\"scene sec-pad\" id=\"sales\">\n  <div class=\"wrap\">\n    <div class=\"sec-head sec-center reveal\">\n      <p class=\"eyebrow\"><svg class=\"claw\" viewBox=\"0 0 34 18\"><path d=\"M2 16 12 2M11 16 21 2M20 16 30 2\"\/><\/svg>Sales Feed<\/p>\n      <h2 class=\"display\">LATEST <em>SALES<\/em><\/h2>\n      <p class=\"lede\">Every Dignified Beasts sale across Cronos marketplaces. Sales only, updated live.<\/p>\n    <\/div>\n    <div class=\"sf-top\">\n      <div class=\"sf-chips\" id=\"sf-chips\">\n        <button class=\"sf-chip active\" data-f=\"all\">All<\/button>\n        <button class=\"sf-chip\" data-f=\"foundation\">Foundation<\/button>\n        <button class=\"sf-chip\" data-f=\"dominion\">Dominion<\/button>\n      <\/div>\n      <span class=\"sf-sum\" id=\"sf-sum\"><\/span>\n    <\/div>\n    <div class=\"sf-list\" id=\"sf-list\"><div class=\"sf-empty\">Loading sales\u2026<\/div><\/div>\n    <button class=\"sf-more\" id=\"sf-more\" hidden>Show more sales<\/button>\n  <\/div>\n<\/section>\n\n<!-- ================= ROADMAP ================= -->\n<section class=\"scene\" style=\"padding:0 0 clamp(80px,10vw,120px)\">\n  <div class=\"wrap\">\n    <div class=\"road reveal\">\n      <div class=\"done\"><span>Drop 1 \u00b7 Sold Out \u2705<\/span><b>Foundation<\/b><\/div>\n      <div class=\"now\"><span>Drop 2 \u00b7 Minting now<\/span><b>Dominion<\/b><\/div>\n      <div class=\"sea\"><span>Before Drop 3<\/span><b>The Sea Beasts<\/b><\/div>\n      <div><span>Drop 3 \u00b7 TBA<\/span><b>Ascension<\/b><\/div>\n    <\/div>\n    <div class=\"reveal\" style=\"display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:44px\">\n      <a class=\"btn btn-ghost\" href=\"https:\/\/discord.gg\/sA9kbtRZGq\">Join the Discord<\/a>\n      <a class=\"btn btn-blood\" href=\"https:\/\/x.com\/dignifiedbeasts\">Follow on X<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<footer>\n  <div class=\"wrap foot\">\n    <img decoding=\"async\" src=\"https:\/\/dignifiedbeasts.com\/wp-content\/uploads\/2026\/04\/DB_LOGO-2.png\" alt=\"Dignified Beasts\">\n    <div class=\"foot-links\">\n      <a href=\"https:\/\/x.com\/dignifiedbeasts\">X \/ Twitter<\/a>\n      <a href=\"https:\/\/www.instagram.com\/dignifiedbeasts\/\">Instagram<\/a>\n      <a href=\"https:\/\/discord.gg\/sA9kbtRZGq\">Discord<\/a>\n    <\/div>\n    <span class=\"copy\">\u00a9 2026 Dignified Beasts \u00b7 Created by Sameer Baloch<\/span>\n  <\/div>\n<\/footer>\n\n<div class=\"toast\" id=\"toast\" role=\"status\" aria-live=\"polite\"><\/div>\n\n<script>\ndocument.body.classList.remove(\"no-js\");\nwindow.scrollTo(0, 0);\nhistory.scrollRestoration = 'manual';\nconst reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\nvar CROVIA = { API: \"https:\/\/crovia.app\/api\/v1\", KEY: \"crovia_pk_69f3deaea6e09c9ef9973d19c27a0c67da20667a121277ee\" };\nvar DOMINION = \"0x6161600e2f28d2302fcae289d70cf91b048b586d\";\nvar FOUNDATION = \"0x50521aec0611f70826f2c85f404bd44218757560\";\nvar SALES_COLLECTIONS = [\n  { id: \"foundation\", address: FOUNDATION, label: \"Foundation\", cls: \"\" },\n  { id: \"dominion\", address: DOMINION, label: \"Dominion\", cls: \"dom\" }\n];\n\n\/\/ ---- marquee: Dominion + Foundation Beasts ----\nconst DOM_IMG = n => 'https:\/\/dignifiedbeasts.com\/wp-content\/uploads\/2026\/10\/beasts\/' + encodeURIComponent(n) + '.webp';\nconst FND_IMG = n => 'https:\/\/dignifiedbeasts.com\/wp-content\/uploads\/2026\/04\/' + n + '.png';\nconst MARQUEE = [\n  ['MARKET KING', DOM_IMG], ['APEX_IMPERATOR', FND_IMG], ['GOLDEN COIL', DOM_IMG], ['STORM_TITAN', FND_IMG],\n  ['NOIR PHARAOH', DOM_IMG], ['SUN_DEVOURER', FND_IMG], ['HABIBI EAGLE', DOM_IMG], ['ABYSS_REAPER', FND_IMG],\n  ['ONYX WHITE', DOM_IMG], ['ARCTIC_WARDEN', FND_IMG], ['GILDED HUSTLER', DOM_IMG], ['ASTRAL_EMPEROR', FND_IMG],\n  ['FROST APE', DOM_IMG], ['NIGHT_BULL', FND_IMG], ['CHROME ALPHA', DOM_IMG], ['BLACK_KING', FND_IMG],\n  ['IVORY NIGHTFALL', DOM_IMG], ['SICKBLOOD_TYRANT', FND_IMG]\n];\nconst label = n => n.replace(\/_\/g, ' ');\nconst mItems = MARQUEE.map(([n, f]) => `<div class=\"m-item\"><img decoding=\"async\" loading=\"lazy\" src=\"${f(n)}\" alt=\"${label(n)}\"><span>${label(n)}<\/span><\/div>`).join('');\ndocument.getElementById('marqueeTrack').innerHTML = mItems + mItems.replace(\/alt=\"[^\"]*\"\/g, 'alt=\"\" aria-hidden=\"true\"');\n\n\/\/ ---- live mint (public mints only; Community Reserve hidden) ----\n(function(){\n  var SUPPLY = 333, CROWNED = [\"GOLDEN LEGENDARY\", \"VOID ANOMALY\", \"ASCENDED\"];\n  var seen = null;\n  var $ = id => document.getElementById(id);\n  var hdr = () => CROVIA.KEY ? { \"x-api-key\": CROVIA.KEY } : {};\n  var esc = s => String(s == null ? \"\" : s).replace(\/[&<>\"']\/g, c => ({ \"&\":\"&amp;\",\"<\":\"&lt;\",\">\":\"&gt;\",'\"':\"&quot;\",\"'\":\"&#39;\" }[c]));\n  var trait = (b, t) => ((b.attributes || []).find(a => a.trait_type === t) || {}).value || \"\";\n  function fetchAll(){\n    var all = [];\n    function page(p){\n      return fetch(CROVIA.API + \"\/collections\/\" + DOMINION + \"\/nfts?sort=tokenId&order=desc&limit=100&page=\" + p, { headers: hdr() })\n        .then(r => { if (!r.ok) throw new Error(r.status); return r.json(); })\n        .then(j => { all = all.concat(j.data || []); var pg = j.paging || {}; return pg.totalPages && p < pg.totalPages && p < 6 ? page(p + 1) : all; });\n    }\n    return page(1);\n  }\n  function render(list){\n    var pub = list.filter(b => trait(b, \"Classification\") !== \"COMMUNITY RESERVED\");\n    var minted = pub.length, crowned = pub.filter(b => CROWNED.includes(trait(b, \"Rarity\"))).length;\n    var holders = new Set(pub.map(b => (b.owner || \"\").toLowerCase()).filter(Boolean)).size;\n    var pct = Math.min(100, minted \/ SUPPLY * 100);\n    $(\"lm-minted\").innerHTML = minted + \"<small> \/ \" + SUPPLY + \"<\/small>\";\n    $(\"lm-left\").textContent = Math.max(0, SUPPLY - minted);\n    $(\"lm-crowned\").innerHTML = crowned + \"<small> \/ 10<\/small>\";\n    $(\"lm-holders\").textContent = holders;\n    $(\"lm-bar\").style.width = pct + \"%\";\n    $(\"lm-pct\").textContent = pct.toFixed(1) + \"%\";\n    if (minted >= SUPPLY) {\n      $(\"lm-status\").textContent = \"Dominion Edition \u00b7 Sold out\";\n      $(\"hero-pill\").textContent = \"DOMINION EDITION \u00b7 SOLD OUT 333\/333\";\n      $(\"ed-dom-tag\").textContent = \"Drop 2 \u00b7 Sold out\";\n    }\n    var fresh = {};\n    if (seen) pub.forEach(b => { if (!seen.has(b.tokenId)) fresh[b.tokenId] = true; });\n    seen = new Set(pub.map(b => b.tokenId));\n    $(\"lm-latest\").innerHTML = pub.slice(0, 6).map(b => {\n      var m = \/#(\\d+)\\s*-\\s*(.+)$\/.exec(b.name || \"\"), r = trait(b, \"Rarity\");\n      var isC = CROWNED.includes(r);\n      return '<a class=\"lm-card' + (isC ? \" crowned\" : \"\") + '\" href=\"https:\/\/dignifiedbeasts.com\/mint\/\">' +\n        (fresh[b.tokenId] ? '<span class=\"lm-new\">NEW<\/span>' : \"\") +\n        '<img decoding=\"async\" loading=\"lazy\" src=\"' + esc(b.image) + '\" alt=\"' + esc(b.name) + '\">' +\n        '<div><b>' + esc(m ? m[2] : b.name) + '<\/b><span>' + esc((m ? \"#\" + m[1] + \" \u00b7 \" : \"\") + r) + '<\/span><\/div><\/a>';\n    }).join(\"\");\n  }\n  function load(){ return fetchAll().then(render).catch(e => console.error(\"Live mint error:\", e)); }\n  load();\n  setInterval(() => { if (!document.hidden) load(); }, 30000);\n})();\n\n\/\/ ---- Sales feed: sales only, every Cronos marketplace (Crovia public API) ----\n(function(){\n  var API = CROVIA.API, KEY = CROVIA.KEY;\n  var COLS = SALES_COLLECTIONS;\n  var PAGE = 12, POLL = 60000;\n  var listEl = document.getElementById('sf-list');\n  if (!listEl) return;\n  var state = { sales: [], seen: {}, meta: {}, filter: 'all', shown: PAGE, first: true };\n\n  function hdr(extra){ var h = Object.assign({}, extra || {}); if (KEY) h['x-api-key'] = KEY; return h; }\n  function esc(s){ return String(s == null ? '' : s).replace(\/[&<>\"']\/g, function(c){ return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[c]; }); }\n  function short(a){ return a ? a.slice(0, 6) + '\u2026' + a.slice(-4) : '\u2014'; }\n  function ago(iso){\n    var s = Math.max(0, (Date.now() - new Date(iso).getTime()) \/ 1000);\n    if (s < 60) return 'just now'; if (s < 3600) return Math.floor(s \/ 60) + 'm ago';\n    if (s < 86400) return Math.floor(s \/ 3600) + 'h ago'; if (s < 2592000) return Math.floor(s \/ 86400) + 'd ago';\n    return new Date(iso).toLocaleDateString([], { day: 'numeric', month: 'short' });\n  }\n  function split(name, id){\n    var m = \/#(\\d+)\\s*-\\s*(.+)$\/.exec(name || '');\n    return m ? { title: m[2], num: '#' + m[1] } : { title: name || ('Token ' + id), num: '' };\n  }\n  function key(s){ return s.collection + ':' + s.tokenId + ':' + s.txHash; }\n\n  function fetchSales(col){\n    return fetch(API + '\/collections\/' + col.address + '\/sales?days=365&limit=50', { headers: hdr() })\n      .then(function(r){ if (!r.ok) throw new Error(r.status); return r.json(); })\n      .then(function(j){ return (j.data || []).map(function(s){ s._col = col; return s; }); });\n  }\n\n  function fetchMeta(sales){\n    var byCol = {};\n    sales.forEach(function(s){\n      var c = s.collection.toLowerCase();\n      if (!state.meta[c + ':' + s.tokenId]) (byCol[c] = byCol[c] || {})[s.tokenId] = true;\n    });\n    return Promise.all(Object.keys(byCol).map(function(c){\n      var ids = Object.keys(byCol[c]).slice(0, 100);\n      return fetch(API + '\/nfts\/batch', { method: 'POST', headers: hdr({ 'content-type': 'application\/json' }), body: JSON.stringify({ collectionAddress: c, tokenIds: ids }) })\n        .then(function(r){ return r.ok ? r.json() : { data: [] }; })\n        .then(function(j){ (j.data || []).forEach(function(n){ state.meta[c + ':' + n.tokenId] = n; }); })\n        .catch(function(){});\n    }));\n  }\n\n  function toast(text){\n    var t = document.getElementById('toast'); if (!t) return;\n    t.textContent = text; t.classList.add('show');\n    clearTimeout(toast._t); toast._t = setTimeout(function(){ t.classList.remove('show'); }, 6000);\n  }\n\n  function render(){\n    var list = state.sales.filter(function(s){ return state.filter === 'all' || s._col.id === state.filter; });\n    var weekAgo = Date.now() - 7 * 864e5;\n    var week = list.filter(function(s){ return new Date(s.soldAt).getTime() >= weekAgo; });\n    var vol = week.reduce(function(a, s){ return a + Number(s.priceCro || 0); }, 0);\n    var sum = document.getElementById('sf-sum');\n    if (sum) sum.innerHTML = 'Last 7 days \u00b7 <b>' + week.length + '<\/b> sale' + (week.length === 1 ? '' : 's') + ' \u00b7 <b>' + vol.toLocaleString() + ' CRO<\/b>';\n    if (!list.length) {\n      listEl.innerHTML = '<div class=\"sf-empty\">No sales yet. The first one will appear here the moment it happens.<\/div>';\n      document.getElementById('sf-more').hidden = true;\n      return;\n    }\n    listEl.innerHTML = list.slice(0, state.shown).map(function(s){\n      var m = state.meta[s.collection.toLowerCase() + ':' + s.tokenId] || {};\n      var n = split(m.name, s.tokenId);\n      return '<div class=\"sf-row' + (s._fresh ? ' fresh' : '') + '\">' +\n        (m.image ? '<img decoding=\"async\" src=\"' + esc(m.image) + '\" alt=\"\" loading=\"lazy\">' : '<span class=\"ph\"><\/span>') +\n        '<div style=\"min-width:0\"><a class=\"sf-name\" href=\"' + esc(s.url) + '\" target=\"_blank\" rel=\"noopener noreferrer\">' + esc(n.title) + '<\/a>' +\n        '<div class=\"sf-meta\"><span class=\"sf-ed ' + s._col.cls + '\">' + esc(s._col.label) + '<\/span>' + (n.num ? '<span>' + esc(n.num) + '<\/span>' : '') +\n        '<span>to ' + esc(short(s.buyer)) + '<\/span><\/div><\/div>' +\n        '<div class=\"sf-price\">' + Number(s.priceCro).toLocaleString() + ' CRO<small>' + esc(s.marketplaceName === 'crovia-aggregated' ? 'Cronos market' : s.marketplaceName) + '<\/small><\/div>' +\n        '<a class=\"sf-time\" href=\"https:\/\/cronoscan.com\/tx\/' + encodeURIComponent(s.txHash) + '\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"View transaction\">' + ago(s.soldAt) + '<\/a>' +\n      '<\/div>';\n    }).join('');\n    document.getElementById('sf-more').hidden = list.length <= state.shown;\n  }\n\n  function load(){\n    return Promise.all(COLS.map(function(c){ return fetchSales(c).catch(function(){ return []; }); }))\n      .then(function(res){\n        var all = [].concat.apply([], res).sort(function(a, b){ return new Date(b.soldAt) - new Date(a.soldAt); });\n        var fresh = [];\n        all.forEach(function(s){ var k = key(s); if (!state.first && !state.seen[k]) { s._fresh = true; fresh.push(s); } state.seen[k] = true; });\n        state.sales.forEach(function(old){ if (old._fresh) all.forEach(function(s){ if (key(s) === key(old)) s._fresh = true; }); });\n        state.sales = all;\n        return fetchMeta(all).then(function(){\n          render();\n          if (fresh.length) {\n            var m = state.meta[fresh[0].collection.toLowerCase() + ':' + fresh[0].tokenId] || {};\n            toast('SOLD \u00b7 ' + split(m.name, fresh[0].tokenId).title + ' \u00b7 ' + Number(fresh[0].priceCro).toLocaleString() + ' CRO');\n          }\n          state.first = false;\n        });\n      })\n      .catch(function(err){\n        console.error('Sales feed error:', err);\n        if (state.first) listEl.innerHTML = '<div class=\"sf-empty\">Couldn\\'t load sales right now. Please refresh.<\/div>';\n      });\n  }\n\n  var chips = document.getElementById('sf-chips');\n  if (chips) chips.addEventListener('click', function(e){\n    var b = e.target.closest('.sf-chip'); if (!b) return;\n    chips.querySelectorAll('.sf-chip').forEach(function(c){ c.classList.remove('active'); });\n    b.classList.add('active'); state.filter = b.dataset.f; state.shown = PAGE; render();\n  });\n  document.getElementById('sf-more').addEventListener('click', function(){ state.shown += PAGE; render(); });\n\n  load();\n  setInterval(function(){ if (!document.hidden) load(); }, POLL);\n})();\n\n\n\/\/ ---- scroll reveal ----\nconst io = new IntersectionObserver(es => {\n  es.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });\n}, { threshold: .1 });\ndocument.querySelectorAll('.reveal').forEach(el => io.observe(el));\n\n\/\/ ---- scroll parallax: layers drift at different speeds ----\nif(!reduceMotion){\n  const pxEls=[...document.querySelectorAll('[data-px]')];\n  let ticking=false;\n  function parallax(){\n    const vh=window.innerHeight;\n    pxEls.forEach(el=>{\n      const r=el.getBoundingClientRect();\n      const mid=r.top+r.height\/2-vh\/2;          \/\/ distance from viewport centre\n      const y=mid*-parseFloat(el.dataset.px);\n      el.style.transform=`translate3d(0,${y.toFixed(1)}px,0)`;\n    });\n    ticking=false;\n  }\n  window.addEventListener('scroll',()=>{if(!ticking){requestAnimationFrame(parallax);ticking=true;}},{passive:true});\n  parallax();\n\n  \/\/ ---- mouse parallax in the hero (depth illusion) ----\n  const hero=document.querySelector('.hero');\n  const mEls=[...document.querySelectorAll('[data-mouse]')];\n  hero.addEventListener('mousemove',e=>{\n    const cx=(e.clientX\/window.innerWidth-.5), cy=(e.clientY\/window.innerHeight-.5);\n    mEls.forEach(el=>{\n      const d=parseFloat(el.dataset.mouse);\n      const base=el.classList.contains('hero-slash')?'translate(-50%,-50%) ':'';\n      el.style.transform=`${base}translate3d(${(-cx*d).toFixed(1)}px,${(-cy*d).toFixed(1)}px,0)`;\n    });\n  });\n\n  \/\/ ---- 3D tilt on cards ----\n  document.querySelectorAll('.tilt').forEach(el=>{\n    el.addEventListener('mousemove',e=>{\n      const r=el.getBoundingClientRect();\n      const x=(e.clientX-r.left)\/r.width-.5, y=(e.clientY-r.top)\/r.height-.5;\n      el.style.transform=`rotateY(${(x*9).toFixed(1)}deg) rotateX(${(-y*9).toFixed(1)}deg) translateY(-4px)`;\n    });\n    el.addEventListener('mouseleave',()=>{el.style.transform='';});\n  });\n}\n\n\/\/ ---- mobile menu ----\nconst btn=document.getElementById('menuBtn'),links=document.getElementById('navLinks');\nbtn.addEventListener('click',()=>{\n  const open=links.classList.toggle('open');\n  btn.setAttribute('aria-expanded',open);\n  btn.textContent=open?'CLOSE':'MENU';\n});\nlinks.querySelectorAll('a').forEach(a=>a.addEventListener('click',()=>{\n  links.classList.remove('open');btn.textContent='MENU';btn.setAttribute('aria-expanded','false');\n}));\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dignified Beasts | A Living Hierarchy on Cronos LIVE MINT FOUNDATION DOMINION SALES SEA BEASTS MINT DOMINION MENU \u00d7 CROVIA A living hierarchy on Cronos DIGNIFIED BEASTS Two editions. One hierarchy. There is something above all DOMINION EDITION \u00b7 MINT LIVE ON CROVIA Mint Dominion \u2192 Watch the Live Mint \u2193 Dominion Edition \u00b7 Minting [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2171","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dignifiedbeasts.com\/index.php\/wp-json\/wp\/v2\/pages\/2171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dignifiedbeasts.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dignifiedbeasts.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dignifiedbeasts.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dignifiedbeasts.com\/index.php\/wp-json\/wp\/v2\/comments?post=2171"}],"version-history":[{"count":7,"href":"https:\/\/dignifiedbeasts.com\/index.php\/wp-json\/wp\/v2\/pages\/2171\/revisions"}],"predecessor-version":[{"id":2194,"href":"https:\/\/dignifiedbeasts.com\/index.php\/wp-json\/wp\/v2\/pages\/2171\/revisions\/2194"}],"wp:attachment":[{"href":"https:\/\/dignifiedbeasts.com\/index.php\/wp-json\/wp\/v2\/media?parent=2171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}