:root{
  --orange:#ff4b16;
  --orange2:#ff6a00;
  --ink:#0a0a0a;
  --paper:#f2f0e8;
  --muted:#b6b2a9;
  --line:rgba(10,10,10,.18);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body::selection{background:var(--ink);color:var(--orange)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{max-width:100%;display:block}
.noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.cursor-orb{position:fixed;width:22px;height:22px;border:1px solid rgba(255,255,255,.75);border-radius:50%;pointer-events:none;z-index:120;mix-blend-mode:difference;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}
.cursor-orb.is-hot{width:56px;height:56px;background:#fff}
.topbar{position:fixed;left:18px;right:18px;top:14px;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid rgba(10,10,10,.15);background:rgba(242,240,232,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:80;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:14px;letter-spacing:.03em}
.brand-dot{width:11px;height:11px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,75,22,.12)}
.nav{display:flex;gap:28px;font-weight:800;font-size:12px;text-transform:uppercase}
.nav a{opacity:.58;transition:.2s}.nav a:hover{opacity:1}
.ca-pill{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;padding:10px 15px;font-weight:900;font-size:11px;letter-spacing:.06em;cursor:pointer}
.section-shell{min-height:100vh;position:relative;padding:120px 5vw 72px}
.hero{min-height:100svh;display:flex;align-items:center;background:var(--orange);overflow:hidden;padding-top:90px;padding-bottom:60px}
.hero-grid,.final-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(10,10,10,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,10,.09) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.hero::after{content:"";position:absolute;width:44vw;height:44vw;border-radius:50%;border:1px solid rgba(10,10,10,.2);right:-5vw;top:7vh;box-shadow:0 0 0 6vw rgba(10,10,10,.03),0 0 0 12vw rgba(10,10,10,.025)}
.hero-copy{position:relative;z-index:5;width:min(54vw,980px)}
.eyebrow{font-family:"Courier New",monospace;font-weight:800;letter-spacing:.08em;font-size:12px;text-transform:uppercase;margin:0 0 18px}
.hero h1,.lore h2,.thread-head h2,.chaos h2,.manifesto h2,.finale h2{font-family:Impact,"Arial Black",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.035em;line-height:.84;margin:0;font-weight:900}
.hero h1{font-size:clamp(64px,9.7vw,178px)}
.hero h1 span{display:block}
.hero h1 .accent-word{color:var(--paper);text-shadow:0 7px 0 rgba(10,10,10,.12)}
.hero-lede{width:min(540px,90%);font-weight:800;font-size:clamp(16px,1.45vw,24px);line-height:1.25;margin:26px 0 28px}
.hero-actions,.final-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:999px;font-size:12px;font-weight:950;letter-spacing:.06em;transition:transform .2s,background .2s,color .2s;border:1px solid var(--ink)}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#fff;color:var(--ink)}
.btn-ghost{background:transparent}.btn-ghost:hover{background:var(--paper)}
.hero-character-wrap{position:absolute;z-index:4;right:3vw;top:50%;translate:0 -50%;width:min(43vw,80vh,760px);aspect-ratio:1;display:grid;place-items:center;transform-style:preserve-3d}
.hero-character{width:82%;filter:drop-shadow(0 35px 30px rgba(82,20,0,.28));animation:float 4.8s ease-in-out infinite;position:relative;z-index:2}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-18px) rotate(1.5deg)}}
.orbit{position:absolute;border-radius:50%;border:1px solid rgba(10,10,10,.28)}
.orbit-1{inset:8%;animation:spin 18s linear infinite}.orbit-2{inset:19%;border-style:dashed;animation:spin 11s linear reverse infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.float-chip{position:absolute;background:var(--paper);border:2px solid var(--ink);padding:11px 14px;border-radius:12px;font-weight:950;font-size:12px;box-shadow:5px 5px 0 var(--ink);z-index:4;transform:rotate(var(--r))}
.chip-1{left:4%;top:25%;--r:-8deg}.chip-2{right:3%;top:42%;--r:8deg}.chip-3{right:15%;bottom:10%;--r:-4deg}
.hero-stamp{position:absolute;z-index:6;width:104px;height:104px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:950;font-size:11px;line-height:1.05;transform:rotate(-12deg)}
.stamp-a{left:46%;top:18%}.stamp-b{right:6%;bottom:6%;transform:rotate(9deg);background:var(--paper)}
.scroll-cue{position:absolute;left:5vw;bottom:24px;z-index:8;font-family:"Courier New",monospace;font-size:10px;font-weight:900;display:flex;align-items:center;gap:10px}.scroll-cue span{display:inline-block;width:32px;height:1px;background:var(--ink);animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{50%{width:52px}}
.marquee{background:var(--ink);color:var(--paper);overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.marquee-track{display:flex;gap:28px;white-space:nowrap;width:max-content;padding:16px 0;font-family:Impact,"Arial Black",sans-serif;font-size:26px;letter-spacing:.03em;animation:marquee 20s linear infinite}.marquee-track i{color:var(--orange);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.section-index{position:absolute;right:5vw;top:122px;font-family:"Courier New",monospace;font-size:11px;font-weight:900;opacity:.55}
.lore{background:var(--paper);display:flex;flex-direction:column;justify-content:center}
.lore-title-wrap{max-width:1150px;margin-bottom:60px}.lore h2{font-size:clamp(58px,7.3vw,132px)}.lore h2 span{color:var(--orange)}
.lore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.lore-card{min-height:360px;border:1px solid var(--ink);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .18s ease;background:rgba(255,255,255,.14)}
.lore-card::after{content:"";position:absolute;width:160px;height:160px;border:1px solid currentColor;border-radius:50%;right:-60px;top:-60px;opacity:.14}
.card-num{font-family:Impact,"Arial Black",sans-serif;font-size:64px;line-height:1;opacity:.12}.lore-card h3{font-size:28px;margin:38px 0 16px}.lore-card p{font-size:17px;line-height:1.45;max-width:36ch;margin:0}.card-tag{margin-top:auto;font-family:"Courier New",monospace;font-size:11px;font-weight:bold}.orange-card{background:var(--orange);box-shadow:8px 8px 0 var(--ink)}
.thread-lab{background:var(--ink);color:var(--paper)}.thread-lab .section-index{color:#fff}
.thread-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:50px}.thread-head h2{font-size:clamp(58px,7.5vw,128px)}.thread-note{max-width:390px;font-size:17px;line-height:1.4;color:#bdb8af;margin:0}
.thread-stage{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;min-height:470px}
.post-list{display:flex;flex-direction:column;gap:12px}.post-card{width:100%;background:#151515;color:var(--paper);border:1px solid #313131;text-align:left;border-radius:20px;padding:18px;display:flex;gap:15px;align-items:flex-start;cursor:pointer;transition:.25s}.post-card:hover,.post-card.active{background:var(--orange);border-color:var(--orange);transform:translateX(8px)}
.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;font-weight:950;flex:none;background:var(--paper);color:var(--ink)}.post-card b{display:block;font-size:13px;margin-bottom:7px}.post-card small{font-size:15px;line-height:1.35;display:block;color:#bbb}.post-card.active small,.post-card:hover small{color:#fff}
.reply-panel{background:var(--paper);color:var(--ink);border-radius:28px;padding:28px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.reply-panel::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(10,10,10,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,10,.05) 1px,transparent 1px);background-size:36px 36px;opacity:.5}.reply-meta{position:relative;font-family:"Courier New",monospace;font-weight:bold;font-size:11px;display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(255,75,22,.14);animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}
.reply-body{position:relative;display:grid;grid-template-columns:130px 1fr;gap:28px;align-items:center;min-height:330px}.reply-body img{width:130px;filter:drop-shadow(0 15px 15px rgba(0,0,0,.15));animation:microbob 2s ease-in-out infinite}@keyframes microbob{50%{transform:translateY(-7px)}}.reply-body b{font-size:16px}.reply-body p{font-size:clamp(26px,3vw,54px);line-height:1.02;font-weight:950;letter-spacing:-.04em;margin:14px 0}.reply-actions{position:relative;border-top:1px solid rgba(0,0,0,.16);padding-top:16px;display:flex;gap:24px;flex-wrap:wrap;font-family:"Courier New",monospace;font-size:11px;font-weight:bold}
.chaos{background:var(--orange);overflow:hidden}.chaos-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;min-height:calc(100vh - 190px)}.chaos h2{font-size:clamp(88px,12vw,210px)}.chaos-copy>p:not(.eyebrow){font-weight:800;max-width:500px;font-size:18px;line-height:1.4}.meter-wrap{margin-top:38px;max-width:560px}.meter-labels{display:flex;justify-content:space-between;font-family:"Courier New",monospace;font-size:10px;font-weight:bold;margin-bottom:10px}.meter-wrap input{appearance:none;width:100%;height:18px;background:var(--paper);border:2px solid var(--ink);border-radius:999px;outline:none}.meter-wrap input::-webkit-slider-thumb{appearance:none;width:44px;height:44px;border-radius:50%;background:var(--ink);border:5px solid var(--paper);cursor:grab;box-shadow:0 0 0 2px var(--ink)}.meter-output{display:flex;align-items:baseline;gap:15px;margin-top:18px}.meter-output span{font-family:Impact,"Arial Black",sans-serif;font-size:52px}.meter-output b{font-size:13px;text-transform:uppercase}
.chaos-visual{position:relative;min-height:640px;display:grid;place-items:center}.chaos-visual::before{content:"";position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:var(--ink);box-shadow:0 0 0 36px rgba(10,10,10,.07),0 0 0 72px rgba(10,10,10,.04)}.chaos-visual img{position:relative;width:72%;z-index:2;filter:drop-shadow(0 30px 20px rgba(68,13,0,.38));transition:transform .25s ease,filter .25s ease}.comment-cloud{position:absolute;z-index:4;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:14px;padding:12px 15px;font-weight:950;font-size:13px;transition:.25s}.c1{left:1%;top:12%;transform:rotate(-5deg)}.c2{right:0;top:25%;transform:rotate(6deg)}.c3{left:4%;bottom:25%;transform:rotate(3deg)}.c4{right:5%;bottom:11%;transform:rotate(-6deg)}.warning-tape{position:absolute;z-index:5;left:-10%;right:-10%;bottom:5%;background:var(--paper);border-block:2px solid var(--ink);padding:10px;font-family:Impact,"Arial Black",sans-serif;font-size:19px;letter-spacing:.06em;white-space:nowrap;transform:rotate(-5deg)}
.manifesto{background:var(--paper);display:grid;grid-template-columns:.78fr 1.22fr;gap:70px}.manifesto-sticky{position:sticky;top:120px;height:max-content}.manifesto h2{font-size:clamp(78px,10vw,170px)}.rules{padding-top:10vh}.rules article{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;border-top:1px solid var(--ink);padding:36px 0}.rules article:last-child{border-bottom:1px solid var(--ink)}.rules span{font-family:"Courier New",monospace;font-size:12px;font-weight:bold}.rules h3{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(36px,4.5vw,76px);margin:0;line-height:.9}.rules p{max-width:240px;font-size:15px;font-weight:700;text-align:right;margin:0}.rules article:hover h3{color:var(--orange);transform:translateX(8px)}.rules h3{transition:.2s}
.finale{background:var(--ink);color:var(--paper);min-height:105vh;overflow:hidden;display:flex;align-items:center}.final-grid{opacity:.35;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)}.final-copy{position:relative;z-index:5;max-width:950px}.finale h2{font-size:clamp(70px,10vw,180px)}.finale h2 span{color:var(--orange)}.final-copy>p:not(.eyebrow){max-width:530px;color:#c2bdb5;font-weight:700;font-size:17px;line-height:1.4}.btn-light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn-outline-light{border-color:#777;color:var(--paper)}.btn-outline-light:hover{border-color:var(--paper);background:var(--paper);color:var(--ink)}.ca-big{position:relative;margin-top:28px;width:min(620px,100%);height:88px;border:1px solid #5a5a5a;background:transparent;color:var(--paper);border-radius:20px;padding:0 22px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;text-align:left;cursor:pointer;overflow:hidden}.ca-big::before{content:"";position:absolute;inset:0;background:var(--orange);transform:translateX(-101%);transition:.35s}.ca-big:hover::before{transform:translateX(0)}.ca-big span,.ca-big b,.ca-big em{position:relative;z-index:2}.ca-big span{font-family:"Courier New",monospace;font-size:10px}.ca-big b{font-size:22px}.ca-big em{font-style:normal;font-size:10px;border:1px solid currentColor;padding:8px 10px;border-radius:999px}.final-character{position:absolute;z-index:3;width:min(45vw,760px);right:-5vw;bottom:-3vw;filter:drop-shadow(0 34px 28px rgba(0,0,0,.55));transform:rotate(9deg)}.final-orbit-text{position:absolute;right:2vw;top:20%;width:250px;height:250px;border:1px dashed rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;font-family:"Courier New",monospace;font-size:10px;letter-spacing:.09em;animation:spin 15s linear infinite}
footer{background:#050505;color:#777;border-top:1px solid #222;padding:30px 5vw 46px;display:grid;grid-template-columns:1fr 1fr auto;gap:15px;font-family:"Courier New",monospace;font-size:10px;font-weight:bold}.footer-links{display:flex;gap:15px}.footer-links a:hover{color:var(--orange)}.disclaimer{grid-column:1/-1;margin:14px 0 0;color:#4f4f4f;max-width:800px;line-height:1.45}
.toast{position:fixed;left:50%;bottom:28px;z-index:200;transform:translate(-50%,140px);background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--orange);border-radius:999px;padding:13px 18px;font-size:11px;font-weight:950;transition:.35s}.toast.show{transform:translate(-50%,0)}
@media(max-width:980px){.nav{display:none}.topbar{left:10px;right:10px}.section-shell{padding:110px 20px 60px}.section-index{right:20px;top:102px}.hero{padding-bottom:60px;align-items:flex-end}.hero-copy{width:100%}.hero h1{font-size:clamp(62px,16vw,118px)}.hero-character-wrap{width:74vw;right:-14vw;top:10vh;translate:none;opacity:.82}.hero-copy{padding-top:45vh}.hero-stamp{display:none}.lore-grid{grid-template-columns:1fr}.lore-card{min-height:280px}.thread-head{display:block}.thread-note{margin-top:20px}.thread-stage{grid-template-columns:1fr}.chaos-grid{grid-template-columns:1fr}.chaos-visual{min-height:520px}.manifesto{grid-template-columns:1fr}.manifesto-sticky{position:relative;top:0}.rules{padding-top:0}.rules article{grid-template-columns:50px 1fr}.rules p{grid-column:2;text-align:left}.final-character{width:70vw;opacity:.42}.final-copy{padding-top:10vh}.final-orbit-text{display:none}footer{grid-template-columns:1fr}}
@media(max-width:640px){.cursor-orb{display:none}.ca-pill{font-size:9px;padding:9px 11px}.brand{font-size:12px}.hero-character-wrap{width:90vw;right:-22vw;top:14vh;translate:none}.hero-copy{padding-top:42vh}.hero h1{font-size:clamp(58px,18vw,96px)}.float-chip{font-size:9px;padding:8px 10px}.chip-1{left:10%}.chip-2{right:8%}.hero-actions .btn{flex:1}.lore h2,.thread-head h2{font-size:clamp(52px,15vw,90px)}.reply-body{grid-template-columns:74px 1fr;gap:15px;min-height:290px}.reply-body img{width:74px}.reply-body p{font-size:28px}.reply-actions{gap:14px}.chaos h2{font-size:26vw}.comment-cloud{font-size:10px;max-width:150px}.chaos-visual{min-height:420px}.warning-tape{font-size:14px}.manifesto h2{font-size:23vw}.rules h3{font-size:12vw}.finale h2{font-size:17vw}.final-character{width:90vw;right:-28vw}.ca-big{grid-template-columns:1fr auto;height:80px}.ca-big em{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* --- 2026-08-18 typography + hero spacing refinement --- */
/* Keep display lettering open so glyphs never collide. */
.hero h1,
.lore h2,
.thread-head h2,
.chaos h2,
.manifesto h2,
.finale h2{
  letter-spacing:.012em;
  line-height:.9;
}
.lore-card h3,
.rules h3{
  letter-spacing:.025em;
  line-height:.98;
}

/* Desktop hero: text and character sit together as one centered composition. */
@media (min-width:981px){
  .hero{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
    column-gap:0;
    align-items:center;
  }
  .hero-copy{
    width:auto;
    max-width:none;
    justify-self:stretch;
    padding-right:0;
  }
  .hero h1{
    font-size:clamp(64px,8.2vw,154px);
  }
  .hero-character-wrap{
    position:relative;
    right:auto;
    top:auto;
    translate:none;
    width:min(46vw,78vh,760px);
    justify-self:start;
    margin-left:-5.5vw;
  }
  .stamp-a{left:48%;top:16%}
}

@media (max-width:980px){
  .hero h1,
  .lore h2,
  .thread-head h2,
  .chaos h2,
  .manifesto h2,
  .finale h2{
    letter-spacing:.008em;
    line-height:.92;
  }
}

/* Tighten the desktop hero composition further: character starts directly after the title block. */
@media (min-width:981px){
  .hero h1{font-size:clamp(64px,7.8vw,150px)}
  .hero-character-wrap{
    width:min(47vw,84vh,790px);
    margin-left:-8.5vw;
  }
}

/* --- 2026-08-18 full-site centering refinement --- */
/* Keep every section composition centered inside the viewport. */
.section-index{
  left:50%;
  right:auto;
  transform:translateX(-50%);
  text-align:center;
  white-space:nowrap;
}

/* Hero: text + character remain side by side, but the whole composition is centered. */
.hero{
  justify-content:center;
}
.hero-copy{
  text-align:center;
}
.hero-lede{
  margin-left:auto;
  margin-right:auto;
}
.hero-actions,
.final-actions{
  justify-content:center;
}
.scroll-cue{
  left:50%;
  transform:translateX(-50%);
  justify-content:center;
  white-space:nowrap;
}

/* Main section containers. */
.lore-title-wrap,
.lore-grid,
.thread-head,
.thread-stage,
.chaos-grid{
  width:min(1440px,100%);
  margin-left:auto;
  margin-right:auto;
}

/* Lore */
.lore-title-wrap{
  text-align:center;
}
.lore-card{
  align-items:center;
  text-align:center;
}
.lore-card p{
  margin-left:auto;
  margin-right:auto;
}

/* Thread simulator */
.thread-head{
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.thread-note{
  max-width:620px;
  margin-left:auto;
  margin-right:auto;
}
.post-card{
  justify-content:center;
  align-items:center;
  text-align:center;
}
.reply-panel{
  text-align:center;
}
.reply-meta,
.reply-actions{
  justify-content:center;
}
.reply-body{
  grid-template-columns:130px minmax(0,1fr);
  justify-content:center;
}
.reply-body > div{
  text-align:center;
}

/* Chaos engine */
.chaos-copy{
  text-align:center;
}
.chaos-copy>p:not(.eyebrow),
.meter-wrap{
  margin-left:auto;
  margin-right:auto;
}
.meter-output{
  justify-content:center;
}

/* Protocol */
.manifesto{
  text-align:center;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  align-items:start;
}
.manifesto-sticky{
  text-align:center;
}
.rules article{
  grid-template-columns:64px minmax(0,1fr);
  justify-items:center;
  text-align:center;
}
.rules article span{
  justify-self:center;
}
.rules h3{
  justify-self:center;
}
.rules p{
  grid-column:2;
  justify-self:center;
  max-width:420px;
  text-align:center;
}

/* Finale */
.finale{
  justify-content:center;
  text-align:center;
}
.final-copy{
  width:min(950px,100%);
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.final-copy>p:not(.eyebrow){
  margin-left:auto;
  margin-right:auto;
}
.ca-big{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  grid-template-columns:1fr auto auto;
}
.final-character{
  right:50%;
  transform:translateX(50%) rotate(5deg);
  opacity:.17;
  width:min(52vw,820px);
}
.final-orbit-text{
  right:50%;
  transform:translateX(50%);
}

/* Footer */
footer{
  grid-template-columns:1fr;
  justify-items:center;
  text-align:center;
}
.footer-links{
  justify-content:center;
}
.disclaimer{
  grid-column:1;
  margin-left:auto;
  margin-right:auto;
}

@media (min-width:981px){
  .hero{
    grid-template-columns:minmax(0,760px) minmax(420px,700px);
    justify-content:center;
    column-gap:0;
  }
  .hero-copy{
    justify-self:end;
  }
  .hero-character-wrap{
    justify-self:start;
    margin-left:-4vw;
  }
  .stamp-a{
    left:50%;
    transform:translateX(-50%) rotate(-12deg);
  }
}

@media (max-width:980px){
  .hero{
    justify-content:center;
    text-align:center;
  }
  .hero-copy{
    text-align:center;
  }
  .hero-character-wrap{
    right:50%;
    transform:translateX(50%);
    margin-left:0;
  }
  .hero-actions{
    justify-content:center;
  }
  .thread-note{
    margin-top:20px;
  }
  .manifesto{
    text-align:center;
  }
  .rules article{
    grid-template-columns:50px minmax(0,1fr);
  }
  .rules p{
    grid-column:2;
    text-align:center;
  }
  .final-character{
    right:50%;
    transform:translateX(50%) rotate(4deg);
  }
}

@media (max-width:640px){
  .reply-body{
    grid-template-columns:1fr;
    justify-items:center;
    gap:12px;
  }
  .reply-body img{
    width:86px;
    margin:0 auto;
  }
  .reply-actions{
    justify-content:center;
  }
  .post-card{
    flex-direction:column;
    align-items:center;
  }
  .ca-big{
    grid-template-columns:1fr auto;
  }
}