
:root{
 --ink:#2e2921; --cream:#f4eedf; --paper:#fbf7ef; --gold:#c89a5b; --deep:#3b352d;
 --muted:#716a60; --line:rgba(58,49,39,.17); --shadow:0 22px 60px rgba(52,42,29,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.72}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.06}
.site-header{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:17px clamp(18px,5vw,72px);background:#29251f;color:#f8f2e7;position:sticky;top:0;z-index:40}
.brand{font-family:Georgia,serif;letter-spacing:.12em;font-size:.95rem}
nav{display:flex;gap:19px;flex-wrap:wrap;font-size:.86rem;color:#ded3c2}
nav a:hover{color:#fff}
.hero{min-height:760px;display:grid;grid-template-columns:minmax(300px,510px) 1fr;gap:clamp(40px,7vw,110px);align-items:center;padding:70px clamp(25px,7vw,110px);background:linear-gradient(125deg,#efe4ce,#f9f5ec 58%,#e2d0af)}
.hero-cover img{width:100%;max-height:660px;object-fit:contain;box-shadow:var(--shadow)}
.hero-copy{max-width:760px}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;font-weight:700;color:#9c6f38;margin:0 0 12px}
.hero h1{font-size:clamp(4rem,8vw,7.7rem);margin:.05em 0}
.subtitle{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.8rem);margin:.15em 0;color:#6f5c45}
.byline{letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin:24px 0}
.lead{font-family:Georgia,serif;font-size:1.22rem;color:#5f584f;max-width:660px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border:1px solid #6d5a43;font-weight:700}
.primary{background:#3e372f;color:white}
.secondary{background:rgba(255,255,255,.3)}
.quote-band{padding:58px 24px;background:#3a342d;color:#f5eddf;text-align:center}
.quote-band p{margin:0 auto;max-width:900px;font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,3.2rem);font-style:italic}
.about{padding:100px clamp(20px,8vw,120px)}
.section-heading{text-align:center;max-width:900px;margin:0 auto 44px}
.section-heading h2{font-size:clamp(2.6rem,5vw,4.9rem);margin:.12em 0}
.kicker{color:var(--muted);font-family:Georgia,serif;font-style:italic}
.story-card{max-width:930px;margin:auto;padding:clamp(30px,5vw,60px);background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}
.story-card p{font-family:Georgia,serif;font-size:1.08rem;color:#4e483f}
.memory-feature{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;max-width:1300px;margin:0 auto 100px;background:#e9dcc4}
.memory-feature img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center top}
.memory-feature div{padding:clamp(35px,5vw,70px);align-self:center}
.memory-feature h2{font-size:clamp(2.7rem,5vw,5rem);margin:.12em 0}
.memory-feature p{color:#665c4f}
.text-link{font-weight:700;color:#78582f}
.season-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dfd1bb}
.season-strip figure{margin:0;position:relative;min-height:360px;overflow:hidden}
.season-strip img{width:100%;height:100%;object-fit:cover}
.season-strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(transparent,rgba(28,23,18,.82));color:white;font-family:Georgia,serif;font-size:1.35rem}
.archive-callout{padding:100px 25px;text-align:center;background:#efe3cf}
.archive-callout>div{max-width:900px;margin:auto}
.archive-callout h2{font-size:clamp(2.6rem,5vw,5rem);margin:.12em 0}
.archive-callout p{color:#675f54}
.archive-hero{min-height:560px;display:flex;align-items:flex-end;padding:90px clamp(25px,8vw,120px);background:linear-gradient(90deg,rgba(35,29,22,.87),rgba(35,29,22,.2)),url("../images/her-sky/pumpkinbloom.webp") center/cover;color:white}
.archive-hero div{max-width:850px}
.archive-hero h1{font-size:clamp(4rem,8vw,7rem);margin:.1em 0}
.archive-hero p:not(.eyebrow){max-width:700px;font-family:Georgia,serif;font-size:1.15rem}
.archive-section,.places-section,.awareness{padding:95px clamp(20px,6vw,90px)}
.archive-grid{max-width:1350px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.archive-card{background:white;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}
.archive-card img{width:100%;height:430px;object-fit:cover;object-position:center top}
.archive-copy{padding:22px}
.archive-copy h3{font-size:2rem;margin:.1em 0}
.places-section{background:#eee3d1}
.places-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.place-card{background:white;border:1px solid var(--line);overflow:hidden}
.place-card img{width:100%;aspect-ratio:16/9;object-fit:cover}
.place-card div{padding:25px}
.place-card h3{font-size:2.15rem;margin:.1em 0}
.place-card p{color:var(--muted)}
.awareness{background:#34302a;color:#f3ede2}
.awareness .section-heading h2{color:#fff}
.awareness-copy{max-width:850px;margin:0 auto 40px;text-align:center;color:#d9d0c3}
.logo-grid{max-width:920px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:26px}
.logo-card{background:#fff;color:#302b25;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center;min-height:260px}
.logo-card img{max-height:130px;max-width:90%;object-fit:contain}
.logo-card span{font-weight:700}
.back-callout{padding:55px;text-align:center;background:#f0e5d3}
footer{background:#221f1b;color:#d8d0c4;text-align:center;padding:45px 20px;font-size:.9rem}
@media(max-width:980px){
 .hero{grid-template-columns:1fr;text-align:center}
 .hero-cover img{max-height:520px}
 .actions{justify-content:center}
 .memory-feature{grid-template-columns:1fr}
 .season-strip{grid-template-columns:1fr 1fr}
 .archive-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
 .site-header{align-items:flex-start;flex-direction:column;gap:9px}
 .hero{padding:45px 18px}
 .hero h1{font-size:3.8rem}
 .season-strip,.archive-grid,.places-grid,.logo-grid{grid-template-columns:1fr}
 .archive-card img{height:390px}
 .memory-feature img{min-height:420px}
 .archive-hero{min-height:500px;padding:70px 22px}
}

.special-memories{padding:80px clamp(20px,6vw,90px);background:#f7f0e4}
.special-copy{max-width:900px;margin:auto;background:#fff;padding:32px;border:1px solid var(--line);box-shadow:var(--shadow)}
.special-copy p{font-family:Georgia,serif;color:#5b5349}

.archive-copy p:not(.eyebrow){color:var(--muted);font-size:.95rem;margin:.5rem 0 0}

/* Standard Ada Forge header brand */
.site-header .brand {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: Georgia, serif;
    letter-spacing: 0;
}

.site-header .brand img {
    width: auto;
    height: 50px;
    max-width: 180px;
    object-fit: contain;
    flex-shrink: 0;
}

.site-header .brand div {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.site-header .brand strong {
    color: #f8f2e7;
    font-size: 1rem;
    font-weight: 700;
}

.site-header .brand span {
    color: #ded3c2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .72rem;
    font-weight: 400;
}

/* Goodreads and Amazon Store header buttons */
.header-store {
    padding: 9px 15px;
    border: 1px solid #c6a76a;
    color: #c6a76a !important;
    background: transparent;
    font-weight: 700;
}

.header-store:hover {
    background: #c6a76a;
    color: #111 !important;
}
