/*
Theme Name: Shay Cruz — After Dark
Author: Shay Cruz
Description: An editorial author landing page in crimson, charcoal and ivory. Edit books under Books and author details under Appearance > Customize.
Version: 1.2.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: shay-cruz
*/
:root{--ink:#111113;--paper:#eee9e2;--muted:#b0aaa6;--red:#d93243;--line:#ffffff24;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.7 Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}::selection{background:var(--red);color:#fff}.wrap{width:min(1240px,88%);margin:auto}.skip{position:absolute;left:20px;top:-100px;z-index:99;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:12px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.logo{text-decoration:none;font:30px/1 var(--serif);letter-spacing:-2px;white-space:nowrap}.logo em{color:var(--red);font-weight:normal}.logo small{font:8px Arial;letter-spacing:3px;display:block;margin-top:10px;text-align:center}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:2px}.nav-links a:hover,.textlink:hover{color:var(--red)}.nav-links .nav-arc{border:1px solid var(--line);padding:10px 18px}.hero{min-height:760px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:4%;position:relative;padding:75px 0 65px}.eyebrow{color:var(--red);font-size:10px;text-transform:uppercase;letter-spacing:3px;font-weight:bold;display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';display:block;width:28px;height:1px;background:currentColor}h1,h2,h3,p{margin-top:0}h1{font:clamp(60px,7vw,102px)/.99 var(--serif);letter-spacing:-5px;margin:29px 0}h1 em{color:var(--red);font-weight:normal}h1 span{display:block}p.intro{font-size:15px;color:var(--muted);max-width:380px;line-height:1.9}.actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:32px}.btn{display:inline-block;text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:bold;padding:16px 24px;background:var(--red);color:#fff;border:1px solid var(--red)}.btn:hover{background:#af2030;border-color:#af2030}.textlink{font-size:10px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #777;padding:10px 0}.hero-stage{position:relative;min-height:540px;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-stage:before{content:'';position:absolute;width:500px;max-width:110%;height:500px;background:radial-gradient(ellipse,#a61d2e51,transparent 68%);z-index:-1}.orbit{position:absolute;width:420px;height:420px;max-width:100%;border:1px solid #ffffff12;border-radius:50%;transform:rotate(-20deg)}.orbit:after{content:'DESIRE / DANGER / DECEPTION';position:absolute;top:0;left:15%;font-size:8px;letter-spacing:4px;color:#b49d9d}.mock{width:215px;height:328px;background:#23161c;box-shadow:12px 20px 35px #0009;position:relative;border:1px solid #ffffff24;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;overflow:hidden}.mock:before{content:'';position:absolute;inset:12px;border:1px solid #b48a713e}.mock:after{content:'';position:absolute;width:220px;height:220px;bottom:-110px;left:-40px;border:1px solid #e3b7a45c;border-radius:50%;box-shadow:15px -15px 0 -14px #c9987c,30px -30px 0 -29px #c9987c;transform:rotate(-30deg)}.mock small{font-size:7px;letter-spacing:3px;color:#d8b8b0;margin:18px 0}.mock b{font:42px/.95 var(--serif);text-transform:uppercase;letter-spacing:-2px;color:#ece1d4;z-index:1}.mock b em{display:block;font-size:22px;font-style:italic;text-transform:lowercase;line-height:1.5}.mock strong{font:13px var(--serif);letter-spacing:5px;margin-top:27px;color:#e6d3c5}.mock i{font-style:normal;font-size:6px;letter-spacing:2px;position:absolute;bottom:27px;color:#b49b94}.hero-stage .mock:first-of-type{transform:translate(21px,-22px) rotate(-11deg);z-index:2}.hero-stage .mock:last-of-type{transform:translate(-16px,41px) rotate(9deg);background:#6b1827;z-index:3}.stage-note{position:absolute;bottom:0;text-align:center;font-size:8px;letter-spacing:2px;color:#94878a;text-transform:uppercase}.marquee{border-block:1px solid var(--line);padding:18px 4%;display:flex;justify-content:center;gap:48px;flex-wrap:wrap;color:#bfb4b1;font-size:10px;letter-spacing:3px;text-transform:uppercase}.marquee span:before{content:'✦';color:var(--red);margin-right:35px}.section{padding:110px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:65px}.section-top p{max-width:300px;color:var(--muted);font-size:13px;margin-bottom:8px}h2{font:clamp(42px,5vw,67px)/1.08 var(--serif);letter-spacing:-2px;margin:20px 0 0}h2 em{font-weight:normal;color:var(--red)}.books{display:grid;grid-template-columns:1fr 1fr;gap:60px}.book{display:grid;grid-template-columns:190px 1fr;gap:28px;align-items:center;border-top:1px solid var(--line);padding-top:34px}.book-art{min-height:300px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 70%,#4f202638,#19191b 70%)}.book-art .mock{width:151px;height:231px;transform:rotate(-5deg);padding:16px}.book-art .mock b{font-size:32px}.book-art .mock b em{font-size:18px}.book-art .mock strong{font-size:10px;letter-spacing:3px;margin-top:20px}.book-art .mock small{font-size:5px}.book-art .mock i{font-size:5px;bottom:20px}.book:nth-child(even) .mock{background:#6b1827;transform:rotate(5deg)}.cover{width:165px;max-height:270px;object-fit:contain;filter:drop-shadow(8px 14px 13px #0008)}.book-meta{font-size:8px;color:var(--red);letter-spacing:2px;text-transform:uppercase}h3{font:30px/1.1 var(--serif);letter-spacing:-1px;margin:13px 0 18px}.book-copy{color:var(--muted);font-size:12px;line-height:1.9}.status{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#c5b9ae;border:1px solid var(--line);display:inline-block;padding:8px 12px}.book .textlink{display:inline-block;margin-top:10px;font-size:8px}.future{border-bottom:1px solid var(--line);margin-top:50px;padding-bottom:25px;font-size:10px;letter-spacing:2px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.about{background:var(--paper);color:var(--ink);padding:100px 0}.about-grid{display:grid;grid-template-columns:.9fr 1fr;gap:12%;align-items:center}.monogram{position:relative;aspect-ratio:1;background:#dad2c8;display:grid;place-items:center;overflow:hidden}.monogram:before{content:'';position:absolute;inset:9%;border:1px solid #7c726a55}.monogram b{font:clamp(100px,15vw,220px)/1 var(--serif);font-weight:normal;letter-spacing:-25px;color:#3b3430}.monogram em{color:#a32636;font-weight:normal}.monogram small{position:absolute;bottom:14%;font-size:8px;letter-spacing:4px;color:#645952}.about p{font-size:14px;color:#59534e;line-height:1.9;margin-top:25px}.signature{font:italic 32px var(--serif);letter-spacing:-1px;color:#a32636;margin-top:30px}.arc{padding:100px 0;background:linear-gradient(110deg,#721b2a,#3a121d);position:relative}.arc-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center}.arc .eyebrow{color:#eab5b9}.arc h2{font-size:clamp(38px,4.5vw,60px)}.arc p{color:#dfbfc2;font-size:13px;max-width:380px;margin:22px 0}.arc .btn{background:var(--paper);border-color:var(--paper);color:#561521}.arc .btn:hover{background:#fff}.arc-side{border-left:1px solid #ffffff30;padding-left:45px}.arc-side h3{font-size:27px}.arc-side p{font-size:12px}.fine{font-size:10px!important;line-height:1.8;color:#cba5ac!important}.contact{text-align:center;padding:110px 0 80px}.contact .eyebrow{justify-content:center}.contact h2{max-width:750px;margin:25px auto}.email{display:inline-block;font:clamp(24px,3vw,42px) var(--serif);text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:7px;margin:30px 0}.contact p{font-size:12px;color:var(--muted)}details{max-width:650px;margin:35px auto 0;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-size:11px;letter-spacing:1px}details p{padding:15px 0 0;margin:0}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}footer p,footer a{font-size:9px;color:var(--muted);letter-spacing:1px}footer p{margin:0}.draft{position:fixed;bottom:12px;left:12px;padding:5px 12px;background:#eee9e2;color:#111;font-size:10px;z-index:10;border:1px solid #a32636}.entry{padding:90px 0;min-height:60vh}.entry h1{font-size:60px}
@media(min-width:1500px){.hero{min-height:820px}}@media(max-width:1100px){.books{gap:35px}.book{grid-template-columns:150px 1fr;gap:18px}.book-art .mock{width:130px;height:205px}.hero-stage .mock{width:175px;height:280px}.hero-stage .mock b{font-size:35px}}@media(max-width:760px){.wrap{width:88%}.nav{padding:22px 0}.nav-links{gap:17px}.nav-links a{font-size:9px;letter-spacing:1px}.nav-arc{display:none}h1{letter-spacing:-3px;font-size:66px}.hero{grid-template-columns:1fr;padding:55px 0 35px;gap:10px}.hero-stage{min-height:420px}.hero-stage .mock{width:165px;height:260px}.hero-stage .mock b{font-size:33px}.orbit{width:330px;height:330px}.stage-note{bottom:10px}.marquee{gap:15px;font-size:8px}.marquee span:before{margin-right:15px}.section{padding:70px 0}.section-top{display:block;margin-bottom:35px}.section-top p{margin-top:22px}.books{grid-template-columns:1fr;gap:40px}.book{grid-template-columns:145px 1fr}.book-art{min-height:245px}.book-art .mock{width:125px;height:202px}.book-art .mock b{font-size:27px}.book-art .mock strong{font-size:9px}.future{font-size:8px}.about,.arc{padding:65px 0}.about-grid,.arc-grid{grid-template-columns:1fr;gap:35px}.monogram{max-width:350px}.monogram b{font-size:175px}.arc-side{padding-left:25px}.contact{padding:70px 0 50px}footer{flex-wrap:wrap}.cover{width:125px}h3{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hero-cover{width:215px;height:328px;object-fit:contain;filter:drop-shadow(12px 20px 20px #0009)}.hero-stage .hero-item:nth-child(2){transform:translate(21px,-22px) rotate(-11deg);z-index:2}.hero-stage .hero-item:nth-child(3){transform:translate(-16px,41px) rotate(9deg);z-index:3}.hero-stage .hero-item.mock:nth-child(3){background:#6b1827}@media(max-width:1100px){.hero-cover{width:175px;height:280px}}@media(max-width:760px){.hero-cover{width:165px;height:260px}}

@media(max-width:760px){h1{font-size:clamp(48px,11vw,66px)}.hero-stage .mock,.hero-cover{width:clamp(125px,38vw,165px);height:clamp(210px,60vw,260px);flex-shrink:0}.hero-stage .mock b{font-size:clamp(27px,7.5vw,33px)}}

/* Author-first opening */
.author-hero{position:relative;isolation:isolate;overflow:hidden;background:#111113;min-height:740px}.author-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.author-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#111113f2 0%,#111113dd 26%,#11111366 49%,#11111300 75%),linear-gradient(0deg,#111113 0%,transparent 18%,transparent 85%,#11111366 100%)}.author-hero-content{min-height:740px;display:flex;align-items:center;padding-block:90px}.hero-copy{max-width:650px}.author-hero h1{font-size:clamp(66px,6.7vw,100px);line-height:1.02;letter-spacing:-4px;margin:32px 0}.author-hero .intro{max-width:390px;font-size:16px;color:#d4ccc6;line-height:1.9}.author-hero .eyebrow{color:#ed8d93}.author-hero .actions{margin-top:32px}.author-hero .btn{background:#bc2839;border-color:#bc2839}.author-hero .btn:hover{background:#9e1e2d}
@media(min-width:1600px){.author-hero,.author-hero-content{min-height:810px}}@media(max-width:900px){.author-hero h1{font-size:72px;max-width:570px}.author-hero-image{object-position:65% center}.author-hero:after{background:linear-gradient(90deg,#111113e8,#11111399 45%,#11111333),linear-gradient(0deg,#111113,transparent 35%)}}@media(max-width:600px){.author-hero{min-height:780px}.author-hero-image{height:100%;object-position:68% center;opacity:.85}.author-hero-content{min-height:780px;align-items:flex-end;padding-top:310px;padding-bottom:70px}.author-hero:after{background:linear-gradient(0deg,#111113 0%,#111113ef 26%,#11111377 65%,#11111311 100%)}.author-hero h1{font-size:clamp(48px,10.8vw,65px);letter-spacing:-2px;margin:23px 0}.author-hero .intro{font-size:14px;max-width:350px}.author-hero .eyebrow{font-size:9px;letter-spacing:2px}.hero-copy{width:100%}}

@media (max-width:600px) {
.author-hero { min-height:650px; }
.author-hero-content { min-height:650px; padding-top:230px; padding-bottom:50px; }
.author-hero-image { object-position:100% center; }
.author-hero h1 { font-size:clamp(42px,10.8vw,65px); }
.nav { flex-wrap:wrap; gap:18px; }
.nav-links { width:100%; justify-content:space-between; gap:12px; }
.nav-links a { white-space:nowrap; }
}