:root{--paper:#f5f1e8;--ink:#24231f;--muted:#68645b;--line:#d7d0c3;--accent:#81643b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{max-width:1180px;padding-inline:48px;margin-inline:auto}.header{padding-top:30px;padding-bottom:26px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:21px;font-weight:600;letter-spacing:2px}.brand span{display:block;font-size:9px;font-weight:400;letter-spacing:3.5px;margin-top:9px;color:var(--muted)}nav{display:flex;gap:30px;font-size:13px}.intro{padding-top:45px;padding-bottom:38px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);line-height:1.6}.intro h1{font:400 clamp(42px,5.5vw,66px)/1.05 Georgia,serif;letter-spacing:-2px;margin:17px 0}.intro h1 em,.about em{color:var(--accent);font-weight:400}.intro>p:last-child{font-size:15px;color:var(--muted);line-height:1.6}.section-label{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:25px;font-size:11px;letter-spacing:1.8px}.section-label span+span{letter-spacing:.4px;color:var(--muted)}.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.story{min-width:0}.cover-link{display:block;transition:transform .2s}.cover-link:hover{transform:translateY(-5px);text-decoration:none}.cover{aspect-ratio:3/4;position:relative;padding:30px 25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-shadow:0 14px 24px #00000015;color:#f5f5f5}.cover:before{content:'';position:absolute;inset:12px;border:1px solid #ffffff50;pointer-events:none}.cover-author{font-size:10px;letter-spacing:1.6px;position:relative}.cover-title{font:400 clamp(28px,3.7vw,47px)/1.06 Georgia,serif;position:relative;letter-spacing:-1px}.cover-note{font-size:9px;letter-spacing:1px;position:relative}.beast{background:radial-gradient(ellipse at 85% 10%,#8880 25%,#191919 75%),#666}.pursuit{background:linear-gradient(130deg,#222 0%,#555 45%,#bbb 46%,#555 47%,#171717 100%)}.things{background:radial-gradient(circle at 100% 100%,#aaa,#444 70%)}.story h2{font:400 23px/1.2 Georgia,serif;margin:20px 0 13px;min-height:55px}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:7px;display:inline-flex;gap:20px}.about{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:80px;padding-bottom:70px}.about h2{font:400 39px/1.12 Georgia,serif;margin:0 0 22px;letter-spacing:-1px}.about p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:580px}.footer{border-top:1px solid var(--line);padding-top:25px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}.detail{padding-top:30px;padding-bottom:75px;min-height:75vh}.back{font-size:12px;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;margin-top:35px;align-items:center}.detail .cover{max-width:390px}.detail h1{font:400 clamp(38px,5vw,61px)/1.06 Georgia,serif;letter-spacing:-1.7px;margin:15px 0 24px}.pending{color:var(--muted);line-height:1.8;font-size:15px}.chapter-box{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.chapter-box h2{font:400 25px Georgia,serif;margin:0 0 14px}.chapter-box p{font-size:13px;color:var(--muted)}.button{display:inline-flex;gap:30px;padding:16px 20px;background:#24231f;color:#f5f1e8;font-size:12px;margin-top:12px}.chapter-box small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:14px;max-width:330px}@media(max-width:700px){.wrap{padding-inline:22px}.header{padding-top:24px;align-items:flex-start;flex-direction:column;gap:20px}.brand{font-size:18px}nav{gap:25px}.intro{padding-top:28px;padding-bottom:25px}.intro h1{font-size:45px}.section-label{font-size:10px;letter-spacing:1px;flex-wrap:wrap}.stories{grid-template-columns:1fr;gap:36px;max-width:430px;margin:auto}.cover{padding:32px 27px}.cover-title{font-size:49px}.story h2{min-height:0;margin-top:18px}.about{grid-template-columns:1fr;gap:15px;padding-top:65px;padding-bottom:45px}.about h2{font-size:34px}.detail-grid{grid-template-columns:1fr;gap:30px}.detail .cover{width:100%;margin:auto;max-width:320px}.detail h1{font-size:43px}.detail .cover-title{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover-link{transition:none}}

/* Selected Tinta mark; original wordmark typography retained. */
.brand{display:flex;align-items:center;gap:15px}.brand-logo{display:block;flex:0 0 52px;width:52px;height:57px;object-fit:contain;mix-blend-mode:multiply}.brand>.brand-text{font-size:21px;letter-spacing:2px;font-weight:600;margin:0;color:var(--ink)}
@media(max-width:700px){.brand{gap:10px}.brand-logo{width:42px;height:46px;flex-basis:42px}.brand>.brand-text{font-size:18px;letter-spacing:1.2px}.brand-text>span{font-size:8px;letter-spacing:2px}}
@media(max-width:360px){.brand>.brand-text{font-size:16px;letter-spacing:.8px}}

/* Crop only the supplied image's blank margins: artwork bounds 20,13–1039,1386.
   Match that artwork's ratio so its title, logo and black frame are not distorted. */
.cover.story-cover{padding:0;background:var(--paper);display:block;aspect-ratio:1019/1373}
.cover.story-cover:before{content:none}
.cover.story-cover img{display:block;position:absolute;max-width:none;width:110.107949%;height:102.112163%;left:-1.962708%;top:-.946832%;object-fit:cover}