/* Grund */
:root{--cream:#f2efe8;--paper:#faf9f5;--ink:#17191d;--muted:#6d7078;--green:#69d9ef;--green-dark:#3b9fc1;--line:rgba(23,25,29,.18);--white:#fff;--font:"Inter Tight","Helvetica Neue",Arial,sans-serif;--body:"Inter","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--cream);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img{display:block;width:100%}.container{width:min(1240px,calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:999;transform:translateY(-150%);padding:10px 16px;background:#fff;border-radius:4px}.skip-link:focus{transform:none}.section{padding:130px 0}.section-label{font-size:.72rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}.text-link{display:inline-flex;align-items:center;gap:30px;margin-top:35px;padding-bottom:5px;border-bottom:1px solid;font-weight:600}.text-link span{transition:transform .25s}.text-link:hover span{transform:translate(4px,-4px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:55px;padding:0 24px;border:0;border-radius:0;font-weight:600;cursor:pointer;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:#fff}.button-light{background:#fff;color:var(--ink)}

/* Logotyp och navigation */
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:84px;background:rgba(23,26,23,.96);color:#fff;border-bottom:1px solid transparent;backdrop-filter:blur(12px);transition:.25s}.site-header.scrolled{height:70px;border-color:rgba(255,255,255,.14);background:rgba(23,26,23,.98)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand-crop{position:relative;display:block;width:118px;height:42px;overflow:hidden}.brand-crop img{position:absolute;width:118px;height:auto;left:0;top:-48px}.main-nav{display:flex;align-items:center;gap:34px}.main-nav a{font-size:.86rem;font-weight:500}.main-nav a:not(.nav-contact){position:relative}.main-nav a:not(.nav-contact):after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:#fff;transition:.25s}.main-nav a:hover:after,.main-nav a.active:after{right:0}.nav-contact{padding:11px 17px;background:var(--green);color:var(--ink)}.nav-contact:hover{background:#cce99a}.menu-toggle{display:none;width:45px;height:45px;border:0;background:transparent}.menu-toggle span{display:block;width:25px;height:1px;background:#fff;margin:7px auto;transition:.25s}

/* Hero */
.hero{min-height:100svh;padding-top:84px;display:flex;flex-direction:column;background:var(--cream)}.hero-copy{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:60px;padding-bottom:65px}.kicker{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin-top:32px;font:500 clamp(4.8rem,10.4vw,9.8rem)/.84 var(--font);letter-spacing:-.075em}.hero h1 span{display:inline-block;margin-left:8vw;color:var(--green-dark)}.hero-bottom{display:flex;align-items:flex-end;justify-content:flex-end;gap:80px;margin-top:55px}.hero-bottom>p{max-width:460px;font-size:1.12rem}.round-link{width:118px;height:118px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--green);transition:transform .3s,background .3s}.round-link span{font-size:.78rem;font-weight:600;line-height:1.25;text-align:center}.round-link:hover{transform:rotate(8deg) scale(1.06);background:#c9e899}.hero-strip{overflow:hidden;padding:18px 0;background:var(--ink);color:#fff}.marquee-track{display:flex;width:max-content;gap:28px;align-items:center;animation:marquee 28s linear infinite}.marquee-track span{font:400 1.05rem var(--font)}.marquee-track i{color:var(--green);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}

/* Intro */
.intro{background:var(--paper)}.intro-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:90px}.intro h2,.visual-heading h2,.services h2,.case-heading h2,.about h2{font:500 clamp(3.2rem,6.5vw,6rem)/.94 var(--font);letter-spacing:-.06em}.intro-grid>div>p{max-width:650px;margin-top:38px;color:var(--muted);font-size:1.08rem}

/* Fotografiskt arbete */
.visual-work{padding:125px 0;background:var(--green-dark);color:#fff}.visual-heading{display:grid;grid-template-columns:.7fr 1.4fr .8fr;align-items:end;gap:55px;margin-bottom:75px}.visual-heading>p:last-child{color:#c8d0c9}.gallery{width:min(1500px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.15fr .7fr;gap:70px 24px}.gallery figure{margin:0}.gallery-wide{grid-column:1/-1}.gallery-wide .image-wrap{aspect-ratio:2/1}.gallery-portrait{width:75%;margin-left:auto!important}.gallery-portrait .image-wrap{aspect-ratio:3/4}.gallery-landscape{align-self:end;margin-bottom:5vw!important}.gallery-landscape .image-wrap{aspect-ratio:1.35/1}.image-wrap{overflow:hidden;background:#111}.image-wrap img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.gallery figure:hover img{transform:scale(1.035)}.gallery-portrait img{object-position:center 20%}.gallery figcaption{display:flex;justify-content:space-between;padding-top:13px;color:#c7d0c8;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.gallery-footer{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-top:75px}.gallery-footer p{max-width:600px;color:#c7d0c8;font-size:1.05rem}

/* Tjänster */
.services{background:var(--paper)}.services-heading{display:grid;grid-template-columns:1fr 2.2fr;gap:90px;margin-bottom:75px}.service-item{border-top:1px solid var(--line)}.service-item:last-child{border-bottom:1px solid var(--line)}.service-trigger{width:100%;display:grid;grid-template-columns:.3fr 1.7fr auto;align-items:center;padding:34px 0;border:0;background:transparent;text-align:left;cursor:pointer}.service-index{font-size:.72rem;color:var(--muted)}.service-title{font:500 clamp(1.75rem,3.5vw,3.2rem) var(--font);letter-spacing:-.04em}.service-action{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.service-content{display:grid;grid-template-columns:.3fr 1fr .7fr;gap:45px;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .35s,padding .5s}.service-item.open .service-content{max-height:360px;opacity:1;padding:5px 0 45px}.service-content p{max-width:600px;color:var(--muted);font-size:1.03rem}.service-content ul{list-style:none}.service-content li{padding:4px 0;font-size:.88rem}.service-content li:before{content:"—";margin-right:10px;color:var(--muted)}

/* Bildpaus och case */
.image-break{position:relative;height:82svh;min-height:620px;overflow:hidden}.image-break img{height:115%;object-fit:cover;object-position:center 46%;will-change:transform}.image-break:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(0,0,0,.45))}.image-break-caption{position:absolute;z-index:2;left:32px;right:32px;bottom:25px;display:flex;justify-content:space-between;color:white;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.cases{background:var(--cream)}.case-heading{display:grid;grid-template-columns:1fr 2.2fr;gap:90px;margin-bottom:75px}.case-row{display:grid;grid-template-columns:.65fr 1.1fr 1fr 50px;align-items:center;gap:40px;padding:35px 0;border-top:1px solid var(--line);transition:padding .25s}.case-row:last-child{border-bottom:1px solid var(--line)}.case-row:hover{padding-left:12px}.case-row>span{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.case-row h3{font:500 1.5rem/1.25 var(--font);letter-spacing:-.03em}.case-row p{color:var(--muted);font-size:.88rem}.case-row>a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;transition:.25s}.case-row:hover>a{background:var(--ink);color:#fff;transform:rotate(45deg)}.placeholder-note{margin-top:16px;color:#8d9088;font-size:.68rem}

/* Om, Studiva, kontakt */
.about{background:var(--green)}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:100px}.about-title .section-label{margin-bottom:55px}.about-copy{padding-top:70px}.about-copy .lead{font-size:1.35rem;line-height:1.45}.about-copy>p:nth-child(2){margin-top:28px;color:#3f493d}.values{display:flex;flex-direction:column;margin-top:55px;border-top:1px solid rgba(21,23,19,.25)}.values span{padding:15px 0;border-bottom:1px solid rgba(21,23,19,.25);font-size:.82rem}.studiva{padding:85px 0;background:#7667f2;color:#fff}.studiva-inner{display:grid;grid-template-columns:1fr 1fr auto;gap:70px;align-items:center}.studiva h2{font:500 clamp(2.8rem,5vw,5rem) var(--font);letter-spacing:-.06em}.studiva h2 span{opacity:.6}.studiva-inner>p{max-width:460px;color:#e3e0ff}.contact{background:var(--ink);color:#fff}.contact-top{display:grid;grid-template-columns:.6fr 1.5fr auto;align-items:center;gap:50px;padding-bottom:90px;border-bottom:1px solid rgba(255,255,255,.2)}.contact-top h2{font:500 clamp(4rem,9vw,8rem)/.9 var(--font);letter-spacing:-.07em}.round-link.light{background:var(--green);color:var(--ink)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;padding-top:85px}.contact-copy>p{max-width:480px;color:#aeb1aa;font-size:1.08rem}.contact-copy>div{display:flex;flex-direction:column;gap:5px;margin-top:50px}.contact-copy a{font-size:1.35rem}.contact-copy span{color:#747872;font-size:.8rem}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:25px}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em}.contact-form label:nth-child(3),.contact-form label:nth-child(4),.contact-form button{grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid rgba(255,255,255,.28);border-radius:0;outline:0;background:transparent;color:#fff;text-transform:none;letter-spacing:0}.contact-form select option{color:#111}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--green)}.contact-form .button{margin-top:10px;width:100%}

/* Footer och animation */
.site-footer{padding:65px 0 25px;background:var(--paper)}.footer-inner{display:grid;grid-template-columns:1fr 1fr auto;gap:80px}.footer-brand .brand-crop{width:150px;height:55px}.footer-brand .brand-crop img{width:150px;top:-61px}.footer-inner p{color:var(--muted);font-size:.84rem}.footer-inner>div{display:grid;grid-template-columns:1fr 1fr;gap:8px 35px;font-size:.8rem}.footer-inner a:hover{opacity:.55}.footer-bottom{display:flex;justify-content:space-between;margin-top:75px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.07em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}

/* Responsivt */
@media(max-width:980px){.section{padding:100px 0}.hero h1{font-size:clamp(4.3rem,11vw,7rem)}.visual-heading{grid-template-columns:1fr 2fr}.visual-heading>p:last-child{grid-column:2}.gallery{gap:50px 20px}.intro-grid,.services-heading,.case-heading{grid-template-columns:.65fr 2fr;gap:45px}.case-row{grid-template-columns:.5fr 1fr 1fr 42px;gap:22px}.about-grid{gap:60px}.studiva-inner{grid-template-columns:1fr 1fr}.studiva-inner .button{grid-column:1/-1;width:max-content}.contact-grid{gap:70px}}
@media(max-width:760px){.container{width:min(100% - 32px,1240px)}.section{padding:82px 0}.site-header{height:68px}.brand-crop{width:105px;height:38px}.brand-crop img{width:105px;top:-43px}.menu-toggle{display:block;position:relative;z-index:102}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.main-nav{position:fixed;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:25px;padding:32px;background:var(--green);transform:translateX(100%);visibility:hidden;transition:.35s}.main-nav.open{transform:none;visibility:visible}.main-nav a{font:500 2.2rem var(--font)}.main-nav .nav-contact{margin-top:20px;font-size:1.1rem}.hero{padding-top:68px;min-height:800px}.hero-copy{padding-top:70px}.hero h1{font-size:clamp(3.75rem,18vw,6rem);line-height:.88}.hero h1 span{margin-left:0}.hero-bottom{align-items:center;gap:30px;margin-top:auto}.hero-bottom>p{font-size:.95rem}.round-link{width:95px;height:95px}.intro-grid,.visual-heading,.services-heading,.case-heading,.about-grid{grid-template-columns:1fr;gap:35px}.intro h2,.visual-heading h2,.services h2,.case-heading h2,.about h2{font-size:clamp(2.8rem,13vw,4.3rem)}.visual-heading>p:last-child{grid-column:auto}.gallery{width:calc(100% - 24px);grid-template-columns:1fr;gap:50px}.gallery-wide{grid-column:auto}.gallery-wide .image-wrap{aspect-ratio:1.25/1}.gallery-portrait{width:82%;margin-left:auto!important}.gallery-landscape{width:90%;margin:0!important}.gallery-footer{align-items:flex-start;flex-direction:column}.service-trigger{grid-template-columns:38px 1fr auto;padding:27px 0}.service-title{font-size:1.65rem}.service-content{grid-template-columns:38px 1fr}.service-content ul{grid-column:2}.service-item.open .service-content{max-height:500px}.image-break{height:68svh;min-height:500px}.image-break-caption{left:16px;right:16px}.image-break-caption span:last-child{display:none}.case-row{grid-template-columns:1fr 42px;gap:14px;padding:28px 0}.case-row>span,.case-row h3,.case-row p{grid-column:1}.case-row>a{grid-column:2;grid-row:1/4}.about-copy{padding-top:0}.studiva-inner{grid-template-columns:1fr;gap:28px}.studiva-inner .button{grid-column:auto;width:100%}.contact-top{grid-template-columns:1fr auto;gap:30px;padding-bottom:60px}.contact-top .section-label{grid-column:1/-1}.contact-top h2{font-size:clamp(3.6rem,17vw,6rem)}.contact-grid{grid-template-columns:1fr;gap:60px;padding-top:60px}.contact-form{grid-template-columns:1fr}.contact-form label{grid-column:1!important}.footer-inner{grid-template-columns:1fr;gap:35px}.footer-inner>div{width:max-content}.footer-bottom{margin-top:50px}.marquee-track{animation-duration:20s}}
@media(max-width:420px){.hero h1{font-size:3.45rem}.hero-bottom{gap:18px}.hero-bottom>p{font-size:.88rem}.round-link{width:85px;height:85px}.gallery-portrait,.gallery-landscape{width:100%}.service-action{display:none}.contact-top .round-link{display:none}.footer-bottom{align-items:flex-start;gap:8px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Mörk varumärkesram och flersidigt innehåll */
.hero{background:var(--ink);color:#fff}.hero h1 span{color:var(--green)}.hero-strip{background:#0d0f0d;border-top:1px solid rgba(255,255,255,.12)}
.site-footer{background:var(--ink);color:#fff}.footer-inner p{color:#9ca19b}.footer-bottom{border-color:rgba(255,255,255,.16);color:#888d87}.teaser-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;padding-top:60px}.teaser-bottom p{max-width:540px;color:#aeb1aa;font-size:1.05rem}.teaser-bottom .text-link{margin-top:0}

.inner-page{background:var(--paper)}.page-hero{padding:210px 0 95px;background:var(--ink);color:#fff}.page-hero h1{margin-top:30px;font:500 clamp(5rem,12vw,11rem)/.82 var(--font);letter-spacing:-.075em}.page-intro{max-width:560px;margin:55px 0 0 auto;color:#b5bab4;font-size:1.08rem}.case-archive{padding:65px 0 130px}.case-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:70px}.case-filters button{padding:11px 18px;border:1px solid var(--line);border-radius:30px;background:transparent;font-size:.78rem;cursor:pointer;transition:.2s}.case-filters button:hover,.case-filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:75px 24px}.project-card{min-width:0;transition:opacity .25s,transform .35s}.project-card.filtered-out{display:none}.project-media{height:clamp(330px,42vw,590px);overflow:hidden;background:#ddd}.project-tall .project-media{height:clamp(440px,55vw,740px)}.project-media>img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-media>img{transform:scale(1.035)}.project-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;padding-top:17px}.project-meta p{margin-bottom:6px;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.project-meta h2{font:500 clamp(1.3rem,2.2vw,2rem)/1.15 var(--font);letter-spacing:-.035em}.project-meta>span{max-width:150px;color:var(--muted);font-size:.64rem;text-align:right;text-transform:uppercase;letter-spacing:.06em}.web-concept,.aerial-concept{position:relative;display:grid;place-items:center;padding:10%}.project-card:hover .web-concept>div,.project-card:hover .aerial-concept>div{transform:translateY(-5px)}.web-one{background:#d9dbd1}.browser-mock{width:82%;aspect-ratio:1.3/1;padding:9%;background:#faf9f3;box-shadow:0 30px 80px rgba(0,0,0,.15);transition:.35s}.browser-mock>span{display:block;width:8px;height:8px;margin-bottom:18%;border-radius:50%;background:var(--green-dark)}.browser-mock strong{display:block;font:500 clamp(2rem,4vw,4rem)/.85 var(--font);letter-spacing:-.06em}.browser-mock small{display:block;margin-top:10%;color:var(--muted)}.web-two{background:#d7bba5}.web-two>div,.web-three>div,.aerial-one>div{transition:.35s}.web-two small,.web-two span{display:block}.web-two strong{display:block;margin:22% 0;font:500 clamp(2.4rem,5vw,5rem)/.86 var(--font);letter-spacing:-.06em}.web-two span{font-size:.75rem}.web-three{background:#cbd5ed}.web-three>div{width:80%}.web-three strong{font:500 clamp(2.4rem,4.8vw,4.7rem)/.95 var(--font);letter-spacing:-.06em}.web-three span{display:block;margin-top:18%;font-size:.7rem;text-transform:uppercase}.aerial-one{align-items:end;justify-items:start;background:linear-gradient(145deg,#8da285,#d9d0b8)}.aerial-one:before{content:"";position:absolute;inset:10%;border:1px solid rgba(255,255,255,.65)}.aerial-one>span{position:absolute;right:10%;top:8%;font-size:.65rem}.aerial-one>div{position:relative;color:#fff}.aerial-one b,.aerial-one i{display:block}.aerial-one b{font:500 clamp(2.2rem,4vw,4.2rem)/.9 var(--font);letter-spacing:-.05em}.aerial-one i{margin-top:14px;font-size:.7rem;font-style:normal}.aerial-two{background:#24392f}.contour{position:absolute!important;border:1px solid rgba(185,219,120,.55);border-radius:48%}.c1{inset:12% 18%;transform:rotate(15deg)}.c2{inset:25% 28%;transform:rotate(-20deg)}.c3{inset:38% 39%;transform:rotate(25deg)}.aerial-two strong{position:absolute;left:8%;bottom:8%;color:#fff;font-size:.75rem}.aerial-three{place-items:end start;background:linear-gradient(135deg,#304d53,#9bb3a4);color:#fff}.aerial-three span{position:absolute;right:8%;top:8%;font-size:.65rem}.aerial-three strong{font:500 clamp(2.3rem,4.5vw,4.5rem)/.9 var(--font);letter-spacing:-.055em}.archive-note{margin-top:50px;color:#92968f;font-size:.7rem}.archive-cta{padding:100px 0;background:var(--green)}.archive-cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.archive-cta p{font:500 clamp(2.8rem,6vw,6rem)/.94 var(--font);letter-spacing:-.055em}.archive-cta .round-link{background:var(--ink);color:#fff}

.contact-page-main{padding:190px 0 130px;background:var(--cream)}.contact-page-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:120px}.contact-page-copy h1{margin:35px 0 45px;font:500 clamp(4.5rem,8vw,8rem)/.85 var(--font);letter-spacing:-.07em}.contact-page-copy>p:not(.kicker){max-width:480px;color:var(--muted);font-size:1.05rem}.direct-contact{display:flex;flex-direction:column;align-items:flex-start;margin-top:70px}.direct-contact span,.direct-contact small{color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.direct-contact a{margin:7px 0;font:500 1.45rem var(--font);border-bottom:1px solid}.page-form{padding:55px;background:var(--paper)}.page-form label{display:flex;flex-direction:column;gap:9px;margin-bottom:27px;font-size:.72rem;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.page-form input,.page-form textarea{width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;outline:0;background:transparent}.page-form textarea{resize:vertical}.page-form input:focus,.page-form textarea:focus{border-color:var(--green-dark)}.page-form fieldset{margin:10px 0 30px;border:0}.page-form legend{margin-bottom:14px;font-size:.72rem;font-weight:500}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-grid label{margin:0}.choice-grid input{position:absolute;opacity:0;pointer-events:none}.choice-grid span{padding:12px 14px;border:1px solid var(--line);cursor:pointer;transition:.2s}.choice-grid input:checked+span{background:var(--green);border-color:var(--green)}.page-form .button{width:100%;margin-top:15px}.form-small{margin-top:12px;color:var(--muted);font-size:.62rem;text-align:center}

@media(max-width:980px){.contact-page-grid{gap:65px}.page-form{padding:40px}.project-media{height:48vw}}
@media(max-width:760px){.main-nav{color:var(--ink)}.page-hero{padding:155px 0 75px}.page-hero h1{font-size:clamp(4.3rem,22vw,7rem)}.page-intro{margin-top:38px}.case-archive{padding:45px 0 85px}.case-filters{margin-bottom:45px}.archive-grid{grid-template-columns:1fr;gap:55px}.project-media,.project-tall .project-media{height:105vw;max-height:600px}.project-card:nth-child(3n) .project-media{height:80vw}.project-meta>span{display:none}.archive-cta{padding:75px 0}.archive-cta p{font-size:2.8rem}.contact-page-main{padding:135px 0 80px}.contact-page-grid{grid-template-columns:1fr;gap:60px}.contact-page-copy h1{font-size:clamp(4rem,19vw,6rem)}.direct-contact{margin-top:45px}.page-form{padding:30px 22px}.teaser-bottom{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}}
@media(max-width:420px){.choice-grid{grid-template-columns:1fr}.archive-cta .round-link{display:none}.project-meta h2{font-size:1.35rem}}

/* Sval accentpalett, centrerad tjänstebanner och Studiva-case */
.nav-contact:hover,.round-link:hover{background:#9de7f5}.hero-strip{display:flex;align-items:center;justify-content:center;overflow:visible}.service-banner{width:min(100% - 32px,920px);display:flex;align-items:center;justify-content:center;gap:clamp(18px,4vw,58px);margin-inline:auto;text-align:center}.service-banner span{font:400 clamp(.85rem,1.4vw,1.05rem) var(--font);white-space:nowrap}.service-banner i{color:#69d9ef;font-style:normal}.visual-work{background:#292445}.visual-heading>p:last-child,.gallery figcaption,.gallery-footer p{color:#d7d4ed}.about{background:#a9ddf2}.about-copy>p:nth-child(2){color:#334252}.mobile-menu,.main-nav.open{background:#b9e6f7}.archive-cta{background:#a9ddf2}.aerial-one{background:linear-gradient(145deg,#789bc8,#c7d9f3)}.aerial-two{background:#332a68}.contour{border-color:rgba(135,207,245,.65)}.aerial-three{background:linear-gradient(135deg,#365a8c,#9ab8e8)}.studiva-case{display:grid;place-items:center;padding:10%;background:linear-gradient(145deg,#5444d6,#8d7dff);color:#fff}.studiva-case>div{text-align:center}.studiva-case small{font-size:.65rem;letter-spacing:.12em}.studiva-case strong{display:block;margin:20px 0 10px;font:500 clamp(3.5rem,7vw,7rem)/1 var(--font);letter-spacing:-.07em}.studiva-case strong span{color:#9ce8f6}.studiva-case p{color:#dedaff}.page-form input:focus,.page-form textarea:focus{border-color:#7667f2}.choice-grid input:checked+span{background:#a9ddf2;border-color:#a9ddf2}
@media(max-width:760px){.service-banner{gap:13px}.service-banner i{font-size:.7rem}.service-banner span{font-size:.78rem}.main-nav.open{color:var(--ink)}}

/* Konsekventa bildformat */
.gallery{grid-template-columns:1fr 1fr}.gallery-portrait,.gallery-landscape{width:100%;margin:0!important;align-self:stretch}.gallery-portrait .image-wrap,.gallery-landscape .image-wrap{aspect-ratio:1.35/1}.gallery-portrait img{object-position:center 35%}
.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 20px}.project-card,.project-card.project-tall{display:flex;flex-direction:column;height:100%}.project-media,.project-tall .project-media{width:100%;height:auto;aspect-ratio:4/3;flex:0 0 auto}.project-media>img{width:100%;height:100%;object-fit:cover}.project-meta{min-height:112px;flex:1}.project-meta h2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.studiva-case{aspect-ratio:4/3}
@media(max-width:980px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.gallery{grid-template-columns:1fr}.gallery-portrait,.gallery-landscape{width:100%}.gallery-portrait .image-wrap,.gallery-landscape .image-wrap{aspect-ratio:1.35/1}.archive-grid{grid-template-columns:1fr;gap:48px}.project-media,.project-tall .project-media,.project-card:nth-child(3n) .project-media{height:auto;aspect-ratio:4/3}.project-meta{min-height:96px}}
.project-meta{height:112px;min-height:112px;flex:0 0 112px}
@media(max-width:760px){.project-meta{height:96px;min-height:96px;flex-basis:96px}}

/* Enhetligt ljusblå sektionsspråk */
.visual-work,.studiva,.aerial-two,.studiva-case{background:#a9ddf2;color:var(--ink)}
.visual-heading>p:last-child,.gallery figcaption,.gallery-footer p,.studiva-inner>p,.studiva-case p{color:#334252}
.aerial-two strong{color:var(--ink)}
.studiva-case strong span{color:#267f9f}

/* Exakt samma mörka ton i header och hero */
.site-header,.site-header.scrolled{background:var(--ink)}

/* Kompakt fokus på webb och drönare */
.capabilities-showcase{background:var(--paper)}.capabilities-heading{display:grid;grid-template-columns:1fr 2.2fr;gap:90px;margin-bottom:70px}.capabilities-heading h2{font:500 clamp(3rem,6vw,5.7rem)/.94 var(--font);letter-spacing:-.06em}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.capability-card{display:flex;flex-direction:column;background:#e8edf2}.capability-card:nth-child(2){background:#a9ddf2}.capability-image{aspect-ratio:4/3;overflow:hidden}.capability-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.capability-card:hover .capability-image img{transform:scale(1.035)}.capability-card:nth-child(2) .capability-image img{object-position:center 55%}.capability-copy{display:flex;flex-direction:column;min-height:360px;padding:36px}.capability-copy>span{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.capability-copy h3{max-width:520px;margin:30px 0 16px;font:500 clamp(1.8rem,3vw,3rem)/1.02 var(--font);letter-spacing:-.045em}.capability-copy p{max-width:500px;color:#545c66;font-size:.92rem}.capability-copy .text-link{width:max-content;margin-top:auto}
@media(max-width:760px){.capabilities-heading{grid-template-columns:1fr;gap:30px;margin-bottom:45px}.capabilities-heading h2{font-size:clamp(2.8rem,13vw,4.3rem)}.capability-grid{grid-template-columns:1fr;gap:18px}.capability-copy{min-height:320px;padding:28px 24px}.capability-copy h3{font-size:2rem}}

/* Klickbara kundcase och projektsida */
.project-card.clickable{position:relative;cursor:pointer;outline:none}.project-card.clickable:after{content:"Visa case  ↗";position:absolute;right:14px;top:14px;padding:8px 11px;background:rgba(23,25,29,.9);color:#fff;font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;opacity:0;transform:translateY(5px);transition:.25s}.project-card.clickable:hover:after,.project-card.clickable:focus-visible:after{opacity:1;transform:none}.project-card.clickable:focus-visible{box-shadow:0 0 0 3px #69d9ef}
.project-hero{padding:175px 0 95px;background:var(--paper)}.project-heading{display:grid;grid-template-columns:.7fr 2fr;gap:22px 80px}.project-back{grid-column:1/-1;width:max-content;margin-bottom:55px;padding-bottom:4px;border-bottom:1px solid;font-size:.76rem}.project-heading .kicker{align-self:start;padding-top:14px}.project-heading h1{font:500 clamp(4rem,8vw,8rem)/.86 var(--font);letter-spacing:-.07em}.project-summary{grid-column:2;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.project-summary>p{max-width:620px;color:var(--muted);font-size:1.04rem}.project-tags{display:flex;align-content:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:7px}.project-tags span{padding:8px 12px;border:1px solid var(--line);border-radius:30px;font-size:.68rem}.project-gallery-section{padding:30px 0 130px;background:var(--paper)}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-gallery figure{aspect-ratio:4/3;overflow:hidden;background:#e4e7ea}.project-gallery figure.gallery-featured{grid-column:1/-1;aspect-ratio:16/8.5}.project-gallery img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-gallery figure:hover img{transform:scale(1.02)}.project-brand-visual{grid-column:1/-1;min-height:70vh;display:grid;place-content:center;text-align:center;background:#a9ddf2}.project-brand-visual small{font-size:.68rem;letter-spacing:.13em}.project-brand-visual strong{display:block;margin:25px 0 12px;font:500 clamp(5rem,12vw,12rem)/.8 var(--font);letter-spacing:-.08em}.project-brand-visual strong span{color:#267f9f}.project-brand-visual p{color:#334252}.project-next{padding:100px 0;background:#a9ddf2}.project-next .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.project-next p{font:500 clamp(2.8rem,6vw,6rem)/.94 var(--font);letter-spacing:-.055em}.project-next .round-link{background:var(--ink);color:#fff}
@media(max-width:760px){.project-card.clickable:after{opacity:1;transform:none}.project-hero{padding:130px 0 70px}.project-heading{grid-template-columns:1fr}.project-back{margin-bottom:25px}.project-heading .kicker{padding-top:0}.project-heading h1{font-size:clamp(3.6rem,17vw,5.6rem)}.project-summary{grid-column:1;grid-template-columns:1fr;gap:28px;margin-top:20px}.project-tags{justify-content:flex-start}.project-gallery-section{padding-bottom:80px}.project-gallery{grid-template-columns:1fr;gap:14px}.project-gallery figure,.project-gallery figure.gallery-featured{grid-column:1;aspect-ratio:4/3}.project-brand-visual{min-height:60vh}.project-next{padding:75px 0}.project-next p{font-size:2.8rem}.project-next .round-link{display:none}}

/* Premiuminteraktioner */
.scroll-progress{position:fixed;z-index:200;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#69d9ef,#a9ddf2);transform:scaleX(0);transform-origin:left center;pointer-events:none}.cursor-glow{position:fixed;z-index:150;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(105,217,239,.13),rgba(105,217,239,0) 68%);opacity:0;pointer-events:none;will-change:transform;transition:opacity .3s}.cursor-glow.active{opacity:1}.magnetic{will-change:transform;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .25s,color .25s}.tilt-card{position:relative;will-change:transform;transform-style:preserve-3d;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}.tilt-card:before{content:"";position:absolute;z-index:3;inset:0;background:radial-gradient(260px circle at var(--pointer-x,-300px) var(--pointer-y,-300px),rgba(255,255,255,.18),transparent 65%);opacity:0;pointer-events:none;transition:opacity .25s}.tilt-card:hover:before{opacity:1}.tilt-card:hover{box-shadow:0 28px 65px rgba(23,25,29,.13)}.capability-image img,.project-gallery figure img{transform:scale(1.045) translate3d(0,var(--parallax-y,0),0);will-change:transform}.capability-card:hover .capability-image img,.project-gallery figure:hover img{transform:scale(1.075) translate3d(0,var(--parallax-y,0),0)}.service-item{transition:background .35s,padding .35s}.service-item:hover{background:rgba(105,217,239,.08);padding-inline:16px}.service-trigger .service-title{transition:transform .3s,color .3s}.service-item:hover .service-title{transform:translateX(8px);color:#267f9f}.project-tags span{transition:background .25s,border-color .25s,transform .25s}.project-tags span:hover{background:#a9ddf2;border-color:#a9ddf2;transform:translateY(-2px)}.text-link{transition:color .25s,gap .25s}.text-link:hover{gap:37px;color:#267f9f}.gallery figure{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.gallery figure:hover{transform:translateY(-6px)}
@media(pointer:coarse){.cursor-glow{display:none}.tilt-card,.magnetic{transform:none!important}.capability-image img,.project-gallery figure img{transform:none}}
@media(prefers-reduced-motion:reduce){.scroll-progress,.cursor-glow{display:none}.tilt-card,.magnetic,.capability-image img,.project-gallery figure img{transform:none!important}}

/* Bildsatt introduktion och slutlig responsiv finjustering */
.intro-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(48px,7vw,100px);align-items:start}.intro-visual>.section-label{max-width:none;margin:0 0 28px;color:var(--ink);font-size:.72rem}.intro-image{aspect-ratio:4/5;overflow:hidden;background:#dfe8eb}.intro-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.intro-image:hover img{transform:scale(1.035)}.intro-copy{padding-top:65px}.intro-copy h2{font-size:clamp(3rem,5.2vw,5.4rem)}.intro-copy>p{max-width:650px;margin-top:38px;color:var(--muted);font-size:1.08rem}
@media(max-width:1100px){.container{width:min(100% - 48px,1240px)}.intro-grid{grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:48px}.intro-copy{padding-top:48px}.intro-copy h2{font-size:clamp(2.8rem,5.4vw,4.4rem)}.hero h1{font-size:clamp(4.2rem,10vw,7.4rem)}.capability-copy{min-height:330px}.project-meta h2{font-size:1.35rem}}
@media(max-width:820px){.main-nav{gap:20px}.main-nav a{font-size:.8rem}.nav-contact{padding:10px 13px}.intro-grid{gap:32px}.intro-copy{padding-top:36px}.intro-copy h2{font-size:clamp(2.55rem,6.2vw,3.4rem)}.intro-copy>p{font-size:.96rem}.service-title{font-size:clamp(1.5rem,3.5vw,2.2rem)}.contact-top{gap:28px}}
@media(max-width:760px){.container{width:min(100% - 32px,1240px)}.intro-grid{grid-template-columns:1fr;gap:38px}.intro-visual>.section-label{margin-bottom:20px}.intro-image{aspect-ratio:4/3}.intro-image img{object-position:center 58%}.intro-copy{padding-top:0}.intro-copy h2{font-size:clamp(2.8rem,13vw,4.3rem)}.intro-copy>p{margin-top:25px;font-size:1rem}.hero-bottom{width:100%;justify-content:space-between}.hero-bottom>p{max-width:65%}.service-banner{overflow-x:auto;justify-content:flex-start;padding-inline:16px;scrollbar-width:none}.service-banner::-webkit-scrollbar{display:none}.capability-card,.project-card{transform:none!important}.footer-inner{gap:30px}}
@media(max-width:390px){.hero h1{font-size:3.05rem}.hero-bottom>p{max-width:62%;font-size:.82rem}.round-link{width:78px;height:78px}.service-banner{gap:10px}.service-banner span{font-size:.72rem}.contact-top h2{font-size:3.25rem}.project-meta{height:105px;min-height:105px;flex-basis:105px}}
.intro-image img{transform:scale(1.045) translate3d(0,var(--parallax-y,0),0);will-change:transform}.intro-image:hover img{transform:scale(1.075) translate3d(0,var(--parallax-y,0),0)}
@media(pointer:coarse){.intro-image img{transform:none}}
@media(prefers-reduced-motion:reduce){.intro-image img{transform:none!important}}

/* Bildavslöjanden och fragmenterad musglöd */
.image-reveal{position:relative;clip-path:inset(0 100% 0 0);will-change:clip-path;transition:clip-path 1s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms)}.image-reveal:after{content:"";position:absolute;z-index:5;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.78) 48%,rgba(105,217,239,.48) 55%,transparent 75%);transform:translateX(-115%);pointer-events:none}.image-reveal.image-revealed{clip-path:inset(0 0 0 0)}.image-reveal.image-revealed:after{animation:image-sheen 1.15s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms) both}@keyframes image-sheen{0%{transform:translateX(-115%)}100%{transform:translateX(115%)}}.cursor-glow{mix-blend-mode:screen;transition:width .25s,height .25s,opacity .3s,background .25s}.cursor-glow.over-interactive{width:360px;height:360px;background:radial-gradient(circle,rgba(105,217,239,.2),rgba(105,217,239,.04) 38%,transparent 70%)}.cursor-fragments{position:fixed;z-index:151;inset:0;overflow:hidden;pointer-events:none}.cursor-fragment{position:absolute;width:5px;height:5px;background:#69d9ef;box-shadow:0 0 9px rgba(105,217,239,.75);opacity:0;will-change:transform,opacity}.cursor-fragment.fragment-1{width:3px;height:8px;border-radius:4px;background:#fff}.cursor-fragment.fragment-2{width:6px;height:6px;border:1px solid #69d9ef;background:transparent;transform:rotate(45deg)}.cursor-fragment.fragment-3{width:3px;height:3px;border-radius:50%;background:#a9ddf2;box-shadow:0 0 12px #69d9ef}
@media(pointer:coarse){.cursor-fragments{display:none}.image-reveal{clip-path:none;transition:none}.image-reveal:after{display:none}}
@media(prefers-reduced-motion:reduce){.cursor-fragments{display:none}.image-reveal{clip-path:none!important;transition:none!important}.image-reveal:after{display:none!important}}

/* Rena casehovers och vertikala bildreveals */
.project-card.clickable:after{display:none}.project-card.clickable{transition:transform .3s ease}.project-card.clickable:hover{transform:translateY(-5px)}.project-card.clickable:hover .project-media>img{transform:scale(1.025)}.project-card.clickable:hover .project-meta h2{color:#267f9f}.project-card.clickable.tilt-card{transform:none!important;box-shadow:none}
.page-form .button{transform:none!important}.page-form .button:hover{transform:translateY(-2px)!important}
.image-reveal{opacity:0;clip-path:none;transform:translate3d(0,42px,0);transition:opacity .78s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms)}.image-reveal.reveal-from-top{transform:translate3d(0,-42px,0)}.image-reveal.reveal-from-bottom{transform:translate3d(0,42px,0)}.image-reveal.image-revealed{opacity:1;clip-path:none;transform:translate3d(0,0,0)}.image-reveal:after,.image-reveal.image-revealed:after{display:none;animation:none}
@media(pointer:coarse){.image-reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .65s ease,var(--reveal-delay,0ms),transform .7s ease var(--reveal-delay,0ms)}.image-reveal.image-revealed{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.image-reveal{opacity:1!important;transform:none!important}}
.home-page .site-header{transition:height .25s,background .25s}
@media(pointer:coarse){.image-reveal{transition:opacity .65s ease var(--reveal-delay,0ms),transform .7s ease var(--reveal-delay,0ms)}}

/* Filterstatus ska alltid vinna över kortens flex- och responsiva layout. */
.archive-grid .project-card.filtered-out,
.archive-grid .project-card[hidden]{display:none!important}

/* Pickapp – ansiktet utåt för webb och digitala lösningar */
.pickapp-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);background:#e8edf2;overflow:hidden}.pickapp-card .capability-copy{min-height:600px;padding:clamp(38px,5vw,72px)}.pickapp-card .capability-copy>span{display:flex;align-items:baseline;gap:8px}.pickapp-card .capability-copy>span small{font-size:.58rem;font-weight:500;letter-spacing:.08em;text-transform:none;opacity:.6}.pickapp-card .capability-copy h3{margin-top:auto;font-size:clamp(2.5rem,4.5vw,4.8rem)}.pickapp-card .capability-copy .text-link{margin-top:34px}.pickapp-showcase{position:relative;min-height:600px;aspect-ratio:auto;padding:clamp(28px,4vw,60px);overflow:hidden;background:#a9ddf2}.pickapp-brand{position:relative;z-index:2;display:flex;align-items:baseline;gap:10px}.pickapp-brand strong{font:600 clamp(2.2rem,4vw,4.4rem)/1 var(--font);letter-spacing:-.07em}.pickapp-brand small{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pickapp-screen{position:absolute;overflow:hidden;border:1px solid rgba(23,25,29,.12);background:#fff;box-shadow:0 30px 70px rgba(23,25,29,.18);transition:transform .65s cubic-bezier(.2,.75,.2,1),box-shadow .4s}.pickapp-screen img,.pickapp-card:hover .pickapp-screen img{width:100%;height:100%;object-fit:cover;object-position:top;transform:none!important}.pickapp-screen-main{z-index:1;left:7%;right:13%;top:24%;bottom:8%;transform:rotate(-1.5deg)}.pickapp-screen-detail{z-index:2;width:48%;height:46%;right:4%;bottom:3%;transform:rotate(2deg)}.pickapp-card:hover .pickapp-screen-main{transform:translateY(-6px) rotate(-1deg);box-shadow:0 38px 85px rgba(23,25,29,.22)}.pickapp-card:hover .pickapp-screen-detail{transform:translate(-4px,-10px) rotate(1deg);box-shadow:0 38px 85px rgba(23,25,29,.24)}.pickapp-features{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.pickapp-features span{padding:7px 11px;border:1px solid rgba(23,25,29,.2);border-radius:99px;font-size:.65rem}
@media(max-width:980px){.pickapp-card{grid-template-columns:1fr}.pickapp-showcase{min-height:560px}.pickapp-card .capability-copy{min-height:440px}.pickapp-card .capability-copy h3{margin-top:45px}}
@media(max-width:760px){.pickapp-showcase{min-height:430px;padding:24px}.pickapp-screen-main{left:5%;right:8%;top:27%;bottom:9%}.pickapp-screen-detail{width:56%;height:43%;right:2%;bottom:3%}.pickapp-card .capability-copy{min-height:0;padding:34px 24px}.pickapp-card .capability-copy h3{margin-top:38px;font-size:2.45rem}.pickapp-features{margin-top:24px}}

/* Tre stabila fokusområden på startsidan */
.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-card{min-width:0}.capability-card .capability-image{aspect-ratio:4/3}.capability-card .capability-copy{min-height:390px;padding:30px}.capability-card .capability-copy h3{font-size:clamp(1.65rem,2.35vw,2.5rem)}.pickapp-teaser{background:#a9ddf2;color:var(--ink)}.pickapp-teaser .capability-image img{object-position:center;transform:scale(1.01) translate3d(0,var(--parallax-y,0),0)}.pickapp-teaser:hover .capability-image img{transform:scale(1.04) translate3d(0,var(--parallax-y,0),0)}.pickapp-teaser .capability-copy>span:first-child{display:flex;align-items:baseline;gap:7px}.pickapp-teaser .capability-copy>span small{font-size:.56rem;font-weight:500;letter-spacing:.08em;text-transform:none;opacity:.65}.pickapp-teaser .text-link{margin-top:auto}
@media(max-width:980px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pickapp-teaser{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.pickapp-teaser .capability-image{aspect-ratio:auto}.pickapp-teaser .capability-copy{min-height:340px}}
@media(max-width:760px){.capability-grid{grid-template-columns:1fr}.pickapp-teaser{grid-column:auto;display:flex}.pickapp-teaser .capability-image{aspect-ratio:4/3}.capability-card .capability-copy,.pickapp-teaser .capability-copy{min-height:310px;padding:28px 24px}}

/* Pickapp produktsida */
.pickapp-page{background:var(--paper)}.pickapp-hero{padding:150px 0 80px;background:#a9ddf2}.pickapp-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,7vw,100px);align-items:center}.pickapp-hero-copy h1{margin:32px 0 28px;font:500 clamp(4rem,7.5vw,7.5rem)/.86 var(--font);letter-spacing:-.07em}.pickapp-hero-copy>p:not(.kicker):not(.pickapp-wordmark){max-width:560px;color:#334252;font-size:1.06rem}.pickapp-wordmark{display:flex;align-items:baseline;gap:10px;margin-top:62px;font:600 clamp(2.5rem,4vw,4.6rem)/1 var(--font);letter-spacing:-.065em}.pickapp-wordmark small{font:600 .62rem var(--body);letter-spacing:.1em;text-transform:uppercase}.pickapp-actions{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:45px}.pickapp-actions .text-link{margin-top:0}.pickapp-hero-visual{padding:22px;background:rgba(255,255,255,.42)}.pickapp-hero-visual figure{overflow:hidden;box-shadow:0 30px 70px rgba(23,25,29,.16)}.pickapp-flow{background:var(--paper)}.pickapp-flow-heading{display:grid;grid-template-columns:1fr 2fr;gap:70px;margin-bottom:75px}.pickapp-flow-heading h2,.pickapp-product-copy h2,.pickapp-cta h2{font:500 clamp(3rem,6vw,6rem)/.92 var(--font);letter-spacing:-.06em}.pickapp-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.pickapp-flow-grid article{min-height:280px;padding:28px 30px 35px;border-right:1px solid var(--line)}.pickapp-flow-grid article:first-child{padding-left:0}.pickapp-flow-grid article:last-child{border-right:0}.pickapp-flow-grid span{color:var(--muted);font-size:.7rem}.pickapp-flow-grid h3{margin:80px 0 15px;font:500 1.65rem var(--font);letter-spacing:-.035em}.pickapp-flow-grid p{max-width:320px;color:var(--muted);font-size:.9rem}.pickapp-product{padding:110px 0;background:var(--ink);color:#fff}.pickapp-product-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(50px,8vw,120px);align-items:center}.pickapp-product-copy h2{margin:45px 0 28px}.pickapp-product-copy>p:not(.section-label){color:#b6bbc4}.pickapp-product .pickapp-features span{border-color:rgba(255,255,255,.25)}.pickapp-product-image{padding:20px;background:#a9ddf2}.pickapp-product-image img{box-shadow:0 28px 65px rgba(0,0,0,.28)}.pickapp-cta{padding:105px 0;background:#a9ddf2}.pickapp-cta .container{display:flex;align-items:center;justify-content:space-between;gap:50px}.pickapp-cta .section-label{margin-bottom:35px}.pickapp-cta .round-link{background:var(--ink);color:#fff}
@media(max-width:980px){.pickapp-hero-grid,.pickapp-product-grid{grid-template-columns:1fr}.pickapp-hero-copy{max-width:760px}.pickapp-hero-visual{margin-top:20px}.pickapp-product-copy{max-width:700px}}
@media(max-width:760px){.pickapp-hero{padding:125px 0 60px}.pickapp-hero-copy h1{font-size:clamp(3.8rem,17vw,5.8rem)}.pickapp-wordmark{margin-top:44px}.pickapp-hero-visual,.pickapp-product-image{padding:10px}.pickapp-flow-heading{grid-template-columns:1fr;gap:28px;margin-bottom:50px}.pickapp-flow-grid{grid-template-columns:1fr}.pickapp-flow-grid article,.pickapp-flow-grid article:first-child{min-height:0;padding:25px 0 32px;border-right:0;border-bottom:1px solid var(--line)}.pickapp-flow-grid h3{margin:35px 0 10px}.pickapp-product{padding:80px 0}.pickapp-product-copy h2{margin-top:30px}.pickapp-cta{padding:75px 0}.pickapp-cta h2{font-size:2.9rem}.pickapp-cta .round-link{display:none}}

/* Kundcitat på utvalda cases */
.project-quote{grid-column:1/-1;margin-top:55px;padding:clamp(45px,7vw,90px);background:#a9ddf2}.project-quote p{max-width:950px;font:500 clamp(2.2rem,4.5vw,4.8rem)/1.02 var(--font);letter-spacing:-.05em}.project-quote footer{display:flex;flex-direction:column;margin-top:45px}.project-quote footer strong{font-size:.82rem}.project-quote footer span{color:#50616a;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:760px){.project-quote{margin-top:20px;padding:38px 24px}.project-quote p{font-size:2.15rem}.project-quote footer{margin-top:30px}}

/* Kompakt galleri för Västerås Cityfestival */
.project-gallery.project-gallery-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-gallery.project-gallery-compact figure{grid-column:auto;aspect-ratio:4/3}.project-gallery.project-gallery-compact img{object-position:center}
@media(max-width:980px){.project-gallery.project-gallery-compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.project-gallery.project-gallery-compact{grid-template-columns:1fr;gap:12px}}

/* Luftigare långa projektrubriker */
.project-heading h1.project-title-long{font-size:clamp(3.5rem,7vw,7rem);line-height:1.02}
@media(max-width:760px){.project-heading h1.project-title-long{font-size:clamp(3.05rem,14vw,5rem);line-height:1.04}}

/* Kompakt kontaktformulär på startsidan */
.contact-teaser .teaser-bottom{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);align-items:start;gap:clamp(50px,8vw,120px)}.teaser-contact-copy p{max-width:440px}.teaser-contact-copy a{display:inline-block;margin-top:34px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.5);font-size:1.05rem}.footer-contact-form{display:grid;gap:24px}.footer-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.footer-contact-form label{display:flex;flex-direction:column;gap:8px}.footer-contact-form label>span{color:#969ba3;font-size:.65rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.footer-contact-form input,.footer-contact-form textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid rgba(255,255,255,.3);border-radius:0;outline:0;background:transparent;color:#fff}.footer-contact-form textarea{resize:vertical}.footer-contact-form input::placeholder,.footer-contact-form textarea::placeholder{color:#737881}.footer-contact-form input:focus,.footer-contact-form textarea:focus{border-color:#69d9ef}.footer-contact-form .button{width:100%;margin-top:4px;transform:none!important}.footer-contact-form .button:hover{transform:translateY(-2px)!important}
@media(max-width:760px){.contact-teaser .teaser-bottom{grid-template-columns:1fr;gap:48px}.footer-form-row{grid-template-columns:1fr}.teaser-contact-copy a{margin-top:25px}.footer-contact-form{gap:21px}}

/* Partnerkarusell under hero */
.hero-strip.partner-strip{display:block;overflow:hidden;padding:27px 0;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.08);background:#0d0f13}.partner-track{display:flex;width:max-content;will-change:transform;animation:partner-marquee 48s linear infinite}.partner-group{display:flex;flex:0 0 auto;align-items:center;gap:clamp(52px,6vw,96px);padding-right:clamp(52px,6vw,96px)}.partner-logo{width:clamp(125px,12vw,185px);height:62px;display:grid;place-items:center;flex:0 0 auto}.partner-logo img{width:100%;height:100%;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.82;transition:opacity .3s,transform .3s}.partner-logo:hover img{opacity:1;transform:scale(1.045)}@keyframes partner-marquee{to{transform:translateX(-50%)}}.partner-strip:hover .partner-track{animation-play-state:paused}
.partner-logo.partner-logo-kajens img{width:54px!important;height:54px!important;max-width:54px;max-height:54px;object-fit:contain;transform:none!important}
@media(max-width:760px){.hero-strip.partner-strip{padding:22px 0}.partner-track{animation-duration:38s}.partner-group{gap:44px;padding-right:44px}.partner-logo{width:120px;height:48px}}
@media(max-width:760px){.partner-logo.partner-logo-kajens img{width:44px!important;height:44px!important;max-width:44px;max-height:44px}}
@media(prefers-reduced-motion:reduce){.partner-track{animation:none}.partner-strip{overflow-x:auto}}

/* Språkväxlare och slutlig responsiv robusthet */
.language-toggle{min-width:42px;height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.35);border-radius:99px;background:transparent;color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.08em;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.language-toggle:hover,.language-toggle:focus-visible{border-color:#69d9ef;background:#69d9ef;color:var(--ink)}.language-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.hero h1,.page-hero h1,.project-heading h1,.contact-page-copy h1,.pickapp-hero-copy h1,.capabilities-heading h2{text-wrap:balance;overflow-wrap:break-word}.intro-grid>*,.about-grid>*,.capability-grid>*,.project-heading>*,.project-summary>*,.contact-page-grid>*,.pickapp-hero-grid>*,.pickapp-product-grid>*{min-width:0}
@media(max-width:1100px) and (min-width:761px){.main-nav{gap:18px}.main-nav a{font-size:.78rem}.nav-contact{padding:10px 13px}.project-heading{grid-template-columns:.55fr 1.45fr;gap:22px 44px}.project-summary{gap:30px}.pickapp-hero-copy h1{font-size:clamp(4rem,7vw,6rem)}}
@media(max-width:820px) and (min-width:761px){.main-nav{gap:12px}.main-nav a{font-size:.73rem}.nav-contact{padding:9px 10px}.language-toggle{min-width:36px;padding-inline:7px}.brand-crop{width:100px}.brand-crop img{width:100px;top:-41px}}
@media(max-width:760px){html{scroll-padding-top:68px}.main-nav .language-toggle{height:42px;min-width:64px;margin-top:8px;border-color:rgba(23,25,29,.35);color:var(--ink);font-size:.85rem}.main-nav .language-toggle:hover,.main-nav .language-toggle:focus-visible{background:var(--ink);border-color:var(--ink);color:#fff}.main-nav a{max-width:100%;overflow-wrap:anywhere}.hero{min-height:100svh}.project-heading h1,.contact-page-copy h1{overflow-wrap:anywhere}.project-summary{width:100%}.project-tags span{font-size:.64rem}.pickapp-actions{align-items:stretch;flex-direction:column}.pickapp-actions .button,.pickapp-actions .text-link{width:100%;margin-top:0}.footer-contact-form textarea{min-height:110px}.site-footer{overflow:hidden}}
@media(max-width:420px){.container{width:min(100% - 24px,1240px)}.hero-copy{padding-top:52px;padding-bottom:45px}.hero-bottom{gap:18px}.hero-bottom>p{max-width:64%;font-size:.8rem}.main-nav{padding:24px}.main-nav a{font-size:1.85rem}.page-hero h1{font-size:clamp(3.8rem,21vw,5.5rem)}.project-gallery{gap:10px}.pickapp-flow-grid h3{font-size:1.45rem}.contact-page-copy h1{font-size:3.75rem}.footer-bottom{gap:20px;flex-direction:column}}

/* Videohero och transparent header på startsidan */
.home-page .hero{position:relative;isolation:isolate;overflow:hidden;background:#111318}
.home-page .hero-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.home-page .hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(8,10,14,.78) 0%,rgba(8,10,14,.66) 58%,rgba(8,10,14,.84) 100%),linear-gradient(90deg,rgba(8,10,14,.3),rgba(8,10,14,.08))}
.home-page .hero-copy,.home-page .hero-strip{position:relative;z-index:2}
.home-page .hero-strip.partner-strip{background:rgba(9,11,15,.8);border-color:rgba(255,255,255,.13);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.home-page .site-header:not(.scrolled){background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.home-page .site-header.scrolled{background:rgba(23,25,29,.96);border-color:rgba(255,255,255,.1);box-shadow:0 10px 34px rgba(0,0,0,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.home-page .capability-card-drone{background:#a9ddf2}
.home-page .capability-card-web{background:#e8edf2}
.home-page .capability-card-drone .capability-image img{object-position:center 55%}
@media(max-width:760px){.home-page .hero-video{object-position:56% center}.home-page .hero::before{background:linear-gradient(180deg,rgba(8,10,14,.84),rgba(8,10,14,.73) 62%,rgba(8,10,14,.89))}}
@media(prefers-reduced-motion:reduce){.home-page .hero-video{display:none}}

/* Stabil mobilnavigation, typografi och formulärstatus */
.ui-arrow{font-family:"Helvetica Neue",Arial,sans-serif!important;font-variant-emoji:text;font-weight:400;line-height:1}
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-feedback{grid-column:1/-1;min-height:1.5em;font-size:.82rem}
.form-feedback.success{color:#69d9ef}.form-feedback.error{color:#ff9d9d}
.page-form .form-feedback.success{color:#176d78}.page-form .form-feedback.error{color:#a52b39}
.contact-form-ajax button:disabled{cursor:wait;opacity:.68}
.project-card.clickable::after{content:"Visa case  ↗︎";font-family:var(--body)}
@media(max-width:760px){
  .hero h1{line-height:1!important}
  .hero h1 span{display:inline-block;margin-top:.12em}
  .main-nav{z-index:101;height:100dvh;min-height:100svh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .menu-toggle{z-index:103}
  .brand{position:relative;z-index:103}
  body.menu-open .site-header,body.menu-open.home-page .site-header{height:68px;background:transparent!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}