@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#1b1d1c;--muted:#646865;--red:#d63a37;--paper:#f6f5f2;--line:#e4e2dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}.wrap{max-width:1200px;margin:auto;padding:0 28px}.top{height:79px;display:flex;align-items:center;justify-content:space-between;gap:18px}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.logo img{width:122px;height:auto;display:block}.nav{display:flex;gap:26px;align-items:center;font-size:13px;font-weight:700}.nav a.active{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;background:var(--red);color:#fff!important;font-size:13px;font-weight:800;letter-spacing:.02em;border-radius:2px}.btn:hover{background:#ae2928}.outline{background:transparent;border:1px solid #999;color:var(--ink)!important}.hero{background:#222;min-height:580px;position:relative;display:flex;align-items:end;color:white;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.08)),url('assets/ihus-as-krumgata-79.webp') center/cover}.hero .wrap{position:relative;width:100%;padding-top:100px;padding-bottom:80px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:800;color:var(--red)}.hero .eyebrow{color:#fff}.hero h1{font:800 clamp(46px,7vw,92px)/1.05 Manrope,sans-serif;letter-spacing:-.065em;max-width:750px;margin:20px 0}.hero p{max-width:540px;line-height:1.65;color:#eee;font-size:17px}.hero .btn{margin-top:18px}section{padding:88px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.sectionhead h2,.pagehead h1{font:800 clamp(32px,4vw,54px)/1.13 Manrope,sans-serif;letter-spacing:-.055em;margin:10px 0}.sectionhead p{max-width:580px;color:var(--muted);line-height:1.65}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{display:block;overflow:hidden}.project img{width:100%;height:285px;object-fit:cover;display:block;transition:transform .3s}.project:hover img{transform:scale(1.035)}.project .imgbox{overflow:hidden;background:#eee}.project .meta{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--red);font-weight:800;margin:19px 0 7px}.project h3{font:800 20px/1.3 Manrope,sans-serif;margin:0 0 8px}.arrow{color:var(--red);font-weight:800}.soft{background:var(--paper)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.lead{font-size:18px;line-height:1.7;color:#515651}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{border:1px solid var(--line);padding:30px;background:white;min-height:185px}.tile b{font:800 20px Manrope;display:block;margin:12px 0}.tile p{color:var(--muted);line-height:1.6;font-size:14px}.qa{border-top:1px solid var(--line);padding:22px 0}.qa summary{cursor:pointer;font-weight:800;font-size:17px;list-style:none}.qa summary:after{content:'+';float:right;color:var(--red);font-size:24px}.qa[open] summary:after{content:'−'}.qa p{line-height:1.75;color:var(--muted);max-width:800px}.storygrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.story{border:1px solid var(--line);padding:26px;background:#fff}.story h3{font:800 21px Manrope;margin:12px 0}.story p{font-size:14px;line-height:1.7;color:#565b56}.booknote{background:#eeeae3;padding:28px;margin-top:28px;font-size:14px;line-height:1.7}.footer{background:#202321;color:#fff;padding:55px 0}.footergrid{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer a{color:#ddd}.footer small{color:#bbb}.pagehead{padding:75px 0 35px;background:var(--paper)}.pagehead p{color:var(--muted);line-height:1.7;max-width:740px}.content{padding:60px 0 95px}.content h2{font:800 27px Manrope;letter-spacing:-.03em}.content p{line-height:1.8}.breadcrumbs{font-size:12px;color:var(--muted);padding:18px 0}.detailimg{width:100%;max-height:670px;object-fit:cover}.detailgrid{display:grid;grid-template-columns:2fr 1fr;gap:50px;margin-top:40px}.notice{border-left:3px solid var(--red);padding:15px 20px;background:var(--paper);color:#555;font-size:14px;line-height:1.7}.alpha{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.alpha a{padding:9px 12px;border:1px solid var(--line);font-weight:700;font-size:12px}.streetlist{columns:3;column-gap:40px;line-height:2.15}.streetlist a{display:block;break-inside:avoid;font-size:14px}.contact{background:var(--red);color:#fff}.contact h2{font:800 44px Manrope;letter-spacing:-.05em}.contact p{line-height:1.7}.contact a{color:white;text-decoration:underline}@media(max-width:900px){.nav{gap:12px;font-size:11px}.grid,.tiles,.storygrid{grid-template-columns:repeat(2,1fr)}.columns{gap:30px}.streetlist{columns:2}}@media(max-width:650px){.top{height:auto;min-height:70px;align-items:flex-start;flex-direction:column;padding-top:13px;padding-bottom:13px}.nav{flex-wrap:wrap;gap:12px}.nav .btn{padding:8px}.hero{min-height:490px}.hero .wrap{padding-bottom:55px}.grid,.tiles,.storygrid,.columns,.detailgrid{grid-template-columns:1fr}.project img{height:250px}.sectionhead{display:block}section{padding:60px 0}.streetlist{columns:1}}
.searchstories{margin:24px 0}.searchstories input{display:block;width:100%;max-width:520px;padding:14px;border:1px solid #aaa;border-radius:8px;margin:10px 0}.story[hidden]{display:none}.story a{display:inline-block;margin-top:12px;font-weight:700;color:#b92529}.storytext{font-size:1.18rem;line-height:1.85;max-width:780px;margin:26px 0 36px}.content .wrap{max-width:1180px}

/* Launch candidate refinements */
html{scroll-behavior:smooth}body{overflow-x:hidden}.header{position:relative;z-index:20}.hero{min-height:560px;display:flex;align-items:center}.hero h1{font-size:clamp(3rem,6.3vw,6.2rem);line-height:1.03;max-width:950px;letter-spacing:-.045em}.hero p{max-width:570px}.nav{flex-wrap:wrap;justify-content:flex-end}a:focus-visible,summary:focus-visible{outline:3px solid #e33a36;outline-offset:3px}details{border-bottom:1px solid #ddd;padding:20px 0}summary{font-size:1.12rem;font-weight:700;cursor:pointer}details p{max-width:760px}img{max-width:100%}@media(max-width:800px){.top{align-items:flex-start;flex-direction:column;gap:12px}.nav{gap:10px;justify-content:flex-start}.nav a{font-size:12px}.hero{min-height:430px}.hero h1{font-size:clamp(2.7rem,10vw,4.5rem)}.grid{grid-template-columns:1fr}.tiles{grid-template-columns:1fr}}

/* Prosjektgalleri */
.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0 38px}.project-gallery a{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background:#eee}.project-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.project-gallery a:hover img{transform:scale(1.04)}.gallery-heading{margin:40px 0 8px}.gallery-intro{margin:0 0 18px}.gallery-overlay{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:9999;display:none;align-items:center;justify-content:center;flex-direction:column;padding:55px 65px 48px}.gallery-overlay.active{display:flex}.gallery-overlay img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain}.gallery-overlay button{border:1px solid #777;background:#171717;color:white;padding:10px 15px;cursor:pointer;font-size:20px}.gallery-overlay .close{position:absolute;right:20px;top:15px}.gallery-overlay .prev{position:absolute;left:12px;top:50%}.gallery-overlay .next{position:absolute;right:12px;top:50%}.gallery-overlay .counter{color:white;margin-top:12px}@media(max-width:700px){.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.gallery-overlay{padding:60px 38px}.gallery-overlay .prev{left:2px}.gallery-overlay .next{right:2px}}

/* Om iHUS – konsistent vertikal rytme */
.about-intro,.about-bath-gallery,.about-band,.about-sections,.about-cta{padding-top:68px!important;padding-bottom:68px!important}
.about-grid{display:block!important;max-width:790px}.about-grid>div{max-width:790px}
.about-sections{display:grid!important;grid-template-columns:1fr!important;gap:68px!important}
.about-sections>div{max-width:790px}.about-sections p+p{margin-top:20px}
.about-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.about-gallery-heading h2{margin:0}.about-gallery-controls{display:flex;gap:10px}
.about-gallery-controls button{border:1px solid #bbb;background:#fff;color:#111;border-radius:50%;height:46px;width:46px;font-size:22px;cursor:pointer}
.about-gallery-controls button:hover{border-color:#b92529;color:#b92529}
.bath-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;padding-bottom:12px}
.bath-slide{flex:0 0 min(72%,690px);scroll-snap-align:start;margin:0}
.bath-slide img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.bath-slide figcaption{margin-top:12px;font-size:14px;color:#555}
@media(max-width:700px){.about-intro,.about-bath-gallery,.about-band,.about-sections,.about-cta{padding-top:42px!important;padding-bottom:42px!important}.about-sections{gap:42px!important}.bath-slide{flex-basis:90%}}

/* Om iHUS: tettere, konsekvent avstand mellom avsnitt og seksjoner */
.about-intro,.about-bath-gallery,.about-band,.about-sections,.about-cta{padding-top:48px!important;padding-bottom:48px!important}
.about-sections{gap:36px!important}
.about-intro p,.about-sections p,.about-band p{margin-top:0;margin-bottom:14px}
.about-intro p+p,.about-sections p+p,.about-band p+p{margin-top:0}
.about-intro h2,.about-sections h2,.about-band h2{margin-top:0;margin-bottom:16px}
@media(max-width:700px){.about-intro,.about-bath-gallery,.about-band,.about-sections,.about-cta{padding-top:34px!important;padding-bottom:34px!important}.about-sections{gap:28px!important}}

/* Om iHUS v3: lik og kompakt avstand mellom tekstseksjonene */
body:has(.about-sections) .content{padding-top:0;padding-bottom:0}
body:has(.about-sections) .about-intro,body:has(.about-sections) .about-bath-gallery{padding-top:24px!important;padding-bottom:24px!important}
body:has(.about-sections) .about-band,body:has(.about-sections) .about-cta{padding-top:12px!important;padding-bottom:12px!important}
body:has(.about-sections) .about-sections{padding-top:12px!important;padding-bottom:12px!important;gap:24px!important}
body:has(.about-sections) .about-sections>div{margin:0}
body:has(.about-sections) .about-sections h2,body:has(.about-sections) .about-band h2,body:has(.about-sections) .about-cta h2{margin:0 0 12px}
body:has(.about-sections) .about-sections p,body:has(.about-sections) .about-band p,body:has(.about-sections) .about-cta p{margin:0 0 12px}
body:has(.about-sections) .about-sections p:last-child,body:has(.about-sections) .about-band p:last-child,body:has(.about-sections) .about-cta p:last-child{margin-bottom:0}
@media(max-width:700px){body:has(.about-sections) .about-sections{gap:24px!important}body:has(.about-sections) .about-band,body:has(.about-sections) .about-cta{padding-top:12px!important;padding-bottom:12px!important}}

/* v6: svarte gatenavn i Oslo-historier, behold rode les-mer-lenker */
.story h3 a,.story h3 a:visited{color:#202321!important;margin-top:0}
.story h3 a:hover{color:#b92529!important}

/* Spør iHUS v13: 20 spørsmål, fem temaer */
.faq-v13{padding-top:38px;padding-bottom:60px;max-width:1100px}
.faq-v13 .faq-intro{max-width:790px;color:#464646;font-size:1.08rem;line-height:1.7;margin-bottom:28px}
.faq-v13 .faq-intro p{margin:0 0 14px}
.faq-v13 .faq-topics{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 42px}
.faq-v13 .faq-topics a{display:inline-block;padding:10px 14px;border:1px solid #ddd;color:#242424;text-decoration:none;font-size:.92rem;font-weight:650;border-radius:3px}
.faq-v13 .faq-topics a:hover,.faq-v13 .faq-topics a:focus{border-color:#c82929;color:#bd2222}
.faq-v13 .faq-section{margin:0 0 40px;scroll-margin-top:90px}
.faq-v13 .faq-section h2{font-size:clamp(1.5rem,2.4vw,2rem);margin:0 0 14px;line-height:1.25}
.faq-v13 details.faq-question{border:0;border-top:1px solid #ddd;margin:0;padding:0;background:transparent}
.faq-v13 details.faq-question:last-child{border-bottom:1px solid #ddd}
.faq-v13 details.faq-question>summary{display:block;position:relative;cursor:pointer;list-style:none;padding:22px 46px 22px 0;font-weight:700;font-size:1.04rem;line-height:1.45;color:#202020}
.faq-v13 details.faq-question>summary::-webkit-details-marker{display:none}
.faq-v13 details.faq-question>summary:after{content:'+';position:absolute;right:3px;top:17px;font-size:1.65rem;font-weight:700;color:#d52b2b;line-height:1}
.faq-v13 details.faq-question[open]>summary:after{content:'−'}
.faq-v13 .faq-answer{max-width:850px;padding:0 40px 18px 0;color:#444;line-height:1.75}
.faq-v13 .faq-answer p{margin:0 0 14px}
.faq-v13 .faq-answer strong{color:#202020}
.faq-v13 .faq-contact{margin-top:40px;padding:30px;background:#f7f6f3}
.faq-v13 .faq-contact h2{margin:0 0 14px}
.faq-v13 .faq-contact p{margin:0 0 12px;line-height:1.65}
.faq-v13 .faq-cta-btn{display:inline-block;margin-top:12px;text-decoration:none}
@media(max-width:640px){.faq-v13{padding-top:25px;padding-bottom:40px}.faq-v13 .faq-topics{gap:7px;margin-bottom:30px}.faq-v13 .faq-topics a{padding:8px 10px;font-size:.85rem}.faq-v13 details.faq-question>summary{padding:19px 38px 19px 0}.faq-v13 .faq-contact{padding:20px}}
