/* Rathke Corner Books — bookshop visual system */
:root{--accent:#a9623c;--ink:#253340;--paper:#eef0ed;--line:color-mix(in srgb,var(--ink) 18%,transparent);--sans:Arial,sans-serif;--display:Georgia, serif}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)} a{color:inherit} .wrap{width:min(1120px,calc(100% - 40px));margin:auto}
.top{padding:18px 0;border-bottom:1px solid var(--line)} .top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px} .brand{font:700 clamp(1.15rem,2vw,1.55rem)/1 var(--display);text-decoration:none;letter-spacing:-.03em} .brand small{display:block;font:10px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-top:4px}
nav{display:flex;align-items:center;gap:22px} nav a{text-decoration:none;font-size:.88rem} nav a:hover{color:var(--accent)} .menu{display:none;background:none;border:1px solid var(--ink);padding:8px 10px;color:var(--ink)}
.hero{padding:18px 0 64px} .hero-image{min-height:510px;display:flex;align-items:end;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 65%),url('images/rcb-hero.png') center/cover;border-radius:4px;padding:clamp(28px,6vw,76px);color:white} .eyebrow{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:bold} h1,h2,h3{font-family:var(--display);line-height:1.04;letter-spacing:-.045em} h1{font-size:clamp(2.65rem,6vw,5.5rem);max-width:820px;margin:12px 0 18px} h2{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 18px} h3{font-size:1.5rem;margin:0 0 10px} .lead{font-size:1.1rem;max-width:600px} .button{display:inline-block;background:var(--accent);color:white;text-decoration:none;padding:13px 20px;border:0;margin:10px 8px 0 0;font-weight:bold;cursor:pointer} .button.alt{background:transparent;border:1px solid currentColor;color:inherit}
section{padding:78px 0} .intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start} .muted{opacity:.74} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .card{padding:28px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 82%,white)} .card p{margin-bottom:0} .photo-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px} .photo-grid img{width:100%;height:260px;object-fit:cover} .photo-grid img:first-child{height:360px;grid-row:span 2} .band{background:var(--ink);color:var(--paper)} .pagehead{padding:72px 0 35px;border-bottom:1px solid var(--line)} .pagehead h1{font-size:clamp(2.7rem,6vw,4.8rem);color:var(--ink);max-width:760px} .content{max-width:780px} .content h2{font-size:2rem;margin-top:42px} .list{padding-left:18px} .contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px} form{display:grid;gap:14px} label{font-size:.86rem;font-weight:bold} input,textarea{width:100%;padding:12px;background:transparent;border:1px solid var(--line);font:inherit;color:inherit} textarea{min-height:130px} .success{display:none;padding:15px;background:#dfead9;border-left:4px solid var(--accent)} footer{padding:42px 0;border-top:1px solid var(--line);font-size:.88rem} footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap} .links{display:flex;gap:15px;flex-wrap:wrap}
.cookie{position:fixed;z-index:5;left:18px;right:18px;bottom:18px;max-width:680px;background:var(--ink);color:white;padding:20px;box-shadow:0 10px 35px #0005} .cookie p{margin:6px 0 13px;font-size:.88rem} .cookie .button{font-size:.82rem;padding:10px 14px} .cookie .alt{color:white} .settings{display:none;margin-top:12px;font-size:.85rem}
@media(max-width:720px){.top .wrap{flex-wrap:wrap}.menu{display:block;margin-left:auto}nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding-top:12px}nav.open{display:flex}.hero{padding-bottom:35px}.hero-image{min-height:460px;padding:28px}section{padding:54px 0}.intro,.contact{grid-template-columns:1fr;gap:28px}.grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.photo-grid img:first-child{grid-column:span 2;grid-row:auto;height:260px}}
.card{box-shadow:8px 8px 0 color-mix(in srgb,var(--accent) 22%,transparent)}.hero-image{filter:saturate(.82)}