/* Shared reading/accessibility foundations only. Each concept defines its own composition. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;font-family:'Segoe UI',Arial,sans-serif;color:var(--ink,#34332e);background:var(--paper,#fdfcf9);--ink:#34332e;--paper:#fdfcf9;--accent:#755040;--soft:#eee6dc;--line:#d7d2c8}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto;display:block}figure,blockquote{margin:0}p{font-size:1rem;line-height:1.75;margin:0 0 1.2rem}h1,h2,h3{margin:0 0 1.1rem;line-height:1.15;font-weight:500;letter-spacing:-.025em}h1{font-size:clamp(2.4rem,4.4vw,3.8rem)}h2{font-size:clamp(1.8rem,3vw,2.5rem)}h3{font-size:1.25rem;line-height:1.3}figcaption,time,.small{font-size:.875rem;line-height:1.6}figcaption{margin-top:12px;color:var(--accent)}time{display:block;margin-bottom:18px}.eyebrow{font-size:.75rem;letter-spacing:.1em;font-weight:650;margin-bottom:20px;color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--accent);color:white;padding:14px 22px;min-height:48px;text-decoration:none;font-weight:600;font-size:.9375rem;line-height:1.4}.button:hover{filter:brightness(.92)}.brand{display:block;width:190px;flex-shrink:0;overflow:hidden}.brand img{width:190px;height:65px;max-width:none;object-fit:cover}.header,.footer{max-width:1260px;width:calc(100% - 80px);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 0}.local-nav,.footer nav{display:flex;gap:24px;flex-wrap:wrap}.local-nav a{font-size:.9375rem;text-decoration:none}.footer{padding-block:30px;border-top:1px solid var(--line)}.footer p{margin:0}.footer a,.footer p{font-size:.8125rem}.footer a{text-decoration:none}.concept-review{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 4%;font-size:.8125rem;background:#292b28;color:#fff;position:sticky;top:0;z-index:30}.concept-review a{text-decoration:none}.concept-review>span{color:#ddd}.skip{position:absolute;top:-100px;left:15px;background:white;padding:15px;z-index:40}.skip:focus{top:15px}.educators{padding-block:65px}.educators>p{max-width:740px}.themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:32px}.theme{padding-top:22px;border-top:1px solid var(--line)}.theme p:last-child{margin-bottom:0}.reading{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding-block:65px}.reading>img{width:100%}.reading>div>p{max-width:660px}.quote{padding:35px 40px;background:var(--soft)}.quote blockquote{font-family:Georgia,serif;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.5}.news{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:60px}.news figure img{width:100%;height:460px;object-fit:cover;object-position:50% 65%}.environment{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:55px}.environment>img{width:100%}.contact{padding-block:60px;border-top:1px solid var(--line);margin-top:40px}.contact-lead{max-width:650px}.contact-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:38px}.contact-facts h3{font-size:.9375rem;font-weight:650}.contact-facts a{display:block;font-size:.9375rem;overflow-wrap:anywhere;margin-bottom:10px}.contact-facts p{margin-bottom:10px}.contact-facts .small{font-size:.875rem}
/* 07 / A newspaper: masthead, three editorial columns and ruled typography. */
.magasinet{--ink:#3c342c;--accent:#714b3f;--paper:#faf8f0;--soft:#eee8da}.magazine{max-width:1280px;width:calc(100% - 70px);margin:auto}.masthead{padding-top:24px;text-align:center}.masthead-top{display:flex;justify-content:space-between;font-size:.8125rem;padding-bottom:18px;border-bottom:1px solid var(--ink)}.masthead .brand{margin:20px auto 5px;width:315px}.masthead .brand img{width:315px;height:106px}.masthead>p{font-family:Georgia,serif;font-style:italic}.masthead .local-nav{justify-content:center;border-block:3px double var(--ink);padding:14px 0}.magasinet h1,.magasinet h2,.magasinet h3{font-family:Georgia,serif}.front-page{display:grid;grid-template-columns:.85fr 1.5fr .65fr;gap:28px;padding:35px 0 50px;border-bottom:3px double var(--ink)}.editorial{padding-right:24px;border-right:1px solid var(--line)}.editorial h1{font-size:2.75rem}.editorial h2{font-size:1.45rem}.editorial p{font-size:.9375rem}.editorial-rule{border-top:1px solid var(--ink);margin:35px 0 25px}.cover-story>img{width:100%;height:310px;object-fit:cover;object-position:50% 63%;margin-bottom:25px}.cover-story h2{font-size:2.25rem}.margin-reading{padding-left:20px;border-left:1px solid var(--line)}.margin-reading h2{font-size:1.4rem;margin-top:20px}.margin-reading p,.margin-reading a{font-size:.875rem}.magasinet .reading{border-block:1px solid var(--ink)}.magasinet .reading>img{max-width:340px;justify-self:center}.magasinet .footer{width:100%}
/* 08 / A photographic threshold, with navigation on the photograph's edge. */
.porten{--ink:#433629;--accent:#744a39;--soft:#efe5d9}.entrance{height:690px;position:relative;isolation:isolate}.entrance-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 45%}.entrance:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#342e2030,transparent 35%,#21180935);z-index:-1}.entrance-header{padding:25px 4%;display:flex;justify-content:space-between;align-items:center}.entrance-header .brand{background:#fffdf7;border-radius:5px;width:210px}.entrance-header .brand img{width:210px;height:72px}.welcome-card{position:absolute;left:7%;bottom:55px;background:#fffdf7;padding:35px;width:400px;box-shadow:0 8px 35px #281f1920}.welcome-card h1{font-family:Georgia,serif;font-size:3rem}.welcome-card>p:not(.eyebrow){font-size:1rem}.door-menu{position:absolute;right:0;bottom:70px;display:flex;flex-direction:column;background:#fffdf7;min-width:240px}.door-menu a{padding:18px 28px;border-bottom:1px solid var(--line);font-size:.9375rem;text-decoration:none}.door-content{max-width:1120px;width:calc(100% - 100px);margin:auto}.porten .educators{text-align:center;padding-top:80px}.porten .educators>p{margin-inline:auto}.porten .themes{text-align:left}.porten .news{background:var(--soft);padding:45px;margin-block:55px}.porten .news>figure{order:2}.porten h2{font-family:Georgia,serif}
/* 09 / A gallery wall with permanent left navigation and a nonuniform exhibit grid. */
.ateljen{--ink:#36372e;--accent:#635b46;--paper:#f7f5ef;--soft:#e8e2d4}.atelier{display:grid;grid-template-columns:240px 1fr}.atelier-sidebar{position:sticky;top:42px;align-self:start;height:calc(100vh - 42px);padding:25px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:28px;background:#f1eee6}.atelier-sidebar .brand{width:180px}.atelier-sidebar .brand img{width:180px;height:62px}.atelier-sidebar .local-nav{flex-direction:column;gap:18px}.atelier-sidebar>p{font-family:Georgia,serif;font-size:1.15rem}.atelier-sidebar .button{font-size:.8125rem;padding:13px 14px}.sidebar-address{margin-top:auto;font-size:.8125rem;line-height:1.6}.atelier-wall{padding:45px 5%;min-width:0}.wall-heading{max-width:660px;margin-bottom:45px}.wall-heading h1{font-family:Georgia,serif}.exhibition{display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:start}.exhibit-room{padding:12px;background:white}.exhibit-room img{aspect-ratio:4/3;object-fit:cover}.exhibit-reading{margin-top:80px;max-width:300px;justify-self:center;text-decoration:none}.exhibit-reading span{display:block;margin-top:12px;font-size:.9375rem}.exhibit-words{padding:30px;border:1px solid var(--line);max-width:400px;align-self:center}.exhibit-words h2{font-size:2rem}.exhibit-play{width:80%;justify-self:end;padding:12px;background:white;transform:translateY(-15px)}.exhibit-play img{height:330px;object-fit:cover;width:100%}.exhibit-story{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#e8e2d4;padding:30px;align-items:center}.exhibit-story>img{width:100%;height:390px;object-fit:cover;object-position:50% 65%}.exhibit-story h2{font-family:Georgia,serif;font-size:2rem}.ateljen .themes{grid-template-columns:1fr}.ateljen .theme{display:grid;grid-template-columns:1fr 1.7fr;gap:35px}.ateljen .reading{gap:30px}.ateljen .footer{width:100%;flex-direction:column;align-items:flex-start}.ateljen .contact-facts{grid-template-columns:1fr 1fr}
/* 10 / An invitation to ask questions. Native disclosure is the primary interaction. */
.fragorna{--ink:#3d343c;--accent:#664d5b;--paper:#fcfafb;--soft:#eee7ec}.questions-page{max-width:1000px;width:calc(100% - 70px);margin:auto}.question-intro{position:relative;text-align:center;padding:60px 20px 40px;max-width:700px;margin:auto}.question-intro h1{font-family:Georgia,serif;font-size:3.3rem}.question-intro p{max-width:560px;margin-inline:auto}.question-symbol{display:inline-grid;place-items:center;width:55px;height:55px;background:var(--soft);border-radius:50%;font-family:Georgia,serif;font-size:2rem;margin-bottom:25px}.question-list{border-top:1px solid var(--line)}.question{border-bottom:1px solid var(--line)}.question summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:25px 5px;font-size:1.3rem;font-weight:500}.question summary::-webkit-details-marker{display:none}.question summary>span:last-child{font-size:1.5rem;flex-shrink:0;transition:transform .15s}.question[open] summary>span:last-child{transform:rotate(45deg)}.answer{padding:5px 5px 30px;max-width:880px}.answer>img{max-height:390px;object-fit:cover;margin:15px 0 25px}.answer h2{font-size:1.6rem}.answer .eyebrow{display:none}.answer .themes{grid-template-columns:1fr}.answer .theme:first-child{border:none;padding-top:0}.question-reading{padding:55px 35px;background:var(--soft);margin-top:60px;display:grid;grid-template-columns:1fr 230px;gap:35px;align-items:center}.question-reading h2{font-family:Georgia,serif}.fragorna .news{margin-top:35px}.fragorna .news figure{order:2}.fragorna .news h2{font-family:Georgia,serif}
/* 11 / Book-spine navigation and physical two-page spreads. */
.bokhyllan{--ink:#49382b;--accent:#7d4937;--paper:#eee9dd;--soft:#e4d6c3}.library{max-width:1260px;width:calc(100% - 70px);margin:auto}.library .header{width:100%}.library-front{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:55px 25px 35px;align-items:center}.library-front h1{font-family:Georgia,serif;font-size:3rem}.book-spines{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;padding-bottom:13px;border-bottom:10px solid #a48d73}.book-spines>a{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:15px;height:310px;background:#705949;color:white;text-decoration:none;border-radius:4px 8px 0 0;padding:15px 10px;box-shadow:inset 5px 0 #ffffff18}.book-spines>a:nth-child(2){background:#58624b;height:340px}.book-spines>a:nth-child(3){background:#876551;height:285px}.book-spines>a:nth-child(4){background:#77636f;height:315px}.book-spines strong{writing-mode:vertical-rl;font-family:Georgia,serif;font-size:1.35rem;font-weight:400;letter-spacing:.03em}.book-spines small,.book-spines span{font-size:.75rem}.book-spread{display:grid;grid-template-columns:1fr 1fr;margin:55px 0;background:#fffdf6;box-shadow:0 10px 20px #49382b12;border-radius:5px 12px 12px 5px;overflow:hidden}.book-page{padding:48px;position:relative;min-width:0}.book-page:nth-child(2){background:linear-gradient(90deg,#ddd5c64d,transparent 20px);border-left:1px solid #ddd5c6}.book-page h2{font-family:Georgia,serif;font-size:2.3rem}.book-title-page{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:25px}.book-title-page img{max-width:390px;width:100%;margin:auto}.book-title-page p{font-family:Georgia,serif;font-size:1.3rem}.book-page .theme{margin-bottom:25px}.book-page .quote{padding:24px;margin-top:30px}.book-page .quote blockquote{font-size:1.35rem}.book-page>img{width:100%;height:420px;object-fit:cover;object-position:50% 65%}.page-number{position:absolute;bottom:16px;right:30px;font-family:Georgia,serif;font-size:.875rem}.library .footer{width:100%}
/* 12 / A letter rather than a landing page. Single column and inline pictures. */
.brevet{--ink:#40392f;--accent:#65594d;--paper:#ece8e0;--soft:#efebe3;font-family:Georgia,'Times New Roman',serif}.letter-tools{max-width:850px;width:calc(100% - 45px);margin:22px auto;display:flex;justify-content:space-between;align-items:center;font-family:'Segoe UI',sans-serif;font-size:.875rem}.letter{max-width:850px;margin:0 auto 55px;background:#fffef9;padding:60px 90px;box-shadow:0 5px 28px #40392f0a;border:1px solid #ddd6ca}.letter-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:35px;margin-bottom:50px;border-bottom:1px solid var(--line)}.letter-head>span{font-size:.8125rem;line-height:1.6;text-align:right}.letter h1{font-size:2.8rem}.letter h2{font-size:1.7rem}.letter p{font-size:1.075rem;line-height:1.95}.letter .eyebrow{font-family:'Segoe UI',sans-serif;font-size:.75rem}.letter>section{margin-top:45px}.letter .theme{margin-top:25px}.letter .theme h3{font-size:1.25rem}.letter-photo{margin:40px -40px}.letter-photo img{width:100%}.letter-reading-mark{float:right;width:150px;margin:0 0 15px 25px}.letter #lasning:after{content:'';display:block;clear:both}.letter-story figure{margin-top:25px}.letter-story img{max-height:460px;width:100%;object-fit:cover;object-position:50% 65%}.letter .letter-signoff{margin-top:35px;font-style:italic}.letter .contact{padding:35px 0 0}.letter .contact h2{font-size:1.6rem}.letter .contact-facts{grid-template-columns:1fr;gap:16px;font-family:'Segoe UI',sans-serif}.letter .contact-facts p{font-size:.9375rem;line-height:1.7}.letter .button{font-family:'Segoe UI',sans-serif}.brevet .footer{max-width:850px}
/* 13 / An asymmetric window mosaic; content itself forms the first viewport. */
.fonster{--ink:#34432f;--accent:#55674e;--paper:#f6f7f2;--soft:#e7ebde}.windows{max-width:1240px;width:calc(100% - 70px);margin:auto}.window-intro{padding:40px 0 30px}.window-intro h1{font-size:2.8rem}.window-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.window{border-radius:16px;overflow:hidden;min-width:0}.w-people{grid-column:span 7;background:#e7ebde;padding:35px}.w-people h2{font-size:2.2rem}.w-room{grid-column:span 5;position:relative}.w-room>img{height:100%;object-fit:cover;width:100%}.w-room figcaption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:14px 20px;background:#fffef6e8}.w-reading{grid-column:span 5;background:#f4e1ca;padding:25px;display:grid;grid-template-columns:130px 1fr;gap:22px;align-items:center}.w-reading h2{font-size:1.45rem}.w-reading p{font-size:.9375rem}.w-reading img{border-radius:8px}.w-quote{grid-column:span 5;background:#ede5df;padding:30px}.w-quote blockquote{font-family:Georgia,serif;font-size:1.35rem;line-height:1.6}.w-visit{grid-column:span 2;background:#55674e;color:white;padding:25px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;gap:30px}.w-visit strong{font-size:1.9rem;font-weight:500}.w-story{grid-column:span 12;display:grid;grid-template-columns:1fr 1.3fr;gap:40px;background:#eee1dc;padding:30px}.w-story>img{height:340px;width:100%;object-fit:cover;object-position:50% 65%;border-radius:10px}.w-story>div{align-self:center}.window-themes{padding:60px 0 35px}.window-reading-detail{max-width:850px}
/* 14 / A centered story with deliberate pauses and wide photographic chapters. */
.berattelsen{--ink:#473b34;--accent:#805044;--paper:#fcf9f3;--soft:#f0e4d8}.story-header{border-bottom:1px solid var(--line)}.long-story{max-width:1200px;width:calc(100% - 70px);margin:auto}.story-opening{text-align:center;max-width:650px;margin:auto;padding:60px 0 45px}.story-opening h1{font-family:Georgia,serif;font-size:3.3rem}.story-opening p{max-width:600px;margin-inline:auto}.cinema-frame img{height:430px;width:100%;object-fit:cover;object-position:50% 45%}.cinema-frame figcaption{text-align:center}.chapter{max-width:740px;margin:75px auto}.chapter>h2{font-family:Georgia,serif;text-align:center}.chapter>.eyebrow,.chapter>.chapter-number{text-align:center}.chapter-number{font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.1em;color:var(--accent);margin-bottom:30px}.chapter .themes{grid-template-columns:1fr;gap:25px}.chapter .theme{border:none;padding:0 0 0 25px;border-left:2px solid var(--line)}.chapter-quote{max-width:970px;text-align:center}.chapter-quote .quote{padding:45px 50px;background:none;border-block:1px solid var(--line)}.chapter-mark{max-width:245px;margin:0 auto 35px}.chapter-story{max-width:1000px;margin:70px auto;display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.chapter-story>.chapter-number{grid-column:1/-1;text-align:center;margin-bottom:0}.chapter-story figure img{height:510px;width:100%;object-fit:cover;object-position:50% 65%}.chapter-story h2{font-family:Georgia,serif}.ending{max-width:1000px}.ending .contact{margin:0;padding-top:0;border:none}
/* 15 / A spatial navigation hub — an abstract content map, not a premises map. */
.upptack{--ink:#34402d;--accent:#53664b;--paper:#f9faf4;--soft:#e9eddd}.discovery{max-width:1200px;width:calc(100% - 70px);margin:auto}.discovery-intro{text-align:center;padding:35px 0 10px}.discovery-intro h1{font-family:Georgia,serif;font-size:2.8rem}.discovery-map{position:relative;display:grid;grid-template-columns:1fr 230px 1fr;grid-template-rows:190px 190px;gap:20px;max-width:950px;margin:25px auto 65px;align-items:stretch}.map-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #c7d0ba;border-radius:45px;background:#eef0e4;text-decoration:none;padding:18px;text-align:center;transition:background .15s}.map-node:hover{background:#e4e9d5}.map-node strong{font-family:Georgia,serif;font-size:1.4rem;font-weight:400}.map-node>span:last-child{font-size:.8125rem}.node-symbol{font-size:2.2rem;line-height:1}.people-node{grid-column:1;grid-row:1}.reading-node{grid-column:3;grid-row:1;background:#f6e6d0}.reading-node img{width:100px;height:56px;object-fit:contain}.creating-node{grid-column:1;grid-row:2;background:#efe3df}.visit-node{grid-column:3;grid-row:2;background:#e6e6d7}.map-center{grid-column:2;grid-row:1/3;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:230px;height:230px;border-radius:50%;border:1px solid #b1bca3;background:#fffef8;text-align:center}.map-center strong{font-family:Georgia,serif;font-size:2.3rem;font-weight:400}.map-center span{font-size:.8125rem}.map-center:before,.map-center:after{content:'';position:absolute;height:1px;width:35px;background:#b1bca3;top:50%}.map-center:before{left:calc(50% - 150px)}.map-center:after{right:calc(50% - 150px)}.discovery-content{max-width:1030px;margin:auto}.upptack .educators{border-top:1px solid var(--line)}.upptack .news{background:#efe3df;padding:40px;margin-top:25px}.upptack .quote{border-radius:15px}
/* 16 / A fixed introduction alongside an independently unfolding editorial stream. */
.perspektiv{--ink:#42363c;--accent:#6f525c;--paper:#fcf9fa;--soft:#ece3e7}.perspective{display:grid;grid-template-columns:40% 60%;max-width:1600px;margin:auto}.perspective-intro{position:sticky;top:42px;height:calc(100vh - 42px);align-self:start;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:30px 45px;background:#e9e0e5}.perspective-intro h1{font-family:Georgia,serif;font-size:clamp(2.2rem,3.5vw,3.1rem)}.perspective-intro .local-nav{gap:12px 18px}.perspective-intro>div>p:not(.eyebrow){max-width:400px}.perspective-intro .button{align-self:flex-start}.perspective-stream{min-width:0}.stream-opening{position:relative}.stream-opening img{width:100%;height:620px;object-fit:cover;object-position:50% 45%}.stream-opening figcaption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:15px 35px;background:#fffcf4ed}.stream-piece{padding:50px;border-bottom:1px solid var(--line)}.stream-piece h2{font-family:Georgia,serif;font-size:2.2rem}.stream-piece .theme{margin-top:30px}.stream-piece .quote{padding:0;background:none}.stream-piece>img{max-width:270px;margin-bottom:30px}.stream-story>img{width:100%;height:480px;object-fit:cover;object-position:50% 65%}.stream-story>div{padding:40px 50px;background:#ece3e7}.stream-story h2{font-family:Georgia,serif;font-size:2.2rem}.perspektiv .environment{display:flex;flex-direction:column;padding:50px;gap:20px}.perspektiv .contact{margin:0;padding:45px}.perspektiv .contact-facts{grid-template-columns:1fr}.perspektiv .footer{width:calc(100% - 90px);flex-direction:column;align-items:flex-start}
/* 17 / Service first: choose a practical purpose before browsing. */
.valkommen-in{--ink:#303d34;--accent:#485d50;--paper:#fff;--soft:#eef1e9}.service-header{border-bottom:1px solid var(--line)}.welcome-service{max-width:1200px;width:calc(100% - 70px);margin:auto}.service-intro{padding:45px 0 30px}.service-intro h1{font-family:'Segoe UI',sans-serif;font-weight:600;font-size:2.9rem}.service-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-choices>a{background:#eef1e9;padding:28px;display:flex;flex-direction:column;gap:22px;text-decoration:none;border:1px solid #d5ded0;border-radius:5px}.service-choices>a:first-child{background:#485d50;color:white;border-color:#485d50}.service-choices>a:nth-child(3){background:#f5ece3;border-color:#e5d5c5}.service-choices strong{font-size:1.4rem;font-weight:550;line-height:1.3}.service-choices small,.service-choices span{font-size:.875rem;overflow-wrap:anywhere}.service-brief{display:grid;grid-template-columns:1fr 1.3fr;gap:10px 55px;padding:50px 0;border-bottom:1px solid var(--line)}.service-brief h2{font-size:2rem}.service-brief .local-nav{grid-column:1/-1}.service-layout{display:grid;grid-template-columns:230px 1fr;gap:55px}.service-aside{padding-top:60px}.service-aside p{font-size:.875rem;margin:15px 0 35px}.service-aside img{width:100%;border-radius:5px}.valkommen-in .themes{grid-template-columns:1fr}.valkommen-in .educators{padding-bottom:40px}.valkommen-in .theme{display:grid;grid-template-columns:1fr 1.6fr;gap:25px}.valkommen-in .reading{grid-template-columns:150px 1fr;gap:25px}.valkommen-in .reading h2{font-size:2rem}.valkommen-in .news{grid-template-columns:1fr;gap:25px}.valkommen-in .news>figure{order:2}.valkommen-in .news figure img{height:380px}.valkommen-in .contact{background:#eef1e9;padding:40px;border-radius:5px}
/* 18 / A photographic diary, horizontal contact sheet then a large feature. */
.fotodagboken{--ink:#40372f;--accent:#654d3d;--paper:#faf9f5;--soft:#eee3d9}.photo-diary{max-width:1360px;width:calc(100% - 70px);margin:auto}.photo-diary .header{width:100%}.diary-title{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding:40px 0 25px}.diary-title h1{font-family:Georgia,serif;font-size:3rem}.diary-title p{max-width:380px;font-size:1rem}.photo-strip{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:18px}.photo-strip figure img{height:330px;width:100%;object-fit:cover}.photo-strip figure:nth-child(2) img{object-position:50% 45%}.photo-strip figure:nth-child(3) img{object-position:50% 65%}.photo-strip figcaption{font-family:Georgia,serif;font-style:italic;font-size:1rem}.diary-feature{display:grid;grid-template-columns:.8fr 1.3fr;gap:70px;margin:70px 0;align-items:start}.diary-feature>div{position:sticky;top:85px}.diary-feature h2{font-family:Georgia,serif;font-size:2.6rem}.diary-feature figure img{max-height:690px;width:100%;object-fit:cover;object-position:50% 65%}.diary-notes{border-top:1px solid var(--line);padding:55px 0}.diary-notes>p{max-width:750px}.fotodagboken .quote{text-align:center;padding:40px 8%}.fotodagboken .reading{max-width:950px;margin:auto}.fotodagboken .footer{width:100%}
/* 19 / Typographic manifesto: aligned verbs and measured explanations. */
.orden{--ink:#34372e;--accent:#5b6150;--paper:#f6f6ef;--soft:#e7e8dd;font-family:Arial,Helvetica,sans-serif}.words{max-width:1180px;width:calc(100% - 70px);margin:auto}.words .header{width:100%;border-bottom:2px solid var(--ink)}.word-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:10px 80px;padding:55px 0;border-bottom:2px solid var(--ink)}.word-opening>.eyebrow{grid-column:1/-1}.word-opening h1{font-size:clamp(2.4rem,4vw,3.5rem);font-weight:550;line-height:1.2;letter-spacing:-.045em}.word-opening h1 em{font-family:Georgia,serif;font-weight:400}.word-opening>div{align-self:end;padding-bottom:10px}.word-opening>div>p{font-family:Georgia,serif;font-size:1.3rem;line-height:1.7}.word-principles{padding:45px 0}.principle{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding:35px 0;border-top:1px solid var(--line)}.principle h2{font-family:Georgia,serif;font-style:italic;font-size:2.4rem}.principle h3{font-size:1.05rem;font-weight:650;letter-spacing:0}.word-story{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:40px;background:var(--soft);align-items:center}.word-story>img{height:430px;width:100%;object-fit:cover;object-position:50% 65%}.word-story h2{font-family:Georgia,serif;font-size:2.2rem}.orden .reading{border-bottom:1px solid var(--line)}.orden .reading>img{max-width:300px;justify-self:center}.orden .contact{border:none}.words .footer{width:100%}
/* 20 / A catalogue: image-indexed rows that expand into their own content. */
.katalogen{--ink:#3d3933;--accent:#765044;--paper:#fbfaf7;--soft:#eee6df}.catalog-header{border-bottom:1px solid var(--line)}.catalog{max-width:1050px;width:calc(100% - 70px);margin:auto}.catalog-intro{display:grid;grid-template-columns:1fr 1fr;gap:5px 60px;padding:45px 0}.catalog-intro>.eyebrow{grid-column:1/-1}.catalog-intro h1{font-family:Georgia,serif;font-size:2.9rem}.catalog-intro>p:last-child{align-self:center}.catalog-rows{border-top:1px solid var(--ink)}.catalog-row summary{display:grid;grid-template-columns:55px 1fr 130px 35px;gap:25px;align-items:center;padding:17px 5px;min-height:130px;font-family:Georgia,serif;font-size:1.65rem}.catalog-number{font-family:Arial,sans-serif;font-size:.8125rem;color:var(--accent)}.catalog-row summary small{display:block;font-family:'Segoe UI',sans-serif;font-size:.875rem;margin-top:8px;line-height:1.4;color:var(--accent)}.catalog-row summary img{width:130px;height:88px;object-fit:cover}.catalog-row summary .catalog-icon{text-align:center;font-size:2.8rem;color:#8c796a}.catalog-row .answer{padding:20px 20px 40px 80px;max-width:none}.catalog-row .answer>p,.catalog-row .answer>.quote{max-width:850px}.catalog-row .themes{grid-template-columns:1fr}.catalog-row .answer .eyebrow{display:block}.catalog-reading>img{max-width:260px;margin-bottom:25px}.catalog-reading>h2{font-size:2rem}.catalog-story{display:grid;grid-template-columns:1fr 1.2fr;gap:35px;align-items:center}.catalog-story>img{width:100%;height:370px;object-fit:cover;object-position:50% 65%}.catalog-story h2{font-size:2rem;font-family:Georgia,serif}.catalog-row[open]{background:#f3eee7}.catalog-row[open] summary{padding-inline:18px}.catalog .contact{margin-top:55px}
/* Adapt compositions to narrow screens; all navigation remains available. */
@media(max-width:1050px){.header{gap:15px}.header .local-nav{gap:15px}.header .local-nav a{font-size:.875rem}.header>.button{padding:12px 15px;font-size:.8125rem}.brand,.brand img{width:165px}.brand img{height:57px}.front-page{grid-template-columns:.9fr 1.3fr}.margin-reading{grid-column:1/-1;display:grid;grid-template-columns:160px 1fr 1fr;gap:25px;border:0;border-top:1px solid var(--line);padding:25px 0 0;align-items:center}.margin-reading>a:last-child{grid-column:2/-1}.margin-reading h2{margin:0}.atelier{grid-template-columns:200px 1fr}.atelier-sidebar{padding:20px 15px}.atelier-sidebar .brand,.atelier-sidebar .brand img{width:160px}.atelier-wall{padding:35px 4%}.exhibition{gap:25px}.exhibit-story{grid-template-columns:1fr;padding:25px}.exhibit-story>img{height:330px}.ateljen .reading{grid-template-columns:1fr}.ateljen .reading>img{max-width:260px}.library-front{gap:30px;padding-inline:0}.book-page{padding:32px}.w-reading{grid-template-columns:1fr}.w-reading>img{max-width:170px}.w-quote{grid-column:span 7}.w-reading{grid-column:span 5}.w-visit{grid-column:span 12;flex-direction:row;align-items:center;padding:22px}.perspective-intro{padding:25px 30px}.stream-piece{padding:35px}.stream-story>div{padding:35px}.service-layout{grid-template-columns:170px 1fr;gap:35px}.service-choices>a{padding:22px}.service-choices strong{font-size:1.25rem}.photo-strip figure img{height:280px}.diary-feature{gap:40px}.diary-feature h2{font-size:2.2rem}.catalog-row summary{grid-template-columns:40px 1fr 110px 25px;gap:15px}.catalog-row summary img{width:110px}}
@media(max-width:760px){html{scroll-padding-top:60px}.concept-review{font-size:.75rem;gap:10px;padding:12px 18px}.concept-review>span{display:none}.header,.footer{width:calc(100% - 36px);gap:15px;flex-wrap:wrap}.header>.local-nav{order:3;width:100%;justify-content:space-between;padding:12px 0 0;border-top:1px solid var(--line);gap:10px}.header>.local-nav a{font-size:.8125rem}.footer{flex-direction:column;align-items:flex-start}.footer nav{gap:18px}.themes,.contact-facts{grid-template-columns:1fr;gap:24px}.reading,.news,.environment{grid-template-columns:1fr;gap:28px;padding-block:40px}.reading>img{max-width:330px}.educators{padding-block:40px}.news figure img{height:390px}.quote{padding:28px}.quote blockquote{font-size:1.5rem}.contact{padding-block:40px;margin-top:25px}.magazine,.door-content,.questions-page,.library,.windows,.long-story,.discovery,.welcome-service,.photo-diary,.words,.catalog{width:calc(100% - 36px)}h1{font-size:2.6rem}h2{font-size:2rem}.front-page{grid-template-columns:1fr;gap:30px;padding-top:25px}.editorial{border:0;padding:0}.editorial h1{font-size:2.6rem}.editorial-rule,.editorial h2,.editorial>p:last-child{display:none}.cover-story{border-top:1px solid var(--line);padding-top:25px}.cover-story>img{height:340px}.margin-reading{grid-template-columns:110px 1fr;gap:20px}.margin-reading>p{grid-column:1/-1}.margin-reading>a:last-child{grid-column:1/-1}.masthead-top{font-size:.75rem;gap:20px}.masthead .brand,.masthead .brand img{width:260px}.masthead .brand img{height:88px}.masthead .local-nav{gap:16px}.masthead .local-nav a{font-size:.8125rem}.entrance{height:auto;padding-bottom:0;padding-top:370px}.entrance-photo{height:420px;object-position:60% center}.entrance-header{position:absolute;top:0;left:0;right:0;padding:18px}.entrance-header .brand,.entrance-header .brand img{width:170px}.entrance-header .brand img{height:58px}.entrance-header .button{font-size:.8125rem;padding:12px;gap:10px}.welcome-card{position:relative;left:auto;bottom:auto;width:calc(100% - 36px);margin:auto;padding:28px;box-shadow:none}.welcome-card h1{font-size:2.7rem}.door-menu{position:relative;right:auto;bottom:auto;display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 36px);margin:0 auto;border-top:1px solid var(--line)}.door-menu a{font-size:.8125rem;padding:16px 12px}.porten .news{padding:25px;margin-block:25px}.porten .news>figure{order:0}.atelier{display:block}.atelier-sidebar{position:relative;top:0;height:auto;border:0;border-bottom:1px solid var(--line);padding:18px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:18px}.atelier-sidebar>p,.sidebar-address{display:none}.atelier-sidebar .local-nav{order:3;flex-direction:row;width:100%;justify-content:space-between;gap:10px}.atelier-sidebar .local-nav a{font-size:.8125rem}.atelier-sidebar .button{margin-left:auto}.atelier-wall{padding:30px 18px}.wall-heading{margin-bottom:30px}.exhibition{grid-template-columns:1fr 1fr;gap:20px}.exhibit-room{grid-column:1/-1}.exhibit-reading{margin-top:0;align-self:center}.exhibit-words{grid-column:1/-1;grid-row:3;padding:25px;max-width:none}.exhibit-play{width:100%;transform:none}.exhibit-play img{height:260px}.exhibit-story{padding:20px;gap:25px}.exhibit-story>img{height:350px}.ateljen .theme{grid-template-columns:1fr;gap:0}.ateljen .contact-facts{grid-template-columns:1fr}.question-intro{padding:35px 5px 20px}.question-intro h1{font-size:2.7rem}.question summary{font-size:1.15rem;padding:22px 5px}.question-reading{grid-template-columns:1fr;padding:28px;margin-top:35px;gap:25px}.question-reading>img{max-width:220px;order:-1}.fragorna .news figure{order:0}.library-front{grid-template-columns:1fr;padding-top:30px;gap:25px}.library-front h1{font-size:2.6rem}.book-spines{max-width:500px;width:100%;margin:auto}.book-spines>a{height:230px}.book-spines>a:nth-child(2){height:255px}.book-spines>a:nth-child(3){height:215px}.book-spines>a:nth-child(4){height:240px}.book-spines strong{font-size:1.15rem}.book-spread{grid-template-columns:1fr;margin:30px 0}.book-page{padding:28px}.book-page:nth-child(2){border-left:none;border-top:1px solid var(--line);background:none}.book-page h2{font-size:2rem}.book-page>img{height:370px}.letter{width:calc(100% - 24px);padding:30px 25px}.letter-tools{width:calc(100% - 36px)}.letter-head{margin-bottom:30px;padding-bottom:25px;flex-direction:column;align-items:flex-start}.letter-head>span{text-align:left}.letter h1{font-size:2.3rem}.letter p{font-size:1rem;line-height:1.85}.letter-photo{margin:30px 0}.letter-reading-mark{width:115px;margin-left:18px}.letter-story img{max-height:400px}.window-intro{padding-top:25px}.window-intro h1{font-size:2.4rem}.window-grid{grid-template-columns:1fr 1fr;gap:12px}.w-people,.w-room,.w-reading,.w-quote,.w-visit,.w-story{grid-column:1/-1}.w-people{padding:28px}.w-people h2{font-size:2rem}.w-room{height:280px}.w-reading{grid-template-columns:110px 1fr;padding:22px;gap:20px}.w-reading h2{font-size:1.3rem}.w-quote{padding:25px}.w-story{grid-template-columns:1fr;padding:20px;gap:25px}.w-story>img{height:320px}.w-visit strong{font-size:1.5rem}.window-themes{padding-top:40px}.story-opening{padding:35px 0}.story-opening h1{font-size:2.6rem}.cinema-frame img{height:280px}.chapter{margin:45px auto}.chapter-quote .quote{padding:30px 10px}.chapter-story{grid-template-columns:1fr;gap:25px;margin-block:45px}.chapter-story figure img{height:410px}.chapter-mark{max-width:210px}.discovery-intro{padding-top:25px}.discovery-intro h1{font-size:2.4rem}.discovery-map{grid-template-columns:1fr 1fr;grid-template-rows:auto 175px 175px;gap:12px;margin-bottom:30px}.map-center{grid-column:1/-1;grid-row:1;width:auto;height:auto;border-radius:12px;padding:22px;gap:8px}.map-center strong{font-size:2rem}.map-center:before,.map-center:after{display:none}.people-node{grid-column:1;grid-row:2}.reading-node{grid-column:2;grid-row:2}.creating-node{grid-column:1;grid-row:3}.visit-node{grid-column:2;grid-row:3}.map-node{border-radius:24px;padding:14px;gap:8px}.map-node strong{font-size:1.2rem}.map-node>span:last-child{font-size:.75rem}.upptack .news{padding:25px}.perspective{grid-template-columns:1fr}.perspective-intro{position:relative;top:0;height:auto;padding:25px;gap:25px}.perspective-intro h1{font-size:2.8rem}.perspective-intro .local-nav{gap:12px 22px}.perspective-intro>.small{margin:0}.stream-opening img{height:350px}.stream-piece{padding:32px 25px}.stream-piece h2{font-size:2rem}.stream-story>img{height:400px}.stream-story>div{padding:30px 25px}.stream-story h2{font-size:2rem}.perspektiv .environment,.perspektiv .contact{padding:30px 25px}.perspektiv .footer{width:calc(100% - 50px)}.service-intro{padding-top:30px}.service-intro h1{font-size:2.5rem}.service-choices{grid-template-columns:1fr;gap:12px}.service-choices>a{padding:23px;gap:14px}.service-choices strong{font-size:1.35rem}.service-brief{grid-template-columns:1fr;gap:10px;padding:35px 0}.service-brief .local-nav{gap:15px}.service-brief .local-nav a{font-size:.875rem}.service-layout{grid-template-columns:1fr;gap:0}.service-aside{display:none}.valkommen-in .theme{grid-template-columns:1fr;gap:0}.valkommen-in .reading{grid-template-columns:1fr}.valkommen-in .reading>img{max-width:230px}.valkommen-in .contact{padding:28px}.diary-title{display:block;padding-top:30px}.diary-title h1{font-size:2.5rem}.photo-strip{grid-template-columns:1fr 1fr;gap:14px}.photo-strip>figure:first-child{grid-column:1/-1}.photo-strip figure img{height:240px}.photo-strip>figure:first-child img{height:285px}.photo-strip figcaption{font-size:.875rem}.diary-feature{grid-template-columns:1fr;gap:25px;margin:40px 0}.diary-feature>div{position:static}.diary-feature figure img{max-height:500px}.diary-notes{padding-top:35px}.fotodagboken .quote{padding:28px}.word-opening{grid-template-columns:1fr;gap:10px;padding-block:35px}.word-opening h1{font-size:2.7rem}.word-opening>div>p{font-size:1.1rem}.word-principles{padding-block:30px}.principle{grid-template-columns:1fr;gap:10px;padding-block:25px}.principle h2{font-size:2rem}.word-story{grid-template-columns:1fr;gap:25px;padding:25px}.word-story h2{font-size:2rem}.word-story>img{height:350px}.catalog-intro{grid-template-columns:1fr;gap:10px;padding-block:30px}.catalog-intro h1{font-size:2.5rem}.catalog-row summary{grid-template-columns:25px 1fr 70px 20px;gap:12px;min-height:105px;padding-block:14px;font-size:1.2rem}.catalog-row summary img{width:70px;height:65px}.catalog-row summary small{font-size:.75rem}.catalog-row summary .catalog-icon{font-size:2rem}.catalog-row .answer{padding:15px 18px 28px}.catalog-row[open] summary{padding-inline:10px}.catalog-story{grid-template-columns:1fr;gap:25px}.catalog-story>img{height:340px}.catalog .contact{margin-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.question summary>span:last-child,.map-node{transition:none}}
.book-title-page>img{height:auto;object-fit:contain}

.concept-review .active-version{background:#e7ebde;color:#34432f;padding:5px 12px;border-radius:5px;font-weight:600}
