/* Odin Press: the front page, the two doors around the brain (approved 2026-10-06; both lobes flowing since 2026-10-07). */
.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--slate2) 0 50%,var(--paper) 50% 100%)}
.side h2{font-family:'Odin Schola',serif;font-weight:700;letter-spacing:.22em;font-size:44px;margin:0 0 10px}
.side .what{font-size:14px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 18px}
.side .raven{font-family:'Odin Schola',serif;font-style:italic;font-size:19px;margin:0 0 26px}
.side .blurb{font-size:15px;line-height:1.6;max-width:34ch;margin:0 0 28px}
.tech{color:var(--ondark)} .tech h2{color:var(--brass2)} .tech .what{color:var(--muted)} .tech .raven{color:var(--brass2)}
.prose{color:var(--ink)} .prose h2{color:var(--ox)} .prose .what{color:var(--warm)} .prose .raven{color:var(--ox)}
.door{display:inline-block;padding:13px 22px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;
 text-decoration:none;border:1.5px solid;transition:background .2s,color .2s}
.tech .door{color:var(--brass2);border-color:var(--brass2)} .tech .door:hover{background:var(--brass2);color:var(--slate2)}
.prose .door{color:var(--ox);border-color:var(--ox)} .prose .door:hover{background:var(--ox);color:var(--paper)}
svg text{user-select:none}
.shelves{display:grid;grid-template-columns:1fr 1fr}
.shelf{padding:46px 48px 56px}
.shelf.t{background:var(--slate)} .shelf.p{background:var(--paper2)}
.shelf h3{font-family:'Odin Schola',serif;font-size:13px;letter-spacing:.24em;text-transform:uppercase;margin:0 0 22px}
.shelf.t h3{color:var(--brass2)} .shelf.p h3{color:var(--ox)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.card img{width:100%;display:block;box-shadow:0 6px 18px rgba(0,0,0,.28)}
.card .ti{font-family:'Odin Schola',serif;font-weight:700;font-size:15px;line-height:1.3;margin:12px 0 6px}
.shelf.t .ti{color:var(--ondark)} .shelf.p .ti{color:var(--ink)}
.card .me{font-family:ui-monospace,'DejaVu Sans Mono',monospace;font-size:12px;color:var(--muted)}
.card .hl{font-family:'Odin Schola',serif;font-style:italic;font-size:14px;line-height:1.4;color:var(--ox)}
@media (max-width:760px){.long{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.hero{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:calc(100vh - 82px);padding:12px 0}
.side h2{font-size:clamp(22px,2.25vw,44px);letter-spacing:.14em;white-space:nowrap}
.side{padding:0 clamp(16px,2.4vw,40px)}
.side .what{font-size:clamp(10px,.95vw,14px);letter-spacing:.16em;white-space:nowrap}
.door{white-space:nowrap;letter-spacing:.12em;padding:13px clamp(12px,1.4vw,22px)}
.side{padding:0 40px}
.side.tech{text-align:right;justify-self:end} .side.prose{justify-self:start}
.tech .blurb{margin-left:auto}
.brainbox{display:flex;gap:10px}
.brainbox canvas{height:max(560px,min(calc(100vh - 106px),960px));aspect-ratio:104/240;display:block;touch-action:pan-y}
@media (max-width:760px){
 .hero{grid-template-columns:1fr 1fr;grid-template-areas:"lt rt" "br br";min-height:0;padding:18px 0 22px}
 .side{padding:0 16px} .side.tech{grid-area:lt;text-align:left;justify-self:stretch}
 .side.prose{grid-area:rt;justify-self:stretch} .brainbox{grid-area:br;justify-self:center;margin-top:8px}
 .side h2{font-size:19px;letter-spacing:.1em} .side .what{font-size:10px;letter-spacing:.12em;margin-bottom:8px;white-space:normal}
 .side .raven{font-size:14px;margin-bottom:12px} .side .blurb{display:none} .door{padding:9px 10px;font-size:10px;letter-spacing:.1em}
 .brainbox{gap:5px} .brainbox canvas{height:auto;width:calc((min(92vw,420px) - 5px) / 2)}
 .shelves{grid-template-columns:1fr} .shelf{padding:30px 16px} .cards{grid-template-columns:1fr 1fr}
}

.side .raven{display:flex;align-items:center;gap:14px}
.tech .raven{justify-content:flex-end}
.bird svg{height:72px;width:auto;display:block}
.tech .bird{color:var(--brass2)} .prose .bird{color:var(--ox)}
.tech .blurb{text-align:left}   /* flush left (Tim) */
.side .nm{display:flex;flex-direction:column;gap:8px}
.rn svg{height:19px;width:auto;display:block}
.tech .rn{color:var(--brass2)} .prose .rn{color:var(--ox)}
@media (max-width:760px){.bird svg{height:38px} .side .raven{gap:8px} .rn svg{height:13px}
 .tech .raven{justify-content:flex-start}}
.mb{display:none}
@media (max-width:760px){.hero{grid-template-areas:"lt rt" "br br" "lb rb"}
 .mb{display:block;align-self:start;padding:18px 14px 26px;font-size:13px;line-height:1.5}
 .mb p{margin:0} .mb.tech{grid-area:lb;color:var(--ondark)} .mb.prose{grid-area:rb;color:var(--ink)}}
.shelves .card{display:block;text-decoration:none;color:inherit}   /* the cards are links to their books */
/* TECHNICAL and PROSE lead to their shelves (Tim, 2026-10-07): unchanged at rest, underlined in their own colour on hover */
.side h2 a{color:inherit;text-decoration:none}
.side h2 a:hover,.side h2 a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}