/* SH Ritningar – version 2: svart, Apple-lugn, koppar bara i linjer och bildglöd. Hanken Grotesk överallt. */
@font-face{font-family:'Jost';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/jost-latin-wght-normal.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/hanken-grotesk-latin-wght-normal.woff2) format('woff2')}
:root,[data-home="4"]{
  --bg:#000;--bg2:#0a0a0a;--bg3:#111;--line:#2a211b;
  --text:#f5f5f7;--muted:#a1a1a6;--acc:var(--cu);--accent:var(--cu);--accent-hover:var(--cu);--accent-ink:#000;
  --btn:#f5f5f7;--btn-t:#000;
  --cu:#c98b4e;--cu-rgb:201,139,78;--cu-line:rgba(var(--cu-rgb),.62);--cu-glow:rgba(var(--cu-rgb),.28);--paper:#f5f5f7;
  --head:'Jost','Futura',system-ui,sans-serif;--body:'Jost','Futura',system-ui,sans-serif;
}
html,body{background:#000!important;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}
body{font-size:18px;line-height:1.55}
::selection{background:var(--cu);color:#000}
h1,h2,h3,.h-card b,.vision-text h3{font-family:var(--head)!important;color:var(--paper);font-weight:600!important;letter-spacing:-.035em}
h1{font-size:clamp(46px,7.6vw,116px)!important;line-height:1.02!important;letter-spacing:-.045em}
h2,.sec-head h2,[data-home="4"] .h1-port .sec-head h2,.h1-port .h4-head h2{font-size:clamp(36px,5.2vw,76px)!important;line-height:1.04!important;font-weight:600!important;letter-spacing:-.04em}
h3{font-size:clamp(22px,2.1vw,30px);line-height:1.15}
p{color:var(--muted)}.muted,.fine{color:#86868b}
.eyebrow,.h-card-n{display:none!important}.hero-in .eyebrow::before{display:none}

/* Knappar: platta, ingen glöd */
.btn,button.btn{font:500 17px/1 var(--body)!important;letter-spacing:0!important;text-transform:none!important;border-radius:999px!important;padding:16px 28px!important;
  background:#f5f5f7!important;color:#000!important;border:1px solid #f5f5f7!important;box-shadow:none!important;filter:none!important;transition:background .25s,color .25s,border-color .25s,transform .25s}
.btn:hover{background:#fff!important;transform:none}
.btn.ghost{background:transparent!important;color:var(--paper)!important;border:1px solid var(--cu-line)!important}
.btn.ghost:hover{border-color:var(--cu)!important;background:rgba(var(--cu-rgb),.08)!important}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cu);outline-offset:3px}

/* Meny (Apple-lik: glasig svart list) */
.site-header,.site-header.scrolled{background:rgba(0,0,0,.0)!important;border:0!important;box-shadow:none!important}
.site-header.scrolled{background:rgba(0,0,0,.72)!important;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);box-shadow:0 1px 0 rgba(var(--cu-rgb),.22)!important}
.nav a,.dd-btn{font:400 15px var(--body)!important;letter-spacing:0!important;text-transform:none!important;color:#d2d2d7!important}
.nav a:hover,.dd-btn:hover{color:#fff!important}
.nav a.btn{color:#000!important}
.dd-menu{background:#0a0a0a!important;border:1px solid var(--cu-line)!important;border-radius:16px!important;box-shadow:none}
.progress{background:var(--cu)!important}
.social a{border:1px solid #2a2a2c!important;border-radius:50%!important;color:#d2d2d7}.social a:hover{border-color:var(--cu)!important;color:#fff;background:transparent}

/* Hero: centrerad, bilden tonas mjukt ut i svart */
.h4-hero,.h1-hero{background:#000;text-align:center}
.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.15) 30%,rgba(0,0,0,.35) 55%,rgba(0,0,0,.85) 82%,#000 100%)!important}
.h1-in{align-items:center!important;text-align:center!important}
.h4-l1,.h4-l2{display:block;white-space:normal!important}
.h4-l2{font-weight:600;color:#a1a1a6;margin-top:.1em}
.hero-cta{justify-content:center;gap:14px}
.h4-band{background:transparent!important;backdrop-filter:none;border:0!important;border-top:1px solid var(--cu-line)!important;border-radius:0!important}
.h4-band b{font:600 22px var(--head);color:var(--paper);letter-spacing:-.02em}
.h4-band b svg{color:var(--cu)}
.h4-band div{color:#a1a1a6;text-align:center}
.h1-dots button{background:rgba(245,245,247,.3)!important}.h1-dots button.on{background:#f5f5f7!important}

/* Sektioner: helsvart, mycket luft, centrerade rubriker */
.sec,.sec.t-dark{background:#000!important;padding-block:clamp(80px,11vw,160px)!important;border:0!important}
#tjanster,#omdomen,.contact{background:#000!important}
.sec-head:not(.h4-head){text-align:center;margin-bottom:clamp(40px,6vw,88px)}
.partners.sec{padding-block:clamp(48px,6vw,90px)!important}
.partners .sec-head h2{font-size:clamp(20px,1.8vw,26px)!important;font-weight:500!important;color:#86868b;letter-spacing:-.01em}
.partners img,.marquee img{filter:grayscale(1) brightness(1.5);opacity:.5;transition:opacity .3s}
.marquee li:hover img{opacity:1}

/* Rutor: tunn kopparlinje, ingen glöd */
.h2-door,.quotes blockquote,.contact-form,.dd-menu{border:1px solid var(--cu-line)!important;background:#0a0a0a!important;border-radius:26px!important;box-shadow:none!important;overflow:hidden}
.h2-door-m{display:block;position:relative}
.h2-door-m img{border-radius:0!important;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.h2-door-m::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,#0a0a0a);pointer-events:none}
.h2-door:hover .h2-door-m img{transform:scale(1.03)}
.h2-door-b{padding:clamp(24px,3vw,44px)!important;text-align:left}
.h2-door-b h3{font-size:clamp(28px,2.8vw,40px);margin-bottom:16px}
.h2-door-b ul{columns:2;column-gap:28px;padding:0;list-style:none;color:#a1a1a6}
.h2-door-b li{padding:8px 0;border-bottom:1px solid #1d1d1f;break-inside:avoid;font-size:16px}
.h2-door-b li::before{display:none}

/* Bilder: kopparlinje + mjuk glöd (bara bilder får glöd) */
.pm-strip{--pm-bg:#000}
.pm-track .h-card.h4-c{border-radius:24px!important;border:1px solid var(--cu-line)!important;box-shadow:0 0 56px -6px var(--cu-glow)!important;overflow:hidden;background:#0a0a0a!important}
.h-card::after{background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.92))!important}
.h-card em{font-style:normal;color:#d2d2d7;font-size:14.5px}
.pm-track .h-card.h4-c .h-card-b b{font:600 28px/1.1 var(--head)!important;letter-spacing:-.03em}
.h-tag{font:500 13px var(--body)!important;text-transform:none!important;letter-spacing:0!important;border-radius:999px!important;background:rgba(0,0,0,.5)!important;backdrop-filter:blur(14px);border:1px solid var(--cu-line)!important;color:#f5f5f7!important}
.h4-arrows button{width:50px;height:50px;border-radius:50%;border:1px solid var(--cu-line);color:var(--paper);background:#000;transition:border-color .25s}
.h4-arrows button:hover{border-color:var(--cu)}
.vision-media{border-radius:26px!important;overflow:hidden;border:1px solid var(--cu-line)!important;box-shadow:0 0 70px -10px var(--cu-glow)}
.ig-grid a{border-radius:20px!important;overflow:hidden;border:1px solid var(--cu-line)!important;box-shadow:0 0 44px -10px var(--cu-glow)}
.ig-grid a img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.ig-grid a:hover img{transform:scale(1.04)}
.contact-photo img{border-radius:22px}

/* Omdömen */
.quotes blockquote{padding:clamp(24px,2.4vw,34px)!important;backdrop-filter:none}
.quotes blockquote p{font:500 clamp(19px,1.6vw,23px)/1.35 var(--head)!important;letter-spacing:-.02em;color:var(--paper)!important}
.quotes blockquote::before,.quotes blockquote::after{color:var(--cu);opacity:.6}
.rv-name{color:#86868b;font-size:14px;text-transform:none!important;letter-spacing:0!important}
.rv-stars{color:var(--cu)!important;letter-spacing:.18em}

/* Om oss */
.vision-text h3{font-size:clamp(22px,2vw,28px);margin-bottom:8px}
.vision-text>div{border:0!important;padding:0 0 26px!important;margin:0!important}

/* Kontakt */
.contact-form{padding:clamp(24px,3.2vw,48px)!important}
.contact-list{list-style:none;padding:0}.contact-list li{padding:14px 0;border-bottom:1px solid #1d1d1f}
.contact-list span{color:#86868b;display:block;font-size:14px}
.contact-list a{color:var(--paper);font:600 clamp(20px,1.8vw,26px) var(--head);letter-spacing:-.02em;text-decoration:none}
.contact-list a:hover{color:var(--cu)}
.form label,.form legend{color:#d2d2d7;font-size:15px}
.form input:not([type=radio]):not([type=checkbox]):not([type=file]),.form textarea{background:#000!important;border:1px solid #2a2a2c!important;border-radius:14px!important;color:var(--paper)!important;font:400 17px var(--body)!important;padding:15px 16px!important;transition:border-color .25s}
.form input:focus,.form textarea:focus{border-color:var(--cu)!important;box-shadow:none;outline:0}
.form input[type=file]{background:#000!important;border:1px dashed #3a3a3c!important;border-radius:14px!important;color:#a1a1a6!important;padding:12px!important;width:100%}
.form input[type=file]::file-selector-button{font:500 14px var(--body);background:#1d1d1f;color:var(--paper);border:0;border-radius:999px;padding:9px 18px;margin-right:14px;cursor:pointer}
.chip span{border-radius:999px!important;border:1px solid #2a2a2c!important;background:#000!important;color:#d2d2d7!important;font:400 15px var(--body)!important;text-transform:none!important;letter-spacing:0!important;padding:11px 20px!important;transition:all .25s}
.chip input:checked+span{background:#f5f5f7!important;color:#000!important;border-color:#f5f5f7!important}
.chip:hover span{border-color:var(--cu)!important}
.contact-art{display:none}

/* Sidfot */
.site-footer{background:#000!important;border-top:1px solid var(--cu-line)!important;color:#86868b}
.site-footer h3{text-transform:none!important;letter-spacing:-.01em!important;font:600 16px var(--head)!important;color:var(--paper)!important;margin-bottom:12px}
.site-footer a{color:#a1a1a6;text-decoration:none}.site-footer a:hover{color:#fff}
.legal{border-top:1px solid #1d1d1f!important;color:#86868b}

@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}
@media(max-width:700px){
  body{font-size:17px}
  h1{font-size:clamp(40px,12vw,56px)!important}
  h2,.sec-head h2{font-size:clamp(32px,9.5vw,44px)!important}
  .h2-door-b ul{columns:1}
  .hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.25) 28%,rgba(0,0,0,.55) 58%,#000 100%)!important}
  .h4-band div{padding-block:10px}
}

/* Specificitet: skriv över gamla accent-knappar och hero-typ */
.btn:not(.ghost):not(.x),.nav-cta,.nav a.btn.nav-cta{background:#f5f5f7!important;border-color:#f5f5f7!important;color:#000!important;box-shadow:none!important}
.btn:not(.ghost):not(.x):hover,.nav-cta:hover{background:#fff!important;border-color:#fff!important}
.btn.ghost:hover{border-color:var(--cu)!important;color:var(--paper)!important}
.h4-hero .h4-l1,.h4-l1{font:600 clamp(46px,7.4vw,116px)/1.02 var(--head)!important;letter-spacing:-.045em!important;max-width:none!important}
.h4-hero .h4-l2,.h4-l2{font:500 clamp(20px,2.2vw,32px)/1.25 var(--head)!important;letter-spacing:-.02em!important;color:#d2d2d7!important;max-width:none!important;margin-top:18px!important;text-shadow:0 1px 18px rgba(0,0,0,.7)}
.hero-cta{margin-top:30px}
.h4-band{margin-top:0}
@media(max-width:700px){.h4-hero .h4-l1,.h4-l1{font-size:clamp(38px,11.5vw,54px)!important}.hero-cta{flex-direction:column;align-items:center}}

/* Jost (Futura-stil): arkitektens geometriska grotesk. Lättare vikt och lite mindre tät. */
h1,h2,h3,.h-card b,.vision-text h3,.h4-hero .h4-l1,.h4-l1{font-weight:400!important;letter-spacing:-.025em!important}
h1,.h4-hero .h4-l1,.h4-l1{font-size:clamp(46px,7.4vw,112px)!important;line-height:1.03!important}
h2,.sec-head h2,[data-home="4"] .h1-port .sec-head h2,.h1-port .h4-head h2{font-weight:400!important;letter-spacing:-.025em!important}
.h4-hero .h4-l2,.h4-l2{font-weight:400!important;letter-spacing:0!important}
.pm-track .h-card.h4-c .h-card-b b{font-weight:400!important;letter-spacing:-.01em!important;font-size:30px!important}
.h4-band b,.contact-list a,.site-footer h3{font-weight:500!important;letter-spacing:-.01em!important}
.quotes blockquote p{font-weight:400!important;letter-spacing:-.005em!important;font-size:clamp(20px,1.7vw,24px)!important}
body{font-size:19px}
.btn,button.btn,.nav a,.dd-btn{font-weight:500!important}

/* Avskiljare mellan sektioner: tunn linje som tonar ut åt sidorna, med ett litet streck i mitten */
.sec{position:relative}
.sec::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1240px,calc(100% - 2*clamp(18px,4vw,40px)));height:1px;background:linear-gradient(90deg,transparent,rgba(var(--cu-rgb),.7) 20%,rgba(var(--cu-rgb),.7) 80%,transparent)}
.sec::after{content:"";position:absolute;top:-5px;left:50%;width:1px;height:11px;background:var(--cu);transform:translateX(-50%)}
.partners.sec::before,.partners.sec::after{display:none}
.site-footer{border-top:0!important;position:relative}
.site-footer::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1240px,calc(100% - 2*clamp(18px,4vw,40px)));height:1px;background:linear-gradient(90deg,transparent,rgba(var(--cu-rgb),.7) 20%,rgba(var(--cu-rgb),.7) 80%,transparent)}

/* Silver som lyser: linjer och bildramar får en svag ljuskant */
.sec::before,.site-footer::before{background:linear-gradient(90deg,transparent,rgba(var(--cu-rgb),.9) 22%,rgba(var(--cu-rgb),.9) 78%,transparent);box-shadow:0 0 14px rgba(var(--cu-rgb),.45)}
.sec::after{box-shadow:0 0 10px rgba(var(--cu-rgb),.8)}
.h2-door,.quotes blockquote,.contact-form{border-color:rgba(var(--cu-rgb),.5)!important}
.pm-track .h-card.h4-c,.vision-media,.ig-grid a{border-color:rgba(var(--cu-rgb),.75)!important}
.rv-stars,.h4-band b svg{color:var(--cu)!important}

/* Mörkare hero så texten tydligt framträder */
.hero-shade{background:radial-gradient(70% 45% at 50% 52%,rgba(0,0,0,.55),transparent 75%),linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.5) 30%,rgba(0,0,0,.6) 58%,rgba(0,0,0,.92) 84%,#000 100%)!important}
.h4-hero .h4-l1,.h4-l1{text-shadow:0 2px 40px rgba(0,0,0,.6)}
.h4-hero .h4-l2,.h4-l2{color:#e8e8ec!important;text-shadow:0 1px 24px rgba(0,0,0,.85)}
@media(max-width:700px){.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.55) 30%,rgba(0,0,0,.7) 60%,#000 100%)!important}}

/* Enkelt: ingen glöd. Bara tunna kopparlinjer. */
.sec::before,.site-footer::before{box-shadow:none!important;background:linear-gradient(90deg,transparent,rgba(var(--cu-rgb),.55) 20%,rgba(var(--cu-rgb),.55) 80%,transparent)!important}
.sec::after{box-shadow:none!important;opacity:.8}
.pm-track .h-card.h4-c,.vision-media,.ig-grid a{box-shadow:none!important;border-color:var(--cu-line)!important}
.h2-door,.quotes blockquote,.contact-form{border-color:var(--cu-line)!important}

/* ===== Undersidor ===== */
main>.sec:first-child::before,main>.sec:first-child::after,main>section:first-child::before,main>section:first-child::after{display:none}
.hero-cta{justify-content:flex-start}
.h4-hero .hero-cta,.h1-hero .hero-cta{justify-content:center}
main h1:not(.h4-hero h1){font-size:clamp(42px,6vw,84px)!important;line-height:1.04!important}
.bl-hw-t,.bl-hw-t b,.bl-tag,.pj-card .more,.more,.pg-tag,.pc-tag,.faq-h,.ko-quick .qc-l,.qc-l,.vz-b,.pj-facts2 dt,.pj2-k,.pj2-eye,.pj2-eye span,.pj2-meta dt,.pj2-cue,.ap2-l,.h4p-eye,.strip ul,.sun-ctl,.sun-time span,.contact-list span{text-transform:none!important;letter-spacing:0!important}
.bl-hw-t{font-size:15px!important;color:#a1a1a6!important}.bl-hw-t b{font-size:18px!important;color:var(--paper)!important;display:block}
.bl-hw-ph,.bl-simon-ph{box-shadow:none!important;border:1px solid var(--cu-line)!important}
.bl-card,.pj-card,.price-card,.svc,.card,.bl-simon,.pj2-box,.vz-tile,.ko-quick>*,.ko-quick a,.qc{background:#0a0a0a!important;border:1px solid var(--cu-line)!important;border-radius:24px!important;box-shadow:none!important;overflow:hidden}
.bl-card .bl-media,.card .card-media{border-radius:0}
.bl-facts>div,.facts>div{border-left:1px solid var(--cu-line)!important}
.lead{color:#d2d2d7}
hr,.rule{border-color:#1d1d1f!important}
details,.faq-i,.faq details{border:0!important;border-bottom:1px solid #26262a!important;background:transparent!important;border-radius:0!important}
details summary{font-family:var(--head);font-size:clamp(20px,2vw,26px);font-weight:400;color:var(--paper)}
.ap-dot{background:#0a0a0a!important;border:1px solid var(--cu)!important;color:var(--cu)!important;box-shadow:none!important}
html.js .ap-st.lit .ap-dot{box-shadow:none!important;background:var(--cu)!important;color:#000!important}
.ap-meta{color:#86868b}
.proj,.bl-person,.qc,.proj-body{background:#0a0a0a!important}
.proj,.bl-person,.qc{border:1px solid var(--cu-line)!important;border-radius:24px!important;box-shadow:none!important;overflow:hidden}
.proj-body{border:0!important}
.proj-n,.vz-n,.pj2-eye::before,.pj2-eye span::before,.h-card-n{display:none!important}
.pj2-eye{display:none!important}
.bl-tag{font-size:14px!important;color:var(--muted)!important}
.sec-head+*{max-width:100%}

/* ===== lugnare: grå ramar, koppar bara vid hover/vald ===== */
:root,[data-home="4"]{--cu-line:#2a2a2c}
.h2-door,.quotes blockquote,.contact-form{border-color:#2a2a2c!important}
.h2-door,.quotes blockquote,.contact-form,.dd-menu,.pm-track .h-card.h4-c,.vision-media,.ig-grid a,.bl-card,.pj-card,.price-card,.svc,.card,.bl-simon,.pj2-box,.vz-tile,.ko-quick>*,.ko-quick a,.qc,.proj,.bl-person,.bl-hw-ph,.bl-simon-ph{transition:border-color .25s}
.h2-door:hover,.quotes blockquote:hover,.bl-card:hover,.pj-card:hover,.price-card:hover,.svc:hover,.card:hover,.pj2-box:hover,.vz-tile:hover,.ko-quick a:hover,.proj:hover,.pm-track .h-card.h4-c:hover,.ig-grid a:hover{border-color:rgba(var(--cu-rgb),.7)!important}
.site-header.scrolled{box-shadow:0 1px 0 #1d1d1f!important}
.h4-hero .h4-l1,.h4-l1,.h4-hero .h4-l2,.h4-l2{text-shadow:none!important}

/* ===== projekt-rubriker utan accentord, juridiska sidor lugnare ===== */
.pj2-title .w:last-child>span{color:inherit!important;font-style:normal!important;font-weight:300!important}
.pj2-title{font-weight:300!important}
.prose-sec h2{font-size:clamp(24px,2.4vw,32px)!important;letter-spacing:-.015em!important;margin:48px 0 14px!important}
.prose-sec p,.prose-sec li{font-size:17px!important;line-height:1.65!important;color:#c7c7cc!important}