/*
Theme Name: FOKUS Modern
Theme URI: https://www.fokus.nu
Author: FOKUS Rekrytering
Description: Ett modernt, responsivt tema för FOKUS Rekrytering.
Version: 1.0.0
Text Domain: fokus-modern
*/

:root{--ink:#172329;--muted:#53636a;--paper:#f8f6f1;--white:#fff;--red:#8d211f;--red-dark:#681615;--blue:#12677e;--blue-light:#dceef0;--gold:#d49431;--line:#dfe3df;--shadow:0 24px 60px rgba(23,35,41,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.narrow{width:min(760px,100%)}.center{text-align:center;margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,35,41,.08)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:baseline;white-space:nowrap;letter-spacing:-.045em}.brand-focus{font-size:30px;font-weight:800;color:var(--red)}.brand-rest{font-size:25px;font-weight:300;color:var(--blue)}.desktop-nav{display:flex;gap:24px;align-items:center}.desktop-nav a{font-size:14px;font-weight:700;letter-spacing:.01em}.desktop-nav a:hover{color:var(--red)}.mobile-nav{display:none;position:relative}.mobile-nav summary{cursor:pointer;font-weight:800;list-style:none;padding:9px 15px;border:1px solid var(--line);border-radius:99px}.mobile-nav div{position:absolute;right:0;top:52px;width:240px;padding:16px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.mobile-nav a{display:block;padding:10px 8px;font-weight:700}
.hero{background:linear-gradient(120deg,#f6f2ea 0%,#f6f2ea 58%,#dcebed 58%,#dcebed 100%);overflow:hidden}.hero-grid{min-height:700px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.hero-copy{padding:70px 0}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:800;color:var(--blue);margin:0 0 18px}.hero h1,.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,6.6vw,92px);line-height:.95;letter-spacing:-.045em;margin:0 0 28px;font-weight:500}.hero h1 em{color:var(--red);font-weight:500}.lead{font-size:20px;line-height:1.55;color:var(--muted);max-width:680px}.button-row{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:0 24px;border-radius:3px;font-weight:800;font-size:14px;transition:.2s ease}.button:hover{transform:translateY(-2px)}.primary{background:var(--red);color:white}.primary:hover{background:var(--red-dark)}.dark{background:var(--ink);color:white;margin-top:18px}.light{background:white;color:var(--red-dark)}.text-link{font-weight:800;color:var(--red)}.trust-row{display:flex;gap:34px;margin-top:48px;padding-top:25px;border-top:1px solid rgba(23,35,41,.15);font-size:12px;color:var(--muted)}.trust-row span{display:grid}.trust-row strong{font-size:17px;color:var(--ink)}.hero-visual{height:500px;position:relative;background:linear-gradient(145deg,rgba(18,103,126,.98),rgba(16,67,78,.96));border-radius:220px 220px 28px 28px;box-shadow:var(--shadow)}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25)}.hero-visual:before{width:310px;height:310px;top:52px;left:50%;transform:translateX(-50%)}.hero-visual:after{width:190px;height:190px;top:112px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.08)}.focus-card{position:absolute;left:-35px;right:35px;bottom:36px;background:white;padding:28px 32px;box-shadow:var(--shadow)}.focus-card .dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--red);margin-bottom:18px}.focus-card p{margin:0;color:var(--muted)}.focus-card strong{font:600 26px/1.2 Georgia,serif}
.section{padding:104px 0}.section h2{font:500 clamp(34px,4vw,56px)/1.1 Georgia,serif;letter-spacing:-.025em;margin:0 0 24px}.section h3{font-size:22px;line-height:1.2;margin:10px 0 14px}.section p{color:var(--muted)}.intro-section{background:white}.card-grid{display:grid;gap:22px;margin-top:58px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.two{grid-template-columns:repeat(2,1fr)}.service-card,.content-card{position:relative;border:1px solid var(--line);padding:34px;background:white;min-height:260px}.service-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--red)}.service-card.accent-blue:before{background:var(--blue)}.service-card.accent-gold:before{background:var(--gold)}.service-card>span,.perk-grid span{font-size:12px;font-weight:900;color:var(--muted);letter-spacing:.12em}.service-card a{display:inline-block;margin-top:12px;font-weight:800;color:var(--red)}.split-section,.soft{background:var(--paper)}.split-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:76px}.split-grid.text-first{align-items:start}.image-panel{overflow:hidden;background:#dde4e4;box-shadow:var(--shadow)}.image-panel img{width:100%;height:100%;object-fit:cover}.books-image{aspect-ratio:3/2}.split-copy{padding:30px 0}.quote-section{background:var(--ink);color:white;text-align:center}.quote-section blockquote{font:500 clamp(32px,4vw,54px)/1.24 Georgia,serif;margin:0}.quote-section p{color:#b8c3c6}.cta-section{background:white}.cta-box{background:var(--red);color:white;padding:54px 64px;display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-box h2{margin-bottom:10px}.cta-box p,.cta-box .eyebrow{color:#f2d6d1}.contact-actions{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.contact-actions>a:last-child{font-weight:800}
.page-hero{background:var(--paper);padding:100px 0}.page-hero.compact{text-align:center}.page-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:80px}.page-hero h1{font-size:clamp(48px,6vw,76px)}.number-art{min-height:420px;background:var(--ink);color:white;padding:56px;display:flex;flex-direction:column;justify-content:center;gap:10px;box-shadow:var(--shadow)}.number-art strong{font:500 68px/1 Georgia,serif;color:#f3d6cf;margin-bottom:20px}.number-art span{font-size:21px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.2)}.step-list{padding:0;margin:0;list-style:none}.step-list li{display:flex;align-items:center;gap:22px;padding:17px 0;border-bottom:1px solid var(--line);font-weight:700}.step-list span{color:var(--red);font-size:12px;font-weight:900}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}.check-grid span{padding:18px 18px 18px 48px;border:1px solid var(--line);position:relative}.check-grid span:before{content:"✓";position:absolute;left:18px;color:var(--blue);font-weight:900}.social-hero{background:linear-gradient(130deg,#f7f4ee 0 63%,#dcebed 63%)}.people-shape{height:420px;position:relative;background:var(--blue);border-radius:210px 210px 20px 20px;overflow:hidden;color:white;display:flex;align-items:flex-end;padding:42px}.people-shape span{position:absolute;border-radius:50%;background:#f3d7ca}.people-shape span:nth-child(1){width:105px;height:105px;top:72px;left:65px}.people-shape span:nth-child(2){width:125px;height:125px;top:55px;right:65px;background:#c8dadd}.people-shape span:nth-child(3){width:240px;height:160px;top:145px;left:50%;transform:translateX(-50%);border-radius:120px 120px 18px 18px;background:rgba(255,255,255,.13)}.people-shape p{position:relative;z-index:2;font-size:20px}.benefit-panel{background:var(--blue-light);padding:42px}.benefit-panel ul{padding:0;list-style:none}.benefit-panel li{padding:14px 0 14px 28px;border-bottom:1px solid rgba(18,103,126,.18);position:relative}.benefit-panel li:before{content:"+";position:absolute;left:0;color:var(--blue);font-weight:900}.candidate-section{background:var(--paper)}.candidate-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.perk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px}.perk-grid>div{background:white;padding:28px}.warm{background:#f6eee8}.orbit-art{height:380px;position:relative;border-radius:50%;border:1px solid #d5c0aa}.orbit-art:before,.orbit-art:after{content:"";position:absolute;border-radius:50%;border:1px solid #d5c0aa;inset:55px}.orbit-art:after{inset:110px;background:var(--red)}.orbit-art span{position:absolute;background:white;border:1px solid var(--line);padding:9px 15px;font-weight:800;z-index:2}.orbit-art span:nth-child(1){left:5%;top:45%}.orbit-art span:nth-child(2){right:3%;top:28%}.orbit-art span:nth-child(3){right:12%;bottom:12%}.book-banner{width:100%;box-shadow:var(--shadow)}.cool{background:#e8f1f2}.document-image{aspect-ratio:1.5;box-shadow:none}.contact-hero{padding-bottom:75px}.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.contact-card{background:var(--paper);padding:50px}.contact-details{background:var(--ink);color:white;padding:50px;display:grid;gap:24px}.contact-details div{display:grid;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:18px}.contact-details span{color:#aebcc0;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.contact-details a{font-size:23px;font-weight:700}.contact-details .button{font-size:14px;justify-self:start}
.site-footer{background:#0d171b;color:white;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}.brand-footer{margin-bottom:18px}.footer-grid h3{font-size:13px;text-transform:uppercase;letter-spacing:.13em;color:#9fadb1}.footer-grid p{max-width:400px;color:#aebbc0}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:48px;padding-top:24px;color:#829094;font-size:12px}
@media(max-width:980px){.desktop-nav{display:none}.mobile-nav{display:block}.hero-grid,.page-hero-grid,.split-grid,.candidate-head,.contact-grid{grid-template-columns:1fr}.hero-grid{padding-bottom:60px;gap:0}.hero-copy{padding-bottom:40px}.hero-visual{height:400px;max-width:600px;width:100%;margin:auto}.page-hero-grid{gap:45px}.number-art,.people-shape{min-height:320px;height:320px}.card-grid.three{grid-template-columns:1fr}.perk-grid{grid-template-columns:1fr 1fr}.split-grid{gap:42px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:35px}.social-hero{background:var(--paper)}}
@media(max-width:640px){.shell{width:min(100% - 28px,1180px)}.header-inner{height:72px}.brand-focus{font-size:24px}.brand-rest{font-size:19px}.hero h1,.page-hero h1{font-size:47px}.hero-grid{min-height:auto}.lead{font-size:18px}.hero-visual{height:330px}.focus-card{left:18px;right:18px}.trust-row{gap:16px;flex-wrap:wrap}.section{padding:74px 0}.page-hero{padding:72px 0}.card-grid.two,.check-grid{grid-template-columns:1fr}.candidate-head{gap:15px}.perk-grid{grid-template-columns:1fr}.cta-box{padding:40px 28px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.contact-details,.contact-card{padding:34px}.contact-details a{font-size:19px}.number-art{padding:34px}.number-art strong{font-size:56px}.orbit-art{height:300px}.people-shape{padding:30px}.button-row{align-items:flex-start;flex-direction:column}.button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}