/* Future as Usual — styles. Colours are CSS variables; dark theme = [data-theme="dark"] on <html>. */
:root,[data-theme="light"]{--paper:#F4EFE7;--ink:#111113;--coral:#FF5943;--tile:#E7E1D7;--card:#FBF8F3;--card-line:#DDD5C8;--line-soft:#D3CCC0;--line-mid:#CFC7BA;--muted:#55514A;--muted-2:#6B665E;--ink-tile:#1E1D1B;--faint:#B3ADA3;--lbl:#C23A27;--on-ink-2:#D6D0C6;--on-ink-muted:#B9B3A9;--text-2:#2A2824;--text-3:#3A3834;
--hr-0:#E4DED4;--hr-1:#D3CDC3;--hr-2:#BEB8AE;--hr-3:#A7A198;--hr-4:#8E8981;--hr-5:#FF5943;--hr-6:#5E5B55;--hr-7:#3A3834;--hr-8:#25231F;--hr-9:#111113;--hr-10:#111113;--hr-11:#111113;--hr-12:#111113;--hr-13:#111113;
--ar-0:#E4DED4;--ar-1:#D3CDC3;--ar-2:#BEB8AE;--ar-3:#A7A198;--ar-4:#FF5943;--ar-5:#5E5B55;--ar-6:#3A3834;--ar-7:#25231F;--ar-8:#111113;--ar-9:#111113;--ar-10:#111113;--ar-11:#111113}
[data-theme="dark"]{--paper:#111113;--ink:#F4EFE7;--tile:#1F1E1C;--card:#1C1B19;--card-line:#2E2D2A;--line-soft:#2E2D2A;--line-mid:#3A3834;--muted:#B9B3A9;--muted-2:#9C968C;--ink-tile:#E7E1D7;--faint:#6E6A63;--lbl:#FF7A66;--on-ink-2:#3A3834;--on-ink-muted:#55514A;--text-2:#D6D0C6;--text-3:#D6D0C6;
--hr-0:#262522;--hr-1:#33322E;--hr-2:#43413D;--hr-3:#57544F;--hr-4:#6E6A63;--hr-5:#FF5943;--hr-6:#A8A298;--hr-7:#C9C3B8;--hr-8:#E2DCD1;--hr-9:#F4EFE7;--hr-10:#F4EFE7;--hr-11:#F4EFE7;--hr-12:#F4EFE7;--hr-13:#F4EFE7;
--ar-0:#262522;--ar-1:#33322E;--ar-2:#43413D;--ar-3:#57544F;--ar-4:#FF5943;--ar-5:#A8A298;--ar-6:#C9C3B8;--ar-7:#E2DCD1;--ar-8:#F4EFE7;--ar-9:#F4EFE7;--ar-10:#F4EFE7;--ar-11:#F4EFE7}
html{background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter',system-ui,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
[data-theme="light"] .only-dark,[data-theme="dark"] .only-light{display:none!important}
.theme .i-sun{display:none}[data-theme="dark"] .theme .i-sun{display:inline}[data-theme="dark"] .theme .i-moon{display:none}
[data-theme="dark"] .panel{background:#1F1E1C!important}
.chip{background:transparent;color:var(--ink)}.chip.is-active{background:var(--ink);color:var(--paper)}
*{hyphens:manual}
h1,h2,h3,blockquote{text-wrap:balance}
p,span,li,figcaption{text-wrap:pretty}
a{color:inherit}a:hover{color:#FF5943}
.mono{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.wrap{max-width:1360px;margin:0 auto;padding:0 48px;box-sizing:border-box}
.disp{font-weight:700;letter-spacing:-0.05em;line-height:.9;margin:0}
.as{font-style:italic;color:#FF5943;font-weight:600;letter-spacing:-0.03em}
.nav a{text-decoration:none}
.btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 26px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:600;font-size:15px;border-radius:999px;border:0;cursor:pointer;font-family:inherit}
.btn:hover{background:#FF5943;color:var(--ink)}
.tile{border-radius:16px;box-sizing:border-box}
.bar{display:block;transform:rotate(var(--r));transform-origin:50% 100%;animation:shift 1.1s cubic-bezier(.2,.8,.2,1) both}
@keyframes shift{from{transform:rotate(-24deg) translateY(16px);opacity:0}to{transform:rotate(var(--r));opacity:1}}
.field{display:flex;flex-direction:column;gap:6px}
.field input,.field textarea{font:inherit;font-size:17px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--ink);padding:10px 0;outline:none;border-radius:0}
.field input:focus,.field textarea:focus{border-bottom-color:#FF5943}
.lbl{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lbl);font-weight:500}
.rv .bar{animation-play-state:paused}.rv.on .bar{animation-play-state:running}
.svc:hover{color:#FF5943}
.btn [aria-hidden]{display:inline-block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.btn:hover [aria-hidden]{transform:translateX(5px)}
.case .tick{display:block;width:6px;height:18px;background:#FF5943;transform:scaleY(0);transform-origin:50% 100%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.case:hover .tick{transform:scaleY(1)}
.theme{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;padding:0}
.theme:hover{color:#FF5943}
@media (prefers-reduced-motion:reduce){.bar{animation:none}.case .tick{transition:none}}
@media (max-width:700px){.wrap{padding:0 16px}}
@media (max-width:700px){header.nav{padding-top:18px !important;padding-bottom:18px !important;row-gap:14px !important}header.nav nav{gap:14px !important;font-size:14px !important}header.nav img{height:30px !important}.theme{width:36px !important;height:36px !important}[style*="grid-column: span 2"]{grid-column:1/-1 !important}[style*="min-height: 440px"]{min-height:300px !important}[style*="min-height: 600px"]{min-height:340px !important}[style*="auto-fill, minmax(180px"],[style*="auto-fit, minmax(200px, 1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
h1,h2,h3{text-wrap:balance}
p,span,li{text-wrap:pretty}
.btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 26px;background:var(--ink);color:var(--paper);text-decoration:none;font-weight:600;font-size:15px;border-radius:999px}
.row:hover .rowname{color:#FF5943}
.xt{display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:200px;padding:28px;border-radius:16px;background:var(--tile);text-decoration:none;color:var(--ink);transition:background .25s}.xt:hover{background:var(--ink);color:var(--paper)}.xt:hover .xa{color:#FF5943;transform:translateX(6px)}.xa{display:inline-block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.back{text-decoration:none}.back:hover{color:#FF5943}
.navcta{font:inherit;color:inherit;background:none;border:0;border-bottom:1.5px solid currentColor;padding:0 0 2px;cursor:pointer}.navcta:hover{color:#FF5943}
.linkbtn{font:inherit;color:inherit;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}.linkbtn:hover{color:#FF5943}
button.btn{border:0;cursor:pointer;font-family:inherit}
.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}
.modalbg{position:absolute;inset:0;background:rgba(17,17,19,.62)}
.panel{position:relative;width:100%;max-width:600px;max-height:calc(100% - 32px);overflow:auto;border-radius:16px;padding:clamp(24px,4vw,44px);box-sizing:border-box}
.x{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.x:hover{color:#FF5943}
@media (prefers-reduced-motion:reduce){.bar{animation:none}}
@media (max-width:700px){header.nav{padding-top:18px !important;padding-bottom:18px !important;row-gap:14px !important}header.nav nav{gap:14px !important;font-size:14px !important}header.nav img{height:30px !important}.theme{width:36px !important;height:36px !important}[style*="grid-column: span 2"]{grid-column:1/-1 !important}[style*="min-height: 440px"]{min-height:300px !important}[style*="min-height: 600px"]{min-height:340px !important}[style*="auto-fill, minmax(180px"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
.chip{font-family:inherit;font-size:14px;font-weight:500;min-height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;cursor:pointer}