/*
Theme Name: Dannevirke Museum Concept
Theme URI: https://example.com/
Author: Independent design concept
Description: A warm, archive-led WordPress theme concept for Dannevirke Gallery of History. Includes editable Stories, Collection Areas, History Chapters and visitor details.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: dannevirke-museum
*/

:root{--ink:#18251f;--cream:#f3efe5;--paper:#faf8f2;--rust:#a6432c;--gold:#c8a25b;--line:#cbc7bb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:500}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.concept{background:var(--rust);color:#fff7e8;text-align:center;padding:8px 16px;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.site-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);background:var(--paper);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:12px;letter-spacing:.08em;line-height:1.15}.brand-mark,.footer-brand>.brand-mark{width:42px;height:42px;border:1px solid var(--ink);display:grid;place-items:center;font-family:Georgia,serif;font-size:17px}.site-header nav ul{display:flex;align-items:center;gap:30px;list-style:none;padding:0;margin:0;font-size:13px}.site-header nav a:hover,.site-header nav a:focus{color:var(--rust)}.header-cta{background:var(--ink);color:white;padding:14px 18px;font-size:13px;display:flex;gap:18px}.mobile-toggle{display:none;border:0;background:transparent;font:inherit;padding:10px}.hero{height:min(720px,76vh);min-height:570px;position:relative;color:white;overflow:hidden;background:#26342d}.hero>img{width:100%;height:100%;object-fit:cover;filter:sepia(.18) contrast(1.08)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,15,.83),rgba(10,20,15,.36) 60%,rgba(10,20,15,.12)),linear-gradient(0deg,rgba(0,0,0,.3),transparent 45%)}.hero-content{position:absolute;left:clamp(24px,8vw,120px);top:50%;transform:translateY(-47%);max-width:900px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;margin-bottom:22px}.eyebrow.dark{color:var(--rust)}.hero h1{font-size:clamp(52px,7.8vw,112px);line-height:.87;letter-spacing:-.05em;margin-bottom:30px}.hero-copy{font-family:Georgia,serif;font-size:18px;line-height:1.6;max-width:580px}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:17px 20px;font-size:13px;font-weight:700;min-width:180px}.button.light{background:white;color:var(--ink)}.button.dark{background:var(--ink);color:white}.text-link{font-size:13px;border-bottom:1px solid rgba(255,255,255,.6);padding:10px 0;display:flex;gap:24px}.photo-credit{position:absolute;right:24px;bottom:15px;font-size:10px;opacity:.75}.quick-info{display:grid;grid-template-columns:repeat(3,1fr) auto;background:var(--cream);border-bottom:1px solid var(--line);padding:0 clamp(20px,5vw,72px)}.quick-info>div{padding:28px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column}.quick-info>div:first-child{border-left:1px solid var(--line)}small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#6c736d;margin-bottom:9px}.quick-info strong{font-family:Georgia,serif;font-size:18px;font-weight:500}.quick-info span{font-size:11px;color:#626b65;margin-top:5px}.quick-info>a{align-self:center;margin-left:28px;color:var(--rust);font-size:13px;font-weight:700;display:flex;gap:20px}.section{padding:110px clamp(24px,8vw,120px)}.section-heading{max-width:580px}.section-heading h2,.then-copy h2,.visit-title h2,.support h2,.around h2{font-size:clamp(48px,6vw,82px);letter-spacing:-.05em;line-height:.98;margin-bottom:28px}.section-heading>p:last-child,.section-heading.row>p,.then-copy>p,.visit-title>p{font-family:Georgia,serif;line-height:1.65;color:#48534d}.history{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:54px 1fr;gap:22px;padding:25px 0;border-bottom:1px solid var(--line)}.timeline article>span{color:var(--rust);font-size:11px;letter-spacing:.12em;padding-top:5px}.timeline h3{font-size:25px;margin-bottom:8px}.timeline p{font-size:14px;line-height:1.6;color:#58615c;margin-bottom:0}.context-note{grid-column:2;font-size:11px;line-height:1.6;color:#68706b;background:#ebe7dc;padding:16px 20px}.stories{background:var(--ink);color:#f8f4e9}.section-heading.row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:10vw}.section-heading.row>p{max-width:390px;color:inherit;opacity:.72}.story-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px;margin-top:60px}.story-image{height:310px;position:relative;overflow:hidden;background:#334039}.story:first-child .story-image{height:430px}.story-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65) sepia(.12);transition:transform .5s}.story:hover img{transform:scale(1.025)}.story-image span{position:absolute;left:14px;top:14px;background:var(--paper);color:var(--ink);width:34px;height:34px;display:grid;place-items:center;font-size:10px}.story-meta{font-size:10px;letter-spacing:.13em;color:var(--gold);margin:22px 0 12px}.story h3{font-size:27px;line-height:1.1;margin-bottom:14px}.story>p:not(.story-meta){font-size:13px;line-height:1.6;color:#cdd2ce}.story>a{font-size:12px;color:var(--gold);display:flex;justify-content:space-between;border-bottom:1px solid #536059;padding:12px 0}.then-now{padding-left:0;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;background:var(--cream)}.then-image{height:680px;position:relative}.then-image img{width:100%;height:100%;object-fit:cover;filter:sepia(.4)}.then-image span{position:absolute;left:20px;top:20px;background:white;padding:10px 13px;font-size:10px;letter-spacing:.15em}.then-copy{padding-left:7vw;padding-right:6vw}.then-copy h2{font-size:clamp(42px,5vw,70px)}.placeholder{font-family:Arial!important;font-size:11px!important;border-left:2px solid var(--rust);padding-left:14px;margin:25px 0!important}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);margin-top:55px}.collection-grid a{display:grid;grid-template-columns:48px 1fr auto;gap:20px;padding:27px 18px 27px 0;border-bottom:1px solid var(--line)}.collection-grid a:nth-child(odd){border-right:1px solid var(--line);margin-right:28px}.collection-grid span{color:var(--rust);font-size:11px;letter-spacing:.12em}.collection-grid h3{font-size:23px;margin:0 0 4px}.collection-grid p{font-size:12px;color:#68706b;margin:0}.collection-grid b{font-weight:400;color:var(--rust)}.around{background:var(--rust);color:white;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.around>div>p:not(.eyebrow){font-family:Georgia,serif;line-height:1.6;max-width:500px}.around img{width:100%;height:540px;object-fit:cover;filter:saturate(.75)}.visit-title{text-align:center;max-width:700px;margin:0 auto 55px}.visit-title .eyebrow{margin-bottom:16px}.visit-card{background:var(--cream);display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.visit-card>div:not(.contact){padding:30px;border-right:1px solid var(--line)}.visit-card h3{font-size:21px;line-height:1.3;margin:0 0 10px}.visit-card p{font-size:11px;color:#67706b;line-height:1.5;margin:0}.contact{grid-column:1/4;border-top:1px solid var(--line);display:flex;align-items:center;gap:40px;padding:24px 30px}.contact a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.directions{background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:13px}.support{background:#d2b16c;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.support>div:last-child>p{font-family:Georgia,serif;font-size:18px;line-height:1.7}.support-links{display:flex;gap:14px;margin-top:28px}.support-links a{background:var(--paper);padding:15px 18px;min-width:150px;display:flex;justify-content:space-between;font-size:12px}.site-footer{background:#101c17;color:#eef0e9;padding:65px clamp(24px,8vw,120px) 30px;display:grid;grid-template-columns:1.2fr .6fr 1fr;gap:7vw}.footer-brand{display:flex;gap:16px;align-items:center}.footer-brand>.brand-mark{border-color:#e8ece4}.footer-brand h2{font-size:26px;margin:0}.footer-brand p{font-size:11px;color:#aab1ac;margin:6px 0 0}.footer-links{display:flex;flex-direction:column;gap:12px;font-size:12px}.footer-social p{font-family:Georgia,serif;color:#aab1ac}.footer-social a{color:var(--gold);font-size:12px;display:flex;justify-content:space-between;border-bottom:1px solid #45534c;padding-bottom:10px}.disclaimer{grid-column:1/-1;border-top:1px solid #34423b;margin:35px 0 0;padding-top:22px;color:#89928d;font-size:9px;line-height:1.6;text-transform:uppercase;letter-spacing:.08em}.content-wrap{max-width:900px;margin:auto;padding:90px 24px}.content-wrap h1{font-size:clamp(44px,7vw,78px)}.content-wrap .entry-content{font-family:Georgia,serif;font-size:18px;line-height:1.75}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.archive-card{border-top:3px solid var(--rust);padding-top:18px}.archive-card h2{font-size:28px}.wp-caption-text{font-size:11px;color:#68706b}
@media(max-width:900px){.site-header nav{display:none}.mobile-toggle{display:block}.site-header.menu-open nav{display:block;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:20px}.site-header.menu-open nav ul{flex-direction:column;align-items:flex-start}.quick-info{grid-template-columns:repeat(3,1fr);padding:0}.quick-info>a{grid-column:1/-1;margin:0;justify-content:center;padding:18px;border-top:1px solid var(--line)}.history{grid-template-columns:1fr;gap:50px}.context-note{grid-column:1}.story-grid{grid-template-columns:1fr 1fr}.story:first-child{grid-column:1/-1}.then-now{grid-template-columns:1fr;padding-right:0}.then-copy{padding:70px 8vw}.visit-card{grid-template-columns:repeat(2,1fr)}.visit-card>div:not(.contact){border-bottom:1px solid var(--line)}.contact{grid-column:1}.directions{grid-column:2}.site-footer{grid-template-columns:1fr 1fr}.footer-social{grid-column:1/-1}.archive-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.concept{font-size:8px}.site-header{min-height:68px;padding:0 16px}.brand strong{font-size:10px}.brand-mark{width:34px;height:34px}.header-cta{display:none}.hero{height:650px;min-height:0}.hero-content{left:22px;right:22px;top:45%}.hero h1{font-size:51px}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:6px}.quick-info{grid-template-columns:1fr}.quick-info>div,.quick-info>div:first-child{border-left:0;border-right:0;border-bottom:1px solid var(--line);padding:19px 24px}.quick-info>a{grid-column:1}.section{padding:76px 22px}.section-heading h2,.then-copy h2,.visit-title h2,.support h2,.around h2{font-size:46px}.section-heading.row{display:block}.story-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-22px;margin-right:-22px;padding:0 22px 15px;gap:16px}.story,.story:first-child{min-width:84vw;scroll-snap-align:center}.story-image,.story:first-child .story-image{height:330px}.then-now{display:block;padding:0}.then-image{height:420px}.then-copy{padding:64px 22px}.collection-grid{grid-template-columns:1fr}.collection-grid a:nth-child(odd){border-right:0;margin-right:0}.around{grid-template-columns:1fr;padding:72px 22px}.around img{height:370px;order:-1}.visit-title{text-align:left}.visit-card{grid-template-columns:1fr}.visit-card>div:not(.contact){border-right:0}.contact,.directions{grid-column:1}.contact{flex-direction:column;align-items:flex-start}.directions{padding:22px 28px}.support{grid-template-columns:1fr;gap:20px}.support-links{flex-direction:column}.site-footer{grid-template-columns:1fr;gap:40px}.footer-social,.disclaimer{grid-column:1}.archive-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-image img{transition:none}}