:root{--bg:#111719;--panel:#172024;--text:#e8deca;--muted:#b2afa4;--gold:#dca96c;--reading:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}a{color:var(--gold);text-decoration:none}button,select{font:inherit}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header{display:flex;justify-content:space-between;align-items:center;padding:23px max(24px,6vw);border-bottom:1px solid #dca96c30}.brand{font:small-caps 28px Georgia,serif;color:var(--text)}header a:last-child{font-size:13px}.hero{position:relative;min-height:460px;display:flex;align-items:end;padding:55px max(24px,10vw);background:linear-gradient(0deg,#111719 2%,#11171988 55%,#11171920),url(loch-ness-header.png) center 45%/cover}.hero>div{max-width:850px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:600}h1{font:normal clamp(44px,6vw,72px)/1.1 Georgia,serif;margin:15px 0}.subtitle{font:italic 21px/1.5 Georgia,serif;max-width:590px}.meta{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:18px}.layout{display:grid;grid-template-columns:190px minmax(0,700px);gap:65px;max-width:1070px;margin:35px auto 90px;padding:0 28px}aside{font-size:13px}aside .inner{position:sticky;top:25px}aside h2{font:normal 20px Georgia,serif}aside a{display:block;padding:9px 0;border-bottom:1px solid #ffffff12}aside p{color:var(--muted);font-size:12px}.notice{border:1px solid #dca96c45;padding:16px 20px;border-radius:4px;background:#261e16;color:var(--text);font-size:13px;margin-bottom:25px}.notice strong{display:block;color:var(--gold);margin-bottom:4px}.notice p{margin:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff15;margin-bottom:35px;font-size:12px}.toolbar div{display:flex;align-items:center;gap:10px}button,select{background:var(--panel);border:1px solid #dca96c60;color:var(--text);border-radius:3px;padding:6px 10px;cursor:pointer}.story{font:var(--reading)/1.85 Georgia,serif}.story h2{font:normal 31px/1.3 Georgia,serif;margin:0 0 30px}.story p{margin:0 0 24px}.opening:first-letter{float:left;font-size:72px;line-height:.9;padding:9px 12px 0 0;color:var(--gold)}.divider{text-align:center;color:var(--gold);letter-spacing:1em;padding:20px 0 35px}.story section{scroll-margin-top:30px}figure{margin:35px 0}figure img{width:100%;display:block;border-radius:3px;max-height:300px;object-fit:cover}figcaption{font:italic 12px/1.6 Georgia,serif;color:var(--muted);margin-top:10px}.ending{display:flex;justify-content:space-between;gap:24px;margin-top:45px;padding-top:25px;border-top:1px solid #dca96c40;font-size:14px}.draft{font-size:12px;color:var(--muted);padding-top:28px}footer{text-align:center;border-top:1px solid #ffffff15;padding:30px;font-size:12px;color:var(--muted)}body.paper{--bg:#ede3d0;--panel:#e0d4bc;--text:#30271e;--muted:#645a4b;--gold:#8b5829}body.paper .hero{color:#f1e5d1}body.paper .hero .eyebrow,body.paper .hero .meta{color:#ead2ae}body.paper .notice{background:#e2d5bf}dialog{max-width:470px;width:calc(100% - 32px);border:1px solid var(--gold);border-radius:5px;background:#172024;color:#e8deca;padding:30px;line-height:1.7}dialog::backdrop{background:#000d}dialog h2{font:30px Georgia,serif}dialog button,dialog a{display:inline-block;padding:10px 16px;margin:10px 10px 0 0}dialog button{background:#dca96c;color:#17120e}.skip{position:absolute;left:15px;top:-70px;z-index:10;padding:12px;background:var(--bg)}.skip:focus{top:10px}@media(max-width:760px){.hero{min-height:370px;padding:40px 24px}.layout{display:block;margin-top:15px;padding:0 22px}aside{margin-bottom:28px}aside .inner{position:static}aside h2,aside p{display:none}aside nav{display:flex;gap:22px}aside a{border:0}.toolbar{flex-wrap:wrap}.story{font-size:var(--reading)}header{padding:20px}.brand{font-size:23px}.ending{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,aside,.toolbar,.notice,.ending,footer,dialog{display:none!important}.hero{background:none;min-height:0;padding:20px;color:#000}.hero .meta,.hero .eyebrow{color:#444}.layout{display:block;margin:0;max-width:none}.story{color:#000;font-size:12pt}body{background:#fff}.draft{color:#444}}

/* Loch Ness header */
.hero{min-height:clamp(440px,42vw,660px);background:linear-gradient(90deg,rgba(17,23,25,.72),rgba(17,23,25,.22) 52%,rgba(17,23,25,.03)),linear-gradient(0deg,#111719 0%,transparent 35%),url("loch-ness-header.png") center top/cover no-repeat}
.hero>div{max-width:620px}.hero h1{max-width:600px;text-shadow:0 2px 15px #0008}.hero .subtitle{max-width:430px}.hero .meta{color:#e8deca}.hero .eyebrow{color:#edc18d}
aside nav{flex-wrap:wrap}
@media(max-width:760px){.hero{min-height:560px;padding:32px 24px;background-position:center,center,66% top}.hero>div{padding-top:240px}.hero h1{font-size:44px}.hero .subtitle{font-size:18px}}
@media print{.hero{background:none;min-height:0}.hero>div{padding-top:0}.hero h1{text-shadow:none}.hero .subtitle,.hero .meta,.hero .eyebrow{color:#222}}