/* House of Rusco welcome books, level-up 10/30: same look as houseofrusco.com.
   Literata + Hanken Grotesk, paper/bunting red/midnight/porch gold, square corners,
   full-screen hero and edge-to-edge photo bands between the sections. Loaded after the book's own style. */
:root{--ink:#1c1b19;--accent:#9b2f2b;--bg:#faf7f1;--card:#fff;--line:#e6dfd2;--soft:#5d5a54;--night:#131a24;--gold:#c9a15b}
body{font-family:'Literata',Georgia,serif;background:var(--bg);color:var(--ink)}
.sans,main{font-family:'Hanken Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}

header.hero{min-height:100svh;background-color:var(--night)}
header.hero .shade{background:linear-gradient(180deg,rgba(19,26,36,.55) 0%,rgba(19,26,36,.12) 40%,rgba(19,26,36,.82) 100%)}
header.hero .inner{padding:0 22px 64px;max-width:980px}
header.hero .brand{font-family:'Hanken Grotesk',sans-serif;font-size:.72rem;letter-spacing:.26em;color:var(--gold);opacity:1}
header.hero h1{font-family:'Literata',serif;font-weight:300;font-size:clamp(2.6rem,7vw,4.6rem);line-height:1.04;margin-top:14px}
header.hero h1::after{content:'';display:block;width:56px;height:1px;background:var(--gold);margin-top:22px}
header.hero p{font-weight:300;font-size:1.05rem;margin-top:14px}

main{max-width:820px;padding:28px 22px 80px}
nav.jump{gap:6px;margin:22px 0 10px}
nav.jump a{border-radius:0;background:transparent;color:var(--ink);border:1px solid rgba(28,27,25,.25);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
nav.jump a:hover{border-color:var(--accent);color:var(--accent)}
section{margin-top:56px}
h2{font-family:'Literata',serif;font-weight:300;color:var(--ink);font-size:2rem;border-bottom:0;padding-bottom:0;margin-bottom:22px}
h2::after{content:'';display:block;width:48px;height:1px;background:var(--gold);margin-top:14px}
.card,details,button.copy,.wifi code,nav.jump a,input,textarea,button{border-radius:0!important}
.card{border-color:var(--line);padding:20px 22px}
.big{font-family:'Literata',serif;font-weight:300;font-size:1.9rem}
.label{font-size:.68rem;letter-spacing:.22em;color:var(--accent);font-weight:500}
details summary{font-weight:500}
details summary::after{color:var(--accent)}
ul.clean li.ck::before{border-radius:0;border-color:var(--accent)}
.rec-cat{color:var(--accent);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:600}

/* edge-to-edge photo bands */
.wide{position:relative;width:100vw;margin:64px 0 0 calc(50% - 50vw);height:72vh;min-height:300px;overflow:hidden;background:var(--night)}
.wide img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s ease}
.wide.in img{transform:scale(1.03)}
.wide figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 22px;background:linear-gradient(180deg,rgba(19,26,36,0),rgba(19,26,36,.78));color:#faf7f1;font-family:'Literata',serif;font-weight:300;font-size:clamp(1.15rem,2.4vw,1.6rem)}
.wide figcaption span{display:block;max-width:820px;margin:0 auto}
.wide + section{margin-top:56px}
@media(max-width:640px){.wide{height:52vh}}
#photos.is-moved{display:none}