@font-face{font-family:Manrope;src:url(fonts/manrope.woff2) format("woff2");font-weight:400 800;font-display:swap}
@font-face{font-family:Plex;src:url(fonts/plex.woff2) format("woff2");font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#f8f6ef;--ink:#202525;--orange:#a23927;--lime:#d7fa91;--mono:Plex,monospace;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}
body{margin:0;font-family:Manrope,sans-serif;background:radial-gradient(ellipse at 25% 0,#333b3d,#141a1b 50%,#0c1112 100%);color:var(--ink)}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid #f07948;outline-offset:5px}
button{font:inherit;cursor:pointer}
h1,h2,p,figure,pre{margin:0}
[hidden]{display:none!important}
.directions{display:flex;align-items:center;justify-content:flex-start;gap:clamp(14px,3vw,34px);max-width:1440px;width:calc(100% - 64px);margin:auto;padding:0 0 0 2px;min-height:55px;color:#bac0bb;font:13px var(--mono)}
.directions a{display:inline-flex;gap:8px;align-items:center;min-height:44px;padding-inline:4px}
.directions span{color:#94a39d;font-size:11px}
.directions [aria-current]{color:#fff1dc;text-decoration:underline;text-decoration-color:#e58d6f;text-underline-offset:6px}
.stage{position:relative;isolation:isolate;width:calc(100% - 64px);max-width:1440px;margin:0 auto 34px;min-height:min(800px,85vh);background:#141b1d;overflow:hidden;box-shadow:0 18px 48px #0008}
.front{position:relative;z-index:2;background:radial-gradient(ellipse at 9% 16%,#fdfbf4,transparent 53%),repeating-linear-gradient(110deg,#eee9df29 0 1px,transparent 1px 5px),linear-gradient(141deg,#f7f4eb,#eeebe0);padding:0 clamp(24px,5.8vw,95px)}
.back{position:absolute;inset:0;z-index:1;overflow:hidden;background:radial-gradient(ellipse at 74% 27%,#283f34 0%,transparent 47%),repeating-linear-gradient(0deg,transparent 0 4px,#0001 4px 5px),linear-gradient(140deg,#151d1f,#101819);color:#f0f0de;padding:0 clamp(24px,5.8vw,95px)}
.stage[data-side=back] .back{position:relative;inset:auto}
.stage[data-side=back] .front{position:absolute;inset:0 0 auto}
html:not(.ready) .back{position:relative}
html:not(.ready) .stage{display:flex;flex-direction:column}
html:not(.ready) .front{order:-1}
html:not(.ready) .fold{display:none}
.mast,.backbar{display:flex;justify-content:space-between;align-items:center;min-height:78px;border-bottom:1px solid #23252230;gap:16px;font:12px var(--mono);letter-spacing:.025em}
.mast{padding-right:clamp(95px,13vw,195px)}
.mast a,.return{display:inline-flex;align-items:center;gap:7px;min-height:44px;white-space:nowrap}
.folio{font-weight:bold;letter-spacing:.075em}
.folio span{color:var(--orange);padding-inline:5px}
.hero{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(24px,4vw,75px);padding-block:clamp(56px,7.2vw,124px)}
.overline{font:11px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.11em}
.lead .overline{color:#575b53}
.overline span{margin-inline:2px;color:var(--orange)}
h1{font-size:clamp(42px,6.35vw,105px);font-weight:800;line-height:.99;letter-spacing:-.076em}
.lead h1{margin-top:21px;white-space:nowrap}
.lead h1 span{color:var(--orange)}
.lede{max-width:33ch;font-size:clamp(16px,1.56vw,22px);line-height:1.55;margin-top:24px}
.work-link{display:inline-flex;gap:16px;align-items:center;min-height:46px;margin-top:25px;border-bottom:1px solid #7e3e35;font-weight:750;font-size:14px}
.work-link span{color:var(--orange);font-size:20px}
.cover{position:relative;color:#354345;background:radial-gradient(ellipse at 76% 20%,#f4eee1,#c5c9bc 60%,#9ea8a0);border:1px solid #68716988;transform:rotate(-3deg);box-shadow:14px 20px 28px #222b2525;padding:0 clamp(11px,1.45vw,23px);max-width:560px}
.cover::before{content:"";pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(122deg,transparent 0 3px,#fff4 4px 5px,transparent 5px 8px);opacity:.18}
.cover-id,.cover figcaption{position:relative;display:flex;justify-content:space-between;gap:7px;font:clamp(8px,.8vw,11px) var(--mono);letter-spacing:.08em}
.cover-id{padding-top:14px}
.cover figcaption{padding-bottom:14px}
.mark{display:block;width:100%;height:auto}
.work{padding:20px 0 31px;border-top:1px solid #292f2b66}
.work>.overline{color:#535952}
.workline{display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:22px;padding-top:19px}
.workline svg{width:100%;fill:none;stroke:#4e6d62;stroke-width:1.5}
.workline h2{font-size:23px;letter-spacing:-.035em}
.workline p{font-size:14px;color:#515850;margin-top:5px}
.worknum{font:14px var(--mono);color:#565b51}
.frontfoot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #23252230;min-height:64px;gap:14px;font:11px var(--mono)}
.frontfoot a{display:inline-flex;align-items:center;gap:7px;min-height:44px}
.handle{display:flex;flex-direction:row-reverse;align-items:center;gap:9px;position:absolute;z-index:5;top:13px;right:8px;min-height:49px;touch-action:none;user-select:none;cursor:grab}
.handle:active{cursor:grabbing}
.handle-mark{height:45px;width:45px;display:grid;place-items:center;color:#f1ffd2;background:#263e30;box-shadow:0 4px 10px #0004}
.handle svg,.return svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.handle-name{display:grid;justify-items:end;gap:3px;padding:5px 7px 6px 10px;background:#f6f1e5;color:#262c28;box-shadow:0 2px 8px #1517131a}
.handle-kicker{font:9px var(--mono);letter-spacing:.06em;color:#67604e}
.handle strong{font-size:12px}
.fold{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;filter:drop-shadow(-4px 7px 8px #10170e55)}
.backbar{border-color:#81998e58;color:#c0ccbf}
.sig{margin-inline:6px;color:var(--lime)}
.return{color:var(--lime)}
.backgrid{display:grid;grid-template-columns:.87fr 1.13fr;gap:clamp(25px,4vw,75px);align-items:start;padding:clamp(49px,8vw,105px) 0}
.backintro .overline,.stories .overline{color:var(--lime)}
.backintro h1{font-size:clamp(44px,6.7vw,102px);margin-top:20px;max-width:8ch}
.backintro h1 span{color:var(--lime)}
.backintro .lede{color:#d6dfd0}
.outline{display:inline-flex;align-items:center;gap:15px;min-height:46px;border:1px solid #b0c49b8f;background:#26372c5c;color:#f0ffd4;font:12px var(--mono);padding:10px 14px;margin-top:23px}
.artifacts{display:grid;grid-template-columns:1fr;min-width:0;gap:17px}
.terminal{border:1px solid #758f7a;background:linear-gradient(145deg,#1c2926,#151e1e);color:#eef0d8;box-shadow:0 13px 26px #0b100d70;min-width:0}
.termtop,.termfoot,.nfohead{display:flex;align-items:center;justify-content:space-between;gap:10px;font:11px var(--mono);letter-spacing:.06em}
.termtop{padding:12px 14px;background:#cedbb5;color:#222e24}
.termtop b{color:#4e5d4e;margin-inline:3px}
.lights{display:flex;gap:5px}
.lights i{width:7px;height:7px;display:block;border:1px solid #4f6051}
.lights i:last-child{background:#4f6051}
.termgrid{display:grid;grid-template-columns:1fr auto}
.log{padding:13px;font:12px/1.6 var(--mono);min-width:0}
.log p+p{margin-top:6px}
.log time{color:#bac5ab;margin-right:4px}
.log b{font-weight:400;color:#d9f99c}
.log .event{color:#c2d5bf}
.nicks{display:flex;flex-direction:column;gap:6px;border-left:1px solid #566e5e;padding:12px 12px;font:11px var(--mono);min-width:71px}
.nicks span{color:#bac5ab;margin-bottom:3px}
.nicks b{font-weight:400}
.termfoot{padding:8px 13px;border-top:1px solid #566e5e;color:#bcc8ad;font-size:10px}
.nfo{justify-self:end;width:min(100%,340px);background:linear-gradient(135deg,#eef0d0,#cbd5a5);color:#26332b;box-shadow:6px 10px 26px #0005;padding:11px 13px 13px}
.nfohead{padding-bottom:8px;border-bottom:1px solid #303e2b77}
.nfo pre{font:clamp(10px,1.15vw,15px)/1.05 var(--mono);margin:12px 0;white-space:pre}
.nfo figcaption{font:11px/1.6 var(--mono)}
.nfo figcaption b{display:inline-block;min-width:7ch}
.stories{display:grid;grid-template-columns:minmax(72px,.45fr) 1fr;gap:23px;align-items:start;border-top:1px solid #81998e58;padding:34px 0 47px}
.stories h2{font-size:clamp(29px,4vw,54px);line-height:1.1;letter-spacing:-.05em;margin:9px 0 13px}
.stories p:not(.overline){color:#d6dfd0;max-width:58ch;line-height:1.65}
.storymark{font:clamp(12px,3.1vw,40px)/1.1 var(--mono);letter-spacing:-.05em;color:#d3e5c4;padding-block:8px}
.storymark span{color:var(--lime)}
.copy-status{display:block;margin-top:8px;font:11px var(--mono);color:var(--lime)}
body[data-variant=irc] .cover{transform:none;color:#32474f;background:radial-gradient(ellipse at 65% 0%,#e3edf1,#96aeb4);border-color:#556a72;box-shadow:9px 9px 0 #4a5b6440}
body[data-variant=irc] .hero{grid-template-columns:1fr 1fr}
body[data-variant=irc] .back{background:radial-gradient(ellipse at 75% 19%,#344352,transparent 58%),linear-gradient(120deg,#141b23,#202a34)}
body[data-variant=irc] .backgrid{grid-template-columns:.72fr 1.28fr}
body[data-variant=irc] .terminal{transform:none;border-color:#9aabb8;background:linear-gradient(#eef1eb,#dce6e2);color:#1d2f34}
body[data-variant=irc] .terminal .termtop{background:#314d66;color:#f1f6fa}
body[data-variant=irc] .terminal .termtop b{color:#c4d6e0}
body[data-variant=irc] .log b{color:#344776;font-weight:bold}
body[data-variant=irc] .log .event,body[data-variant=irc] .log time,body[data-variant=irc] .nicks span,body[data-variant=irc] .termfoot{color:#45515b}
body[data-variant=irc] .log{min-height:173px}
body[data-variant=nfo] .cover{transform:rotate(2deg);color:#562c24;background:radial-gradient(ellipse at 35% 23%,#e6d1b7,#bf886d);box-shadow:9px 15px 0 #603b2f3b}
body[data-variant=nfo] .back{background:radial-gradient(ellipse at 68% 26%,#533323,transparent 60%),linear-gradient(145deg,#251f1d,#191918);--lime:#ffcc9c}
body[data-variant=nfo] .nfo{order:-1;width:100%;background:linear-gradient(135deg,#f7e1bd,#d4a887)}
body[data-variant=nfo] .nfo pre{font-size:clamp(12px,2vw,27px)}
body[data-variant=nfo] .terminal{box-shadow:none;background:linear-gradient(145deg,#322723,#24201d);border-color:#947d68}
body[data-variant=nfo] .termtop{background:#d4a887;color:#32251c}
body[data-variant=nfo] .log b{color:#ffcc9c}
@media(max-width:920px){.lead h1{font-size:clamp(38px,7vw,72px)}.termgrid{grid-template-columns:1fr}.nicks{display:none}.mast{padding-right:105px}}
@media(max-width:680px){
  .directions,.stage{width:calc(100% - 20px)}
  .directions{min-height:46px}
  .front,.back{padding-inline:19px}
  .mast,.backbar{min-height:67px}
  .mast a{display:none}
  .handle{top:8px;right:5px;gap:5px}
  .handle-mark{width:44px;height:44px}
  .hero,body[data-variant=irc] .hero{grid-template-columns:1fr;padding:39px 0 37px;gap:34px}
  .lead h1{font-size:clamp(39px,11vw,68px);margin-top:15px}
  .lede{margin-top:15px}
  .work-link{margin-top:13px}
  .cover{width:89%;justify-self:center}
  .workline{grid-template-columns:57px 1fr auto;gap:13px}
  .workline h2{font-size:20px}
  .workline p{font-size:13px}
  .backgrid,body[data-variant=irc] .backgrid{grid-template-columns:1fr;padding:34px 0;gap:27px}
  .backintro h1{font-size:clamp(45px,13vw,80px);margin-top:13px}
  .backintro .outline{margin-top:15px}
  .terminal .log{font-size:11px}
  .artifacts{gap:13px}
  .nfo{width:100%}
  .nfo pre{font-size:12px}
  .stories{grid-template-columns:1fr;gap:10px;padding-block:22px 35px}
}
@media(max-width:359px){.front,.back{padding-inline:14px}.lead h1{font-size:34px}.directions{gap:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.nfohead a{min-height:32px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
.nfo pre{line-height:1.02;letter-spacing:0;font-family:Textmode,var(--mono)}
body[data-variant=irc] .handle,body[data-variant=nfo] .handle{cursor:pointer;touch-action:manipulation}
body[data-variant=irc] .handle-mark{background:#314d66;color:#f0f6fa}
body[data-variant=irc] .handle-name{background:#e5ebed;color:#253a48}
body[data-variant=nfo] .handle-mark{background:#593524;color:#ffe1c0}
body[data-variant=nfo] .handle-name{background:#ead4be;color:#563828}
body:is([data-variant=irc],[data-variant=nfo]) .fold{display:none}
@font-face{font-family:Textmode;src:url(fonts/textmode.woff2) format("woff2");font-display:swap}