:root{color-scheme:dark;--gold:#e4b16f;--line:#a87538;--ink:#06141b;--paper:#f2e6d4}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Georgia,'Times New Roman',serif}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:12px;top:-80px;z-index:3;background:var(--ink);padding:12px}.skip:focus{top:12px}
header{display:flex;align-items:center;justify-content:space-between;padding:16px 5%;border-bottom:1px solid var(--line);gap:22px;background:#030d13}.brand{text-decoration:none;color:var(--gold);font-size:clamp(28px,3.8vw,54px);display:flex;align-items:center;gap:14px}.brand img{width:34px;height:48px}nav{display:flex;gap:32px}nav a{text-decoration:none;letter-spacing:1px;padding:8px 0}nav a[aria-current],nav a:hover{border-bottom:2px solid var(--gold)}
.intro{text-align:center;padding:150px 16px 22px;background:linear-gradient(to bottom,transparent 30%,var(--ink) 100%),url('assets/stories-banner.jpg') center top/100% 175px no-repeat}h1{font-weight:normal;font-size:clamp(48px,6vw,80px);color:var(--gold);margin:0}.intro p{font-size:24px;letter-spacing:3px;margin:12px 0 0}.collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 auto;padding:0 28px 24px;max-width:1600px}.collection{scroll-margin-top:20px;padding:12px;border:1px solid var(--line);border-radius:16px;box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 4px #6d4b29;background:linear-gradient(130deg,#10212b99,#030d13)}.art{width:100%;aspect-ratio:1.4;object-fit:cover;display:block;border-radius:12px;border:1px solid var(--gold)}.laird{object-position:50% 40%}h2{text-align:center;color:var(--gold);font-size:clamp(25px,2.6vw,40px);font-weight:normal;margin:8px 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line)}ul{padding:0;margin:0;list-style:none}li+li{margin-top:10px}li a{display:block;text-decoration:none;border:1px solid var(--line);border-radius:7px;padding:12px 18px;background:#030f17b3}li a:hover{background:#26302b}li span{display:block;font-size:25px}li small{display:block;color:var(--gold);font-size:18px;text-decoration:underline;margin-top:5px}footer{text-align:center;padding:55px 20px 25px;background:linear-gradient(#06141b33,#06141b77),url('assets/stories-footer.png') center/cover;min-height:175px;border-top:1px solid var(--line)}.footer-brand{color:var(--gold);font-size:30px;text-decoration:none;text-shadow:0 2px 8px #000}footer nav{justify-content:center;margin-top:12px;gap:25px}.sample{max-width:760px;margin:60px auto;padding:24px;font-size:21px;line-height:1.8}.sample h1{font-size:48px}.subtitle{color:var(--gold)}
@media(max-width:800px){header{flex-direction:column;padding:15px}.brand{font-size:36px}nav{gap:25px}.intro{padding-top:125px;background-size:auto 150px}.intro p{font-size:18px;letter-spacing:1px}.collections{grid-template-columns:1fr;max-width:620px;padding:0 16px 24px;gap:24px}h2{font-size:32px}.art{aspect-ratio:1.5}footer{min-height:190px}}