@font-face{font-family:Space Grotesk;src:url('assets/fonts/space-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:Silkscreen;src:url('assets/fonts/silkscreen-latin.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#edf2e3;--sky:#c8e5e2;--ink:#163d37;--secondary:#4c675b;--rule:#c6d4c4;--yellow:#f6cc62;--sun:#ffdc79;--button:#204d3b;--button-text:#fff5d5;--cloud:#eaf6e8;--far:#90b49a;--grass:#527b49;--grass-shadow:#3d603d;--earth:#6c7050;--night-stars:0;--theme-color:#edf2e3;scroll-behavior:smooth;scroll-padding-top:20px}
:root[data-world=night]{color-scheme:dark;--paper:#142c29;--sky:#1c3d49;--ink:#f0f2da;--secondary:#b7cabc;--rule:#365048;--yellow:#e7c863;--sun:#ece0aa;--button:#f1d277;--button-text:#183e36;--cloud:#51717a;--far:#2d5948;--grass:#3b6140;--grass-shadow:#2b4a34;--earth:#3e4b31;--night-stars:.7;--theme-color:#142c29}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 'Space Grotesk',Arial,sans-serif;overflow-x:hidden}
body,input,button,a,summary{ -webkit-tap-highlight-color:transparent }
button,input{font:inherit}
button,a,summary{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:default}
a{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
[hidden]{display:none!important}
::selection{background:var(--yellow);color:#173c35}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:18px;top:-100px;background:var(--paper);padding:14px 18px;z-index:20;text-decoration:none;font-weight:700}
.skip-link:focus{top:12px}
.masthead{max-width:1440px;margin:0 auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 48px}
.brand{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:700;letter-spacing:-1.3px;text-decoration:none;white-space:nowrap}
.brand img{width:64px;height:43px;object-fit:contain}
.masthead-actions{display:flex;align-items:center;gap:28px}
.invite-tag{font:400 10px/1.6 Silkscreen,monospace;letter-spacing:1px;display:flex;align-items:center;gap:9px;white-space:nowrap}
.tag-square{width:7px;height:7px;background:var(--ink);opacity:.7}
.world-toggle{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:124px;padding:9px 13px;border:1px solid var(--rule);border-radius:0;background:transparent;color:var(--ink);font-size:12px;line-height:1.3}
.world-toggle:hover{background:var(--yellow);color:#173c35;border-color:var(--yellow)}
.toggle-icon{height:12px;width:12px;position:relative;background:currentColor;box-shadow:3px -3px 0 var(--paper)}
[data-world=night] .toggle-icon{box-shadow:0 0 0 3px var(--paper),0 0 0 4px currentColor;height:8px;width:8px;margin:2px}
.hero{position:relative;background:var(--sky);isolation:isolate;overflow:hidden;transition:background-color .25s ease}
.hero-inner{position:relative;max-width:1440px;margin:0 auto;min-height:620px;padding:64px 48px 134px;display:grid;grid-template-columns:42% 58%;align-items:center}
.hero-copy{position:relative;z-index:3;align-self:center;pointer-events:none}
.hero-copy a{pointer-events:auto}
.eyebrow{font:400 11px/1.8 Silkscreen,monospace;letter-spacing:.35px;margin:0 0 26px}
h1{font-size:clamp(76px,8.2vw,118px);font-weight:700;letter-spacing:-.075em;line-height:.95;margin:0 0 32px;white-space:nowrap}
h1 span{display:block}
.answer{position:relative;width:max-content;z-index:0;padding-right:.03em}
.answer:after{content:'';position:absolute;left:0;right:0;bottom:.045em;height:.15em;background:var(--yellow);z-index:-1;opacity:.85}
.hero-motto{font-size:21px;line-height:1.45;font-weight:500;letter-spacing:-.45px;margin:0 0 13px}
.hero-description{max-width:365px;font-size:16px;line-height:1.6;margin:0 0 27px;color:var(--secondary)}
.story-link{font-size:13px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:10px;min-height:36px;border-bottom:1px solid color-mix(in srgb,var(--ink) 40%,transparent)}
.story-link span{font-size:22px;line-height:1;transition:transform .2s}
.story-link:hover span{transform:translate(3px,3px)}
.fish-stage{position:relative;z-index:2;width:115%;margin-left:-12%;align-self:center;padding:18px 0 31px;perspective:900px}
.fish-button{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;color:var(--ink);transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s ease-out}
.fish-button:focus-visible{outline:3px dashed var(--ink);outline-offset:-28px}
.fish-float{display:block;animation:fish-float 6s ease-in-out infinite}
.fish-button picture{display:block}
.the-fish{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 10px color-mix(in srgb,#254651 12%,transparent));user-select:none;-webkit-user-drag:none}
.fish-annotation{position:absolute;right:4.5%;bottom:18px;transform:rotate(-5deg);text-align:center;font:400 10px/1.6 Silkscreen,monospace;color:var(--ink);pointer-events:none}
.fish-annotation>span{display:block;font:400 31px/1.2 'Space Grotesk',sans-serif;margin-bottom:5px}
.fish-name{display:block;margin-bottom:4px;font:700 clamp(24px,2.4vw,34px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-.8px}
.fish-hint{position:absolute;left:20%;bottom:6px;font-size:12px;line-height:1.4;color:var(--secondary);margin:0;pointer-events:none}
.fish-speech{position:absolute;left:5%;top:-25px;max-width:285px;padding:15px 19px;background:#ffdc79;color:#163d37;font:400 11px/1.6 Silkscreen,monospace;box-shadow:6px 6px 0 color-mix(in srgb,var(--ink) 25%,transparent);z-index:5;pointer-events:none;animation:speech-in .2s ease-out}
.fish-speech:after{content:'';position:absolute;left:28px;bottom:-10px;width:18px;height:18px;background:#ffdc79;transform:rotate(45deg)}
.pixel-splash{position:absolute;left:32%;top:50%;z-index:4;pointer-events:none}
.splash-pixel{position:absolute;display:block;width:8px;height:8px;background:var(--sun);animation:pixel-pop .65s ease-out forwards}
.splash-pixel:nth-child(even){background:#75accd;width:6px;height:6px}
.sky{position:absolute;inset:0;z-index:-2;pointer-events:none}
.celestial{position:absolute;right:max(6%,calc((100% - 1320px)/2));top:52px;width:58px;height:58px;background:var(--sun);box-shadow:11px 11px 0 color-mix(in srgb,var(--ink) 10%,transparent);transition:background-color .25s}
[data-world=night] .celestial{width:44px;height:44px;box-shadow:13px 0 0 var(--sky);opacity:.8}
.cloud{position:absolute;width:93px;height:22px;background:var(--cloud);opacity:.7;animation:cloud-drift 28s ease-in-out infinite alternate}
.cloud:before{content:'';position:absolute;top:-18px;left:22px;width:38px;height:18px;background:inherit}
.cloud-one{left:54%;top:62px}
.cloud-two{right:5%;top:212px;transform:scale(.68);animation-delay:-12s;opacity:.45}
.star-field{position:absolute;left:31%;top:77px;width:4px;height:4px;background:#efe4b5;opacity:var(--night-stars);box-shadow:210px -37px 0 #efe4b5,405px 60px 0 #a9c4bf,720px 260px 0 #efe4b5,190px 390px 0 #a9c4bf,-310px 320px 0 #efe4b5,-140px 120px 0 #a9c4bf;transition:opacity .25s}
.world-edge{position:absolute;bottom:0;left:0;right:0;height:124px;z-index:-1;pointer-events:none}
.far-terrain{position:absolute;bottom:0;left:0;right:0;height:124px;background:var(--far);clip-path:polygon(0 54%,9% 54%,9% 32%,17% 32%,17% 47%,27% 47%,27% 23%,36% 23%,36% 58%,46% 58%,46% 77%,60% 77%,60% 47%,69% 47%,69% 57%,80% 57%,80% 29%,88% 29%,88% 0,95% 0,95% 20%,100% 20%,100% 100%,0 100%)}
.near-terrain{position:absolute;bottom:0;left:0;right:0;height:64px;background:repeating-linear-gradient(90deg,transparent 0 31px,color-mix(in srgb,var(--grass-shadow) 70%,transparent) 31px 32px),linear-gradient(var(--grass) 0 18px,var(--grass-shadow) 18px 34px,var(--earth) 34px 100%);clip-path:polygon(0 10px,17% 10px,17% 25px,47% 25px,47% 40px,66% 40px,66% 14px,85% 14px,85% 0,100% 0,100% 100%,0 100%)}
.grass-edge{position:absolute;bottom:0;left:0;right:0;height:15px;background:repeating-linear-gradient(90deg,transparent 0 31px,color-mix(in srgb,var(--grass-shadow) 30%,transparent) 31px 32px);border-top:1px solid color-mix(in srgb,var(--grass-shadow) 35%,transparent)}
.world-caption{position:absolute;bottom:80px;left:max(48px,calc((100% - 1344px)/2));font:400 9px/1.6 Silkscreen,monospace;letter-spacing:.25px;opacity:.8}
.connection{border-bottom:1px solid var(--rule)}
.connection-inner{max-width:1440px;margin:0 auto;padding:36px 48px 32px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.section-kicker{font:400 9px/1.8 Silkscreen,monospace;letter-spacing:.35px;margin:0 0 8px;color:var(--secondary)}
.connection h2{font-size:23px;line-height:1.35;letter-spacing:-.6px;font-weight:700;margin:0 0 8px}
.connection-copy>p:last-child{font-size:14px;line-height:1.55;color:var(--secondary);margin:0}
.server-address{flex-shrink:0;min-width:480px}
.address-controls{display:flex}
.address-controls input{border:1px solid var(--rule);border-right:0;border-radius:0;padding:15px 18px;min-height:54px;min-width:0;width:320px;background:transparent;color:var(--ink);font-size:20px;font-weight:500;letter-spacing:-.6px}
.copy-button{display:flex;align-items:center;justify-content:center;gap:12px;min-width:160px;min-height:54px;border:0;border-radius:0;padding:13px 20px;background:var(--button);color:var(--button-text);font-size:13px;font-weight:600;box-shadow:inset 0 -4px 0 color-mix(in srgb,#000 15%,transparent);transition:filter .15s}
.copy-button:hover{filter:brightness(1.1)}
.copy-button:disabled{opacity:.55;filter:none}
.copy-icon{display:block;position:relative;width:12px;height:13px;border:1.5px solid currentColor}
.copy-icon:before{content:'';position:absolute;left:-5px;top:-5px;width:9px;height:10px;border-top:1.5px solid currentColor;border-left:1.5px solid currentColor}
.address-feedback{margin:9px 0 0;min-height:18px;font-size:12px;line-height:1.5;color:var(--secondary);text-align:right;max-width:480px}
.origin-inner{max-width:1440px;margin:0 auto;padding:66px 48px 62px;display:grid;grid-template-columns:42% 58%;gap:0}
.origin-heading .eyebrow{margin-bottom:25px}
blockquote{font-size:clamp(30px,3.1vw,42px);font-weight:700;letter-spacing:-1.7px;line-height:1.3;margin:0 0 30px}
blockquote cite{display:block;margin-top:12px;font-size:13px;line-height:1.6;font-weight:400;font-style:normal;letter-spacing:0;color:var(--secondary)}
.math-stamp{display:inline-block;font:400 8px/1.6 Silkscreen,monospace;letter-spacing:.3px;padding:6px 8px;border:1px dashed var(--rule);transform:rotate(-4deg);color:var(--secondary)}
.origin-story{max-width:640px}
.origin-story>p{font-size:21px;line-height:1.65;letter-spacing:-.3px;margin:0 0 21px}
.origin-story>p:last-of-type{margin-bottom:30px}
.origin-story strong{font-weight:700}
.joining{border-top:1px solid var(--rule);padding-top:16px;font-size:14px;line-height:1.7}
.joining summary{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:500;cursor:pointer;min-height:34px;list-style:none}
.joining summary::-webkit-details-marker{display:none}
.joining summary span{font-size:22px;line-height:1;transition:transform .15s}
.joining[open] summary span{transform:rotate(45deg)}
.joining p{color:var(--secondary);margin:12px 0 0;max-width:580px}
.footer{border-top:1px solid var(--rule)}
.footer-inner{max-width:1440px;margin:0 auto;padding:25px 48px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;line-height:1.7}
.footer p{margin:0}
.footer p:first-child{font-weight:500}
.footer p:first-child span{font-weight:400;color:var(--secondary)}
.footer p:last-child{color:var(--secondary);text-align:right}
.mobile-break{display:none}
@keyframes fish-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@keyframes cloud-drift{from{translate:-12px 0}to{translate:16px 0}}
@keyframes speech-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes pixel-pop{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(var(--splash-x),var(--splash-y)) rotate(90deg)}}
@media(min-width:1600px){.hero-inner{min-height:690px;padding-top:78px;padding-bottom:152px}.fish-stage{width:125%;margin-left:-11%}.hero-motto{font-size:23px}.celestial{top:70px}}
@media(max-width:1000px){.masthead{padding-left:32px;padding-right:32px}.hero-inner{padding-left:32px;padding-right:32px;grid-template-columns:44% 56%;min-height:575px}h1{font-size:clamp(76px,9vw,100px)}.hero-motto{font-size:19px}.hero-description{max-width:310px;font-size:15px}.fish-stage{width:120%;margin-left:-17%}.fish-annotation{right:4%;font-size:9px}.fish-hint{left:13%;font-size:11px;bottom:4px}.world-caption{left:32px}.connection-inner{padding-left:32px;padding-right:32px}.connection h2{font-size:20px}.server-address{min-width:440px}.address-controls input{width:286px;font-size:18px}.copy-button{min-width:154px;padding-left:15px;padding-right:15px}.origin-inner{padding-left:32px;padding-right:32px}.origin-story>p{font-size:19px}.footer-inner{padding-left:32px;padding-right:32px}}
@media(max-width:760px){
  .masthead{min-height:76px;padding:15px 22px;gap:10px}.brand{font-size:23px;gap:4px;letter-spacing:-1px}.brand img{width:49px;height:34px}.masthead-actions{gap:13px}.invite-tag{font-size:8px;letter-spacing:.4px;gap:6px}.tag-square{width:5px;height:5px}.world-toggle{min-width:44px;width:44px;min-height:44px;padding:10px}.world-toggle [data-world-label]{display:none}
  .hero-inner{padding:35px 24px 116px;grid-template-columns:1fr;align-items:start;min-height:0}.hero-copy{display:contents}.hero .eyebrow{grid-row:1;margin-bottom:20px;font-size:10px}.hero h1{grid-row:2;font-size:clamp(78px,16vw,103px);margin:0 0 7px;letter-spacing:-.07em}.hero h1 span{display:inline-block}.hero h1 .answer{display:block}.fish-stage{grid-row:3;width:113%;margin:6px -6.5% 20px;padding:9px 0 27px;max-width:640px;justify-self:center}.fish-button{min-height:0}.fish-annotation{right:8%;bottom:18px;font-size:9px}.fish-annotation>span{font-size:26px}.fish-hint{left:9%;bottom:0;font-size:11px}.fish-speech{top:-2px;left:9%;max-width:240px;padding:12px 15px;font-size:10px}
  .hero-motto{grid-row:4;font-size:19px;line-height:1.4;margin:0 0 10px}.hero-motto br{display:none}.hero-description{grid-row:5;max-width:420px;font-size:15px;line-height:1.6;margin:0 0 17px}.story-link{grid-row:6;justify-self:start;font-size:12px;min-height:36px}.hero .celestial{width:37px;height:37px;top:36px;right:31px;box-shadow:7px 7px 0 color-mix(in srgb,var(--ink) 10%,transparent)}[data-world=night] .hero .celestial{width:30px;height:30px;box-shadow:10px 0 0 var(--sky)}.cloud-one{left:58%;top:25px;width:48px;height:12px;opacity:.5}.cloud-one:before{height:11px;top:-11px;width:24px;left:11px}.cloud-two{top:355px;right:12%;opacity:.3}.world-edge{height:103px}.far-terrain{height:103px}.near-terrain{height:48px;background:repeating-linear-gradient(90deg,transparent 0 25px,color-mix(in srgb,var(--grass-shadow) 65%,transparent) 25px 26px),linear-gradient(var(--grass) 0 15px,var(--grass-shadow) 15px 29px,var(--earth) 29px 100%)}.world-caption{left:24px;bottom:68px;font-size:8px}
  .connection-inner{padding:30px 24px 28px;display:block}.section-kicker{font-size:8px}.connection h2{font-size:24px;line-height:1.35;margin-bottom:10px;letter-spacing:-.7px}.connection-copy>p:last-child{font-size:13px}.server-address{min-width:0;max-width:480px;margin-top:22px}.address-controls{flex-direction:column}.address-controls input{flex:none;width:100%;border-right:1px solid var(--rule);font-size:18px;padding:14px 15px}.copy-button{min-width:145px;font-size:12px;padding:12px 14px;gap:10px}.address-feedback{text-align:left;max-width:100%;font-size:11px}
  .origin-inner{padding:39px 24px 37px;grid-template-columns:1fr;gap:26px}.origin-heading .eyebrow{font-size:10px;margin-bottom:17px}blockquote{font-size:36px;margin-bottom:15px}blockquote cite{font-size:12px;margin-top:9px}.math-stamp{font-size:7px}.origin-story>p{font-size:19px;line-height:1.65;margin-bottom:19px}.origin-story>p:last-of-type{margin-bottom:25px}.joining{font-size:13px}.joining summary{min-height:44px}.footer-inner{padding:22px 24px 25px;display:block;font-size:11px}.footer p:last-child{text-align:left;margin-top:8px}.mobile-break{display:block}
}
@media(max-width:380px){.masthead{padding-left:17px;padding-right:17px}.brand{font-size:21px}.brand img{width:39px;height:30px}.masthead-actions{gap:9px}.invite-tag{font-size:7px;letter-spacing:0}.hero-inner{padding-left:20px;padding-right:20px}.hero h1{font-size:77px}.hero .eyebrow{font-size:9px;letter-spacing:0}.fish-stage{width:116%;margin-left:-8%;margin-right:-8%;margin-bottom:18px}.fish-hint{font-size:10px}.fish-annotation{font-size:8px}.hero-motto{font-size:18px}.hero-description{font-size:14px}.world-caption{left:20px;font-size:7px}.connection-inner,.origin-inner{padding-left:20px;padding-right:20px}.connection h2{font-size:22px}.copy-button{min-width:132px;padding:12px 11px;gap:8px}.address-controls input{font-size:17px;padding-left:12px;padding-right:12px}.origin-story>p{font-size:18px}.footer-inner{padding-left:20px;padding-right:20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.fish-button{transform:none}.splash-pixel{display:none}}
.world-caption {
  bottom: 96px;
}
@media (max-width: 760px) {
  .world-caption {
    bottom: 84px;
  }
}

/* Sterb's expanding universe. The original world stays right where it is. */
.sterb-intro{font-size:12px;color:var(--secondary);margin:-12px 0 20px;line-height:1.6;pointer-events:auto}
.sterb-intro a{font-weight:700;text-underline-offset:3px}
.lore-inner{max-width:1440px;margin:0 auto;padding:76px 48px}
.sterb-file{border-top:1px solid var(--rule);background:color-mix(in srgb,var(--sky) 35%,var(--paper))}
.file-header{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:40px}
.file-header .eyebrow{margin:0}
.file-number{font:400 9px/1.8 Silkscreen,monospace;color:var(--secondary);white-space:nowrap}
.sterb-file-grid{display:grid;grid-template-columns:42% 58%;gap:0;align-items:center}
.sterb-portrait{position:relative;margin-right:60px;min-width:0;background:var(--sky);border:1px solid var(--rule);box-shadow:8px 8px 0 color-mix(in srgb,var(--ink) 10%,transparent);padding:45px 0 60px;background-image:linear-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px);background-size:32px 32px}
.sterb-portrait img{display:block;width:112%;max-width:none;height:auto;margin-left:-6%;transform:rotate(-4deg)}
.portrait-note{position:absolute;left:22px;top:20px;font:400 11px/1.8 Silkscreen,monospace}
.approval-stamp{display:block;position:absolute;right:17px;bottom:20px;border:2px solid var(--ink);padding:9px 12px;transform:rotate(-8deg);text-align:center;font:400 12px/1.6 Silkscreen,monospace;background:var(--yellow);color:#163d37}
.approval-stamp small{font-size:8px}
.sterb-bio h2,.story-heading h2,.welcome-inner h2{font-size:clamp(32px,3.8vw,54px);line-height:1.12;letter-spacing:-1.8px;margin:0 0 26px}
.sterb-bio h2 em{font-style:normal;color:var(--secondary)}
.sterb-bio>p{max-width:620px;font-size:17px;margin:0 0 17px;color:var(--secondary)}
.sterb-stats{margin:28px 0 0;border-top:1px solid var(--rule)}
.sterb-stats>div{display:grid;grid-template-columns:160px 1fr;gap:16px;border-bottom:1px solid var(--rule);padding:13px 0;align-items:baseline}
.sterb-stats dt{font:400 9px/1.8 Silkscreen,monospace;color:var(--secondary)}
.sterb-stats dd{margin:0;font-size:14px;font-weight:500}
.story-grid{display:grid;grid-template-columns:42% 58%}
.story-heading{padding-right:48px}
.story-heading h2 span{color:var(--secondary)}
.story-heading>p:not(.eyebrow){font-size:16px;color:var(--secondary);margin:0 0 28px}
.story-chapter{display:grid;grid-template-columns:40px 1fr;gap:20px;border-top:1px solid var(--rule);padding:29px 0}
.story-chapter:first-child{padding-top:0;border-top:0}
.story-chapter:last-child{padding-bottom:0}
.chapter-number{font:400 11px/1.8 Silkscreen,monospace;color:var(--secondary);padding-top:5px}
.story-chapter h3{font-size:23px;line-height:1.35;letter-spacing:-.6px;margin:0 0 14px}
.story-chapter p{font-size:16px;color:var(--secondary);margin:0 0 16px;max-width:610px}
.story-chapter p:last-child{margin-bottom:0}
.story-chapter strong{color:var(--ink)}
.sterb-margin-note{border-left:3px solid var(--yellow);padding:5px 0 5px 17px;font-size:17px;font-weight:500;margin:23px 0 0}
.sterb-margin-note span{display:block;font-size:12px;color:var(--secondary);font-weight:400;margin-top:4px}
.sterb-says{background:var(--sky);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.says-grid{display:grid;grid-template-columns:42% 58%;align-items:start}
.says-heading{padding-right:35px}
.says-heading h2{font-size:clamp(36px,4.8vw,64px);letter-spacing:-2.5px;line-height:1.1;margin:0 0 18px;overflow-wrap:anywhere}
.says-heading>p:not(.eyebrow){color:var(--secondary);font-size:17px}
.says-seal{display:inline-block;font:400 9px/1.8 Silkscreen,monospace;border:1px dashed var(--ink);padding:12px 18px;transform:rotate(-5deg);margin-top:17px}
.wisdom-desk{background:var(--paper);border:1px solid var(--rule);box-shadow:8px 8px 0 color-mix(in srgb,var(--ink) 12%,transparent);padding:28px 32px}
.wisdom-label{font:400 8px/1.8 Silkscreen,monospace;color:var(--secondary);display:flex;justify-content:space-between;gap:15px;margin:0 0 25px}
.wisdom-label span{white-space:nowrap}
.wisdom-quote{font-size:clamp(25px,2.7vw,36px);letter-spacing:-1px;line-height:1.3;min-height:180px;margin:0 0 24px}
.wisdom-quote cite{font-size:12px;margin-top:20px}
.wisdom-actions,.welcome-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lore-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--button);color:var(--button-text);border:1px solid var(--button);padding:12px 17px;min-height:48px;font-size:12px;font-weight:600;text-decoration:none;line-height:1.5;border-radius:0}
.lore-button:hover{filter:brightness(1.12)}
.lore-button span{font-size:19px;line-height:1}
.lore-button-secondary{background:transparent;color:var(--ink);border-color:var(--rule)}
.lore-button-secondary:hover{background:var(--yellow);color:#163d37}
.wisdom-feedback{min-height:36px;font-size:12px;color:var(--secondary);margin:14px 0 0;overflow-wrap:anywhere;user-select:text}
.wisdom-transcript{margin-top:8px}
.wisdom-transcript ul{padding-left:20px;color:var(--secondary);font-size:13px}
.wisdom-transcript li+li{margin-top:12px}
.welcome-inner{position:relative;text-align:center;padding-top:80px;padding-bottom:70px}
.welcome-inner h2{font-size:clamp(38px,5.5vw,72px);letter-spacing:-2px}
.welcome-inner h2 span{color:var(--secondary)}
.welcome-inner>p:not(.eyebrow){font-size:17px;color:var(--secondary);margin:0 0 25px}
.welcome-actions{justify-content:center;gap:22px}
.card-download{font-size:13px;text-decoration:none;border-bottom:1px solid var(--rule);padding:10px 0;min-height:44px}
.card-download span{margin-left:9px}
.welcome-inner .welcome-postscript{font-size:11px!important;margin:30px 0 0!important}
@media(max-width:1000px){.lore-inner{padding:60px 32px}.sterb-portrait{margin-right:35px}.sterb-stats>div{grid-template-columns:130px 1fr;gap:12px}.sterb-stats dt{font-size:8px}.says-heading .eyebrow{font-size:9px}.wisdom-desk{padding:24px}.wisdom-actions{align-items:stretch}.wisdom-actions .lore-button{flex:1}.story-heading{padding-right:30px}}
@media(max-width:760px){.sterb-intro{grid-row:6;font-size:12px;margin:0 0 13px}.hero .story-link{grid-row:7}.lore-inner{padding:42px 24px}.file-header{display:block;margin-bottom:28px}.file-header .eyebrow{font-size:9px;margin-bottom:9px}.file-number{font-size:8px}.sterb-file-grid,.story-grid,.says-grid{grid-template-columns:1fr;gap:35px}.sterb-portrait{width:100%;max-width:400px;margin:0 auto;padding:38px 0 50px}.portrait-note{font-size:10px}.approval-stamp{font-size:10px}.sterb-bio h2,.story-heading h2{font-size:36px;letter-spacing:-1.3px}.sterb-bio>p{font-size:16px}.sterb-stats>div{grid-template-columns:112px 1fr;gap:12px}.sterb-stats dd{font-size:13px}.story-heading,.says-heading{padding:0}.story-heading .eyebrow{margin-bottom:19px}.story-chapter{gap:12px;grid-template-columns:25px 1fr;padding:25px 0}.story-chapter h3{font-size:21px}.story-chapter p{font-size:15px}.says-heading h2{font-size:48px;letter-spacing:-2px}.says-heading .eyebrow{margin-bottom:18px}.says-heading>p:not(.eyebrow){font-size:16px;margin-bottom:0}.says-seal{display:none}.wisdom-desk{padding:23px 20px}.wisdom-label{font-size:7px;gap:12px}.wisdom-quote{font-size:29px;min-height:170px;letter-spacing:-.8px}.wisdom-actions{flex-direction:column;gap:10px}.wisdom-actions .lore-button{flex:auto;width:100%}.welcome-inner h2{font-size:41px;letter-spacing:-1.5px}.welcome-inner>p:not(.eyebrow){font-size:15px}.welcome-inner .eyebrow{font-size:9px}.welcome-actions{gap:14px;flex-direction:column}.welcome-inner .welcome-postscript br{display:none}}
@media(max-width:380px){.lore-inner{padding-left:20px;padding-right:20px}.sterb-bio h2,.story-heading h2{font-size:32px}.says-heading h2{font-size:43px}.wisdom-desk{padding:20px 16px}.wisdom-label{flex-direction:column;gap:5px}.welcome-inner h2{font-size:35px}.sterb-stats>div{grid-template-columns:98px 1fr}}
@media(max-width:760px){.sterb-portrait img{width:100%;margin-left:0}}