@font-face{font-family:Ginto;src:url('/v3/assets/fonts/discord-ginto-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Discord Nord';src:url('/v3/assets/fonts/discord-nord-bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{
 --page:#29216c;--surface:#30266b;--raised:#352970;--hover:#47368a;
 --lilac:#c2a8ff;--pink:#ff94c7;--yellow:#ffe177;--lime:#c9ec83;--ink:#21163d;--cream:#f7f5ff;
 --source-field:#443099;--terms-field:#77358b;--access-field:#44389d;--access-panel:#bec8ff;--gallery-field:#40308c;
 --access-shackle:#4c3195;--access-key-edge:var(--ink);--access-key-edge-opacity:.9;
 --cta:var(--cream);--cta-ink:var(--ink);--cabinet:var(--gallery-field);--cabinet-copy:var(--text);
 --text:#ffffff;--muted:#e0daf5;--quiet:#c4b8e2;--action:#5865f2;--action-hover:#4752c4;
 --signal:var(--lime);--paper:#e8dfff;--paper-ink:var(--ink);--line:#e8dfff30;
 --cel-edge:#281748;--cel-side:#7650be;--cel-light:#dcd0ff;--profile-face:#503891;
 --dd-max:1488px;--dd-gutter:clamp(24px,5vw,96px);--ease:cubic-bezier(.2,0,0,1);
 scroll-padding-top:116px;color-scheme:dark;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:Ginto,Arial,sans-serif;background:var(--page);color:var(--text);line-height:1.5;overflow-x:clip;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer;border:0}button:disabled{cursor:default}
img,svg{display:block;max-width:100%}img{height:auto}svg{flex-shrink:0}
button,a,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--paper);outline-offset:5px}
button:active,.dd-button:active,.journey-button:active{transform:scale(.98)}
[hidden]{display:none!important}
h1,h2,h3,strong{font-weight:700}h1,h2,h3{font-family:'Discord Nord',Ginto,sans-serif;letter-spacing:-.045em;line-height:1.04}
p{color:var(--muted)}p+ p{margin-top:16px}
.dd-wrap,.section-wrap,.journey-wrap{width:min(var(--dd-max),calc(100% - var(--dd-gutter)*2));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:fixed;left:24px;top:-80px;padding:12px 20px;z-index:100;background:var(--paper);color:var(--paper-ink);border-radius:12px}.skip-link:focus{top:16px}

/* The content coordinates stay identical when the navigation frame appears. */
.dd-nav{position:fixed;left:0;right:0;top:16px;height:72px;z-index:50;display:flex;align-items:center;gap:32px}
.dd-nav::before{content:'';position:absolute;z-index:-1;inset:0 -20px;border-radius:24px;background:linear-gradient(135deg,#8060b7 0 14px,transparent 14px),linear-gradient(90deg,var(--surface) calc(100% - 7px),#241748 calc(100% - 7px));box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 0 3px 0 #8060b7,4px 6px 0 var(--cel-edge);opacity:0;pointer-events:none;transition:opacity 220ms var(--ease)}
.dd-nav.is-scrolled::before,.dd-nav.menu-open::before{opacity:1}
.dd-nav::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;border-radius:2px;background:linear-gradient(180deg,var(--paper) 0 1px,var(--lilac) 1px 3px,var(--cel-side) 3px);box-shadow:0 1px 0 var(--cel-edge);transform:scaleX(var(--page-progress,0));transform-origin:left;opacity:0}
.dd-nav.is-scrolled::after{opacity:.8}
.dd-logo{display:inline-flex;gap:.3em;align-items:center;font-family:'Discord Nord',sans-serif;font-size:28px;font-weight:700;line-height:1;letter-spacing:-.035em;white-space:nowrap}
.dd-logo img{flex-shrink:0}
.dd-logo .brand-wordmark{width:8.15em;height:auto;max-width:none}
.dd-logo .brand-symbol{width:1.14em;height:1.02em;transform:translateY(.025em)}
.dd-nav-links{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto}
.dd-nav-links a{display:flex;align-items:center;min-height:44px;padding:0 12px;font-size:13px;font-weight:700;border-radius:12px;transition:background 150ms var(--ease),box-shadow 150ms var(--ease)}
.dd-nav-links a:not(.menu-channel):hover{background:#49318a;box-shadow:inset 0 1.5px 0 #8e6ac5,0 2px 0 var(--cel-edge)}
.dd-nav-links a[aria-current=location]{background:linear-gradient(135deg,#9875c8 0 7px,transparent 7px),linear-gradient(135deg,#604295 0 87%,#3d2869 87%);color:var(--cream);box-shadow:inset 0 0 0 1px var(--cel-edge),inset 0 2px 0 #9875c8,0 2px 0 var(--cel-edge)}
.nav-telegram{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:0 20px;min-height:46px;border-radius:12px;font-size:13px;font-weight:700;white-space:nowrap;transition:transform 150ms var(--ease),box-shadow 150ms var(--ease)}
.nav-telegram,.dd-nav-links .menu-channel{background:linear-gradient(135deg,#fff 0 9px,transparent 9px),linear-gradient(135deg,var(--cream) 0 87%,#e2d7fa 87%);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--cel-edge),0 3px 0 #a48bd2,0 4.5px 0 var(--cel-edge)}
@media(hover:hover){.nav-telegram:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1.5px var(--cel-edge),0 4px 0 #a48bd2,0 5.5px 0 var(--cel-edge)}}
.nav-telegram:active{transform:translateY(2px);box-shadow:inset 0 0 0 1.5px var(--cel-edge),0 1px 0 #a48bd2,0 2px 0 var(--cel-edge)}.nav-menu-toggle{display:none}

/* Broad lit shapes share the portrait's light and settle into chapter violet. */
.graphic-journey{position:relative;isolation:isolate;background:var(--story-field,var(--source-field));--focus:0;--hero-travel:0;--source-progress:0;--receipt-feed:0;--key-opacity:1;--process-panel-height:min(448px,calc(100svh - 264px))}
.graphic-journey::before{content:'';position:absolute;z-index:-2;top:0;left:0;right:0;height:max(1100px,120svh);background:linear-gradient(180deg,#30227f00 55%,var(--source-field) 100%),radial-gradient(ellipse at 86% 35%,#5865f2 0,#483bbd 42%,#30227f00 76%),linear-gradient(135deg,#201958,#30227f 48%,#5148cb 100%);pointer-events:none}
.graphic-ambient{position:absolute;z-index:-1;top:0;right:0;width:100%;height:max(1040px,115svh);overflow:visible;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 68%,transparent);opacity:calc(1 - var(--hero-travel,0));pointer-events:none}
.hero-ribbon{width:100%;height:100%;overflow:visible;opacity:.16;transform:translateY(calc(var(--hero-travel,0)*-48px))}
.hero-clouds{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:.15}
.scroll-scenes .hero-clouds{animation:hero-cloud-drift 36s ease-in-out infinite alternate;will-change:transform}
.graphic-journey:not([data-phase=hero]) .hero-clouds{animation-play-state:paused;will-change:auto}
@keyframes hero-cloud-drift{from{transform:translate3d(-16px,6px,0)}to{transform:translate3d(16px,-8px,0)}}
.hero-ribbon path{stroke:var(--lilac);stroke-width:52;stroke-linecap:round}
.graphic-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:0 clamp(40px,5vw,80px);align-items:start;padding-top:144px;padding-bottom:0}
.graphic-grid,.dd-nav{transition:opacity 240ms var(--ease)}
.v7-booting .graphic-grid,.v7-booting .dd-nav{opacity:0}
.v7-booting .courier-flight{visibility:hidden}
html.v7-booting{scroll-behavior:auto}
.v7-booting .graphic-grid *{transition:none!important;animation:none!important}
.graphic-opening{grid-column:1;grid-row:1;position:relative;min-width:0;min-height:clamp(680px,calc(100svh - 144px),760px);padding:40px 0 104px;display:block}
.graphic-copy{min-width:0;width:100%;max-width:620px}
.graphic-opening .graphic-copy{container-type:inline-size}
.graphic-opening h1{display:flex;flex-direction:column;align-items:flex-start;gap:22px;width:100%;max-width:none;line-height:1;color:var(--cream)}
.graphic-opening h1>span{display:block;white-space:nowrap}
.hero-handle{display:block;width:calc(100% + 48px);max-width:720px;margin-left:-1px;line-height:0}.hero-handle>img{width:100%;height:auto;max-width:none}
.hero-lead{text-align:left;font-size:clamp(28px,10.4cqw,62px);line-height:1.08;letter-spacing:-.025em;word-spacing:.1em}

.graphic-copy>p:not(.graphic-step){font-size:18px;line-height:1.6;max-width:38ch;margin-top:40px}
.graphic-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}
.dd-button,.journey-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:56px;padding:0 26px;border-radius:16px;font-weight:700;font-size:15px;transition:background 160ms var(--ease),transform 160ms var(--ease)}
.graphic-channel,.journey-button{background:#fff;color:#15151d}.graphic-channel:hover,.journey-button:hover{background:var(--paper)}
.dd-button svg{width:20px;height:20px}
.graphic-scroll{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:14px}.graphic-scroll span{font-size:24px}
.hero-team-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:fit-content;max-width:100%;margin-top:24px;min-height:36px;font-size:12px;line-height:1.45;color:#f0edff}.hero-team-link>span:last-child{font-size:18px}.hero-team-avatars{display:flex;padding-left:0}.hero-team-avatars img{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 2px #7040d8}.hero-team-avatars img+img{margin-left:-8px}



.hero-scroll-cue{display:flex;align-items:center;gap:12px;min-height:40px;width:fit-content;margin-top:40px;font-size:12px;color:var(--muted)}
.hero-scroll-cue b{font-size:20px;font-weight:400}.scroll-mouse{width:20px;height:30px;border:1px solid #ffffff55;border-radius:12px;display:flex;justify-content:center;padding-top:6px}.scroll-mouse i{width:3px;height:6px;background:var(--paper);border-radius:3px}
.scroll-scenes .scroll-mouse{animation:scroll-mouse-bob 2.4s ease-in-out infinite}
@keyframes scroll-mouse-bob{0%,100%{transform:translateY(-3px)}50%{transform:translateY(3px)}}

/* A reserved stage: no absolute heights on the page's reading columns. */
.graphic-visual{grid-column:2;grid-row:1 / span 4;position:sticky;top:calc(112px + var(--focus)*(var(--story-top,112px) - 112px));align-self:start;pointer-events:none;z-index:3}
.graphic-scene{position:relative;width:100%;max-width:640px;margin-inline:auto 0;container-type:inline-size;padding-top:calc(220px*(1 - var(--focus)));pointer-events:auto}
.artifact-position{position:relative;width:100%;transform:none}
.artifact-enter{position:relative}
.artifact-cast{position:absolute;z-index:5;bottom:100%;right:6%;width:56%;opacity:calc(1 - var(--portrait-exit,0));transform:translateY(calc(11.5% - var(--portrait-exit,0)*24px));pointer-events:none}
.character-portrait{width:100%;height:auto;overflow:visible}
@property --blink{syntax:'<number>';inherits:true;initial-value:0}
.portrait-blink{--blink:0}.scroll-scenes .portrait-blink{animation:portrait-blink 6.4s ease-in-out infinite}
.eyelid-closure{transform-box:fill-box;transform-origin:50% 0;transform:scaleY(var(--blink))}.eyelid-line{opacity:var(--blink);transform:translateY(calc((1 - var(--blink))*-24px))}
@keyframes portrait-blink{0%,42%,47%,100%{--blink:0}43.5%,44.6%{--blink:1}}
.account-artifact{position:relative;z-index:3;overflow:hidden;background:color-mix(in srgb,var(--profile-face) calc((1 - var(--focus))*100%),var(--raised));border:2px solid var(--cel-edge);border-radius:24px;box-shadow:calc(7px*(1 - var(--focus))) calc(9px*(1 - var(--focus))) 0 var(--cel-edge)}
.account-artifact::before{content:'';position:absolute;z-index:4;inset:0 0 auto;height:3px;background:var(--cel-light);opacity:calc(1 - var(--focus));pointer-events:none}
.account-artifact::after{content:'';position:absolute;z-index:4;right:0;top:0;bottom:0;width:calc(9px*(1 - var(--focus)));background:#34205f;opacity:.65;pointer-events:none}
.artifact-banner{height:calc(88px*(1 - var(--focus)));position:relative;overflow:hidden;background:var(--action)}.artifact-banner svg{position:absolute;width:100%;height:100%;inset:0}.artifact-banner>span{display:none}
.artifact-profile{display:flex;align-items:center;gap:20px;min-height:60px;padding:calc(24px - var(--focus)*16px) 24px calc(20px - var(--focus)*12px)}
.artifact-avatar{width:calc(68px - var(--focus)*36px);height:calc(68px - var(--focus)*36px);border-radius:16px;transform:rotate(calc(-6deg*(1 - var(--focus))));flex-shrink:0;box-shadow:calc(2px*(1 - var(--focus))) calc(3px*(1 - var(--focus))) 0 var(--cel-edge)}
.artifact-identity{min-width:0}.artifact-identity strong{display:block;width:fit-content;border:1.5px solid var(--cel-edge);border-radius:12px;background:linear-gradient(135deg,#fff0b3 0 10px,transparent 10px),linear-gradient(135deg,var(--yellow) 0 84%,#f1b64e 84%);box-shadow:calc(3px*(1 - var(--focus))) calc(4px*(1 - var(--focus))) 0 #b57b46;color:var(--ink);padding:calc(8px - var(--focus)*4px) calc(16px - var(--focus)*10px) calc(12px - var(--focus)*6px);font-family:'Discord Nord',sans-serif;letter-spacing:-.05em;line-height:1;font-size:calc(clamp(42px,10cqw,68px)*(1 - var(--focus)) + var(--focus)*28px)}
.artifact-identity>span{display:block;font-size:11px;color:var(--muted);margin-top:calc(10px*(1 - var(--focus)));max-height:calc(18px*(1 - var(--focus)));opacity:calc(1 - var(--focus));overflow:hidden}
.artifact-flower,.artifact-spine,.graphic-orbit,.scene-ground{display:none}
.artifact-badges{margin:0 16px calc(12px*(1 - var(--focus)));padding:calc(12px*(1 - var(--focus))) 12px;max-height:calc(132px*(1 - var(--focus)));overflow:hidden;opacity:calc(1 - var(--focus));background:#30215f;border:1px solid #241445;box-shadow:inset 2px 2px 0 #241445;border-radius:14px}
.artifact-badges-heading{display:flex;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted);margin-bottom:8px}.artifact-badges-heading a{text-decoration:underline;text-underline-offset:3px}
.artifact-badge-buttons{--profile-badge-columns:7;position:relative;display:grid;grid-template-columns:repeat(var(--profile-badge-columns),minmax(0,1fr));gap:4px}
.artifact-badge-buttons button{position:relative;z-index:1;display:grid;place-items:center;height:44px;background:transparent;border-radius:12px}
.artifact-badge-buttons img{width:28px;height:28px;object-fit:contain;transition:transform 160ms var(--ease)}
.artifact-badge-buttons button:hover img{transform:translateY(-2px)}
.artifact-badge-tooltip{display:none}
.profile-badge-highlight{position:absolute;top:0;left:0;z-index:0;width:0;height:0;border-radius:12px;background:linear-gradient(135deg,#fff 0 7px,transparent 7px),linear-gradient(135deg,var(--paper) 0 86%,var(--lilac) 86%);box-shadow:inset 0 0 0 1px var(--cel-edge),inset 0 2px 0 #fff,0 2px 0 #9a80c7;transform:translate(var(--badge-x,0px),var(--badge-y,0px));transition:transform 220ms var(--ease);pointer-events:none}
.profile-badge-highlight[data-selection=hypesquad-events],.profile-badge-highlight[data-selection=golden-bug-hunter]{background:linear-gradient(135deg,#9271c5 0 7px,transparent 7px),linear-gradient(135deg,#49318a 0 86%,#30215f 86%);box-shadow:inset 0 0 0 1px var(--cel-edge),inset 0 2px 0 #9271c5,inset 0 -2px 0 var(--yellow),0 2px 0 var(--cel-edge)}
.artifact-badges-caption{font-size:10px;color:var(--muted);margin-top:calc(6px*(1 - var(--focus)));min-height:0;max-height:calc(15px*(1 - var(--focus)));opacity:calc(1 - var(--focus));overflow:hidden}
.workspace-process{padding:0 16px calc(12px - var(--focus)*4px)}.artifact-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.artifact-rail a{--step-color:var(--lilac);display:flex;align-items:center;justify-content:center;gap:6px;min-height:calc(42px - var(--focus)*6px);border-radius:12px;font-size:12px;color:var(--muted);background:linear-gradient(135deg,#3b286f 0 88%,#2a1b51 88%);box-shadow:inset 0 0 0 1px var(--cel-edge),inset 0 1.5px 0 #7956a9,inset 0 -2px 0 color-mix(in srgb,var(--step-color) 55%,#3b286f),0 2px 0 var(--cel-edge);transition:box-shadow 160ms var(--ease)}
.artifact-rail a[data-scene-step=terms]{--step-color:var(--pink)}.artifact-rail a[data-scene-step=access]{--step-color:var(--access-panel)}
.artifact-rail a>span{font-size:9px;color:var(--quiet)}.artifact-rail svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8}
.artifact-rail a:hover{box-shadow:inset 0 0 0 1px var(--cel-edge),inset 0 1.5px 0 #a78acb,inset 0 -2px 0 var(--step-color),0 2px 0 var(--cel-edge)}
.artifact-rail a[aria-current=step]{--step-face:var(--story-panel,var(--chapter-color,var(--lilac)));background:linear-gradient(135deg,#ffffff99 0 7px,transparent 7px),linear-gradient(135deg,var(--step-face) 0 86%,color-mix(in srgb,var(--step-face) 86%,var(--ink)) 86%);color:var(--ink);box-shadow:inset 0 0 0 1px var(--cel-edge),inset 0 2px 0 #ffffff66,0 2px 0 var(--cel-side),0 3px 0 var(--cel-edge);transition:none}.artifact-rail a[aria-current=step]>span{color:inherit}
.artifact-rail a:focus-visible{outline:2px solid var(--cream);outline-offset:2px}
/* A reserved panel fades in only after the compact profile is in place. */
.artifact-drawer{--muted:var(--ink);--quiet:#4e386e;margin-top:16px;position:relative;height:var(--process-panel-height);background:var(--story-panel,var(--chapter-color,var(--lilac)));color:var(--ink);border-radius:28px;isolation:isolate;opacity:var(--stage-reveal,0);transform:translateY(calc((1 - var(--stage-reveal,0))*12px));pointer-events:none}
.graphic-journey:not([data-phase=hero]) .artifact-drawer{pointer-events:auto}
.drawer-inner{height:100%;min-height:0}.drawer-heading{height:40px;display:flex;align-items:end;justify-content:space-between;padding:16px 96px 0 32px;gap:16px;font-size:14px;font-weight:700}.drawer-heading p{display:none}
.scene-step-count{font-size:10px;line-height:21px;color:var(--quiet);font-weight:400;white-space:nowrap}
.scene-progress{height:24px;display:flex;align-items:center;gap:12px;padding:4px 96px 0 32px;font-size:10px;color:var(--muted)}.scene-progress>b{display:none}
.scene-progress-track{--progress-face:var(--story-panel,var(--chapter-color,var(--lilac)));position:relative;flex:1;height:6px;border-radius:3px;background:color-mix(in srgb,var(--progress-face) 82%,var(--ink));box-shadow:0 1px 0 #ffffff66;overflow:hidden}
.scene-progress-track::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--progress-face) 55%,var(--ink));pointer-events:none}
.scene-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(180deg,#bfa7ed 0 1px,#5d359c 1px 4px,var(--ink) 4px);transform:scaleX(var(--scene-progress,0));transform-origin:left}
/* One physical ticket survives every chapter. The complete control footprint stays reserved. */
.process-stage{position:relative;height:calc(100% - 64px);padding:24px 32px 32px;display:flex;flex-direction:column}
.process-art-viewport{flex:1;min-height:0}.process-flow{width:100%;height:100%;overflow:visible;--flow-scan:0;--flow-paper:0}
.flow-machine{pointer-events:none}.flow-source{opacity:var(--flow-source,1)}.flow-terms{opacity:var(--flow-terms,0)}.flow-access{opacity:var(--flow-access,0);transform-box:view-box;transform-origin:300px 185px;transform:translateY(calc(var(--flow-lock-exit,0)*20px)) rotate(calc(var(--flow-lock-rock,0)*1deg))}.flow-card{opacity:var(--flow-card-opacity,1)}
.flow-card-name{font-family:'Discord Nord',sans-serif;font-size:38px;font-weight:700;fill:#fff;letter-spacing:-2px}
.flow-label{font-family:Ginto,sans-serif;font-size:16px;fill:var(--muted)}
.flow-scan-window{overflow:hidden;clip-path:inset(0 round 18px);opacity:var(--flow-scan-opacity,0)}.flow-scan{transform:translateX(calc(var(--flow-scan)*164px))}.flow-scan-light{opacity:var(--flow-reviewed,0)}
.flow-document{clip-path:inset(0 0 calc((1 - var(--flow-paper))*100%) 0)}
.flow-document-row{opacity:var(--row-reveal,0);transform:translateY(calc((1 - var(--row-reveal,0))*4px))}.flow-document-row text{font-family:Ginto,sans-serif;font-size:15px;fill:#18204d}.flow-document-row path{fill:none;stroke:#18204d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:calc((1 - var(--row-check,0))*24);opacity:var(--row-check,0)}
.security-shackle{transform-box:view-box;transform-origin:450px 164px;transform:translateY(calc(var(--shackle-lift,0)*-10px)) rotate(calc(var(--unlock-hinge,0)*28deg))}
.security-key{transform-box:view-box;transform-origin:0 0;transform:translateX(calc((1 - var(--key-insert,0))*-24px)) scale(calc(.96 + var(--key-opacity,1)*.04));opacity:var(--key-opacity,1)}
.security-key-roll{transform-box:view-box;transform-origin:0 0;transform:scaleY(calc(1 - var(--key-turn,0)*.72))}.security-key-tip{opacity:calc(1 - var(--key-insert,0))}.flow-ready{opacity:var(--flow-ready,0)}
.flow-review-reward{opacity:var(--flow-review-reward,0)}.flow-reward-mark{transform:scale(var(--reward-scale,.72))}.flow-ready-mark{transform:scale(var(--ready-scale,.75))}.flow-reward-mark path{stroke-dasharray:40;stroke-dashoffset:calc((1 - var(--flow-review-reward,0))*40)}.flow-ready-mark path{stroke-dasharray:28;stroke-dashoffset:calc((1 - var(--flow-ready,0))*28)}
.flow-ready-mark>circle:nth-child(2){fill:var(--check-color,var(--yellow))}
.flow-access .security-shackle .shackle-face{stroke:var(--access-shackle,#e8dfff)}
.flow-access .security-key>path:first-child{stroke:var(--access-key-edge,#000);stroke-opacity:var(--access-key-edge-opacity,.25)}
.flow-access .security-key-roll>.key-bow-face{stroke:var(--access-key-edge,transparent);stroke-width:2.5}
.flow-transfer-person{opacity:var(--flow-ready,0);transform:translateX(calc((1 - var(--flow-ready,0))*12px))}.flow-transfer-arrow{stroke-dasharray:60;stroke-dashoffset:calc((1 - var(--flow-ready,0))*60)}
.access-topics{visibility:hidden;pointer-events:none;display:flex;align-items:center;gap:8px;width:100%;height:44px;flex:0 0 44px;margin-top:24px}.graphic-journey[data-phase=access] .access-topics{visibility:visible;pointer-events:auto}.access-topics button{flex:1;min-width:0;min-height:44px;border-radius:12px;background:#21163d16;color:var(--ink);font-size:12px;transition:background 160ms var(--ease)}.access-topics button[aria-pressed=true]{background:var(--ink);color:#fff}.access-topics>b{color:var(--quiet)}
.artifact-clyde{width:72px}.courier-home{position:absolute;right:0;bottom:64px;width:64px;aspect-ratio:139/156;pointer-events:none}.courier-process-home{position:absolute;right:24px;top:16px;width:48px;aspect-ratio:139/156;pointer-events:none}

/* The copy stays still; completing checks explain the moving mechanism. */
.graphic-chapter{grid-column:1;min-height:max(880px,110svh);padding:96px 0;display:flex;align-items:center;position:relative;z-index:2}
.graphic-chapter:last-child{min-height:max(1040px,120svh);margin-bottom:var(--story-runout,0px)}
.graphic-chapter h2{font-size:clamp(44px,4.9vw,76px);max-width:12ch;line-height:1.03}
.graphic-step{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700;color:var(--muted);margin-bottom:24px}.graphic-step>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--chapter-color,var(--lilac));color:var(--ink);font-size:12px}
@media(min-width:821px){.graphic-step>span{background:var(--story-panel,var(--chapter-color,var(--lilac)))}}
.process-facts{display:grid;gap:24px;margin-top:32px}.process-facts>div{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px}
.process-check{--check-face:var(--check-color,var(--chapter-color,var(--lime)));position:relative;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#6d4c9b 0 81%,#442564 81%);box-shadow:inset 0 0 0 1px var(--cel-edge),inset 0 2px 0 #b99bec,2px 3px 0 var(--cel-edge);overflow:hidden;flex-shrink:0}
.process-check::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff99 0 4px,transparent 4px),linear-gradient(135deg,var(--check-face) 0 81%,color-mix(in srgb,var(--check-face) 86%,var(--ink)) 81%);box-shadow:inset 0 0 0 1px var(--cel-edge),inset 0 2px 0 color-mix(in srgb,var(--check-face) 50%,#fff);opacity:var(--checked,0)}.process-check svg{position:relative;width:22px;height:22px}.process-check path{fill:none;stroke:var(--paper-ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:calc((1 - var(--checked,0))*16);opacity:var(--checked,0)}
.process-facts .process-check{grid-column:1;grid-row:1 / span 2}.process-facts dt{grid-column:2;line-height:24px;min-height:24px;font-size:17px;font-weight:700}.process-facts dd{grid-column:2;font-size:16px;line-height:1.65;color:var(--muted);margin-top:4px;max-width:38ch}
.process-notes{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);max-width:480px}.process-notes h3{font-family:Ginto,Arial,sans-serif;font-size:16px;line-height:1.4;letter-spacing:0;color:var(--cream)}.process-notes p{margin-top:8px;font-size:15px;line-height:1.65;max-width:48ch}.process-notes-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 16px}.process-notes-heading .dd-text-link{min-height:36px;font-size:13px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;transition:transform 180ms var(--ease)}details[open]>summary>span{transform:rotate(45deg)}
.dd-text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--paper);font-size:14px}
.access-checklist{list-style:none;margin-top:24px;padding:0;max-width:460px}.access-checklist li{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:12px;row-gap:4px;padding:16px 0}.access-checklist .process-check{grid-column:1;grid-row:1 / span 2}.access-checklist b{grid-column:2;font-size:17px;line-height:24px}.access-checklist li>span:not(.process-check){grid-column:2;font-size:16px;color:var(--muted);line-height:1.65}
.mobile-process-visual{display:none}

/* Large physical username tickets. The machinery is quieter than the names. */
.lower-journey{position:relative;background:linear-gradient(180deg,var(--access-field) 0,#30227f 440px,var(--gallery-field) var(--gallery-start,1600px),var(--gallery-field) 100%)}.history-section{padding-block:112px 96px;background:transparent;border-radius:0}.history-top,.dd-section-head{display:flex;align-items:end;justify-content:space-between;gap:48px}
.history-top h2,.dd-section-head h2,.dd-questions h2{font-size:clamp(44px,4.8vw,72px);line-height:1.04;max-width:15ch}.history-top p,.dd-section-head>p{font-size:17px;line-height:1.65;max-width:32ch}
.name-belt{position:relative;margin-top:clamp(152px,18svh,176px);padding-bottom:20px}
.belt-window{overflow:hidden;padding:12px 0 8px;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.belt-track{display:flex;gap:24px;width:max-content;transform:translate3d(calc(var(--belt-offset,0)*1px),0,0)}
.scroll-scenes .name-belt[data-visible=true] .belt-track{will-change:transform}
.belt-group{display:flex;gap:24px;width:max-content;flex-shrink:0}
.notable-names>span{--ticket-face:var(--pink);--ticket-shade:#dd77ad;--ticket-light:#ffc7e2;--ticket-side:#ab5288;position:relative;display:grid;place-items:center;min-width:268px;min-height:144px;padding:32px;font-family:'Discord Nord',sans-serif;font-size:58px;line-height:1;letter-spacing:-.045em;background:linear-gradient(135deg,var(--ticket-light) 0 14px,transparent 14px),linear-gradient(135deg,transparent 84%,var(--ticket-shade) 84%),var(--ticket-face);color:var(--ink);border-radius:24px;white-space:nowrap;box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 0 4px 0 var(--ticket-light),0 4px 0 var(--ticket-side),0 6px 0 var(--cel-edge);transform:rotate(-1.5deg)}
.notable-names>span:nth-child(4n+2){--ticket-face:var(--lime);--ticket-shade:#a7c965;--ticket-light:#e7f6c4;--ticket-side:#708f43;transform:rotate(1.5deg)}.notable-names>span:nth-child(4n+3){--ticket-face:var(--yellow);--ticket-shade:#e4b855;--ticket-light:#fff2be;--ticket-side:#ad823d;transform:rotate(-.5deg)}.notable-names>span:nth-child(4n){--ticket-face:var(--lilac);--ticket-shade:#a184dc;--ticket-light:#e1d1ff;--ticket-side:#7650ad;transform:rotate(.8deg)}
.notable-names>span::before,.courier-payload::before{content:'';position:absolute;left:7%;top:12%;width:5px;height:5px;border-radius:50%;background:#ffffff55;box-shadow:10px 0 0 #ffffff33}
.notable-names>span::after,.courier-payload::after{content:'';position:absolute;right:7%;bottom:12%;width:24px;height:4px;background:repeating-linear-gradient(90deg,#ffffff66 0 2px,transparent 2px 4px)}
.belt-machine{width:min(var(--dd-max),calc(100% - var(--dd-gutter)*2));margin:auto}.belt-rollers{height:36px;background:linear-gradient(180deg,#ddceff 0 6px,#a68ae7 6px 27px,#7650ad 27px);border-radius:18px;display:flex;align-items:center;justify-content:space-around;padding-inline:16px;box-shadow:inset 0 0 0 1.5px var(--cel-edge),0 3px 0 var(--cel-edge)}
.belt-roller{position:relative;width:18px;height:18px;border-radius:50%;background:#e8dfff;border:3px solid #51347d;box-shadow:inset 1px 1px 0 #fff;transform:rotate(calc(var(--belt-turn,0)*1deg))}.belt-roller::before,.belt-roller::after{content:'';position:absolute;left:1px;right:1px;top:5px;height:2px;background:#7650ad}.belt-roller::after{transform:rotate(90deg)}
.belt-feet{display:flex;justify-content:space-around;padding-inline:15%}.belt-feet i{width:12px;height:20px;background:linear-gradient(90deg,#c2a8ff 0 4px,#7650ad 4px);border-radius:0 0 3px 3px;box-shadow:2px 2px 0 var(--cel-edge)}
.belt-controls{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:24px;font-size:12px}.delivery-route{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.delivery-route i{font-style:normal;color:var(--quiet)}.delivery-route a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}.delivery-route a[aria-current=step]{color:#fff;text-decoration:underline;text-decoration-color:var(--action);text-underline-offset:6px}

/* One robot, one source ticket, one connected human hand. */
.courier-flight{position:fixed;left:0;top:0;width:160px;height:166px;z-index:23;pointer-events:none;transform-origin:80px 35px;will-change:transform}
.courier-flight .artifact-clyde{position:absolute;left:44px;top:0;width:72px;height:auto;max-width:none}
.courier-grip{position:absolute;top:0;left:0;width:160px;height:220px}.courier-grip svg{width:100%;height:100%;overflow:visible;max-width:none}.courier-cable{fill:none;stroke:#b79ae8;stroke-width:6;stroke-linecap:round}.courier-flight[data-flying=false] .courier-grip{opacity:0}.courier-flight .artifact-clyde{z-index:3}
.courier-palm{fill:#70408f;stroke:#34215c;stroke-width:2;stroke-linejoin:round}.courier-fingers{fill:#e8c7ff;stroke:#34215c;stroke-width:1.5;stroke-linejoin:round}.courier-thumb{fill:none;stroke:#efc5fb;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.courier-payload{position:fixed;left:0;top:0;z-index:22;display:grid;place-items:center;width:var(--cargo-width,160px);height:var(--cargo-height,64px);font-family:'Discord Nord',sans-serif;font-size:34px;letter-spacing:-.045em;line-height:1;pointer-events:none;transform-origin:center;overflow:hidden}
.courier-payload::before{top:calc(var(--cargo-height)*.12);width:clamp(3px,calc(var(--cargo-height)*.045),5px);height:clamp(3px,calc(var(--cargo-height)*.045),5px);box-shadow:calc(var(--cargo-width)*.037) 0 0 #ffffff33}.courier-payload::after{width:clamp(18px,calc(var(--cargo-width)*.09),24px);height:3px}
.courier-payload[data-docked=true]{position:absolute;top:calc(50% + 8px);left:50%;transform:translate(-50%,-50%)!important;z-index:2;box-shadow:0 12px 20px #0005!important}
.scroll-scenes .courier-payload[data-docked=true]{animation:received-card 3.6s ease-in-out infinite}
.firexi-operator{position:fixed;inset:0;width:100%;height:100%;z-index:24;pointer-events:none}.firexi-arm{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.firexi-arm path{fill:none;stroke-linecap:round}.firexi-sleeve-outline{stroke:var(--cel-edge);stroke-width:32}.firexi-sleeve{stroke:#7040b5;stroke-width:25}.firexi-sleeve-light{stroke:#c2a8ff;stroke-width:4}
.firexi-hand{position:absolute;left:0;top:0;width:64px;height:64px;fill:var(--cream);stroke:var(--cel-edge);stroke-width:3.3;stroke-linejoin:round;stroke-linecap:round;overflow:visible;transform-origin:center}.firexi-cuff{fill:#7040b5}.firexi-fingers{transform:translateY(calc((1 - var(--human-grip,0))*-5px)) rotate(calc((1 - var(--human-grip,0))*-8deg));transform-origin:40px 24px}.firexi-thumb{transform:translateX(calc((1 - var(--human-grip,0))*-6px))}
[data-person-card=firexi] .dd-person-id{position:relative;z-index:25}
@keyframes received-card{0%,100%{translate:0 0}50%{translate:0 -4px}}
.firexi-delivery-slot{position:relative;min-height:144px;flex:0 0 144px;border-radius:18px;background:#35205e;box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 2px 3px 0 #281748,inset -2px -2px 0 #8c5bb4}.firexi-delivery-status{position:absolute;top:12px;right:16px;color:var(--muted);font-size:10px}
.courier-dock{position:absolute;right:0;bottom:0;width:80px;height:76px;pointer-events:none}

.dd-people{padding-block:96px}.dd-people .dd-section-head{margin-bottom:200px}.dd-section-head{position:relative}
@property --person-face{syntax:'<color>';inherits:true;initial-value:#49318a}
.dd-people-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.dd-person{--person-face:#49318a;--person-side:#32205f;--person-lit:#8e6ac5;display:flex;flex-direction:column;gap:28px;min-width:0;background:linear-gradient(135deg,var(--person-lit) 0 12px,transparent 12px),linear-gradient(90deg,var(--person-face) calc(100% - 8px),var(--person-side) calc(100% - 8px));border-radius:24px;padding:32px;box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 0 3px 0 var(--person-lit),5px 7px 0 var(--cel-edge);transition:--person-face 200ms var(--ease)}.dd-person[data-person-card=firexi][data-receiving=true]{--person-face:#532987}
.dd-person-id{position:relative;display:flex;align-items:center;gap:16px}.member-avatar{position:relative;width:64px;height:64px;border-radius:16px;flex-shrink:0;box-shadow:0 0 0 1.5px var(--person-accent),3px 4px 0 var(--cel-edge)}.dd-person-id h3{font-size:36px;line-height:1.1}.dd-person-id a{display:inline-flex;align-items:center;min-height:36px;font-size:13px;color:var(--muted)}.dd-person-id a:hover{color:#fff}
[data-person-card=firexi] .dd-person-id::before{content:'';position:absolute;pointer-events:none;left:-36px;top:50%;width:136px;height:136px;transform:translateY(-50%);background:radial-gradient(ellipse,#cf9cff66 0,#9853d62e 38%,transparent 70%)}
[data-person-card=firexi] .member-avatar{box-shadow:0 0 0 2px #e1c4ff,3px 4px 0 var(--cel-edge)}
[data-person-card=firexi] .dd-person-id>div{position:relative}
[data-person-card=firexi] .dd-person-id h3{font-size:42px;color:var(--cream);text-shadow:1px 2px 0 #9061ba,2px 3px 0 var(--cel-edge)}
.dd-person-story strong{color:var(--cream)}
.dd-person-story{flex:1}.dd-person-story p{font-size:16px;line-height:1.65}.dd-person-story .person-specialty{font-size:12px;color:var(--paper);margin:0 0 12px}.dd-person-fact{margin-top:auto;padding-top:24px}.dd-person-fact strong{font-family:'Discord Nord',sans-serif;font-size:52px;letter-spacing:-.045em;line-height:1.1}.dd-person-fact span{display:block;font-size:12px;color:var(--muted);margin-top:8px}.dd-person:nth-child(1){--person-accent:var(--lime);--person-accent-light:#e7f6c4;--person-accent-shade:#a7c965;--person-accent-side:#708f43;--person-face:#422075;--person-side:#2c174f;--person-lit:#9e6cce}.dd-person:nth-child(2){--person-accent:var(--yellow);--person-accent-light:#fff2be;--person-accent-shade:#e4b855;--person-accent-side:#ad823d}.dd-person:nth-child(3){--person-accent:var(--pink);--person-accent-light:#ffc7e2;--person-accent-shade:#dd77ad;--person-accent-side:#ab5288;--person-face:#513173;--person-side:#351c50;--person-lit:#a46baf}.dd-person-fact{background:linear-gradient(135deg,transparent 82%,var(--person-accent-shade) 82%),var(--person-accent);color:var(--ink);padding:24px;border-radius:16px;box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 0 3px 0 var(--person-accent-light),0 4px 0 var(--person-accent-side),0 6px 0 var(--cel-edge)}.dd-person .dd-person-fact strong,.dd-person .dd-person-fact span{color:var(--ink)}.dd-team-note{font-size:11px;margin-top:24px;color:var(--quiet)}

.dd-questions{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px;padding-block:112px;align-items:start}.dd-questions h2{max-width:10ch;color:var(--cream);text-shadow:1px 2px 0 var(--cel-side),2px 4px 0 var(--cel-edge)}
/* One carved question surface; the open answer gets the light face. */
.dd-faq{--question-face:#49318a;--question-side:#32205f;--question-light:#8e6ac5;min-width:0;display:grid;gap:4px;padding:8px;background:linear-gradient(90deg,var(--question-face) calc(100% - 7px),var(--question-side) calc(100% - 7px));border-radius:24px;box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 0 3px 0 var(--question-light),5px 7px 0 var(--cel-edge)}
.dd-faq details{min-width:0;padding:0 20px;border-radius:16px;border-bottom:1px solid #a17dc344}
.dd-faq details:last-child{border-bottom-color:transparent}
.dd-faq summary{min-height:88px;padding:24px 0;font-size:18px;font-weight:700;line-height:1.45;gap:20px}
.dd-faq summary::after{content:'+';display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:8px;background:var(--lilac);color:var(--ink);font-size:24px;line-height:1;font-weight:400;box-shadow:inset 0 2px 0 var(--cel-light),2px 3px 0 var(--cel-edge);transition:transform 160ms var(--ease)}
.dd-faq details[open]{background:linear-gradient(90deg,var(--paper) calc(100% - 6px),#c4adeb calc(100% - 6px));color:var(--ink);border-bottom-color:var(--cel-edge);box-shadow:inset 0 2px 0 #fff,0 2px 0 var(--cel-edge)}
.dd-faq details[open] summary::after{content:'−';background:#604295;color:var(--cream);box-shadow:inset 0 2px 0 #9e7dc8,2px 3px 0 var(--cel-edge)}
.dd-faq details p{font-size:16px;line-height:1.7;padding:0 12px 26px 0;max-width:60ch;color:#4e386e}
.dd-faq summary:focus-visible{outline-color:var(--cream);outline-offset:0;border-radius:8px}
.dd-faq details[open] summary:focus-visible{outline-color:var(--ink)}
@media(hover:hover){.dd-faq details:not([open]):hover{background:#ffffff08}.dd-faq summary:hover::after{transform:translateY(-1px)}}
@media(max-width:600px){.dd-faq{padding:6px;border-radius:20px}.dd-faq details{padding-inline:16px;border-radius:13px}.dd-faq summary{gap:16px}.dd-faq details p{padding-right:6px}}
/* The same lit faces and violet edges close the illustrated world. */
.journey-channel{position:relative;isolation:isolate;padding:80px 0 40px;background:var(--page)}
.journey-channel::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 66% at 22% 44%,#5865f25c,transparent 85%),radial-gradient(ellipse 35% 60% at 82% 62%,#a76be847,transparent 100%);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 66%,transparent)}
.channel-invitation{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;text-align:left;gap:36px 64px;padding:0 0 48px}
.channel-message{display:contents}.channel-message h2{grid-column:1/-1;font-size:clamp(68px,8.3vw,124px);line-height:1.04;letter-spacing:-.06em;white-space:nowrap;color:var(--cream);text-shadow:0 1px 0 var(--cel-light),1px 2px 0 #9f80d2,2px 4px 0 var(--cel-edge)}.channel-message h2 span{font-size:inherit;display:inline;line-height:inherit;margin:0}.channel-message p{font-size:18px;line-height:1.6;color:var(--muted);margin:0;max-width:36ch}
.channel-action{display:flex;flex-direction:column;align-items:flex-start}.channel-invitation .journey-button{margin:0;white-space:nowrap}
.channel-address{display:block;width:fit-content;margin:12px 0 0;color:var(--muted);font-size:12px;min-height:28px}
.journey-contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;max-width:none;padding:16px 20px;background:linear-gradient(90deg,#3d2a79 calc(100% - 7px),#2b1b54 calc(100% - 7px));border-radius:18px;box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 0 3px 0 #7b56ac,4px 6px 0 var(--cel-edge)}.journey-contacts a:nth-child(1){--contact-accent:var(--lime)}.journey-contacts a:nth-child(2){--contact-accent:var(--yellow)}.journey-contacts a:nth-child(3){--contact-accent:var(--pink)}.journey-contacts a{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 0;border-radius:12px;transition:background 160ms var(--ease)}.journey-contacts a:hover{background:#ffffff0a}.journey-contacts img{width:44px;height:44px;border-radius:12px;flex-shrink:0;box-shadow:0 0 0 1.5px var(--contact-accent),2px 3px 0 var(--cel-edge)}.journey-contacts span{font-weight:700;font-size:16px}.journey-contacts small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:3px}.journey-contacts svg{width:18px;height:18px;margin-left:auto;margin-right:12px;color:var(--contact-accent);transition:transform 160ms var(--ease)}.journey-contacts a:hover svg{transform:translate(2px,-2px)}
.dd-footer{background:var(--page);padding:20px 0 40px}.dd-footer>.dd-wrap{padding-top:28px;border-top:1px solid #a184dc40}.dd-footer-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.dd-footer-top .dd-logo{font-size:clamp(28px,3.6vw,52px)}.dd-footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:10px;font-size:12px;color:var(--paper);background:#453082;box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 0 2px 0 #8e6ac5,2px 3px 0 var(--cel-edge);transition:transform 140ms var(--ease)}.dd-footer-links a:hover{background:#513a91}.dd-footer-links a:active{transform:translateY(2px)}.dd-footer p{font-size:12px;line-height:1.7;max-width:100ch}.dd-footer p+p{margin-top:4px}

@media(min-width:821px) and (max-height:800px){
 .graphic-grid{padding-top:144px}.graphic-opening{min-height:680px;padding-block:40px 104px}
 .graphic-copy>p:not(.graphic-step){font-size:18px;margin-top:40px}.graphic-actions{margin-top:28px}
 .artifact-badges{padding-block:calc(8px*(1 - var(--focus)));margin-bottom:calc(8px*(1 - var(--focus)))}.artifact-badges-heading{font-size:10px}.artifact-badges-caption{font-size:9px}
}
@media(min-width:821px){
 .graphic-chapter{scroll-margin-top:calc(var(--story-top,116px) - 116px)}
 html.js-enhanced:not(.reduce-motion) .graphic-chapter>.graphic-copy{position:fixed;left:var(--copy-left);top:0;width:var(--copy-width);max-width:none;max-height:calc(100svh - 128px);overflow-y:auto;scrollbar-width:thin;padding-right:8px;opacity:var(--copy-opacity,0);transform:translateY(var(--copy-shift,8px));pointer-events:none;transition:opacity 280ms var(--ease),transform 280ms var(--ease)}
 html.js-enhanced:not(.reduce-motion) .graphic-chapter>.graphic-copy[aria-hidden=false]{pointer-events:auto}
 html.js-enhanced:not(.reduce-motion) .graphic-chapter>.graphic-copy{will-change:translate,opacity}
 html.js-enhanced:not(.reduce-motion) .graphic-chapter h2{font-size:clamp(48px,4vw,64px);max-width:none}
 html.js-enhanced:not(.reduce-motion) .graphic-step{margin-bottom:16px;font-size:13px}
 html.js-enhanced:not(.reduce-motion) .graphic-step>span{width:34px;height:34px}
 html.js-enhanced:not(.reduce-motion) .graphic-chapter>.graphic-copy>p:not(.graphic-step){font-size:16px;line-height:1.6;margin-top:20px}
 html.js-enhanced:not(.reduce-motion) .process-facts{gap:16px;margin-top:24px}
 html.js-enhanced:not(.reduce-motion) .process-facts dt{font-size:16px}
 html.js-enhanced:not(.reduce-motion) .process-facts dd{font-size:14px;line-height:1.5}
 html.js-enhanced:not(.reduce-motion) .access-checklist{margin-top:20px}
 html.js-enhanced:not(.reduce-motion) .access-checklist li{padding:10px 0}
 html.js-enhanced:not(.reduce-motion) .access-checklist b{font-size:16px}
 html.js-enhanced:not(.reduce-motion) .access-checklist li>span:not(.process-check){font-size:14px;line-height:1.5}
 html.js-enhanced:not(.reduce-motion) .process-notes{margin-top:20px;padding-top:14px}
 html.js-enhanced:not(.reduce-motion) .process-notes h3{font-size:15px}
 html.js-enhanced:not(.reduce-motion) .process-notes p{font-size:14px;line-height:1.55}
}
@media(min-width:821px) and (max-width:1180px){
 .dd-nav{gap:20px}.dd-logo{font-size:24px}.dd-nav-links a{font-size:12px;padding-inline:9px}.nav-telegram{padding-inline:16px}
 .graphic-grid{column-gap:40px}
 .graphic-actions{gap:16px}.dd-button{font-size:14px;padding-inline:22px}.graphic-scroll{font-size:13px}
 .artifact-profile{padding-inline:20px;gap:16px}.artifact-avatar{width:calc(56px - var(--focus)*24px);height:calc(56px - var(--focus)*24px);border-radius:16px}.artifact-identity strong{font-size:calc(10cqw*(1 - var(--focus)) + var(--focus)*28px);padding-inline:calc(12px - var(--focus)*6px)}.artifact-identity>span{font-size:9px}
 .artifact-rail a{font-size:10px;gap:4px}.artifact-rail a>span{display:none}.artifact-badges-heading{font-size:10px}.artifact-badges img{width:24px;height:24px}
 .dd-person{padding:24px}.dd-person-id{gap:12px}.member-avatar{width:52px;height:52px;border-radius:16px}.dd-person-id h3{font-size:30px}.dd-person-story p{font-size:15px}

}
@media(max-width:900px){
 .dd-nav{gap:16px}.dd-logo{margin-right:auto}.nav-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;background:#49318a;color:var(--cream);box-shadow:inset 0 0 0 1px var(--cel-edge),inset 0 2px 0 #8e6ac5,0 2px 0 var(--cel-edge);font-size:13px}.nav-menu-toggle span{font-size:20px}.nav-menu-toggle[aria-expanded=true]{background:var(--lilac);color:var(--ink);box-shadow:inset 0 0 0 1px var(--cel-edge),inset 0 2px 0 var(--cel-light),0 2px 0 var(--cel-edge)}.nav-menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}
 .dd-nav-links{display:none;position:absolute;top:calc(100% + 8px);left:-16px;right:-16px;padding:16px;border-radius:24px;justify-content:stretch;background:linear-gradient(135deg,#8060b7 0 14px,transparent 14px),linear-gradient(90deg,var(--surface) calc(100% - 7px),#241748 calc(100% - 7px));box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 0 3px 0 #8060b7,4px 6px 0 var(--cel-edge)}.menu-open .dd-nav-links{display:grid;gap:4px}.dd-nav-links a{min-height:48px;padding-inline:16px;font-size:15px}
}
@media(max-width:820px){
 :root{scroll-padding-top:104px}.dd-nav{top:12px;height:64px}.dd-nav::before{inset:0 -12px;border-radius:20px}.graphic-grid{display:flex;flex-direction:column;padding-top:104px;padding-bottom:0;gap:0}.graphic-grid>*{width:100%}
 .graphic-opening{min-height:0;padding:24px 0 32px;display:block}.graphic-opening .graphic-copy{max-width:620px}
 .hero-scroll-cue{position:static;margin-top:24px}
 .graphic-visual{position:relative;top:auto;grid-row:auto;margin-bottom:32px;padding-top:0}.graphic-scene{padding-top:clamp(130px,25vw,190px);max-width:600px;margin:auto}.artifact-position{transform:none}.artifact-cast{width:50%;opacity:1;transform:translateY(11.5%)}.artifact-banner{height:80px}.artifact-profile{padding:24px;gap:20px}.artifact-avatar{width:64px;height:64px}.artifact-identity strong{font-size:54px}.artifact-identity>span{max-height:none;opacity:1}.artifact-badges{padding:12px;max-height:none;opacity:1}.artifact-drawer{display:none}
 .graphic-chapter,.graphic-chapter:last-child{margin-bottom:0;min-height:0;padding-block:64px;display:block}.graphic-chapter h2{font-size:clamp(44px,7.8vw,64px)}.graphic-chapter .graphic-copy{max-width:620px}
 .mobile-process-visual{display:grid;align-content:center;max-width:620px;min-height:240px;background:var(--raised);border-radius:28px;margin-top:32px;padding:24px;position:relative;overflow:hidden}.mobile-process-visual .process-flow{width:100%;height:auto;max-width:560px;margin:auto}.mobile-terms,.mobile-access{height:auto}

 .history-section,.dd-people,.dd-badges,.dd-questions{padding-block:72px}.history-top,.dd-section-head{gap:32px;align-items:start}.history-top h2,.dd-section-head h2,.dd-questions h2{font-size:clamp(40px,7vw,60px)}.history-top p,.dd-section-head>p{font-size:16px;max-width:28ch}
 .name-belt{margin-top:clamp(152px,18svh,176px)}.notable-names>span{min-width:240px;min-height:132px;font-size:52px;padding:28px}.dd-people .dd-section-head{margin-bottom:200px}
 .dd-people-list{grid-template-columns:1fr}.dd-person{padding:32px;gap:24px}.dd-person-id h3{font-size:40px}.dd-person-story p{font-size:16px}.firexi-delivery-slot{max-width:460px}

 .dd-questions{grid-template-columns:1fr;gap:32px}.dd-questions h2{max-width:none}.journey-channel{padding-top:72px}.channel-message h2{font-size:72px}.channel-invitation{padding:32px 0 40px;gap:28px}.channel-message p{font-size:16px}
 .journey-contacts{gap:20px;flex-wrap:wrap}.journey-contacts a{gap:12px}.journey-contacts img{width:40px;height:40px}
}
@media(max-width:600px){
 :root{--dd-gutter:24px;scroll-padding-top:100px}.dd-nav{top:8px;height:64px;gap:8px}.dd-logo{font-size:20px;gap:7px}.nav-menu-toggle{font-size:12px;padding-inline:8px;gap:8px}.nav-telegram{font-size:12px;min-height:42px;padding:0 12px;gap:8px}.nav-telegram span{display:none}
 .graphic-grid{padding-top:96px}.graphic-opening{padding-top:40px}.graphic-copy>p:not(.graphic-step){font-size:16px;margin-top:24px}.graphic-copy>p br{display:none}.graphic-actions{gap:18px;margin-top:24px}.dd-button{min-height:52px;padding-inline:20px;font-size:14px;gap:16px}.graphic-scroll{font-size:13px;gap:8px}
 .hero-scroll-cue{font-size:11px}.scroll-mouse{width:18px;height:26px}
 .graphic-scene{padding-top:clamp(112px,28vw,160px)}.account-artifact{border-radius:24px}.artifact-banner{height:64px}.artifact-profile{padding:20px 16px;gap:12px}.artifact-avatar{width:48px;height:48px;border-radius:16px}.artifact-identity strong{font-size:38px;padding:8px 12px 10px}.artifact-identity>span{font-size:8px;margin-top:8px}.artifact-badges{margin-inline:12px;padding:8px}.artifact-badges-heading{font-size:9px;gap:8px}.artifact-badge-buttons{--profile-badge-columns:4}.artifact-badge-buttons img{width:26px;height:26px}.artifact-badges-caption{font-size:9px}.workspace-process{padding:0 12px 12px}.artifact-rail{gap:4px}.artifact-rail a{font-size:10px;gap:4px;min-height:40px}.artifact-rail a>span{display:none}.courier-home{width:48px;right:-4px;bottom:64px}
 .graphic-chapter{padding-block:56px}.graphic-chapter h2,.history-top h2,.dd-section-head h2,.dd-questions h2{font-size:40px}.graphic-step{margin-bottom:20px}.process-facts{gap:24px}.process-facts dt,.access-checklist b{font-size:16px}.process-facts dd,.access-checklist li>span:not(.process-check){font-size:15px}.mobile-process-visual{padding:24px 20px;border-radius:24px}.mobile-terms{height:auto}
 .history-top,.dd-section-head{flex-direction:column;gap:24px}.history-top p,.dd-section-head>p{max-width:36ch}.history-section,.dd-people,.dd-badges,.dd-questions{padding-block:64px}.name-belt{margin-top:104px}.notable-names>span{min-width:220px;min-height:124px;font-size:48px;padding:28px 24px}.belt-track,.belt-group{gap:16px}.belt-rollers{height:32px}.belt-roller{width:16px;height:16px}.belt-roller:nth-child(even){display:none}.belt-controls{align-items:start;flex-wrap:wrap;gap:12px}.delivery-route{font-size:11px;gap:8px}
 .dd-people .dd-section-head{margin-bottom:200px}.dd-person{padding:28px;border-radius:28px}.dd-person-id{gap:16px}.dd-person-id h3{font-size:36px}.member-avatar{width:60px;height:60px;border-radius:18px}.dd-person-fact strong{font-size:48px}
 .dd-badges .dd-section-head{margin-bottom:32px}.badge-status{margin-bottom:12px}.badge-fineprint p{font-size:13px}
 .dd-faq summary{font-size:17px;min-height:80px}.dd-faq details p{font-size:15px}.channel-invitation{padding:24px 0 32px;gap:28px}.channel-message h2{font-size:clamp(44px,11vw,64px)}.channel-message p{font-size:16px;margin-top:24px}.channel-action{width:100%;max-width:280px}.channel-invitation .journey-button{min-height:56px;font-size:14px;width:100%}.journey-contacts{gap:12px 20px;max-width:320px}.journey-contacts a{min-height:60px;padding:8px}.journey-contacts img{width:34px;height:34px}.journey-contacts svg{display:none}.dd-footer{padding-block:32px}.dd-footer-top{align-items:start;flex-wrap:wrap}.dd-footer-top .dd-logo{font-size:32px}.dd-footer p{font-size:11px}
}
@media(max-width:360px){.dd-logo{font-size:16px}.nav-menu-toggle{font-size:11px;padding-inline:4px}.nav-menu-toggle span{font-size:18px}.nav-telegram{font-size:11px;padding-inline:10px}.graphic-actions{gap:12px}.graphic-scroll{font-size:12px}.graphic-chapter h2,.history-top h2,.dd-section-head h2,.dd-questions h2{font-size:36px}.dd-person{padding:24px}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-ribbon{transform:none}.artifact-position{transform:none}.profile-badge-highlight{transition:none}.courier-flight,.firexi-operator{display:none}
}
html.reduce-motion{scroll-behavior:auto}.reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{animation:none!important;transition:none!important}.reduce-motion .courier-flight,.reduce-motion .firexi-operator{display:none}

/* Disclosure feedback stays local and yields to interrupted input. */
@supports (interpolate-size:allow-keywords){
 details{interpolate-size:allow-keywords}
 details::details-content{block-size:0;overflow:clip;transition:block-size 200ms var(--ease),content-visibility 200ms allow-discrete}
 details[open]::details-content{block-size:auto}
}
.graphic-opening .graphic-copy>p{color:#fff}

@media(max-width:600px){
 .nav-telegram{display:none}
 .nav-menu-toggle{margin-left:auto;font-size:13px;padding-inline:12px}
 .dd-logo{font-size:20px}
}
@media(max-width:360px){.dd-logo{font-size:17px}}
@media(max-width:900px){
 .dd-nav-links{transition:opacity 160ms var(--ease),transform 160ms var(--ease)}
 @starting-style{.menu-open .dd-nav-links{opacity:0;transform:translateY(-6px)}}
}

.dd-nav-links .menu-channel{display:none}
@media(max-width:600px){.dd-nav-links .menu-channel{display:flex;justify-content:space-between;gap:16px;margin-top:8px}}

/* The name leads; supporting copy and people are a single quiet group. */
.graphic-opening .graphic-copy>p{margin-top:26px;font-size:18px;line-height:1.55;max-width:32ch;text-wrap:pretty}
.graphic-opening .graphic-copy>p br{display:initial}
.graphic-opening .graphic-actions{margin-top:28px}
.graphic-opening .graphic-channel,.channel-invitation .journey-button{min-height:64px;padding:0 26px 0 28px;border:1.5px solid var(--cel-edge);border-radius:12px;font-size:17px;gap:28px;background:linear-gradient(135deg,#fff 0 12px,transparent 12px),linear-gradient(135deg,var(--cta) 0 88%,#e2d7fa 88%);box-shadow:0 4px 0 #a48bd2,0 6px 0 var(--cel-edge);color:var(--cta-ink);transition:transform 140ms var(--ease),box-shadow 140ms var(--ease)}
@media(hover:hover){.graphic-opening .graphic-channel:hover,.channel-invitation .journey-button:hover{transform:translateY(-2px);box-shadow:0 6px 0 #a48bd2,0 8px 0 var(--cel-edge)}}
.graphic-opening .graphic-channel:active,.channel-invitation .journey-button:active{transform:translateY(3px);box-shadow:0 1px 0 #a48bd2,0 3px 0 var(--cel-edge)}
.channel-arrow{display:grid;place-items:center;width:24px;height:24px;background:transparent;color:inherit;flex-shrink:0}
.channel-arrow svg{width:24px;height:24px;transition:transform 180ms var(--ease)}
.graphic-channel:hover .channel-arrow svg{transform:translate(2px,-2px)}
.graphic-opening .hero-team-link{margin-top:20px;gap:12px;font-size:14px}
@media(min-width:821px){.graphic-opening{padding-top:48px}.graphic-opening .graphic-copy{max-width:600px}.graphic-opening h1{max-width:none}}
@media(max-width:600px){.graphic-opening .graphic-copy>p{font-size:16px;margin-top:24px}.graphic-opening .graphic-actions{gap:12px;margin-top:24px}.graphic-opening .graphic-channel{min-width:0;min-height:56px;font-size:15px;gap:16px;padding-inline:14px;white-space:nowrap}.channel-arrow{width:22px;height:22px}.graphic-opening .hero-team-link{margin-top:20px;font-size:13px}}
@media(max-width:360px){.graphic-opening .graphic-channel{width:100%;justify-content:space-between}.graphic-opening .graphic-scroll{min-height:36px}}


/* Original arched podium gallery, open across a colored section. */
.dd-badges{padding-block:104px;background:transparent}.dd-badges .dd-section-head{margin-bottom:40px}
.badge-explorer{--badge-accent:var(--yellow);--podium-fill:var(--lilac);--podium-well:#b99bec;--podium-top:var(--paper);--podium-left:#a184dc;--podium-right:#7550b0;color:var(--text);min-width:0}
.badge-collection-label{display:flex;justify-content:flex-end;gap:24px;align-items:center;margin-bottom:20px;font-size:12px;color:var(--muted)}.badge-collection-label>span:last-child{color:var(--badge-accent);font-variant-numeric:tabular-nums}
.badge-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;padding:4px 5px 8px 0;scrollbar-width:thin;scrollbar-color:#ad8de8 #30226f}
.badge-tabs button{--tab-face:#49318a;--tab-shade:#32205f;--tab-light:#8e6ac5;--tab-accent:var(--lilac);--tab-copy:#f0eaff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0;min-height:132px;padding:18px 8px;border-radius:18px;background:linear-gradient(135deg,var(--tab-light) 0 9px,transparent 9px),linear-gradient(135deg,var(--tab-face) 0 88%,var(--tab-shade) 88%);color:var(--tab-copy);font-size:12px;line-height:1.4;text-align:center;box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 0 3px 0 var(--tab-light),inset 0 -3px 0 var(--tab-accent),2px 4px 0 var(--cel-edge);transition:transform 160ms var(--ease),box-shadow 160ms var(--ease)}
.badge-tabs button[data-badge=early-supporter],.badge-tabs button[data-badge=hypesquad-events],.badge-tabs button[data-badge=golden-bug-hunter]{--tab-accent:var(--yellow)}
.badge-tabs button[data-badge=partner],.badge-tabs button[data-badge=bug-hunter]{--tab-accent:var(--lime)}
.badge-tabs button[data-badge=certified-moderator]{--tab-accent:var(--pink)}
.badge-tabs button[aria-selected=true]{--tab-face:var(--paper);--tab-shade:#c4adeb;--tab-light:#fff;--tab-copy:var(--ink);transform:translateY(2px);box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 0 3px 0 var(--tab-light),inset 0 -4px 0 var(--tab-accent),1px 2px 0 var(--cel-edge)}
@media(hover:hover){.badge-tabs button:not([aria-selected=true]):hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 0 3px 0 var(--tab-light),inset 0 -3px 0 var(--tab-accent),3px 6px 0 var(--cel-edge)}}
.badge-tabs button:active{transform:translateY(2px)}
.badge-tabs button:focus-visible{outline:2px solid var(--cream);outline-offset:2px}
.badge-tabs img{width:42px;height:42px;object-fit:contain;background:transparent;filter:none}
.badge-panels{padding:36px 20px 24px;min-width:0;min-height:350px}
.badge-panel{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr);gap:64px;align-items:start;min-width:0}.badge-panel>div:last-child{padding-top:16px}
.badge-stage{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;min-width:0;height:320px}
.badge-podium{position:absolute;height:100%;width:320px;max-width:100%;inset:0;margin:auto;overflow:visible}
.podium-cast{fill:var(--cel-edge);stroke:var(--cel-edge);stroke-width:3;stroke-linejoin:round}.podium-arch{fill:var(--podium-fill);stroke:var(--cel-edge);stroke-width:2.5}.podium-rim-side{fill:var(--podium-rim,#7550b0)}.podium-inner{fill:var(--podium-well);stroke:var(--cel-edge);stroke-opacity:.55;stroke-width:1.5}.podium-well-light{fill:var(--paper);opacity:.22}.podium-rim-light,.podium-top-light{fill:none;stroke:var(--cream);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.podium-plinth{fill:var(--podium-top);stroke:var(--cel-edge);stroke-width:2;stroke-linejoin:round}.podium-face-left{fill:var(--podium-left);stroke:var(--cel-edge);stroke-width:2;stroke-linejoin:round}.podium-face-right{fill:var(--podium-right);stroke:var(--cel-edge);stroke-width:2;stroke-linejoin:round}.podium-edge{stroke:var(--cel-edge);stroke-width:2;stroke-linejoin:round}.podium-spark{fill:var(--badge-accent)}
.badge-display{position:absolute;left:calc(50% + var(--badge-offset-x,0px));top:var(--badge-rest,40%);width:144px;height:144px;object-fit:contain;background:transparent;filter:none;transform:translate3d(-50%,-50%,0)}
.badge-explorer[data-badge-floating=true] .badge-panel:not([hidden]) .badge-display{animation:podium-hover 5.2s ease-in-out infinite;will-change:transform;backface-visibility:hidden}
@keyframes podium-hover{0%,100%{transform:translate3d(-50%,-50%,0)}50%{transform:translate3d(-50%,calc(-50% - 6px),0)}}
@media(prefers-reduced-motion:reduce){.badge-explorer[data-badge-floating=true] .badge-display{animation:none;transform:translate3d(-50%,-50%,0)}}
.reduce-motion .badge-explorer[data-badge-floating=true] .badge-display{animation:none;transform:translate3d(-50%,-50%,0)}
.badge-status{font-size:12px;font-weight:400;color:var(--badge-accent);margin-bottom:16px}
.badge-panel h3{font-size:clamp(34px,3.8vw,54px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance;color:var(--cream);text-shadow:1px 2px 0 var(--cel-side),2px 4px 0 var(--cel-edge)}
.badge-one-line{font-size:20px;line-height:1.55;color:var(--cream);margin-top:20px;max-width:38ch}
.badge-more{margin-top:24px;padding-top:18px;border-top:2px solid color-mix(in srgb,var(--badge-accent) 40%,transparent);max-width:50ch}.badge-more p{font-size:15px;line-height:1.7;color:var(--muted)}.badge-more p+p{margin-top:12px}
.badge-fineprint{margin-top:32px;padding:28px 32px;background:linear-gradient(90deg,#382579 calc(100% - 7px),#291b55 calc(100% - 7px));border-radius:24px;box-shadow:inset 0 0 0 1.5px var(--cel-edge),inset 0 3px 0 #8060b7,4px 6px 0 var(--cel-edge)}
.badge-fineprint>h3{font-size:24px;line-height:1.2;color:var(--cream);margin-bottom:24px;letter-spacing:-.035em}.badge-notes-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px}.badge-fineprint p{font-size:15px;line-height:1.7;margin:0}.badge-policy h4{font-family:'Discord Nord',Ginto,sans-serif;font-size:20px;line-height:1.3;letter-spacing:-.025em;color:var(--cream);margin-bottom:12px}.badge-policy>p{margin-top:20px}.badge-fineprint .badge-sources{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:12px}.badge-sources a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:820px){.badge-notes-grid{grid-template-columns:1fr;gap:24px}.badge-fineprint{padding:24px}.badge-fineprint>h3{font-size:22px}}
@media(max-width:600px){.badge-panel>div:last-child{padding-top:0}.badge-panel .badge-one-line{font-size:18px}.badge-fineprint{padding:24px 20px;border-radius:20px}.badge-fineprint .badge-policy h4{font-size:19px}.badge-fineprint .badge-sources{font-size:12px}}
.badge-swap-flight{position:fixed;left:0;top:0;z-index:60;pointer-events:none;object-fit:contain;background:transparent;border:0;filter:none;transform-origin:center}
.graphic-journey[data-phase=source],[data-graphic-chapter=source]{--chapter-color:var(--lilac)}
.graphic-journey[data-phase=terms],[data-graphic-chapter=terms]{--chapter-color:var(--pink)}
.graphic-journey[data-phase=access],[data-graphic-chapter=access]{--chapter-color:var(--access-panel);--check-color:var(--lime)}
.mobile-process-visual{--muted:var(--ink);background:var(--chapter-color,var(--lilac));color:var(--ink)}
.character-portrait{mask-image:linear-gradient(90deg,#000 92%,transparent 100%)}
@media(max-width:1100px){.badge-tabs{gap:8px}.badge-tabs button{font-size:11px;min-height:124px}.badge-panel{gap:36px}.badge-panels{padding:32px 0}.badge-stage{height:260px}.badge-podium{width:272px}}
@media(max-width:820px){.dd-badges{padding-block:72px}.badge-tabs{grid-template-columns:repeat(7,128px);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:4px;padding-bottom:12px}.badge-tabs button{scroll-snap-align:start;font-size:12px}.badge-panel{grid-template-columns:200px minmax(0,1fr);gap:28px}.badge-panels{padding:24px 0 32px}.badge-stage{height:240px}.badge-display{width:112px;height:112px}.badge-panel h3{font-size:32px}}
@media(max-width:600px){.badge-collection-label{font-size:11px;gap:16px}.badge-tabs{grid-template-columns:repeat(7,112px);gap:8px}.badge-tabs button{min-height:112px;border-radius:14px;padding:14px 8px;gap:12px;font-size:11px}.badge-tabs img{width:36px;height:36px}.badge-panels{padding:20px 0 24px;min-height:470px}.badge-panel{grid-template-columns:minmax(0,1fr);gap:24px}.badge-stage{height:236px}.badge-podium{width:240px}.badge-display{width:108px;height:108px}.badge-panel h3{font-size:32px}.badge-one-line{font-size:16px;margin-top:16px}.badge-more{margin-top:20px}.history-section{border-radius:28px 28px 0 0}}

.badge-explorer[data-collection=partner]{--podium-fill:var(--paper);--podium-well:var(--paper);--podium-top:var(--lilac);--badge-accent:var(--lime)}
.badge-explorer[data-collection=verified-bot-developer]{--podium-fill:var(--paper);--podium-well:var(--paper);--podium-top:var(--lilac);--badge-accent:var(--lilac)}
.badge-explorer[data-collection=certified-moderator]{--podium-top:var(--pink);--podium-left:#be79bd;--podium-right:#9555a4;--badge-accent:var(--pink)}
.badge-explorer[data-collection=bug-hunter]{--podium-fill:var(--paper);--podium-well:var(--paper);--podium-top:var(--lime);--podium-left:#9ab96a;--podium-right:#6d8e60;--badge-accent:var(--lime)}
.badge-explorer[data-collection=hypesquad-events],.badge-explorer[data-collection=golden-bug-hunter]{--podium-fill:#6944b0;--podium-well:#63409d;--podium-rim:#4a287b;--podium-top:var(--yellow);--podium-left:#cfad60;--podium-right:#a77d53}
.badge-explorer[data-collection=hypesquad-events] .badge-tabs button[aria-selected=true],.badge-explorer[data-collection=golden-bug-hunter] .badge-tabs button[aria-selected=true]{--tab-face:#30216d;--tab-shade:#24174e;--tab-light:#9271c5;--tab-copy:var(--paper)}

/* The gallery and questions share an edge color; the field changes below it. */
.dd-questions::before{content:'';position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:linear-gradient(180deg,var(--gallery-field),var(--page) 420px);pointer-events:none}
.courier-badge{position:fixed;left:0;top:0;z-index:22;object-fit:contain;pointer-events:none;filter:none;background:transparent;transform-origin:center}
@media(prefers-reduced-motion:reduce){.courier-badge{display:none}}
.reduce-motion .courier-badge{display:none}
.badge-carry-arms{display:none;position:absolute;left:0;top:0;width:160px;height:220px;overflow:visible;max-width:none;z-index:2}
.courier-flight[data-owner=badge] .badge-carry-arms{display:block}
.courier-flight[data-owner=badge] .courier-grip{display:none}
.courier-flight[data-owner=badge] .artifact-clyde{z-index:3}
.badge-arm{fill:none;stroke:#b79ae8;stroke-width:6;stroke-linecap:round}
.badge-palm{fill:#70408f;stroke:#34215c;stroke-width:2;stroke-linejoin:round}
.badge-fingers{fill:#e8c7ff;stroke:#34215c;stroke-width:1.5;stroke-linejoin:round}
.badge-thumb{fill:none;stroke:#efc5fb;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:820px){.channel-invitation{gap:28px}.channel-message h2{font-size:clamp(52px,8.2vw,72px)}.channel-message p{font-size:16px}.channel-invitation .journey-button{min-height:60px;font-size:16px;padding-inline:24px;gap:24px}.journey-contacts{gap:20px}}
@media(max-width:600px){.journey-channel{padding:56px 0 24px}.channel-invitation{grid-template-columns:1fr;gap:24px;padding:0 0 32px}.channel-message h2{font-size:clamp(32px,9.7vw,58px)}.channel-message p{margin:0;font-size:16px}.channel-action{width:100%;max-width:none}.channel-invitation .journey-button{width:100%;justify-content:space-between;font-size:16px;min-height:60px}.journey-contacts{grid-template-columns:1fr;gap:4px;max-width:none;padding-top:16px}.journey-contacts a{min-height:68px;padding:8px 0}.journey-contacts img{width:40px;height:40px}.journey-contacts svg{display:block}.journey-contacts span{font-size:15px}[data-person-card=firexi] .dd-person-id h3{font-size:clamp(34px,10vw,42px)}}

/* The large lettering owns the hero; small copy keeps its plain reading face. */
@media(min-width:821px) and (max-width:1100px){.graphic-opening h1{gap:18px}.hero-handle{width:calc(100% + 20px)}.hero-lead{font-size:10.4cqw}.graphic-opening .graphic-channel{font-size:15px;min-height:60px;gap:20px;padding-inline:22px}}
@media(max-width:820px){.graphic-opening h1{gap:20px}.hero-handle{width:100%;max-width:620px}.hero-lead{font-size:clamp(32px,10.4cqw,62px)}.account-artifact{box-shadow:5px 7px 0 var(--cel-edge)}.dd-footer-top .dd-logo{font-size:28px}}
@media(max-width:600px){.graphic-opening h1{gap:18px}.account-artifact{border-radius:20px}.dd-footer-top .dd-logo{font-size:clamp(16px,4.8vw,25px)}.dd-footer-links a{padding-inline:12px}.graphic-opening .graphic-actions{row-gap:22px}}
@media(max-width:360px){.graphic-opening h1{gap:16px}.dd-footer-top .dd-logo{font-size:16px}}