/* Simplitize – top med video. Alt under .stzt */
.stzt{position:relative;box-sizing:border-box;overflow:hidden;isolation:isolate;font-family:Jost,Helvetica,Arial,sans-serif;color:#fff;background:#0D2526;
	display:flex;align-items:center;min-height:clamp(600px,92vh,900px);padding:150px 0 90px;text-align:left;line-height:1.5}
.stzt *,.stzt *::before,.stzt *::after{box-sizing:border-box}
.stzt--normal{min-height:740px}
.stzt.stzt--full{width:calc(100vw - var(--stzu-sb,0px)) !important;max-width:none !important;margin-left:calc(50% - 50vw + var(--stzu-sb,0px) / 2) !important;margin-right:0 !important}

/* Video og stillbillede */
.stzt-media{position:absolute;inset:0;z-index:-2;background:#0D2526 center/cover no-repeat}
.stzt-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;max-width:none;opacity:0;transition:opacity .9s ease}
.stzt-media video.is-on{opacity:1}

/* Skygge bag teksten */
.stzt-scrim{position:absolute;inset:0;z-index:-1;pointer-events:none}
.stzt--blod.stzt--venstre .stzt-scrim{background:radial-gradient(70% 90% at 18% 55%,rgba(10,31,29,.74) 0%,rgba(10,31,29,.45) 45%,rgba(10,31,29,0) 78%),linear-gradient(180deg,rgba(10,31,29,.35) 0%,rgba(10,31,29,0) 22%)}
.stzt--blod.stzt--midt .stzt-scrim{background:radial-gradient(60% 75% at 50% 52%,rgba(10,31,29,.7) 0%,rgba(10,31,29,.4) 50%,rgba(10,31,29,0) 85%),linear-gradient(180deg,rgba(10,31,29,.35) 0%,rgba(10,31,29,0) 22%)}
.stzt--staerk .stzt-scrim{background:linear-gradient(90deg,rgba(13,37,38,.94) 0%,rgba(13,37,38,.82) 34%,rgba(18,56,57,.35) 62%,rgba(13,37,38,0) 85%),radial-gradient(60% 85% at 100% 100%,rgba(84,184,186,.35),rgba(84,184,186,0) 70%)}
.stzt--staerk.stzt--midt .stzt-scrim{background:linear-gradient(180deg,rgba(13,37,38,.6),rgba(13,37,38,.75))}
.stzt--ingen .stzt-scrim{background:linear-gradient(180deg,rgba(10,31,29,.3) 0%,rgba(10,31,29,0) 22%)}

/* Indhold */
.stzt-wrap{position:relative;z-index:1;width:100%;max-width:1240px;margin:0 auto;padding:0 24px}
.stzt-text{max-width:660px}
.stzt--midt .stzt-text{margin:0 auto;text-align:center;max-width:860px}
.stzt h1.stzt-h1{margin:0;padding:0;font-family:inherit;font-size:clamp(40px,4.6vw,68px) !important;line-height:1.04 !important;font-weight:500 !important;letter-spacing:-.02em;color:#fff !important;text-shadow:0 1px 30px rgba(0,0,0,.25)}
.stzt .stzt-h1 span{color:#B1EA68}
.stzt p.stzt-lead{margin:22px 0 0;padding:0;max-width:580px;font-size:clamp(17px,1.45vw,21px) !important;line-height:1.6 !important;font-weight:300;color:rgba(255,255,255,.92) !important}
.stzt--midt p.stzt-lead{margin-left:auto;margin-right:auto;max-width:680px}
.stzt-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.stzt--midt .stzt-btns{justify-content:center}

/* Knapper med 3D-tilt og lysrefleks (samme effekt som ydelserne) */
.stzt a.stzt-b:not(#stz-nu){position:relative;overflow:hidden;isolation:isolate;will-change:transform;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 30px;border-radius:999px;font-size:17px;font-weight:500;line-height:1;text-decoration:none !important;
	transition:transform .6s cubic-bezier(.2,.7,.2,1),background-color .25s ease,border-color .25s ease,box-shadow .3s ease}
.stzt a.stzt-b1:not(#stz-nu){background:#B1EA68;color:#0A1F1D !important;border:1.5px solid #B1EA68}
.stzt a.stzt-b2:not(#stz-nu){background:rgba(255,255,255,.07);color:#fff !important;border:1.5px solid rgba(255,255,255,.6)}
.stzt a.stzt-b:not(#stz-nu).is-tilting{transition:transform .08s linear,background-color .25s ease,border-color .25s ease,box-shadow .3s ease}
.stzt a.stzt-b1:not(#stz-nu).is-tilting,.stzt a.stzt-b1:not(#stz-nu):focus-visible{box-shadow:0 18px 34px -14px rgba(177,234,104,.6)}
.stzt a.stzt-b2:not(#stz-nu):hover{background:rgba(255,255,255,.13);border-color:#B1EA68;box-shadow:0 18px 34px -16px rgba(0,0,0,.55)}
.stzt .stzt-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;z-index:1}
.stzt a.is-tilting .stzt-glare{opacity:1}
.stzt a.stzt-b:focus-visible,.stzt .stzt-pause:focus-visible{outline:3px solid #B1EA68;outline-offset:3px}

/* Pause-knap */
.stzt .stzt-pause{position:absolute;z-index:2;left:max(24px,calc((100% - 1240px) / 2 + 24px));bottom:28px;width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:rgba(10,31,29,.3);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;transition:border-color .2s,background .2s}
.stzt .stzt-pause:hover{border-color:#fff;background:rgba(10,31,29,.5)}
.stzt--midt .stzt-pause{left:auto;right:max(24px,calc((100% - 1240px) / 2 + 24px))}

/* Mobil */
@media (max-width:767px){
	.stzt{min-height:auto;padding:130px 0 80px;align-items:flex-end}
	.stzt--blod .stzt-scrim,.stzt--staerk .stzt-scrim,.stzt--blod.stzt--midt .stzt-scrim{background:linear-gradient(180deg,rgba(10,31,29,.35) 0%,rgba(10,31,29,.55) 40%,rgba(10,31,29,.9) 100%)}
	.stzt-wrap{padding:0 22px}
	.stzt-btns{flex-direction:column;align-items:stretch}
	.stzt a.stzt-b:not(#stz-nu){justify-content:center}
	.stzt .stzt-pause{left:auto;right:16px;top:auto;bottom:16px;width:36px;height:36px}
}
@media (prefers-reduced-motion:reduce){.stzt a.stzt-b:not(#stz-nu){transition:none}.stzt .stzt-glare{display:none}}
