@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&family=Cinzel+Decorative:wght@700&family=Marcellus+SC&display=swap');
:root{color-scheme:dark;--bg:#171114;--ink:#f3f0e6;--muted:#c2b5bb;--accent:#d48b9f;--wine:#77233f;--display-accent:#80243f;--line:#443039;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:#111}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 5vw;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:700;letter-spacing:-1px}.brand span{color:var(--accent)}nav{display:flex;gap:30px;font-size:14px}nav a{padding:5px 0;color:var(--muted)}nav a:hover,nav a[aria-current=page]{color:var(--ink);border-bottom:1px solid var(--accent)}main{min-height:70vh}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:13px;font-weight:600;color:var(--accent)}.intro{padding:70px 7vw 60px;display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:50px}.intro h1{font-family:var(--display);font-size:clamp(64px,9vw,140px);line-height:.91;letter-spacing:-.015em;text-transform:uppercase;margin:20px 0 0;font-weight:600}.intro h1 em{display:inline-block;font-family:'Cinzel Decorative',Georgia,serif;font-style:normal;font-weight:700;font-size:clamp(42px,6.3vw,98px);letter-spacing:-.045em;line-height:1.2;color:var(--display-accent);background:linear-gradient(165deg,#b2667e 0%,#89334f 22%,#61162f 46%,#8a3551 49%,#652039 76%,#a3536f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #4b1428) drop-shadow(0 3px 0 #340c1c) drop-shadow(0 7px 5px #090608)}.intro p{max-width:360px;color:var(--muted);margin-bottom:6px}.section-label{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.books{margin:0 7vw}.feature{position:relative;display:block;overflow:hidden;min-height:540px;border:1px solid #514539;background:#34251f}.landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.feature:hover .landscape{transform:scale(1.035)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,14,12,.88),rgba(16,14,12,.18)),linear-gradient(0deg,rgba(16,14,12,.55),transparent 55%)}.feature-copy{position:relative;padding:48px;max-width:650px}.tag{font-size:12px;text-transform:uppercase;letter-spacing:.12em;border:1px solid #ad8f6a;padding:7px 12px;display:inline-block;color:#ead0b0}.feature h2{font-family:var(--display);text-transform:uppercase;font-weight:600;font-size:clamp(56px,7vw,100px);line-height:.93;margin:28px 0 12px}.subtitle{font-size:22px;font-family:Georgia,serif;color:#eac9a2}.feature p{max-width:390px;color:#e0d4c4}.link{display:inline-flex;gap:36px;align-items:center;border-bottom:1px solid currentColor;padding:8px 0;font-size:14px;font-weight:600}.feature .link{margin-top:28px}.lower{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin:70px 7vw 90px}.lower h2,.journal h1,.about h1{font-family:var(--display);font-size:52px;line-height:1.05;font-weight:500;margin:18px 0}.lower p{color:var(--muted);max-width:440px}.lower article{border-top:1px solid var(--line);padding-top:24px}footer{border-top:1px solid var(--line);padding:28px 5vw;display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.book-page{--accent:#e6b17b;--bg:#191310;--line:#48362a}.book-hero{position:relative;min-height:680px;display:flex;align-items:center}.book-hero .shade{background:linear-gradient(90deg,rgba(20,15,12,.94),rgba(20,15,12,.2)),linear-gradient(0deg,#191310,transparent 35%)}.book-heading{position:relative;padding:64px 7vw;max-width:850px}.back{font-size:14px;color:#d3c2b4;display:inline-block;margin-bottom:48px}.book-heading h1{font-family:var(--display);font-size:clamp(74px,11vw,150px);font-weight:600;text-transform:uppercase;line-height:.86;margin:25px 0}.book-heading .subtitle{font-size:clamp(24px,3vw,36px)}.book-heading p{max-width:420px;color:#dbc7b4}.button{display:inline-block;background:var(--accent);color:#21170f;padding:13px 23px;margin-top:16px;font-weight:600;font-size:14px}.story{padding:55px 7vw 80px;display:grid;grid-template-columns:1fr 1.7fr;gap:10vw}.story h2{font:500 52px/1.05 var(--display);margin:20px 0}.story p{font-size:18px;color:#d6c8bc}.story .lead{font:28px/1.5 Georgia,serif;color:var(--ink)}.excerpt{margin:0 7vw 90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{padding:24px 0;cursor:pointer;font-size:20px}summary small{font:12px 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-left:24px}.reading{max-width:740px;margin:10px auto 50px;font:20px/1.85 Georgia,serif}.reading h3{font:500 36px/1.2 var(--display)}.reading .note{font:14px 'DM Sans',sans-serif;color:var(--muted)}.journal,.about{max-width:900px;margin:70px auto 100px;padding:0 6vw}.journal h1,.about h1{font-size:clamp(60px,8vw,100px)}.entry{margin-top:60px;padding-top:30px;border-top:1px solid var(--line)}.entry h2{font:500 34px/1.2 var(--display)}.entry p,.about p{color:var(--muted);font-size:18px}.reveal{animation:arrive .8s ease both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){header{padding:20px 6vw;align-items:start;flex-direction:column;gap:10px}nav{gap:24px}.intro{grid-template-columns:1fr;padding:45px 6vw;gap:25px}.intro h1{font-size:78px}.books{margin:0 6vw}.feature{min-height:550px}.feature-copy{padding:30px}.feature h2{font-size:74px}.shade{background:linear-gradient(90deg,rgba(16,14,12,.86),rgba(16,14,12,.3))}.lower{grid-template-columns:1fr;margin:50px 6vw;gap:36px}.book-hero{min-height:650px}.book-heading{padding:35px 6vw}.book-heading h1{font-size:96px}.story{grid-template-columns:1fr;gap:10px;padding:30px 6vw 50px}.story h2{font-size:42px}.excerpt{margin:0 6vw 60px}summary small{display:block;margin:10px 0 0}.reading{font-size:18px}footer{gap:18px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}.landscape{transition:none}}

/* Wine accents retain brighter rose for small text and keyboard focus. */
body:not(.book-page) .link{color:var(--accent)}
body:not(.book-page) nav a[aria-current=page]{border-bottom:2px solid var(--accent)}
body:not(.book-page) ::selection{background:var(--wine);color:var(--ink)}
@media(max-width:700px){.feature .landscape,.book-hero .landscape{object-position:100% center}}

/* Separate title lines so neither line intrudes into the other. */
.feature h2,.book-heading h1{line-height:1.05}
.title-line{display:block;position:relative;isolation:isolate}
.title-line+.title-line{margin-top:.07em}
@media(max-width:700px){.intro h1 em{font-size:clamp(38px,14vw,72px);letter-spacing:-.055em}.feature h2{font-size:clamp(50px,15vw,74px)}.book-heading h1{font-size:clamp(60px,18vw,96px)}}

/* Room for the final R flourish inside the text-gradient painting area. */
.intro h1 em{padding:.06em .4em .22em .05em;margin-left:-.05em;margin-bottom:-.22em;overflow:visible}
.feature h2,.book-heading h1{font-family:"Marcellus SC",Georgia,serif;font-weight:400;letter-spacing:.025em}
.feature h2{font-size:clamp(48px,6.3vw,90px)}
.book-heading h1{font-size:clamp(60px,9vw,120px)}
@media(max-width:700px){.feature h2{font-size:clamp(36px,10.7vw,64px)}.book-heading h1{font-size:clamp(42px,12.5vw,80px)}}

/* Keep the ghost emblem visible beneath the live title. */
.feature .shade{background:linear-gradient(90deg,rgba(16,14,12,.55),rgba(16,14,12,.08)),linear-gradient(0deg,rgba(16,14,12,.55),transparent 55%)}
.book-hero .shade{background:linear-gradient(90deg,rgba(20,15,12,.58),rgba(20,15,12,.08)),linear-gradient(0deg,#191310,transparent 35%)}
.feature h2,.book-heading h1{text-shadow:0 2px 12px #120c09,0 1px 2px #120c09}

/* The second i anchors the emblem on every viewport. */
.feature h2,.book-heading h1{position:relative;isolation:isolate;width:max-content;max-width:100%;z-index:0}
.title-line{isolation:auto;width:max-content;max-width:100%}
.emblem-anchor,.last-letter{position:relative}
.title-emblem{position:absolute;max-width:none;width:4.2em;height:5em;object-fit:contain;left:50%;top:-1.8em;transform:translateX(-50%);z-index:-1;opacity:.42;pointer-events:none}
.title-line{background-color:#f3f0e6;background-image:url('/assets/title-blood.png');background-size:100% 100%;background-position:center;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 3px #140a08)}
.title-line+.title-line{background-position:right bottom}
.blood-drip{position:absolute;right:.02em;top:.85em;width:.24em;height:.48em;background-image:url('/assets/title-blood.png');background-size:4em 2em;background-position:right bottom;pointer-events:none}
.title-emblem{width:3.4em;height:4em;top:-1.05em;opacity:.32}.title-line{background-size:100% 240%;background-position:center 50%}.title-line+.title-line{background-position:center 52%}.blood-drip{right:.1em;top:.82em;width:.16em;height:.4em;background-size:4.4em 2.2em;background-position:-4.10em -1.53em}

/* The personal emblem stays subordinate to the book title. */
.title-emblem{opacity:.22}
.title-emblem{filter:drop-shadow(-.007em -.009em .003em rgba(249,224,188,.65)) drop-shadow(.012em .018em .004em rgba(24,8,6,.95)) drop-shadow(.025em .035em .028em rgba(7,3,2,.65))}
.title-emblem{filter:drop-shadow(0 -.15px .35px rgba(249,224,188,.18)) drop-shadow(0 .3px .6px rgba(24,8,6,.28))}

/* A quiet journey beyond the familiar. */
body{isolation:isolate;background:#120d14}
body::before{content:"";position:fixed;inset:-15%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 20% 32%,rgba(103,29,60,.26),transparent 36%),radial-gradient(ellipse at 80% 65%,rgba(71,40,88,.22),transparent 32%),radial-gradient(ellipse at 48% 85%,rgba(102,40,57,.12),transparent 35%);animation:galaxy-drift 85s ease-in-out infinite alternate}
.space-background{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.book-page .space-background{opacity:.4}
.book-page::before{opacity:.35}
@keyframes galaxy-drift{to{transform:translate3d(4%,-3%,0) rotate(6deg)}}
@media(prefers-reduced-motion:reduce){body::before{animation:none}}

.photo-eye{position:fixed;left:1vw;top:7vh;width:98vw;height:86vh;object-fit:cover;object-position:58% 48%;opacity:.075;filter:saturate(.45);mask-image:radial-gradient(ellipse 49% 43% at center,#000 25%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 49% 43% at center,#000 25%,transparent 100%);z-index:-1;pointer-events:none}.book-page .photo-eye{opacity:.035}