/* The native masthead and outer page frame are shared with every route. */
.tilo-home {--paper:var(--tilo-paper,#f0e9d8);--ink:var(--tilo-ink,#141412);--muted:var(--tilo-muted,#5d584e);--red:var(--tilo-red,#d0291c);--blue:var(--tilo-blue,#1f45a6);--yellow:var(--tilo-yellow,#f2b51c);--rule:2px;background:var(--paper);color:var(--ink);font-family:Atkinson,system-ui,sans-serif;padding:0;}
html[data-theme$="-dark"] .tilo-home {--paper:var(--tilo-paper,#12110f);--ink:var(--tilo-ink,#efe8d6);--muted:var(--tilo-muted,#a59f91);--red:var(--tilo-red,#f0533f);--blue:var(--tilo-blue,#6684ff);--yellow:var(--tilo-yellow,#f5c442);}
@media(prefers-color-scheme:dark) {html[data-theme$="-auto"] .tilo-home {--paper:var(--tilo-paper,#12110f);--ink:var(--tilo-ink,#efe8d6);--muted:var(--tilo-muted,#a59f91);--red:var(--tilo-red,#f0533f);--blue:var(--tilo-blue,#6684ff);--yellow:var(--tilo-yellow,#f5c442);}}
.tilo-home * {box-sizing:border-box;}
.tilo-home a {color:inherit;}
.tilo-home a:focus-visible,.tilo-home canvas:focus-visible {outline:3px solid var(--blue);outline-offset:5px;}
.full.height:has(> .tilo-home) {padding-bottom:0;}
.page-content.tilo-home>.forge-poster {margin:0;border:0;}
.forge-cover {display:grid;grid-template-columns:1fr 1fr;min-height:600px;}
.forge-cover-copy {padding:clamp(28px,4vw,72px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-right:var(--rule) solid var(--ink);}
.forge-cover h1 {font:800 clamp(52px,6.4vw,104px)/.99 Atkinson,system-ui,sans-serif;letter-spacing:-.055em;margin:0 0 32px;}
.forge-cover h1>span {color:var(--blue);}
.forge-intro {font-size:18px;line-height:1.5;margin:0 0 32px;}.forge-intro a {text-decoration:underline;text-underline-offset:3px;}
.forge-action {display:flex;gap:28px;align-items:center;font-size:16px;font-weight:700;background:var(--ink);color:var(--paper)!important;padding:14px 20px;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--blue);text-decoration:none;}
.forge-action:hover {box-shadow:6px 6px 0 var(--blue);text-decoration:none;}
.forge-art {min-width:0;display:flex;flex-direction:column;}
/* Bitmap updates cannot influence the CSS grid's intrinsic dimensions. */
.forge-art-stage {position:relative;flex:1;min-height:390px;overflow:hidden;}
.forge-art-stage>canvas {position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;display:block;touch-action:pan-y;}
.forge-art-stage>canvas:focus-visible {outline-color:var(--ink);outline-offset:-6px;}
.forge-index {display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--rule) solid var(--ink);}
.forge-index-card {padding:28px 32px;border-right:var(--rule) solid var(--ink);display:flex;flex-direction:column;text-decoration:none!important;}
.forge-index-card:last-child {border:0;}
.forge-index-symbol {height:100px;width:120px;align-self:flex-end;margin:0 0 24px;}
.forge-index-symbol canvas {display:block;width:100%;height:100%;image-rendering:pixelated;pointer-events:none;}
.forge-index-card h2 {display:flex;justify-content:space-between;gap:12px;font-size:30px;line-height:1.12;letter-spacing:-.025em;margin:0 0 16px;font-weight:750;}
.forge-index-card h2>span {font-size:20px;font-weight:400;}
.forge-index-card p {font-size:17px;line-height:1.5;margin:0;max-width:32ch;}
.forge-index-card:hover h2 {color:var(--blue);}
@media(min-width:1700px) {.forge-cover {min-height:680px;}}
@media(max-width:1000px) {.forge-cover {min-height:540px;}.forge-cover-copy {padding:36px 28px;}.forge-art-stage {min-height:350px;}.forge-index-card {padding:24px;}.forge-index-card h2 {font-size:26px;}.forge-index-card p {font-size:16px;}}
@media(max-width:767px) {.forge-cover {grid-template-columns:1fr;}.forge-cover-copy {border-right:0;border-bottom:1px solid var(--tilo-rule);padding:36px 24px 40px;}.forge-cover h1 {font-size:clamp(49px,11.5vw,78px);}.forge-intro {font-size:17px;}.forge-art-stage {height:340px;min-height:0;flex:none;}.forge-index {grid-template-columns:1fr;border-top:1px solid var(--tilo-rule);}.forge-index-card {border-right:0;border-bottom:1px solid var(--tilo-rule);padding:24px;}.forge-index-symbol {width:90px;height:80px;margin:0 0 16px;}.forge-index-card h2 {font-size:28px;}.forge-index-card p {max-width:34ch;}.forge-action {padding:12px 16px;gap:16px;}}
