/* SKYTTERSTEVNE.NO / editorial premium front page – scoped to home */
:root{--green:#175c49;--ink:#122a32;--muted:#58717a;--line:#e3ebe7}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.header{box-shadow:0 2px 20px #183e3010}
.header .navrow{max-width:1250px}
.header .navrow nav a{font-weight:700}
.header .nav-portal{background:#175c49;color:white!important;box-shadow:0 5px 15px #175c4920}
.flagship-hero{background:#f4f8f5!important;color:#122a32!important;border-bottom:0;position:relative;isolation:isolate}
.flagship-hero:before{display:none!important}
.flagship-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 4% 2%,#e1efe6 0%,transparent 44%),linear-gradient(130deg,#f9fcfa,#f1f7f3)}
.flagship-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);align-items:center;gap:clamp(30px,5vw,76px);padding-top:68px;padding-bottom:76px}
.flagship-hero .hero-content{padding:0!important;max-width:none!important}
.flagship-hero .eyebrow{background:#e2f0e7!important;border:1px solid #d3e6d9!important;color:#1b664d!important;padding:9px 14px!important;font-size:10px!important;letter-spacing:1.6px!important;gap:9px;align-items:center}
.eyebrow-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3fa57b;box-shadow:0 0 0 4px #3fa57b22}
.flagship-hero h1{font-size:clamp(50px,5.5vw,82px)!important;line-height:1.02!important;letter-spacing:-4px!important;max-width:740px;margin:23px 0 24px!important;font-weight:850}
.flagship-hero h1 em{color:#207353!important}
.flagship-hero .hero-content>p{font-size:17px!important;line-height:1.75!important;max-width:600px;color:#4b6870!important;margin-bottom:26px!important}
.flagship-hero .home-search{max-width:660px!important;width:100%;margin:0!important;padding:7px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 14px 40px #183d2e15!important;border:1px solid #d8e5dd!important;display:flex;align-items:center}
.flagship-hero .home-search input{flex:1;min-width:0;background:transparent!important;color:#16313a!important;font-size:14px!important}
.flagship-hero .home-search .btn{background:#175c49!important;border-radius:11px!important;white-space:nowrap;padding:13px 18px!important}
.flagship-quick{display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;margin-top:20px;font-size:12px;color:#647a78}
.flagship-quick>a{color:#155e49;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.flagship-proof{display:flex;gap:35px;margin-top:48px;padding-top:22px;border-top:1px solid #d8e6dd;max-width:550px}
.flagship-proof span{display:flex;flex-direction:column;gap:3px}.flagship-proof strong{font-size:13px;color:#1b403a}.flagship-proof small{font-size:12px;color:#617a77}
.flagship-showcase{height:490px;border-radius:26px;overflow:hidden;position:relative;box-shadow:0 28px 75px #143d2b24;background:#143b33;min-width:0;isolation:isolate}
.showcase-image{position:absolute;inset:0;background:linear-gradient(180deg,#112f2b05 10%,#0d2929dc 98%),url('/assets/hero-clean.jpg') center/cover;transition:transform .4s ease;z-index:-1}
.flagship-showcase:hover .showcase-image{transform:scale(1.035)}
.showcase-overlay{position:absolute;bottom:0;left:0;right:0;padding:38px;color:#fff}
.showcase-label{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:900;letter-spacing:1.7px;color:#d1eadb;margin-bottom:19px}
.showcase-date{font-size:13px;color:#d4e6df;font-weight:700}
.showcase-overlay h2{font-size:clamp(27px,2.6vw,39px);letter-spacing:-1px;line-height:1.15;color:white;margin:9px 0}
.showcase-overlay p{font-size:13px;color:#d0e2da;margin:0 0 22px}
.showcase-overlay a{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:12px 16px;background:white;color:#174a3c;font-weight:850;border-radius:10px;font-size:13px}
.flagship-trust{background:#fff;border-bottom:1px solid #e6eeea}
.flagship-trust .trust-inner{padding:22px 0;justify-content:space-between;gap:14px;font-size:13px;color:#3b6456}
.flagship-trust .trust-inner span{display:flex;align-items:center;gap:10px}
.flagship-trust .trust-inner b{font-size:11px;color:#268162;background:#e7f4ed;border-radius:50%;height:29px;width:29px;display:grid;place-items:center}
.nearby-section,.upcoming-section{padding-top:85px!important;padding-bottom:88px!important}
.nearby-section .section-head,.upcoming-section .section-head{margin-bottom:30px}
.nearby-section .section-head h2,.upcoming-section .section-head h2{font-size:clamp(32px,3.5vw,46px);letter-spacing:-1.8px}
.nearby-picker{padding:19px 24px!important;border:1px solid #e0e9e4;box-shadow:0 8px 24px #183d2b09!important}
.event-row{border-radius:17px!important;padding:21px 25px!important;box-shadow:0 6px 23px #153b2b09!important;transition:box-shadow .2s,transform .2s}
.event-row:hover{transform:translateY(-2px);box-shadow:0 14px 34px #153b2b15!important}
.event-row-date{background:#e9f3ed!important;border-radius:13px!important}
.row-action{border-color:#cddfd5!important;color:#175c49!important}
.upcoming-section{background:#f5f9f6!important}
.organizer-cta .cta-panel{border-radius:24px;box-shadow:0 15px 40px #163c2a12}
@media(max-width:1000px){.flagship-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:28px}.flagship-hero h1{font-size:clamp(45px,6vw,65px)!important}.flagship-showcase{height:450px}}
@media(max-width:760px){.flagship-grid{grid-template-columns:1fr;padding:42px 0 45px;gap:30px}.flagship-hero h1{font-size:clamp(43px,9vw,62px)!important;letter-spacing:-2.5px!important}.flagship-hero .hero-content>p{font-size:15px!important}.flagship-proof{margin-top:28px}.flagship-showcase{height:330px}.showcase-overlay{padding:26px}.flagship-trust .trust-inner{justify-content:flex-start}.nearby-section,.upcoming-section{padding:52px 0!important}}
@media(max-width:520px){.flagship-hero .home-search{flex-wrap:wrap;padding:9px!important}.flagship-hero .home-search .search-symbol{display:none}.flagship-hero .home-search input{flex-basis:100%;padding:12px!important}.flagship-hero .home-search .btn{width:100%;min-height:47px}.flagship-proof{gap:16px;flex-wrap:wrap}.flagship-showcase{height:315px}.showcase-overlay h2{font-size:27px}.flagship-trust .trust-inner span{width:100%}.nearby-picker{padding:17px!important}.event-row{padding:16px!important}.flagship-quick{gap:8px 13px}}
@media(prefers-reduced-motion:reduce){.showcase-image,.event-row{transition:none!important}.flagship-showcase:hover .showcase-image,.event-row:hover{transform:none!important}}