*{box-sizing:border-box}
:root{--navy:#151a2a;--panel:#222b40;--mint:#3ded97;--coral:#ff5e4a;--light:#eaf1f5;--line:#485371}
body{margin:0;background:var(--navy);color:var(--light);font:17px/1.58 Onest,system-ui,sans-serif}
h1,h2,h3,.site-title{font-family:"Familjen Grotesk",Onest,sans-serif;line-height:1.15}
a{color:var(--mint)}img{max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}
.container{width:min(1170px,calc(100% - 55px));margin-inline:auto}
.site-header{border-bottom:1px solid var(--line)}
.header-inner,.site-branding,.nav-menu,.sub-header .container{display:flex;align-items:center}
.header-inner,.sub-header .container{justify-content:space-between;gap:12px}.header-inner{min-height:79px}
.site-branding{gap:9px}.site-logo-default{width:43px;height:43px;display:block}
.site-title a{font-weight:750;font-size:27px;color:white;text-decoration:none}.site-description{font-size:12px;margin:0}
.nav-menu{list-style:none;gap:19px;padding:0;margin:0}.nav-menu a{font-size:15px;color:white;font-weight:650;text-decoration:none}
.nav-menu [aria-current],.nav-menu a:hover{color:var(--mint);text-decoration:underline}
.menu-toggle{display:none}.sub-header{background:#1d2437;padding:5px 0}
.sub-header-text{font:14px "Fira Code",monospace}.sub-header-text span{color:var(--mint)}.search-form{display:flex;gap:5px}
.search-field,.search-submit{font-size:13px;padding:4px 6px}
.hero-section{background:var(--panel);border-bottom:1px solid var(--line)}
.hero-slider{position:relative;overflow:hidden}.hero-slides{display:flex;transition:transform .25s ease}
.hero-slide{min-width:100%;position:relative}.hero-slide-image{position:absolute;inset:0;background-position:center;background-size:cover}
.hero-slide-image::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#1b2439,#20294088)}
.hero-slide-content{position:relative;width:min(1170px,calc(100% - 55px));margin:auto;padding:clamp(32px,7vw,87px) 58px 85px}
.hero-slide-title{max-width:820px;font-size:clamp(35px,5.6vw,68px);margin:8px 0 13px}.hero-slide-title a{color:white;text-decoration:none}
.hero-slide-excerpt{max-width:650px}.hero-slide-meta,.hero-slide-tag{color:#abf0ce;font:14px "Fira Code",monospace}
.slider-arrows,.slider-controls{position:absolute;bottom:17px;display:flex;gap:7px;align-items:center}
.slider-arrows{right:max(17px,calc((100% - 1080px)/2))}.slider-controls{left:max(17px,calc((100% - 1080px)/2))}
.slider-arrow,.slider-dot,.menu-toggle{background:var(--navy);color:white;border:1px solid var(--mint)}
.slider-arrow{padding:3px 8px}.slider-dot{width:14px;height:14px}.slider-dot.active{background:var(--mint)}
.posts-section{padding:31px 0}.section-title{margin:0 0 18px;font-size:clamp(29px,4.5vw,47px)}
.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.post-card{border:1px solid var(--line);background:var(--panel);border-top:3px solid var(--mint)}
.post-card-image:not(:has(img)){display:none}.post-card-image img{display:block;width:100%;aspect-ratio:2/1;object-fit:cover}
.post-card-body{padding:13px 16px}.post-card-title{font-size:24px;margin:7px 0}.post-card-title a{color:white;text-decoration:none}
.post-card-meta,.post-card-footer,.footer-bottom{font-size:13px}.pagination-wrapper{padding-top:20px}
.site-footer{background:#101422;padding:25px 0}.footer-widgets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.footer-bottom{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}
.bap-single-card h1{font-size:clamp(35px,5vw,56px);margin:0 0 18px}
.bap-single-content h2{font-size:clamp(25px,3vw,38px);margin-top:31px}.bap-sidebar{background:var(--panel);padding:14px 16px;border-left:3px solid var(--coral)}
@media(max-width:830px){.posts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
 .container,.hero-slide-content{width:calc(100% - 32px)}
 .header-inner{min-height:63px;flex-wrap:wrap;padding-block:7px}.site-branding{min-width:0;flex:1}
 .site-logo-default{width:35px;height:35px}.site-title a{font-size:22px}.site-description{font-size:10px}
 .menu-toggle{display:block;padding:4px 8px}.main-navigation{display:none;flex-basis:100%}
 .menu-toggle[aria-expanded="true"]~.main-navigation{display:block}.nav-menu{flex-direction:column;align-items:start;gap:6px}
 .header-search{display:none}.sub-header-text{font-size:11px}.hero-slide-content{padding-inline:0}
 .posts-grid,.footer-widgets-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.hero-slides{transition:none}}