:root{
  --cream:#FBF9EC;
  --paleyellow:#FAFAD6;
  --maroon:#4A1103;
  --maroon-deep:#3A0D02;
  --olive:#16170F;
  --olive-soft:#1D1E14;
  --yellow:#F0E94F;
  --blue:#DBEAFB;
  --pink:#FADEF0;
  --lilac:#E4DFFB;
  --peach:#FBE7D9;
  --ink:#1A1A14;
  --muted:#71716A;
  --muted-light:rgba(251,249,236,.72);
  --line:rgba(26,26,20,.12);
  --r:26px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;background:var(--cream);color:var(--ink);font-size:16px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.serif{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}

/* labels */
.sec-label{display:flex;align-items:center;gap:14px;justify-content:center;font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;margin-bottom:18px}
.sec-label::before,.sec-label::after{content:"";height:1px;width:52px;background:currentColor;opacity:.4}
.sec-label.left{justify-content:flex-start}
.sec-label.left::after{display:none}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;font-family:'Poppins',sans-serif;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:15px 26px;transition:transform .25s ease, box-shadow .25s ease}
.btn:hover{transform:translateY(-2px)}
.btn-yellow{background:var(--yellow);color:var(--ink)}
.btn-dark{background:var(--olive);color:var(--cream)}
.btn-cream{background:var(--cream);color:var(--ink)}
.btn .arr{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--yellow);font-size:12px;flex:none;transition:transform .3s var(--ease-out, ease)}
.btn:hover .arr{transform:rotate(45deg)}
.btn-dark .arr{background:var(--yellow);color:var(--ink)}
.arr-solo{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:15px;flex:none;transition:transform .25s ease}
a:hover .arr-solo,.member:hover .arr-solo{transform:rotate(45deg)}
.arr svg{width:17px;height:17px;display:block}
.arr-solo svg{width:28px;height:28px;display:block}
.mobile-menu{display:none;position:fixed;inset:0;background:var(--olive);z-index:100;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .3s}

/* reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}

/* ============ NAV ============ */
header{position:absolute;top:0;left:0;right:0;z-index:50;padding:26px 0}
header .wrap{display:flex;align-items:center;justify-content:space-between}
.logo{font-family:'Instrument Serif',serif;font-size:27px;color:var(--cream);letter-spacing:.01em}
.logo b{font-style:italic;font-weight:400}
nav.menu{display:flex;gap:6px}
nav.menu a{position:relative;color:var(--muted-light);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;padding:9px 15px;transition:color .25s var(--ease-out)}
nav.menu a:hover{color:var(--cream)}
nav.menu a::after{content:"";position:absolute;left:15px;right:15px;bottom:3px;height:9px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 14' preserveAspectRatio='none'%3E%3Cpath d='M2 8C14 2 22 13 34 7S56 1 68 8 90 13 98 6' fill='none' stroke='rgb(76,134,232)' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;clip-path:inset(0 100% 0 0);transition:clip-path .45s var(--ease-out);pointer-events:none}
nav.menu a:hover::after{clip-path:inset(0 0 0 0)}
.nav-cta{display:flex;align-items:center;gap:8px}
.nav-cta .btn{padding:12px 22px}
.burger{display:none;background:none;border:none;color:var(--cream);font-size:26px;cursor:pointer}

/* ============ HERO ============ */
.hero{position:relative;background:radial-gradient(120% 130% at 78% -10%, #6A1E08 0%, var(--maroon) 46%, var(--maroon-deep) 100%);color:var(--cream);padding:170px 0 0;overflow:hidden}
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:110px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.25))}
.hero .wrap{position:relative;z-index:2;padding-bottom:92px}
.hero-doodle{position:absolute;right:-40px;top:40px;width:min(46vw,600px);opacity:.92;filter:invert(92%) sepia(8%) saturate(300%) hue-rotate(10deg);pointer-events:none;animation:float 7s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(1deg)}}
.hero-chip{position:absolute;bottom:150px;right:48px;z-index:3;background:rgba(22,23,15,.55);backdrop-filter:blur(10px);border:1px solid rgba(76,134,232,.32);border-radius:20px;padding:14px 18px;display:flex;align-items:center;gap:14px}
.hero-chip .faces{display:flex}
.hero-chip .faces img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--maroon);margin-left:-9px}
.hero-chip .faces img:first-child{margin-left:0}
.hero-chip .t b{font-size:16px;display:block;line-height:1.2}
.hero-chip .t span{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-light)}
.badge{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(251,249,236,.25);background:rgba(251,249,236,.07);border-radius:999px;padding:8px 16px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;margin-bottom:26px}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#7ADC6B;box-shadow:0 0 10px #7ADC6B}
.hero h1{font-size:clamp(46px,7.2vw,96px);line-height:.98;font-weight:600;letter-spacing:-.02em;max-width:11ch}
.hero h1 .serif{color:var(--yellow);font-size:1.06em}
.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:34px;flex-wrap:wrap}
.hero-sub{max-width:400px;color:var(--muted-light);font-size:15px;font-weight:300}
.hero-sub strong{color:var(--cream);font-weight:500}
.hero-actions{display:flex;align-items:center;gap:10px;margin-top:20px}

/* ============ MARQUEE ============ */
.strip{background:var(--cream);padding:34px 0 10px;border-bottom:1px solid var(--line)}
.strip-label{text-align:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee-track{display:flex;align-items:center;gap:70px;width:max-content;animation:scroll 28s linear infinite;padding-bottom:26px}
@keyframes scroll{to{transform:translateX(-50%)}}
.marquee-track img{height:34px;width:auto;filter:grayscale(1) contrast(.85);opacity:.65;mix-blend-mode:multiply}
.marquee-track img.tall{height:44px}

/* ============ ABOUT ============ */
.about{padding:110px 0 90px;position:relative}
.about-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:60px;align-items:start;margin-bottom:64px}
.about h2{font-size:clamp(32px,4vw,52px);line-height:1.12;font-weight:600;letter-spacing:-.015em}
.about h2 .serif{font-size:1.08em}
.about-copy p{color:var(--muted);font-size:14.5px;margin-bottom:16px}
.about-copy p strong{color:var(--ink);font-weight:500}
.usp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.usp{border-radius:var(--r);padding:26px 24px 24px;min-height:250px;display:flex;flex-direction:column;transition:transform .3s ease}
.usp:hover{transform:translateY(-6px)}
.usp img{height:92px;width:auto;object-fit:contain;align-self:flex-start;margin-bottom:auto}
.usp .num{font-family:'Instrument Serif',serif;font-style:italic;font-size:22px;margin:18px 0 4px}
.usp h3{font-size:15.5px;font-weight:600;line-height:1.3;margin-bottom:6px}
.usp p{font-size:12.5px;color:rgba(26,26,20,.62);line-height:1.55}
.usp.c-blue{background:var(--blue)}
.usp.c-pink{background:var(--pink)}
.usp.c-lilac{background:var(--lilac)}
.usp.c-peach{background:var(--peach)}

/* ============ COUNTERS ============ */
.counters{padding:0 0 100px}
.counters .row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.counter{padding:44px 20px 0;text-align:center}
.counter b{font-size:clamp(40px,4.6vw,62px);font-weight:600;letter-spacing:-.02em;display:block;line-height:1.05}
.counter b .serif{color:var(--maroon)}
.counter > span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* ============ SERVICES ============ */
.services{background:radial-gradient(110% 120% at 50% -20%, #5C1905 0%, var(--maroon) 55%, var(--maroon-deep) 100%);color:var(--cream);padding:100px 0 110px}
.services h2{text-align:center;font-size:clamp(32px,4.2vw,50px);font-weight:600;line-height:1.15;letter-spacing:-.015em;margin-bottom:56px}
.services h2 .serif{color:var(--yellow);font-size:1.07em}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc{border-radius:var(--r);overflow:hidden;background:var(--cream);color:var(--ink);display:flex;flex-direction:column;transition:transform .3s ease}
.svc:hover{transform:translateY(-6px)}
.svc-img{position:relative;height:250px;display:flex;align-items:center;justify-content:center;padding:26px}
.svc-img img{max-height:200px;width:auto;object-fit:contain}
.svc-img .arr-solo{position:absolute;bottom:16px;right:16px}
.svc-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.svc-body .top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.svc-body h3{font-size:19px;font-weight:600}
.svc-body .price{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--maroon);white-space:nowrap}
.svc-body p{font-size:13px;color:var(--muted)}
.svc-more{text-align:center;margin-top:44px;font-size:14px;color:var(--muted-light)}
.svc-more a{color:var(--yellow);font-weight:500;border-bottom:1px solid rgba(240,233,79,.4);padding-bottom:2px;transition:.25s}
.svc-more a:hover{border-color:var(--yellow)}

/* ============ WHY ============ */
.why{background:var(--paleyellow);padding:110px 0}
.why h2{text-align:center;font-size:clamp(32px,4.2vw,50px);font-weight:600;letter-spacing:-.015em;margin-bottom:60px}
.why h2 .serif{font-size:1.08em}
.why-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:22px;align-items:stretch}
.why-photo{position:relative;border-radius:var(--r);overflow:hidden;min-height:480px}
.why-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.why-photo .stat{position:absolute;left:22px;bottom:22px;right:22px;background:rgba(22,23,15,.62);backdrop-filter:blur(8px);border-radius:18px;padding:18px 22px;color:var(--cream)}
.why-photo .stat b{font-size:38px;font-weight:600;line-height:1.1;display:block}
.why-photo .stat b i{font-family:'Instrument Serif',serif;color:var(--yellow)}
.why-photo .stat span{font-size:12.5px;color:var(--muted-light)}
.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.why-card{background:var(--cream);border-radius:var(--r);padding:28px 26px;display:flex;flex-direction:column;transition:transform .3s ease}
.why-card:hover{transform:translateY(-5px)}
.why-card img{height:74px;width:auto;object-fit:contain;align-self:flex-start;margin-bottom:auto}
.why-card h3{font-size:16px;font-weight:600;margin:20px 0 6px}
.why-card p{font-size:12.5px;color:var(--muted)}

/* ============ TEAM ============ */
.team{background:var(--paleyellow);padding:0 0 110px}
.team-head{display:grid;grid-template-columns:1.2fr .9fr;gap:60px;align-items:end;margin-bottom:48px}
.team-head h2{font-size:clamp(32px,4.2vw,50px);font-weight:600;letter-spacing:-.015em}
.team-head h2 .serif{font-size:1.08em}
.team-head p{color:var(--muted);font-size:14px}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.member{border-radius:var(--r);overflow:hidden;background:var(--maroon);transition:transform .3s ease;display:flex;flex-direction:column}
.member:hover{transform:translateY(-6px)}
.member .ph{flex:1;min-height:320px;overflow:hidden;background:linear-gradient(160deg,#5C1905,var(--maroon-deep));position:relative}
.member .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.member .info{background:var(--olive);color:var(--cream);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.member .info b{font-size:15.5px;font-weight:600;display:block}
.member .info .nick{color:var(--yellow);font-size:12px;font-family:'Instrument Serif',serif;font-style:italic}
.member .info span{font-size:11px;color:var(--muted-light);display:block;margin-top:2px}
.member .info .arr-solo{color:var(--ink)}
.member.recruit{background:transparent;display:flex;flex-direction:column;overflow:visible;position:relative}
/* mannen er absolutt-posisjonert = bryter ut UTEN å påvirke korthøyden */
.member.recruit .ph{background:var(--yellow);position:relative;flex:1;min-height:226px;padding:0;overflow:visible;z-index:1;border-radius:var(--r) var(--r) 0 0}
.member.recruit .ph img{position:absolute;left:50%;top:-56px;transform:translateX(-50%);width:auto;height:290px;max-height:none;border-radius:0;z-index:2;pointer-events:none;filter:drop-shadow(-10px 18px 22px rgba(0,0,0,.3))}
.member.recruit .rec-body{position:relative;z-index:1;padding:18px 24px 24px;background:var(--yellow);border-radius:0 0 var(--r) var(--r)}
.member.recruit h3{font-size:22px;font-weight:600;line-height:1.2;margin-bottom:8px}
.member.recruit h3 .serif{font-size:1.1em}
.member.recruit p{font-size:13px;color:rgba(26,26,20,.7);margin-bottom:16px}

/* ============ VERSUS ============ */
.versus{padding:110px 0}
.versus h2{text-align:center;font-size:clamp(34px,4.6vw,56px);font-weight:600;letter-spacing:-.015em;margin-bottom:14px}
.versus h2 .serif{font-size:1.08em}
.versus .intro{max-width:560px;margin:0 auto 52px;text-align:center;color:var(--muted);font-size:14.5px}
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:960px;margin:0 auto;position:relative}
.vs-col{border-radius:var(--r);padding:36px 36px 40px}
.vs-col.them{background:#F1EEDD;border:1px solid var(--line);color:var(--muted)}
.vs-col.us{background:var(--olive);color:var(--cream);position:relative;overflow:hidden}
.vs-col.us::after{content:"";position:absolute;right:-30px;bottom:-30px;width:190px;height:190px;background:url('assets/doodle-highfive.png') center/contain no-repeat;filter:invert(1);opacity:.14;pointer-events:none}
.vs-col h3{font-size:18px;font-weight:600;margin-bottom:22px}
.vs-col.us h3{color:var(--yellow)}
.vs-col ul{list-style:none}
.vs-col li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;font-size:14px;border-bottom:1px solid rgba(113,113,106,.15)}
.vs-col.us li{border-color:rgba(251,249,236,.1)}
.vs-col li:last-child{border-bottom:none}
.vs-col .mark{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;margin-top:2px}
.them .mark{background:rgba(113,113,106,.15);color:var(--muted)}
.us .mark{background:var(--yellow);color:var(--ink)}
.vs-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);background:var(--yellow);border-radius:999px;padding:10px 20px;font-weight:700;font-size:13px;letter-spacing:.06em;box-shadow:0 10px 30px rgba(22,23,15,.25);z-index:2}

/* ============ PROCESS ============ */
.process{padding:0 0 110px}
.proc-head{display:grid;grid-template-columns:1.2fr .9fr;gap:60px;align-items:end;margin-bottom:44px}
.proc-head h2{font-size:clamp(32px,4.2vw,50px);font-weight:600;letter-spacing:-.015em}
.proc-head h2 .serif{font-size:1.08em}
.proc-head .right p{color:var(--muted);font-size:14px;margin-bottom:20px}
.proc-panel{position:relative;border-radius:32px;background:radial-gradient(120% 140% at 20% -20%, #5C1905 0%, var(--maroon) 50%, var(--maroon-deep) 100%);padding:56px 48px 48px;overflow:hidden}
.proc-panel .doodle{position:absolute;right:20px;top:-10px;width:330px;filter:invert(92%) sepia(8%) saturate(300%) hue-rotate(10deg);opacity:.9;transform:rotate(4deg)}
.proc-panel .kicker{color:var(--muted-light);font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:180px}
.steps{background:var(--cream);border-radius:22px;padding:34px 36px;display:grid;grid-template-columns:repeat(4,1fr);gap:34px;position:relative;z-index:2}
.step .lbl{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.step .lbl::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow);outline:3px solid rgba(240,233,79,.35)}
.step h3{font-size:16.5px;font-weight:600;line-height:1.3;margin-bottom:8px}
.step p{font-size:12.5px;color:var(--muted)}

/* ============ PRICING ============ */
.pricing{background:var(--paleyellow);padding:110px 0}
.pricing h2{text-align:center;font-size:clamp(34px,4.6vw,54px);font-weight:600;letter-spacing:-.015em;margin-bottom:14px}
.pricing h2 .serif{font-size:1.08em}
.pricing .intro{text-align:center;color:var(--muted);font-size:14.5px;max-width:520px;margin:0 auto 56px}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.plan{background:var(--cream);border-radius:var(--r);padding:34px 30px;display:flex;flex-direction:column;position:relative;border:1px solid var(--line);transition:transform .3s ease}
.plan:hover{transform:translateY(-6px)}
.plan.featured{background:var(--olive);color:var(--cream);border:none}
.plan .flag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--yellow);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:7px 16px;white-space:nowrap}
.plan h3{font-size:19px;font-weight:600;margin-bottom:6px}
.plan .price{font-size:clamp(26px,2.4vw,32px);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-bottom:2px}
.plan .price small{font-size:13px;font-weight:400;color:var(--muted);display:block}
.plan.featured .price small{color:var(--muted-light)}
.plan ul{list-style:none;margin:22px 0;flex:1}
.plan li{display:flex;gap:10px;font-size:13px;padding:7px 0;align-items:flex-start}
.plan li::before{content:"✓";flex:none;width:19px;height:19px;border-radius:50%;background:var(--paleyellow);color:var(--ink);font-size:10px;display:inline-flex;align-items:center;justify-content:center;margin-top:3px}
.plan.featured li::before{background:var(--yellow)}
.plan .micro{font-size:12px;color:var(--muted);margin-bottom:20px}
.plan.featured .micro{color:var(--muted-light)}
.plan .btn{justify-content:center}

/* ============ FAQ ============ */
.faq{background:radial-gradient(110% 130% at 50% -20%, #5C1905 0%, var(--maroon) 55%, var(--maroon-deep) 100%);color:var(--cream);padding:100px 0 110px;position:relative;overflow:hidden}
.faq h2{text-align:center;font-size:clamp(32px,4.2vw,50px);font-weight:600;letter-spacing:-.015em;margin-bottom:52px}
.faq h2 .serif{color:var(--yellow);font-size:1.08em}
.faq-list{max-width:820px;margin:0 auto;position:relative;z-index:2}
.qa{border-bottom:1px solid rgba(251,249,236,.14)}
.qa button{width:100%;background:none;border:none;color:var(--cream);font-family:'Poppins',sans-serif;font-size:16.5px;font-weight:500;text-align:left;padding:22px 46px 22px 4px;cursor:pointer;position:relative}
.qa button::after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:rgba(251,249,236,.1);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:300;transition:.3s}
.qa.open button::after{content:"–";background:var(--yellow);color:var(--ink)}
.qa .ans{max-height:0;overflow:hidden;transition:max-height .4s ease}
.qa .ans p{padding:0 46px 22px 4px;color:var(--muted-light);font-size:14px;font-weight:300}
.faq .side-doodle{position:absolute;left:-60px;bottom:-20px;width:300px;filter:invert(92%) sepia(8%) saturate(300%) hue-rotate(10deg);opacity:.16;pointer-events:none}

/* ============ CONTACT + FOOTER ============ */
.contact{background:var(--olive);color:var(--cream);padding:110px 0 80px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:100px}
.contact h2{font-size:clamp(34px,4.4vw,54px);font-weight:600;line-height:1.1;letter-spacing:-.015em;margin-bottom:18px}
.contact h2 .serif{color:var(--yellow);font-size:1.08em}
.contact .lead{color:var(--muted-light);font-size:14.5px;font-weight:300;max-width:420px;margin-bottom:26px}
.contact .alt{font-size:14px;color:var(--muted-light)}
.contact .alt a{color:var(--yellow);font-weight:500}
.contact .doodle{width:190px;filter:invert(92%) sepia(8%) saturate(300%) hue-rotate(10deg);margin-top:34px}
.cform{background:var(--cream);color:var(--ink);border-radius:var(--r);padding:36px 34px}
.cform .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cform label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--muted);display:block;margin:14px 0 6px}
.cform input,.cform textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px 15px;font-family:'Poppins',sans-serif;font-size:14px;color:var(--ink);outline:none;transition:border .25s}
.cform input:focus,.cform textarea:focus{border-color:var(--ink)}
.cform textarea{min-height:110px;resize:vertical}
.cform .btn{width:100%;justify-content:center;margin-top:22px}
.form-note{font-size:11.5px;color:var(--muted);margin-top:12px;text-align:center}

footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:60px;border-bottom:1px solid rgba(251,249,236,.1)}
footer .tag h4{font-family:'Instrument Serif',serif;font-style:italic;font-weight:400;font-size:26px;line-height:1.25;margin-bottom:18px}
.socials{display:flex;gap:12px}
/* høy spesifisitet så footer .cols a (0,1,2) ikke overstyrer fargen */
.contact .socials a,.socials a{width:44px;height:44px;border-radius:50%;background:var(--cream);border:none;color:var(--olive);display:inline-flex;align-items:center;justify-content:center;margin-bottom:0;transition:background .25s var(--ease-out),color .25s var(--ease-out),transform .25s var(--ease-out)}
.contact .socials a:hover,.socials a:hover{background:var(--brand-blue);color:#fff;transform:translateY(-3px)}
.socials a svg{width:20px;height:20px;display:block}
footer h5{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-light);margin-bottom:18px}
footer .cols a,footer .cols p{display:block;font-size:13.5px;color:rgba(251,249,236,.85);margin-bottom:10px;font-weight:300}
footer .cols a:hover{color:var(--yellow)}
.foot-bar{display:flex;justify-content:space-between;gap:20px;padding:24px 0 10px;font-size:12px;color:var(--muted-light);flex-wrap:wrap}
.foot-bar a{color:rgba(251,249,236,.85)}
.foot-bar a:hover{color:var(--yellow)}
.giant{margin-top:20px;text-align:center;font-weight:700;font-size:clamp(52px,11.2vw,148px);letter-spacing:-.03em;line-height:.9;color:transparent;background:linear-gradient(rgba(251,249,236,.16),rgba(251,249,236,0));-webkit-background-clip:text;background-clip:text;user-select:none;white-space:nowrap}

/* ============ RESPONSIVE ============ */
@media(max-width:1020px){
  .usp-grid{grid-template-columns:1fr 1fr}
  .svc-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .why-photo{min-height:380px}
  .team-grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr;gap:26px}
  .price-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .plan.featured{order:-1}
  .contact-grid{grid-template-columns:1fr;gap:50px}
  footer .cols{grid-template-columns:1fr 1fr;gap:34px}
  .hero-chip{display:none}
  .about-grid,.team-head,.proc-head{grid-template-columns:1fr;gap:24px}
}
@media(max-width:680px){
  nav.menu{display:none}
  .nav-cta .btn{display:none}
  .burger{display:block}
  .mobile-menu{display:flex}
  .mobile-menu.open{opacity:1;pointer-events:auto}
  .mobile-menu a{color:var(--cream);font-size:24px;font-weight:500;padding:12px}
  .mobile-menu .close{position:absolute;top:24px;right:24px;background:none;border:none;color:var(--cream);font-size:30px;cursor:pointer}
  .hero{padding-top:130px}
  .hero-doodle{position:static;width:78%;margin:10px auto -20px;display:block}
  .usp-grid{grid-template-columns:1fr}
  .counters .row{grid-template-columns:1fr}
  .counter{padding:30px 0 0}
  .team-grid{grid-template-columns:1fr}
  .vs-grid{grid-template-columns:1fr}
  .vs-badge{display:none}
  .steps{grid-template-columns:1fr;padding:28px}
  .proc-panel{padding:36px 24px 24px}
  .proc-panel .doodle{width:210px;right:-30px}
  .proc-panel .kicker{margin-bottom:130px}
  .cform .row2{grid-template-columns:1fr}
  footer .cols{grid-template-columns:1fr}
  .giant{white-space:normal}
}

/* ============ BENTO ============ */
.bento{padding:0 0 110px}
.bento h2{text-align:center;font-size:clamp(32px,4.2vw,50px);font-weight:600;letter-spacing:-.015em;margin-bottom:52px}
.bento h2 .serif{font-size:1.08em}
.bento-grid{display:grid;grid-template-columns:1.02fr 1fr 1.02fr;grid-template-rows:auto auto;gap:20px}
.bcard{background:#FFFEF7;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease}
.bcard:hover{transform:translateY(-4px)}
.bcard .pad{padding:28px 28px 0}
.bcard h3{font-size:17px;font-weight:600;margin-bottom:8px}
.bcard .pad>p{font-size:13px;color:var(--muted);line-height:1.6}
.b-phone{grid-column:1;grid-row:1/3}
.b-pipe{grid-column:3;grid-row:1/3;background:var(--olive);border:none;color:var(--cream)}
.b-pipe .pad>p{color:var(--muted-light)}

/* phone mockup */
.phone-wrap{position:relative;margin-top:30px;flex:1;min-height:340px}
.phone{position:absolute;left:50%;transform:translateX(-50%);top:0;width:246px;height:420px;background:#0F100A;border-radius:40px;padding:10px;box-shadow:0 30px 60px rgba(22,23,15,.28)}
.phone .screen{width:100%;height:100%;border-radius:31px;background:radial-gradient(120% 100% at 50% 0%,#6A1E08 0%,var(--maroon-deep) 80%);color:var(--cream);display:flex;flex-direction:column;align-items:center;padding:26px 18px;overflow:hidden}
.phone .notch{width:86px;height:22px;background:#0F100A;border-radius:999px;margin-bottom:22px;flex:none}
.phone .call-lbl{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted-light)}
.phone .call-name{font-size:19px;font-weight:600;margin-top:6px;white-space:nowrap}
.phone .call-num{font-size:12px;color:var(--muted-light);margin-top:3px}
.phone .call-dots{display:flex;gap:5px;margin-top:14px}
.phone .call-dots i{width:6px;height:6px;border-radius:50%;background:var(--yellow);animation:pulse 1.2s ease-in-out infinite}
.phone .call-dots i:nth-child(2){animation-delay:.2s}
.phone .call-dots i:nth-child(3){animation-delay:.4s}
@keyframes pulse{0%,100%{opacity:.25;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}
.phone .call-actions{margin-top:auto;display:flex;gap:26px}
.phone .call-actions span{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.phone .ca-red{background:#E4574B;color:#fff}
.phone .ca-green{background:#59B45E;color:#fff}
.phone .call-actions svg{width:22px;height:22px}
.booked-chip{position:absolute;left:50%;transform:translateX(-50%) rotate(-3deg);bottom:52px;background:var(--cream);color:var(--ink);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 16px 40px rgba(22,23,15,.3);white-space:nowrap;z-index:2}
.booked-chip .ic{width:34px;height:34px;border-radius:10px;background:var(--yellow);display:flex;align-items:center;justify-content:center;flex:none}
.booked-chip .ic svg{width:17px;height:17px}
.booked-chip b{font-size:12.5px;display:block;line-height:1.3}
.booked-chip span{font-size:11px;color:var(--muted)}

/* perf bars */
.b-perf .stat-row{display:flex;align-items:flex-end;justify-content:space-between;padding:18px 28px 0}
.b-perf .stat-row b{font-size:36px;font-weight:600;letter-spacing:-.02em}
.b-perf .stat-row b i{font-family:'Instrument Serif',serif;color:var(--maroon)}
.b-perf .chip{background:var(--paleyellow);border:1px solid var(--line);border-radius:999px;font-size:11.5px;font-weight:600;padding:6px 12px}
.bars{display:flex;align-items:flex-end;gap:5px;height:96px;padding:14px 28px 28px}
.bars i{flex:1;height:0;border-radius:4px 4px 2px 2px;background:var(--maroon);opacity:.9;transition:height .55s var(--ease-out)}
.bars i.y{background:var(--yellow)}
.bars i.dim{opacity:.22}
.bars.in i{height:var(--h,0)}

/* garanti icons */
.gicons{display:flex;align-items:center;justify-content:center;gap:0;padding:26px 28px 34px;margin-top:auto}
.gicons .dots{flex:1;max-width:64px;height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}
.gicons .gi{width:58px;height:58px;border-radius:50%;background:var(--cream);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink);flex:none}
.gicons .gi svg{width:22px;height:22px}
.gicons .gi.big{width:78px;height:78px;background:var(--maroon);color:var(--yellow);border:none;box-shadow:0 14px 34px rgba(74,17,3,.35)}
.gicons .gi.big svg{width:30px;height:30px}

/* pipeline */
.pipe{margin:26px 0 0 28px;background:rgba(251,249,236,.05);border:1px solid rgba(251,249,236,.1);border-right:none;border-bottom:none;border-radius:18px 0 0 0;flex:1;display:flex;flex-direction:column;overflow:hidden;mask-image:linear-gradient(#000 72%,transparent)}
.pipe .tabs{display:flex;border-bottom:1px solid rgba(251,249,236,.1)}
.pipe .tabs span{font-size:12px;padding:13px 20px;color:var(--muted-light)}
.pipe .tabs span.on{background:rgba(251,249,236,.07);color:var(--cream);font-weight:500}
.pipe .row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;border-bottom:1px solid rgba(251,249,236,.07);font-size:12.5px}
.pipe .row b{font-weight:500}
.pipe .row small{display:block;font-size:10.5px;color:var(--muted-light);font-weight:300}
.pchip{font-size:10px;font-weight:600;letter-spacing:.04em;border-radius:999px;padding:5px 10px;white-space:nowrap;color:var(--ink)}
.pchip.c-blue{background:var(--blue)}
.pchip.c-lilac{background:var(--lilac)}
.pchip.c-peach{background:var(--peach)}
.pchip.c-yellow{background:var(--yellow)}

/* ============ WORKFLOW / BOOK RASMUS ============ */
.workflow{padding:110px 0;overflow:hidden}
.wf-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}
.wf-grid h2{font-size:clamp(32px,4.2vw,50px);font-weight:600;line-height:1.12;letter-spacing:-.015em;margin-bottom:16px}
.wf-grid h2 .serif{font-size:1.08em}
.wf-grid .lead{color:var(--muted);font-size:14.5px;margin-bottom:26px}
.wf-feats{list-style:none;margin-bottom:30px}
.wf-feats li{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.wf-feats .ic{flex:none;width:34px;height:34px;border-radius:10px;background:var(--yellow);display:flex;align-items:center;justify-content:center;margin-top:2px}
.wf-feats .ic svg{width:16px;height:16px}
.wf-feats p{font-size:13.5px;color:var(--muted)}
.wf-feats p b{color:var(--ink);font-weight:600}
.wf-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.wf-cta .note{font-size:12px;color:var(--muted)}
.wf-visual{position:relative;min-height:540px;display:flex;align-items:flex-end;justify-content:center}
.wf-visual::before{content:"";position:absolute;left:50%;bottom:34px;transform:translateX(-50%);width:470px;height:470px;border-radius:50%;background:var(--yellow)}
.wf-visual::after{content:"";position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:550px;height:550px;border-radius:50%;border:1.5px dashed rgba(26,26,20,.28);pointer-events:none}
.platform{background:#FFFEF7;border:1px solid var(--line);border-radius:20px;box-shadow:0 40px 80px rgba(22,23,15,.14);overflow:hidden}
.platform .pt-bar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.platform .pt-bar .dots{display:flex;gap:5px}
.platform .pt-bar .dots i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.platform .pt-bar b{font-size:12px;font-weight:600}
.platform .pt-bar span{margin-left:auto;font-size:10.5px;color:var(--muted);background:var(--paleyellow);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.platform .pt-head{display:flex;justify-content:space-between;align-items:center;padding:16px 130px 8px 18px;font-size:12.5px;font-weight:600}
.platform .pt-head span{font-size:10.5px;color:var(--muted);font-weight:400}
.platform .mrow{display:flex;align-items:center;gap:12px;padding:11px 130px 11px 18px;border-top:1px solid rgba(26,26,20,.06);font-size:12.5px}
.platform .mrow .day{flex:none;width:64px;font-size:10.5px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-weight:600}
.platform .mrow b{font-weight:500}
.platform .mrow small{display:block;font-size:10.5px;color:var(--muted);font-weight:300}
.platform .mrow .pchip{margin-left:auto}
.rasmus{position:relative;height:650px;width:auto;filter:drop-shadow(-18px 24px 44px rgba(22,23,15,.28));pointer-events:none;z-index:2;-webkit-mask-image:linear-gradient(#000 66%,rgba(0,0,0,.4) 84%,transparent 93%);mask-image:linear-gradient(#000 66%,rgba(0,0,0,.4) 84%,transparent 93%)}
.rasmus-chip{position:absolute;left:50%;bottom:88px;transform:translateX(-50%) rotate(-5deg);min-width:380px;z-index:3;background:var(--olive);color:var(--cream);border-radius:18px;padding:18px 26px;box-shadow:0 18px 40px rgba(22,23,15,.25)}
.rasmus-chip .nick{display:block;font-family:'Instrument Serif',serif;font-style:italic;font-size:13px;color:var(--yellow)}
.rasmus-chip b{font-size:15px;font-weight:600;display:block;line-height:1.35}
.rasmus-chip .role{display:block;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-light)}
.workflow .wrap{position:relative}

/* ============ SUBPAGES ============ */
.subhero{background:radial-gradient(120% 130% at 70% -10%,#6A1E08 0%,var(--maroon) 48%,var(--maroon-deep) 100%);color:var(--cream);padding:168px 0 90px;position:relative;overflow:hidden}
.subhero .doodle{position:absolute;right:-20px;top:110px;width:min(36vw,440px);filter:invert(92%) sepia(8%) saturate(300%) hue-rotate(10deg);opacity:.9;animation:float 7s ease-in-out infinite}
.subhero .crumb{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-light);margin-bottom:20px}
.subhero .crumb a:hover{color:var(--yellow)}
.subhero h1{font-size:clamp(38px,5.6vw,72px);line-height:1.02;font-weight:600;letter-spacing:-.02em;max-width:14ch}
.subhero h1 .serif{color:var(--yellow);font-size:1.06em}
.subhero .sub{max-width:480px;color:var(--muted-light);font-size:15px;font-weight:300;margin-top:20px}
.subhero .sub strong{color:var(--cream);font-weight:500}
.subhero .ptag{display:inline-flex;align-items:center;gap:9px;background:rgba(251,249,236,.08);border:1px solid rgba(251,249,236,.22);border-radius:999px;padding:9px 18px;font-size:13px;font-weight:500;margin:24px 0 26px}
.subhero .ptag b{color:var(--yellow)}
.subhero .actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.subhero .actions .alt{font-size:13px;color:var(--muted-light)}
.subhero .actions .alt a{color:var(--yellow);font-weight:500}
.detail{padding:100px 0}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.detail h2{font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.015em;margin-bottom:18px}
.detail h2 .serif{font-size:1.08em}
.detail .body p{color:var(--muted);font-size:14.5px;margin-bottom:16px}
.detail .body p strong{color:var(--ink);font-weight:500}
.inc-card{border-radius:var(--r);padding:34px 32px;border:1px solid var(--line)}
.inc-card h3{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:18px}
.inc-card ul{list-style:none}
.inc-card li{display:flex;gap:11px;font-size:14px;padding:9px 0;align-items:flex-start;border-bottom:1px solid rgba(26,26,20,.07)}
.inc-card li:last-child{border-bottom:none}
.inc-card li::before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:var(--olive);color:var(--yellow);font-size:10px;display:inline-flex;align-items:center;justify-content:center;margin-top:2px}
.ministeps{padding:0 0 100px}
.ministeps .steps{border:1px solid var(--line)}
.cta-band{margin:0 0 110px}
.cta-band .inner{background:var(--yellow);border-radius:32px;padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}
.cta-band .inner::after{content:"";position:absolute;right:26px;bottom:-34px;width:190px;height:190px;background:var(--band-doodle,url('assets/doodle-lets-go-button.png')) center/contain no-repeat;opacity:.9;pointer-events:none}
.cta-band h2{font-size:clamp(26px,3.2vw,40px);font-weight:600;letter-spacing:-.015em;line-height:1.1;max-width:18ch}
.cta-band h2 .serif{font-size:1.08em}
.cta-band .btn{flex:none;margin-right:190px}

@media(max-width:1020px){
  .bento-grid{grid-template-columns:1fr 1fr}
  .b-phone{grid-column:auto;grid-row:auto}
  .b-pipe{grid-column:auto;grid-row:auto}
  .wf-grid{grid-template-columns:1fr;gap:44px}
  .wf-visual{min-height:0}
  .rasmus{height:480px}
  .wf-visual::before{width:360px;height:360px}
  .wf-visual::after{width:430px;height:430px}
  .detail-grid{grid-template-columns:1fr;gap:36px}
  .cta-band .btn{margin-right:0}
  .cta-band .inner::after{display:none}
}
@media(max-width:680px){
  .bento-grid{grid-template-columns:1fr}
  .rasmus{height:380px}
  .rasmus-chip{min-width:0;width:max-content;bottom:0}
  .wf-visual::before{width:280px;height:280px}
  .wf-visual::after{display:none}
  .cta-band .inner{flex-direction:column;align-items:flex-start;padding:36px 30px}
  .subhero .doodle{position:static;width:70%;margin:20px auto -30px;display:block}
}

/* ============ TAPES (seksjonsoverganger) ============ */
.tape{position:relative;z-index:6;background:var(--yellow);color:var(--ink);overflow:hidden;padding:13px 0;transform:rotate(-1.4deg) scale(1.04);margin:-25px 0;box-shadow:0 12px 32px rgba(22,23,15,.14)}
.tape.rev{transform:rotate(1.4deg) scale(1.04);background:var(--olive);color:var(--yellow)}
.tape-track{display:flex;width:max-content;animation:scroll 30s linear infinite}
.tape-track > span{display:flex;align-items:center;gap:40px;padding-right:40px;white-space:nowrap;font-weight:700;font-size:13.5px;letter-spacing:.16em;text-transform:uppercase}
.tape-track .st{font-size:16px;line-height:1}

/* ============ KARRIERE ============ */
.perks{padding:90px 0 40px}
.perks .usp{min-height:220px}
.jobs{padding:60px 0 30px}
.jobs .sec-head{display:grid;grid-template-columns:1.2fr .9fr;gap:60px;align-items:end;margin-bottom:44px}
.jobs .sec-head h2{font-size:clamp(30px,4vw,48px);font-weight:600;letter-spacing:-.015em}
.jobs .sec-head h2 .serif{font-size:1.08em}
.jobs .sec-head p{color:var(--muted);font-size:14px}
.job{border:1px solid var(--line);border-radius:var(--r);background:#FFFEF7;padding:42px 44px;margin-bottom:26px}
.job-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:10px}
.job h3{font-size:clamp(22px,2.4vw,28px);font-weight:600}
.job .chips{display:flex;gap:8px;flex-wrap:wrap}
.jchip{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--paleyellow);border:1px solid var(--line);border-radius:999px;padding:6px 13px;white-space:nowrap}
.job .intro{color:var(--muted);font-size:14.5px;max-width:660px;margin-bottom:30px}
.job-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}
.job-cols h4{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}
.job-cols ul{list-style:none}
.job-cols li{display:flex;gap:9px;font-size:13px;color:var(--muted);padding:5px 0;align-items:flex-start}
.job-cols li::before{content:"✦";flex:none;color:var(--maroon);font-size:11px;margin-top:2px}
.job-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.job-foot .note{font-size:12px;color:var(--muted)}
.apply{padding:70px 0 100px}
.apply .inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;background:var(--paleyellow);border-radius:32px;padding:56px}
.apply h2{font-size:clamp(28px,3.4vw,42px);font-weight:600;letter-spacing:-.015em;line-height:1.12;margin-bottom:14px}
.apply h2 .serif{font-size:1.08em}
.apply .lead{color:var(--muted);font-size:14px;margin-bottom:20px}
.apply .doodle{width:170px;margin-top:10px}
.cform select{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px 15px;font-family:'Poppins',sans-serif;font-size:14px;color:var(--ink);outline:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.school{background:radial-gradient(110% 130% at 50% -20%,#5C1905 0%,var(--maroon) 55%,var(--maroon-deep) 100%);color:var(--cream);padding:100px 0 110px;position:relative;overflow:hidden}
.school .side-doodle{position:absolute;right:-70px;top:40px;width:300px;filter:invert(92%) sepia(8%) saturate(300%) hue-rotate(10deg);opacity:.16;pointer-events:none}
.school h2{text-align:center;font-size:clamp(30px,4.2vw,50px);font-weight:600;letter-spacing:-.015em;margin-bottom:12px}
.school h2 .serif{color:var(--yellow);font-size:1.08em}
.school .intro{text-align:center;color:var(--muted-light);font-size:14.5px;max-width:560px;margin:0 auto 52px}
.school-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:2}
.school-grid .usp{min-height:230px;color:var(--ink)}
@media(max-width:1020px){
  .job-cols{grid-template-columns:1fr}
  .apply .inner{grid-template-columns:1fr;padding:40px 34px;gap:30px}
  .school-grid{grid-template-columns:1fr 1fr}
  .jobs .sec-head{grid-template-columns:1fr;gap:16px}
}
@media(max-width:680px){
  .school-grid{grid-template-columns:1fr}
  .job{padding:30px 26px}
}

/* ============ KOMMER SNART / WAITLIST ============ */
.usp.soon{position:relative}
.usp.soon img,.usp.soon .num,.usp.soon h3,.usp.soon p{filter:blur(7px);opacity:.75}
.usp.soon::after{content:"Kommer snart";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);background:var(--olive);color:var(--yellow);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:11px 22px;box-shadow:0 12px 28px rgba(0,0,0,.35);white-space:nowrap}
.waitlist{margin-top:44px;background:rgba(251,249,236,.06);border:1px solid rgba(251,249,236,.16);border-radius:22px;padding:30px 36px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;position:relative;z-index:2}
.waitlist h3{font-size:18px;font-weight:600}
.waitlist p{font-size:13px;color:var(--muted-light);max-width:420px}
.mini-signup{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mini-signup input{border:1px solid var(--line);background:#fff;border-radius:999px;padding:13px 20px;min-width:250px;font-family:'Poppins',sans-serif;font-size:13.5px;color:var(--ink);outline:none}
.school .mini-signup input{background:rgba(251,249,236,.08);border-color:rgba(251,249,236,.24);color:var(--cream)}
.school .mini-signup input::placeholder{color:var(--muted-light)}
.signup{padding:20px 0 110px}
.signup .inner{background:var(--paleyellow);border-radius:32px;padding:48px 52px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.signup h2{font-size:clamp(24px,3vw,36px);font-weight:600;letter-spacing:-.015em;line-height:1.15}
.signup h2 .serif{font-size:1.08em}
.signup p{font-size:13px;color:var(--muted);max-width:420px}

/* ============ INNSIKT ============ */
.posts{padding:90px 0 70px}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#FFFEF7;display:flex;flex-direction:column;transition:transform .3s ease}
.post:hover{transform:translateY(-5px)}
.post .ph{height:180px;display:flex;align-items:center;justify-content:center}
.post .ph img{max-height:135px;width:auto}
.post .body{padding:22px 24px 28px;display:flex;flex-direction:column;gap:8px;flex:1}
.post .meta{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.post h3{font-size:17px;font-weight:600;line-height:1.35}
.post .body>p{font-size:13px;color:var(--muted)}
.soonchip{background:var(--olive);color:var(--yellow);border-radius:999px;padding:5px 12px;font-size:9.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}

/* ============ TJENESTER-SIDE ============ */
.svc-overview{padding:90px 0 40px}
.svc-grid.four{grid-template-columns:repeat(2,1fr)}
.svc-overview .svc{border:1px solid var(--line)}
.svc-overview .svc-img{height:220px}
.svc-overview .svc-img img{max-height:175px}

@media(max-width:1020px){
  .post-grid{grid-template-columns:1fr}
  .svc-grid.four{grid-template-columns:1fr}
  .waitlist,.signup .inner{flex-direction:column;align-items:flex-start}
}

/* ============ RUNNER-KNAPP ============ */
.btn .arr .run{display:none}
.btn-run:hover .arr .arrow-swap{display:none}
.btn-run:hover .arr .run{display:block;animation:dash .5s ease-in-out infinite}
.btn .arr .arrow-swap{display:block;line-height:0}
@keyframes dash{0%,100%{transform:translateX(-2px)}50%{transform:translateX(2px)}}

/* ============ SCHOOL TEASE ============ */
.school-tease{position:relative}
.school-tease::after{content:"";position:absolute;inset:-14px;z-index:3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8) 0,#000 55%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.8) 0,#000 55%)}
.tease-cta{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);z-index:4;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;width:max-content}
.tease-cta .kick{color:var(--yellow);font-size:19px}
.tease-cta h3{font-size:clamp(30px,3.8vw,48px);font-weight:600;color:var(--cream);line-height:1;letter-spacing:.01em;margin-bottom:14px;text-shadow:0 6px 30px rgba(0,0,0,.45)}

/* ============ TEAM HOVER-VIDEO ============ */
.member .ph video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;opacity:0;transition:opacity .35s ease;pointer-events:none}
.member .ph video.on{opacity:1}
.btn-run:hover .arr .run{width:20px;height:20px}

/* ============ HEADINGFONT (Oswald, plakat-stil) ============ */
.hero h1,.about h2,.services h2,.why h2,.team-head h2,.versus h2,.proc-head h2,.pricing h2,.faq h2,.contact h2,.bento h2,.wf-grid h2,.subhero h1,.jobs .sec-head h2,.school h2,.apply h2,.signup h2,.detail h2,.cta-band h2,.tease-cta h3,.job h3,.counter b,.valuesec h2,.val-card b{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;letter-spacing:.012em}
.serif{text-transform:none;letter-spacing:0}
.hero h1{font-size:clamp(56px,8.4vw,116px);line-height:.94;max-width:none}
.hero h1 .outline{color:transparent;-webkit-text-stroke:2.5px var(--cream)}
.hero h1 .gold{color:var(--yellow)}
.squiggle{width:min(300px,46vw);margin-top:16px;color:var(--yellow);display:block}
.hero-actions{gap:5px}
.subhero h1{line-height:.98}
.tape-track > span{font-family:'Oswald',sans-serif;font-weight:600;letter-spacing:.2em;font-size:14.5px}

/* ============ MARQUEE SEAMLESS ============ */
.marquee-track{gap:0}
.mq-half{display:flex;align-items:center;gap:70px;padding-right:70px}

/* ============ SCHOOL TEASE v2 (gradert blur topp->bunn) ============ */
.school-tease::after{background:linear-gradient(to bottom,rgba(58,13,2,.05),rgba(58,13,2,.5) 75%)}
.tease-cta{bottom:auto;top:52%;transform:translate(-50%,-50%)}
.tease-cta .kick{font-size:21px;text-shadow:0 3px 16px rgba(0,0,0,.6)}

/* ============ VERDISKAPING ============ */
.valuesec{padding:0 0 110px}
.valuesec h2{text-align:center;font-size:clamp(32px,4.2vw,50px);margin-bottom:14px}
.valuesec .intro{text-align:center;color:var(--muted);font-size:14.5px;max-width:540px;margin:0 auto 60px}
.val-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:end}
.val-card{border-radius:var(--r);padding:34px 32px 38px;display:flex;flex-direction:column;min-height:280px;transition:transform .3s ease}
.val-card:hover{transform:translateY(-5px)}
.val-card b{font-size:clamp(42px,4.6vw,64px);line-height:1;margin-bottom:auto;display:block}
.val-card h3{font-size:15.5px;font-weight:600;margin:30px 0 6px}
.val-card p{font-size:12.5px;color:var(--muted)}
.val-card.v1{background:#FFFEF7;border:1px solid var(--line);margin-top:84px}
.val-card.v2{background:var(--navy);color:var(--cream);min-height:340px}
.val-card.v2 b{color:var(--yellow)}
.val-card.v2 p{color:var(--muted-light)}
.val-card.v3{background:var(--yellow);margin-top:44px}
.val-card.v3 p{color:rgba(26,26,20,.65)}
@media(max-width:1020px){
  .val-grid{grid-template-columns:1fr}
  .val-card.v1,.val-card.v3{margin-top:0}
  .val-card.v2{min-height:280px}
}

.tease-cta::before{content:"";position:absolute;inset:-60px -110px;background:radial-gradient(closest-side,rgba(46,10,2,.9),rgba(46,10,2,0));z-index:-1;pointer-events:none}

/* ============ CTA SPLIT (Start fabrikken) ============ */
.cta-split{display:inline-flex;align-items:stretch;gap:4px;transition:transform .25s ease}
.cta-split:hover{transform:translateY(-2px)}
.cta-split .txt{background:var(--yellow);color:var(--ink);border-radius:999px 10px 10px 999px;padding:0 30px;display:inline-flex;align-items:center;font-weight:600;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;height:56px}
.cta-split .cap{width:56px;height:56px;border-radius:10px 999px 999px 10px;background:var(--yellow);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;transition:background .25s,color .25s}
.cta-split .cap svg{width:20px;height:20px;transition:transform .3s ease}
.cta-split:hover .cap{background:var(--olive);color:var(--yellow)}
.cta-split:hover .cap svg{transform:rotate(45deg)}

/* ============ STICKY NAV (vis ved skroll opp) ============ */
header{transition:background .3s ease,padding .3s ease,box-shadow .3s ease}
header.fixed{position:fixed;top:0;left:0;right:0;background:rgba(22,23,15,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:13px 0;transform:translateY(-102%);transition:transform .38s ease,background .3s,padding .3s;box-shadow:0 14px 40px rgba(0,0,0,.28)}
header.fixed.show{transform:translateY(0)}

/* ============ SCROLL-EFFEKTER ============ */
.hero-doodle-wrap{position:absolute;right:-40px;top:40px;width:min(46vw,600px);pointer-events:none;will-change:transform;z-index:1}
.hero-doodle-wrap .hero-doodle{position:static;width:100%}
.hero-chip{will-change:transform}
[data-zoom]{will-change:transform}

/* tape-slam */
.tape{opacity:0;transform:rotate(-7deg) scale(1.04) translateY(50px);transition:transform .8s cubic-bezier(.2,1.5,.3,1),opacity .45s ease}
.tape.in{opacity:1;transform:rotate(-1.4deg) scale(1.04) translateY(0)}
.tape.rev{transform:rotate(7deg) scale(1.04) translateY(50px)}
.tape.rev.in{transform:rotate(1.4deg) scale(1.04) translateY(0)}

/* stagger på kort-grids */
.usp-grid>.rv:nth-child(2),.why-cards>.rv:nth-child(2),.post-grid>.rv:nth-child(2),.school-grid>.rv:nth-child(3n+2),.team-grid>.rv:nth-child(3n+2),.val-grid>.rv:nth-child(2),.price-grid>.rv:nth-child(2){transition-delay:.1s}
.usp-grid>.rv:nth-child(3),.why-cards>.rv:nth-child(3),.post-grid>.rv:nth-child(3),.school-grid>.rv:nth-child(3n),.team-grid>.rv:nth-child(3n),.val-grid>.rv:nth-child(3),.price-grid>.rv:nth-child(3){transition-delay:.2s}
.usp-grid>.rv:nth-child(4),.why-cards>.rv:nth-child(4){transition-delay:.3s}

/* ============ MARQUEE PAGE BORDER (innsikt) ============ */
.pb{position:fixed;top:0;bottom:0;width:26px;z-index:45;background:var(--yellow);overflow:hidden;display:flex;justify-content:center}
.pb.left{left:0}
.pb.right{right:0}
.pb-track{display:flex;flex-direction:column;width:max-content;animation:vscroll 26s linear infinite}
.pb.right .pb-track{animation-direction:reverse}
.pb-track span{writing-mode:vertical-rl;font-family:'Oswald',sans-serif;font-weight:600;font-size:10.5px;letter-spacing:.32em;text-transform:uppercase;padding:22px 0;white-space:nowrap;color:var(--ink)}
.pb.left .pb-track span{transform:rotate(180deg)}
@keyframes vscroll{to{transform:translateY(-50%)}}
@media(max-width:1200px){.page-border{display:none}}
@media(max-width:680px){
  .hero-doodle-wrap{position:static;width:100%;margin:0}
  .hero-doodle-wrap .hero-doodle{width:78%;margin:10px auto -20px;display:block}
  .cta-split .txt{height:50px;padding:0 22px}
  .cta-split .cap{width:50px;height:50px}
}

/* ============ BLOB-CTA (gooey) ============ */
.cta-blob{position:relative;display:inline-flex;align-items:center;height:58px;color:var(--ink);isolation:isolate}
.cta-blob .goo{position:absolute;inset:0;filter:url(#goo);z-index:-1}
.cta-blob .goo i{position:absolute;top:0;bottom:0;background:var(--yellow)}
.cta-blob .goo .g1{left:0;width:calc(100% - 63px);border-radius:999px}
.cta-blob .goo .g2{right:0;width:58px;border-radius:50%;transition:transform .35s cubic-bezier(.3,1.6,.4,1)}
.cta-blob .lbl{padding:0 30px;font-weight:600;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.cta-blob .icon{width:58px;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.3,1.6,.4,1)}
.cta-blob .icon svg{width:20px;height:20px;transition:transform .3s ease}
.cta-blob:hover .goo .g2,.cta-blob:hover .icon{transform:translateX(9px)}
.cta-blob:hover .icon svg{transform:rotate(45deg)}

/* ============ BOKSTAV-POP (hero) ============ */
.hero h1 .ltr{display:inline-block;font-style:normal;opacity:0;transform:translateY(.55em) rotate(8deg);animation:ltrpop .55s cubic-bezier(.2,1.5,.3,1) forwards}
@keyframes ltrpop{to{opacity:1;transform:none}}

/* ============ SIDE-WIPE ============ */
.wipe{position:fixed;inset:0;background:var(--yellow);z-index:200;transform:translateY(102%);pointer-events:none;display:flex;align-items:center;justify-content:center}
.wipe img{height:32px;width:auto}
.wipe.enter{transition:transform .45s cubic-bezier(.7,0,.3,1);transform:translateY(0)}
.wipe.exit{transform:translateY(0);animation:wipeout .55s cubic-bezier(.7,0,.3,1) .12s forwards}
@keyframes wipeout{to{transform:translateY(-102%)}}

/* ============ EKTE LOGO + NAVY/PASTELL-AKSENTER ============ */
:root{--navy:#0B223A;--brand-blue:rgb(76,134,232)}
.logo img{height:20px;width:auto;display:block;filter:brightness(0) invert(1) opacity(.96)}
.foot-logo{height:24px;width:auto;filter:brightness(0) invert(1);opacity:.95;margin-bottom:16px}
.hero h1 .blue{color:var(--blue)}
.usp.c-blue h3,.usp.c-blue .num{color:var(--navy)}
.booked-chip b{color:var(--navy)}
.val-card.v1 b{color:var(--navy)}
.pchip.c-blue{color:var(--navy)}
.b-perf .stat-row b i{color:var(--navy)}

/* ============ SLANKERE TELEFON ============ */
.phone{width:210px;height:436px;border-radius:46px;padding:9px}
.phone .screen{border-radius:38px;padding:24px 16px}
.phone .call-name{font-size:14.5px;letter-spacing:-.01em}
.phone .notch{width:76px;height:20px}

/* ============ STATISK LOGO-RAD ============ */
.logo-row{display:flex;align-items:center;justify-content:center;gap:clamp(38px,7vw,90px);flex-wrap:wrap;padding-bottom:28px}
.logo-row img{height:34px;width:auto;filter:grayscale(1) contrast(.85);opacity:.58;mix-blend-mode:multiply;transition:opacity .3s var(--ease-out),filter .3s var(--ease-out)}
.logo-row img.tall{height:46px}
@media(hover:hover){.logo-row img:hover{opacity:1;filter:grayscale(0) contrast(1)}}

/* ============ POLISH: EASING + TAKTIL FEEDBACK ============ */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
.btn{transition:transform .18s var(--ease-out),box-shadow .25s var(--ease-out)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.97)}
.cta-blob{transition:transform .18s var(--ease-out)}
.cta-blob:active{transform:scale(.975)}
.arr-solo{transition:transform .25s var(--ease-out)}
.svc,.usp,.why-card,.plan,.val-card,.member,.post,.bcard,.job{transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out)}
.qa button,nav.menu a,.socials a,.strip-label{-webkit-tap-highlight-color:transparent}

/* ============ POLISH: TASTATUR-FOKUS ============ */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.cta-blob:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;box-shadow:0 0 0 5px rgba(22,23,15,.55);border-radius:8px}
.btn:focus-visible,.cta-blob:focus-visible{border-radius:999px}

/* ============ POLISH: REDUSERT BEVEGELSE ============ */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}
  .hero-doodle,.tape-track,.pb-track,.phone .call-dots i,.call-name~*{animation:none!important}
  .hero h1 .ltr{opacity:1!important;transform:none!important}
  .rv{opacity:1;transform:none}
  .tape{opacity:1;transform:rotate(-1.4deg) scale(1.04)!important}
  .tape.rev{transform:rotate(1.4deg) scale(1.04)!important}
  [data-zoom]{transform:none!important;opacity:1!important}
  .hero-doodle-wrap,.hero-chip{transform:none!important}
}

/* ============ BLUE SQUIGGLE DIVIDER (scroll-draw) ============ */
.squiggle-divider{display:flex;justify-content:center;padding:6px 0 46px}
.squiggle-divider svg{width:min(260px,60vw);height:20px;overflow:visible}
.squiggle-divider path{fill:none;stroke:var(--brand-blue);stroke-width:5;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .9s var(--ease-out)}
.squiggle-divider.in path{stroke-dashoffset:0}

@media(prefers-reduced-motion:reduce){
  .bars i{transition-duration:.12s!important}
  .squiggle-divider path{transition-duration:.12s!important}
  nav.menu a::after{transition-duration:.12s!important}
}

/* ============ BELL BADGE (Book Rasmus) ============ */
.bell-badge{position:absolute;top:27%;left:83%;z-index:4;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:var(--maroon);color:var(--cream);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(74,17,3,.35);border:3px solid var(--cream);transform-origin:50% -10px;animation:bellswing 4.5s ease-in-out infinite;transition:background .25s var(--ease-out)}
.bell-badge svg{width:26px;height:26px}
.bell-badge:hover{background:var(--olive);animation-duration:.7s}
.bell-ping{position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--brand-blue);opacity:0;animation:bellping 2.6s ease-out infinite}
@keyframes bellswing{0%,35%,100%{transform:rotate(0)}5%{transform:rotate(-14deg)}10%{transform:rotate(11deg)}15%{transform:rotate(-8deg)}20%{transform:rotate(5deg)}25%{transform:rotate(-3deg)}30%{transform:rotate(0)}}
@keyframes bellping{0%{opacity:.55;transform:scale(.85)}75%,100%{opacity:0;transform:scale(1.25)}}
@media(max-width:1020px){.bell-badge{width:52px;height:52px;margin:-26px 0 0 -26px}.bell-badge svg{width:22px;height:22px}}
@media(max-width:680px){.bell-badge{width:48px;height:48px;margin:-24px 0 0 -24px;top:22%;left:78%}}
@media(prefers-reduced-motion:reduce){.bell-badge,.bell-ping{animation:none!important}}

/* ============ COLD-CALL APPLY CTA (karriere) ============ */
.cold-tel{display:flex;align-items:center;gap:16px;background:var(--olive);color:var(--cream);border-radius:20px;padding:18px 26px;margin:26px 0 14px;box-shadow:0 16px 34px rgba(22,23,15,.22);transition:transform .25s var(--ease-out),background .25s var(--ease-out);width:fit-content}
.cold-tel:hover{transform:translateY(-3px);background:var(--maroon)}
.cold-tel .ico{flex:none;width:46px;height:46px;border-radius:50%;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center;animation:ringwiggle 3.2s ease-in-out infinite}
.cold-tel .ico svg{width:20px;height:20px}
.cold-tel .txt b{display:block;font-family:'Oswald',sans-serif;font-size:22px;font-weight:600;letter-spacing:.01em}
.cold-tel .txt small{display:block;font-size:12px;color:var(--muted-light);margin-top:2px}
.alt-note{font-size:12.5px;color:var(--muted);margin-bottom:22px}
.alt-note a{color:var(--maroon);font-weight:600;text-decoration:underline;text-underline-offset:2px}
@keyframes ringwiggle{0%,30%,100%{transform:rotate(0)}5%{transform:rotate(-16deg)}10%{transform:rotate(13deg)}15%{transform:rotate(-9deg)}20%{transform:rotate(5deg)}25%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){.cold-tel .ico{animation:none!important}}
@media(max-width:680px){.cold-tel{width:100%}}

/* ============ HERO ORBIT-IKONER (vi ringer / booker / lukker) ============ */
.hero-orbit{position:absolute;inset:0;z-index:2;pointer-events:none}
.hero-orbit .ho{position:absolute;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px rgba(22,23,15,.28);animation:hofloat 6s ease-in-out infinite}
.hero-orbit .ho svg{width:26px;height:26px}
.ho-ring{top:17%;left:45%;background:var(--cream);color:var(--maroon);animation-delay:0s}
.ho-ring svg{animation:hovibrate 2.4s ease-in-out infinite}
.ho-book{top:47%;left:52%;background:var(--brand-blue);color:#fff;animation-delay:1.1s}
.ho-close{top:64%;left:46%;background:var(--yellow);color:var(--ink);animation-delay:2.1s}
.ho-close svg{animation:hopop 3s ease-in-out infinite}
@keyframes hofloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(2deg)}}
@keyframes hovibrate{0%,92%,100%{transform:rotate(0)}94%{transform:rotate(-13deg)}96%{transform:rotate(11deg)}98%{transform:rotate(-7deg)}}
@keyframes hopop{0%,70%,100%{transform:scale(1)}80%{transform:scale(1.25)}}
@media(max-width:1020px){.hero-orbit{display:none}}
@media(prefers-reduced-motion:reduce){.hero-orbit .ho,.hero-orbit .ho svg{animation:none!important}}

/* ============ ARTIKKEL (blogg) ============ */
.art-hero{background:radial-gradient(120% 130% at 72% -10%,#6A1E08 0%,var(--maroon) 48%,var(--maroon-deep) 100%);color:var(--cream);padding:150px 0 62px}
.art-hero .crumb{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-light);margin-bottom:22px}
.art-hero .crumb a:hover{color:var(--yellow)}
.art-cat{display:inline-block;background:var(--yellow);color:var(--ink);font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:12px;border-radius:999px;padding:7px 15px;margin-bottom:20px}
.art-hero h1{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;letter-spacing:.01em;font-size:clamp(32px,4.6vw,60px);line-height:1.02;max-width:20ch}
.art-hero .dek{max-width:60ch;color:var(--muted-light);font-size:16px;font-weight:300;margin-top:20px;line-height:1.5}
.art-meta{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap}
.art-meta .who{display:flex;align-items:center;gap:11px}
.art-meta .who img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(251,249,236,.3)}
.art-meta .who b{font-size:13.5px;font-weight:600;display:block;line-height:1.3}
.art-meta .who span{font-size:11.5px;color:var(--muted-light)}
.art-meta .dot{width:4px;height:4px;border-radius:50%;background:rgba(251,249,236,.4)}
.art-meta time,.art-meta .rt{font-size:12.5px;color:var(--muted-light)}
.article{padding:64px 0 80px}
.article .col{max-width:720px;margin:0 auto}
.article-body{font-size:17px;line-height:1.72;color:#2A2A22}
.article-body p{margin-bottom:22px}
.article-body h2{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;letter-spacing:.01em;font-size:clamp(23px,2.6vw,30px);line-height:1.12;margin:44px 0 16px;color:var(--ink)}
.article-body h3{font-size:19px;font-weight:600;margin:30px 0 10px;color:var(--ink)}
.article-body ul,.article-body ol{margin:0 0 22px 2px;padding-left:22px}
.article-body li{margin-bottom:10px;padding-left:4px}
.article-body strong{font-weight:600;color:var(--ink)}
.article-body blockquote{margin:28px 0;padding:22px 26px;background:var(--paleyellow);border-radius:18px;font-family:'Instrument Serif',serif;font-style:italic;font-size:20px;line-height:1.45;color:var(--maroon)}
.article-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}
.article-tags span{background:var(--paleyellow);border:1px solid var(--line);border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.04em;padding:7px 14px;color:var(--maroon)}
.art-share{max-width:720px;margin:34px auto 0;display:flex;align-items:center;gap:14px}
.art-share span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.art-share a{width:38px;height:38px;border-radius:50%;background:var(--olive);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;transition:background .25s var(--ease-out),transform .25s var(--ease-out)}
.art-share a:hover{background:var(--brand-blue);transform:translateY(-2px)}
.art-share a svg{width:17px;height:17px}
.more-posts{padding:0 0 100px}
.more-posts .lead-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:30px;flex-wrap:wrap;gap:12px}
.more-posts h2{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;font-size:clamp(24px,3vw,36px)}
.more-posts h2 .serif{text-transform:none;font-family:'Instrument Serif',serif;font-style:italic;font-weight:400}
.more-posts .all{font-size:13px;font-weight:600;color:var(--maroon)}
.more-posts .all:hover{color:var(--ink)}
.post .cat-tag{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--maroon)}
.post a.readmore{margin-top:auto;font-size:12.5px;font-weight:600;color:var(--maroon);display:inline-flex;align-items:center;gap:6px}
.post .body{display:flex;flex-direction:column}
.post-link{display:flex;flex-direction:column;height:100%}

/* fiks: pil i innsikt-kort */
.post .readmore svg{width:15px;height:15px;flex:none}
.more-posts .all svg{width:15px;height:15px;display:inline-block;vertical-align:middle}

/* ============ KARRIERE ORANGE PHOTO ============ */
.subhero-karriere{padding-bottom:70px}
.subhero-karriere .wrap{position:relative;z-index:2}
.subhero-photo{position:absolute;right:5%;top:64%;transform:translateY(-50%);width:min(33vw,400px);height:min(33vw,400px);z-index:1}
.subhero-photo::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--yellow);z-index:1}
.subhero-photo::after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1.5px dashed rgba(251,249,236,.3);pointer-events:none;z-index:1}
/* figuren bryter ut av sirkelen (hatt over toppen, sko under bunnen) = 3D */
.subhero-photo img{position:absolute;left:50%;bottom:-2%;transform:translateX(-50%);height:126%;width:auto;object-fit:contain;z-index:2;filter:drop-shadow(-12px 20px 26px rgba(0,0,0,.34))}
@media(max-width:1020px){
  .subhero-karriere{padding-bottom:40px}
  .subhero-photo{position:relative;right:auto;top:auto;transform:none;width:min(66vw,300px);height:min(66vw,300px);margin:44px auto 0}
  .subhero-photo img{height:140%;bottom:-6%}
  .subhero-karriere .wrap{text-align:left}
}

/* ============ COOKIE CONSENT ============ */
.cookie{position:fixed;left:24px;bottom:24px;z-index:120;max-width:400px;background:var(--olive);color:var(--cream);border:1px solid rgba(251,249,236,.14);border-radius:22px;padding:24px 26px;box-shadow:0 24px 60px rgba(0,0,0,.4);transform:translateY(160%);transition:transform .5s var(--ease-out)}
.cookie.show{transform:translateY(0)}
.cookie .ico{width:44px;height:44px;border-radius:12px;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.cookie .ico svg{width:22px;height:22px}
.cookie h4{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;font-size:17px;letter-spacing:.01em;margin-bottom:8px}
.cookie p{font-size:12.5px;color:var(--muted-light);font-weight:300;line-height:1.55;margin-bottom:18px}
.cookie p a{color:var(--yellow);text-decoration:underline;text-underline-offset:2px}
.cookie .row{display:flex;gap:10px;flex-wrap:wrap}
.cookie .btn{padding:12px 20px;font-size:12px}
.cookie .btn-ghost{background:transparent;border:1px solid rgba(251,249,236,.3);color:var(--cream)}
.cookie .btn-ghost:hover{background:rgba(251,249,236,.08)}
@media(max-width:560px){.cookie{left:14px;right:14px;bottom:14px;max-width:none}}

/* ============ KONFETTI CANVAS ============ */
#confetti-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:9999;pointer-events:none}
.egg-hint{cursor:pointer;transition:transform .2s var(--ease-out)}
.egg-hint:hover{transform:scale(1.05) rotate(-2deg)}

/* ============ FINAL POLISH (design-eng review) ============ */
.egg-hint:active{transform:scale(.96)}
.cookie .btn:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){
  .cookie{transition-duration:.15s}
  #confetti-canvas{display:none!important}
}

/* ============ FIL-VALG (søknad) ============ */
.file-drop{display:flex;align-items:center;gap:12px;border:1.5px dashed var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .25s var(--ease-out),background .25s var(--ease-out);background:#fff}
.file-drop:hover{border-color:var(--maroon);background:var(--paleyellow)}
.file-drop.has-file{border-style:solid;border-color:var(--maroon);background:var(--paleyellow)}
.file-drop .fi-icon{flex:none;width:38px;height:38px;border-radius:10px;background:var(--yellow);color:var(--ink);display:flex;align-items:center;justify-content:center}
.file-drop .fi-icon svg{width:18px;height:18px}
.file-drop .fi-text{font-size:13.5px;color:var(--muted);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-drop.has-file .fi-text{color:var(--ink)}