@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{--paper:#f7f4ec;--ink:#29392e;--green:#314d3e;--soft:#e9e8dc;--gold:#a47a40;--line:#d8d9cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.65}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-underline-offset:4px}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible){outline-offset:4px;outline:3px solid #b58540}.demo{letter-spacing:1.5px;background:var(--green);color:#fff;text-align:center;padding:7px 5%;font-size:10px}.demo span{opacity:.7}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;max-width:1400px;margin:auto;padding:24px 5%;display:flex}.brand{flex-shrink:0;align-items:center;gap:13px;font-family:Georgia,serif;font-size:23px;line-height:1.2;text-decoration:none;display:flex}.brand small{letter-spacing:4px;margin-top:7px;font:10px DM Sans,sans-serif;display:block}.brand-icon{border:1px solid var(--ink);border-radius:50%;place-items:center;width:49px;height:49px;font-size:20px;display:grid}nav{gap:26px;display:flex}nav a{border-bottom:2px solid #0000;padding:8px 0;font-size:13px;text-decoration:none}nav a[aria-current]{border-color:var(--gold)}.menu{display:none}.hero{grid-template-columns:1fr 1.15fr;align-items:center;gap:6%;max-width:1400px;margin:auto;padding:65px 5% 60px;display:grid}.eyebrow{letter-spacing:2px;color:#61705d;font-size:10px;font-weight:700}h1,h2,h3{margin:15px 0 20px;font-weight:400;line-height:1.12}h1,h2{font-family:Libre Caslon Display,Georgia,serif}h1{letter-spacing:-1.6px;font-size:clamp(46px,5.5vw,80px)}h2{letter-spacing:-.8px;font-size:clamp(34px,3.7vw,49px)}h3{font-family:Georgia,serif;font-size:23px}h1 em{color:var(--gold);font-weight:400}.hero-copy>p{color:#647061;max-width:370px;margin-bottom:30px;font-size:17px}.primary{background:var(--green);color:#fff;border:1px solid var(--green);border-radius:2px;justify-content:center;align-items:center;gap:35px;min-height:49px;padding:14px 24px;font-size:14px;text-decoration:none;display:inline-flex}.primary:hover{background:#243e30}.quiet{margin:18px 0;font-size:13px;display:block}.hero-photo{aspect-ratio:1.2;background:#ddd7c7;border:0;min-height:420px;padding:0;position:relative;box-shadow:12px 12px #e7e4d8}.hero-photo img{object-fit:cover;filter:sepia(.12);width:100%;height:100%;position:absolute;inset:0}.photo-stamp{background:var(--paper);letter-spacing:1px;padding:6px 12px;font-size:10px;position:absolute;top:15px;right:15px}.hero-caption{color:#fff;text-align:left;background:#25392de8;padding:15px 20px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.hero-caption b{float:right}.visit-line{border-block:1px solid var(--line);justify-content:space-between;gap:20px;max-width:1260px;margin:auto;padding:20px 0;font-size:12px;display:flex}.visit-line a{text-decoration:none}.section{max-width:1400px;margin:auto;padding:70px 5%}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}.section-heading h2{margin-bottom:0}.text-link{background:0 0;border:0;padding:12px 0;font-size:13px}.album-grid{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:25px;display:grid}.album-card{text-align:left;border:1px solid var(--line);background:#eeede2;padding:28px;transition:background .2s}.album-card:hover{background:#e1e3d5}.album-num{color:var(--gold);font:12px Georgia}.album-card p{color:#66705f;max-width:390px;font-size:14px}.album-card>span:last-child{margin-top:25px;font-size:12px;display:block}.album-card b{float:right;font-size:22px}.pale{background:#efeee4}.photo-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.photo{text-align:left;border:1px solid var(--line);background:var(--paper);min-width:0;padding:0}.photo-image{background:#d6d4c6;height:245px;position:relative;overflow:hidden}.photo-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.photo:hover img{transform:scale(1.025)}.photo-image>span{background:var(--paper);padding:5px 10px;font-size:11px;position:absolute;bottom:10px;right:10px}.photo-caption{padding:22px}.photo-caption small{letter-spacing:1px;color:#72795e;font-size:10px}.photo-caption h3{margin:9px 0 12px;font-size:23px}.photo-caption p{color:#67705f;font-size:13px}.sample-note{color:#6d7466;margin-top:24px;font-size:12px}.invitation{text-align:center;max-width:900px;padding-block:80px}.invitation p{max-width:500px;margin:0 auto 26px}.intro{color:#647061;max-width:650px;font-size:18px}.filters{align-items:end;gap:20px;margin:35px 0 20px;display:flex}.filters .search{flex:1}label{flex-direction:column;gap:7px;font-size:13px;display:flex}input,textarea,select{color:var(--ink);background:#fffefa;border:1px solid #bfc6b6;border-radius:2px;width:100%;min-width:0;padding:13px 14px}textarea{resize:vertical}.muted{color:#69715f;font-size:13px}.empty,.callout{background:var(--soft);margin-top:35px;padding:35px}.error{color:#9d352a}.status{background:#e3ebd9;padding:15px}.map-feature{background:var(--soft);grid-template-columns:1fr 1fr;margin:40px 0;display:grid}.map-feature>div:first-child{padding:40px}.map-art{letter-spacing:4px;background:repeating-linear-gradient(25deg,#0000 0 29px,#d8d9bc 30px 31px),#e5e3cd;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:350px;font-family:Georgia,serif;display:flex;position:relative;overflow:hidden}.map-art:before{content:"";z-index:0;background:#b6c8bd;width:150%;height:20px;position:absolute;transform:rotate(-20deg)}.map-art span,.map-art strong,.map-art i,.map-art small{z-index:1;position:relative}.map-art i{letter-spacing:1px;color:#506c65;font-size:15px}.map-art small{letter-spacing:0;font:10px DM Sans,sans-serif;position:absolute;bottom:15px}.timeline{grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0;display:grid}.timeline article{border-top:2px solid var(--gold);padding-top:20px}.timeline span{color:var(--gold);font-size:12px}.timeline p{font-size:14px}.resources{grid-template-columns:1fr 1fr;gap:25px;display:grid}.resources a{border:1px solid var(--line);padding:25px;text-decoration:none}.resources p{font-size:14px}.book{grid-template-columns:300px 1fr;align-items:center;gap:65px;margin-top:45px;display:grid}.book-cover{color:#eddfbd;letter-spacing:2px;background:#3c4b3e;border-left:12px solid #283a2d;flex-direction:column;justify-content:center;align-items:center;min-height:340px;font-family:Georgia,serif;font-size:23px;display:flex;box-shadow:8px 8px #ddd9c8}.book-cover small{margin-top:15px;font-size:10px}.book-cover span{letter-spacing:0;margin-top:65px;font-size:14px}.contact-grid{grid-template-columns:1fr 1fr;gap:30px;margin-top:40px;display:grid}.contact-grid article{border:1px solid var(--line);padding:35px}.contact-link{overflow-wrap:anywhere;font-size:clamp(16px,2.5vw,25px)}.membership{background:var(--soft);align-items:center;gap:40px;margin-top:40px;padding:40px;display:flex}.membership>div{flex:1}.admin-tools{flex-wrap:wrap;align-items:end;gap:20px;display:flex}.upload{cursor:pointer;background:#dfe6d7;min-height:49px;padding:13px 20px;position:relative;overflow:hidden}.upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.admin-list article{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:20px 0;display:flex}.admin-list article img{object-fit:cover;width:100px;height:80px}.admin-list article>div{flex:1}.admin-list h3{margin:8px 0;font-size:20px}.admin-list p{margin:0;font-size:12px}.admin-list button,.form-actions>button:last-child{border:1px solid var(--line);background:0 0;padding:10px 20px}.badge{background:#dce7d5;padding:4px 8px;font-size:10px}.badge.draft{background:#ede0c6}.spaced{margin-top:50px}footer{background:var(--green);color:#f1efe3;grid-template-columns:1fr 1fr 1fr;gap:25px;padding:45px 5% 20px;display:grid}footer .brand-icon{border-color:#e3e5d4}footer p{margin:0;font-size:13px}footer>div:nth-of-type(2){flex-direction:column;gap:12px;font-size:13px;display:flex}footer>small{color:#c1cdbd;border-top:1px solid #ffffff25;grid-column:1/-1;padding-top:20px;font-size:10px}dialog{background:var(--paper);color:var(--ink);border:0;width:92vw;max-width:1100px;max-height:90vh;padding:0;overflow:auto}dialog::backdrop{background:#17251ddd}.close{z-index:5;background:var(--paper);border:1px solid var(--line);width:42px;height:42px;position:absolute;top:12px;right:12px}.lightbox{grid-template-columns:1.1fr 1fr;display:grid}.lightbox-img{background:#dddcd0;justify-content:center;align-items:center;min-height:400px;display:flex}.lightbox-img img{object-fit:contain;max-width:100%;max-height:80vh}.lightbox article{padding:55px 35px}.story{white-space:pre-line}.editor-form{flex-direction:column;gap:18px;max-width:700px;margin:auto;padding:40px;display:flex}.editor-form h2{margin:0}.edit-image{object-fit:contain;background:var(--soft);max-height:230px}.check{flex-direction:row;align-items:center}.check input{width:20px;height:20px}.form-actions{gap:15px;display:flex}.skip{z-index:100;background:#fff;padding:12px;position:fixed;top:-100px}.skip:focus{top:0}@media (min-width:1450px){.visit-line{max-width:1260px}}@media (max-width:1000px){nav{gap:14px}nav a{font-size:11px}.visit-line{margin-inline:5%}.hero{gap:4%}.hero-photo{min-height:340px}.photo-image{height:200px}}@media (max-width:760px){header{flex-wrap:wrap;padding:18px 5%}.brand{font-size:21px}.menu{border:1px solid var(--line);background:0 0;padding:9px 13px;font-size:13px;display:block}nav{flex-direction:column;gap:0;width:100%;display:none}nav.open{display:flex}nav a{padding:13px 0;font-size:15px}.hero{grid-template-columns:1fr;gap:30px;padding-top:40px}.hero h1{font-size:61px}.hero-copy>p{max-width:100%}.hero-photo{aspect-ratio:1.4;min-height:300px}.visit-line{flex-wrap:wrap;gap:7px 20px;padding-block:17px}.visit-line a{width:100%;margin-top:4px}.section{padding-block:45px}.section-heading{flex-direction:column;align-items:start;gap:5px}.album-grid,.photo-grid{grid-template-columns:1fr}.photo-image{height:270px}.photo-caption h3{font-size:26px}.filters{flex-direction:column;align-items:stretch}.timeline,.resources,.contact-grid,.map-feature{grid-template-columns:1fr}.map-art{min-height:260px}.book{grid-template-columns:1fr;gap:35px}.book-cover{width:100%;max-width:280px;margin:auto}.membership{flex-direction:column;align-items:start;gap:15px;padding:28px}footer{grid-template-columns:1fr;gap:25px}.lightbox{grid-template-columns:1fr}.lightbox-img{min-height:200px}.lightbox-img img{max-height:45vh}.lightbox article{padding:25px}.editor-form{padding:55px 22px 25px}.admin-tools{flex-direction:column;align-items:stretch}.admin-list article{gap:12px}.admin-list article img{width:65px;height:65px}.admin-list button{padding:9px;font-size:12px}.demo span{display:none}.form-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.archive-icon{vertical-align:middle;flex:none;width:19px;height:19px;margin-left:8px;display:inline-block}.icon-pin{width:16px;height:16px;margin-left:0;margin-right:6px}.close .archive-icon{margin:0}.hero-caption b,.album-card b{align-items:center;display:inline-flex}.photo-stamp{border:1px solid #ffffff70}.text-link{align-items:center;display:inline-flex}.menu{align-items:center;gap:8px}@media (max-width:760px){.menu{display:inline-flex}}.photo-image img[src="/images/maja-jessens-butik.jpg"]{object-fit:contain}.map-periods{flex-wrap:wrap;gap:8px;margin:30px 0 20px;display:flex}.map-periods button{border:1px solid var(--line);background:0 0;min-height:48px;padding:12px 20px}.map-periods button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.real-map{border:1px solid var(--line);background:#eeece2;margin:0}.map-open{background:#fff;border:0;width:100%;padding:0;display:block;position:relative}.map-open img{aspect-ratio:2;width:100%;height:auto;display:block}.map-expand-label{background:var(--paper);border:1px solid var(--line);padding:8px 16px;font-size:13px;position:absolute;bottom:14px;right:14px}.real-map figcaption{justify-content:space-between;gap:30px;padding:22px 25px;display:flex}.real-map figcaption p{max-width:650px;margin:8px 0 0;font-size:14px}.real-map figcaption small{color:#647061;max-width:180px;font-size:12px}.map-credit,.map-dating{color:#647061;font-size:12px}.map-credit{margin-top:35px}.map-dialog{width:96vw;max-width:1400px;padding:0}.map-dialog-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.map-dialog-toolbar>div{align-items:center;gap:10px;display:flex}.map-dialog-toolbar button{border:1px solid var(--line);background:var(--paper);min-width:44px;min-height:44px;padding:8px 14px}.map-dialog-toolbar span{min-width:42px;font-size:12px}.map-scroll{background:#fff;max-height:70vh;overflow:auto}.map-scroll img{height:auto;display:block}.map-dialog>.map-dating{padding:0 18px}@media (max-width:760px){.map-periods{grid-template-columns:1fr 1fr;display:grid}.map-periods button{padding:12px 5px}.real-map figcaption{flex-direction:column;gap:12px;padding:20px}.real-map figcaption small{max-width:none}.map-dialog-toolbar{flex-direction:column;align-items:stretch}.map-dialog-toolbar>div{justify-content:space-between}.map-expand-label{padding:5px 10px;font-size:11px;bottom:8px;right:8px}}.map-open img{aspect-ratio:auto;object-fit:contain}.map-extents{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.map-extents button{border:1px solid var(--line);background:0 0;min-height:44px;padding:10px 16px}.map-extents button[aria-pressed=true]{background:var(--soft);border-color:var(--green);font-weight:600}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.hero>*{min-width:0}h1,h2,h3{overflow-wrap:break-word}@media (max-width:760px){.hero{grid-template-columns:minmax(0,1fr)}.hero-photo{aspect-ratio:1.4;width:100%;min-height:0}.hero h1{font-size:clamp(46px,15vw,61px)}.album-grid,.photo-grid,.resources,.contact-grid,.book,.lightbox{grid-template-columns:minmax(0,1fr)}.section-heading>*,.book>*,.contact-grid>*,.lightbox>*{min-width:0}}
