body{margin:0;background:#1A0D13}
*{box-sizing:border-box}
a{color:#1A0D13;text-decoration:none}a:hover{text-decoration:underline}
input,textarea,button{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #1A0D13;outline-offset:3px}
.i{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.f{fill:currentColor;stroke:none}
.m{font-family:'JetBrains Mono',ui-monospace,monospace}
@keyframes wordUp{from{opacity:0;transform:translateY(70%)}to{opacity:1;transform:none}}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:.15}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.12) translate(-2%,-2%)}}
@keyframes floatUp{0%{opacity:0;transform:translate(0,0) scale(.5)}12%{opacity:1}100%{opacity:0;transform:translate(-18px,-170px) scale(1.15)}}
@keyframes pop{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(222,138,176,.7)}100%{box-shadow:0 0 0 20px rgba(222,138,176,0)}}
@keyframes rvUp{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
.w{display:inline-block;animation:wordUp .8s cubic-bezier(.2,.8,.2,1) both}
.blink{animation:blink 1s steps(1,end) infinite}
.marquee{display:flex;width:max-content;animation:marquee 32s linear infinite}
.marquee:hover{animation-play-state:paused}
.kb{animation:kb 14s ease-in-out infinite alternate}
.heart{position:absolute;bottom:92px;opacity:0;animation:floatUp 3.6s ease-out infinite;pointer-events:none;z-index:2}
.pop{animation:pop .4s cubic-bezier(.2,.8,.2,1) both}
.pop2{animation-delay:.2s}
.fill{position:absolute;left:0;bottom:0;width:100%;height:4px;background:#1A0D13;transform-origin:left center;animation:fill 3s linear both}
.svc{transition:background .25s}
.svc:hover{background:var(--sig,#DE8AB0)}
.svc h3{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.svc:hover h3{transform:translateX(14px)}
.clip{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.clip:hover{transform:translate(-6px,-6px);box-shadow:10px 10px 0 var(--sig,#DE8AB0)}
.clip-play{animation:pulse 2.2s ease-out infinite;transition:transform .3s}
.clip:hover .clip-play{transform:scale(1.15)}
.clip-bar>span{display:block;height:100%;width:0;background:var(--sig,#DE8AB0);transition:width 2.4s linear}
.clip:hover .clip-bar>span{width:100%}
.chip{transition:background .2s,transform .2s}
.chip:hover{background:var(--sig,#DE8AB0);transform:translateY(-3px)}
.lift{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.lift:hover{transform:translate(-6px,-6px)}
.lift-w:hover{box-shadow:12px 12px 0 #1A0D13}
.press{transition:transform .15s,box-shadow .15s}
.press:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 #1A0D13}
.press-l:hover{box-shadow:4px 4px 0 #F6E6EE}
.press:active{transform:none;box-shadow:none}
.step-btn{transition:background .3s,color .3s}
.step-txt{transition:color .3s}
@supports (animation-timeline: view()){.rv{animation:rvUp linear both;animation-timeline:view();animation-range:entry 0% entry 45%}}
.still .w,.still .blink,.still .marquee,.still .kb,.still .pop,.still .fill,.still .clip-play,.still .rv{animation:none}
.still .heart{display:none}
@media (prefers-reduced-motion: reduce){.w,.blink,.marquee,.kb,.pop,.fill,.clip-play,.rv{animation:none!important}.heart{display:none}.svc h3,.clip,.chip,.lift,.press{transition:none!important}}
.pin{position:relative}
.scroll .scene-reel{height:300vh}.scroll .scene-reel .pin{height:100vh !important}
.scroll .scene-reel .pin{position:sticky !important;top:0}
.reel-bg{position:absolute;inset:0;background:#1A0D13;background:color-mix(in srgb,#1A0D13 calc(min(var(--p,1) * 400,100) * 1%),var(--sig,#DE8AB0))}
.reel-intro{opacity:calc(1 - var(--p,1) * 6);top:26px !important}
.si-box{transform:skewY(-2.2deg);transform:skewY(atan2(-56px,100vw))}.si-txt{transform:skewY(2.2deg);transform:skewY(atan2(56px,100vw))}
@media (max-width:760px){.si-box{transform:skewY(-5deg);transform:skewY(atan2(-36px,100vw))}.si-txt{transform:skewY(5deg);transform:skewY(atan2(36px,100vw))}}
@media (max-width:760px){.reel-intro{display:none !important}}
.si-mob{display:none}.si-mob2{display:none}
@media (max-width:760px){.si-mob2{display:flex;position:fixed;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));z-index:44;justify-content:center;margin:0;pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.si-mob2>span{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:rgba(26,13,19,.88);color:#FFFFFF;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.sv-near .si-mob2{opacity:.35;transform:translateY(4px)}.sv-end .si-mob2{opacity:1;transform:none}}
@media (max-width:760px){.si-mob{display:flex;position:fixed;left:20px;right:auto;bottom:calc(18px + env(safe-area-inset-bottom));z-index:44;justify-content:flex-start;align-items:center;gap:8px;color:rgba(255,255,255,.78);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px 8px rgba(14,8,11,.55);pointer-events:none;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.at-top .si-mob:not(.si-mob3){opacity:1;transform:none}.si-mob3{left:0 !important;right:0 !important;justify-content:center !important}.ab-end .si-mob3{opacity:1;transform:none}}
.reel-frame{position:absolute;left:50%;top:50%;height:76%;aspect-ratio:9/19.5;border:10px solid #0E0B0D;border-radius:14% / 6.5%;overflow:hidden;background:#1A0D13;transform:translate(-50%,-50%) translateY(calc((1 - var(--p,1)) * 22%)) scale(calc(.55 + var(--p,1) * .45)) rotate(calc((1 - var(--p,1)) * -10deg));box-shadow:0 0 0 calc(var(--p,1) * 10px) var(--sig,#DE8AB0)}
.reel-bar>span,.reel-scrub>span{display:block;height:100%;width:calc(var(--p,1) * 100%)}
.reel-bar>span{background:#FFFFFF}
.reel-scrub>span{background:var(--sig,#DE8AB0)}
.st{position:absolute;max-width:36%;--k:clamp(0,calc((var(--p,1) - var(--a)) * 6),1);opacity:var(--k);transform:translateY(calc((1 - var(--k)) * 48px))}
.st1{--a:.2;left:clamp(20px,4vw,64px);top:14%}
.st2{--a:.45;right:clamp(20px,4vw,64px);top:38%;text-align:right}
.st3{--a:.7;left:clamp(20px,4vw,64px);bottom:16%}
.st-big{margin:8px 0 10px;font-size:clamp(44px,6.4vw,104px);line-height:.88;font-weight:900;letter-spacing:-.045em;text-transform:uppercase}
@media (max-width:760px){.reel-frame{height:56%;border-width:5px !important;box-shadow:0 0 0 calc(var(--p,1) * 2px) var(--sig,#DE8AB0) !important}.st{max-width:none;left:20px !important;right:20px !important;text-align:left !important}.st1{top:6%}.st2{top:auto;bottom:26%}.st3{bottom:9%}.st-txt{display:none}.st-big{display:inline-block;padding:2px 10px;background:#1A0D13}}
.scroll .scene-ab{height:calc(min(100vh,900px) * 3.2)}
.scroll .scene-ab .pin{position:sticky;top:0;height:min(100vh,900px);overflow:hidden;display:flex;align-items:center}
.scroll .ab-inner{width:100%;padding-top:24px !important;padding-bottom:24px !important}
.scroll .ab-inner h2{margin-bottom:36px !important}
.scroll .ab-track{display:flex !important;gap:24px !important;width:max-content;transform:translateX(calc(var(--p,0) * -1 * max(0px,1996px - min(100vw,1360px) + 2 * clamp(20px,3vw,40px))))}
.scroll .ab-track>li{flex:0 0 380px}
.ab-track>li:nth-child(2){--si:1}.ab-track>li:nth-child(3){--si:2}.ab-track>li:nth-child(4){--si:3}.ab-track>li:nth-child(5){--si:4}
.scroll .fill{animation:none;transform:scaleX(clamp(0,calc(var(--p,0) * 5 - var(--si,0)),1))}
.ab-ruler{display:none}
.scroll .ab-ruler{display:block;position:relative;margin-top:40px;height:14px;border-top:1px solid #4A2E3B}
.ab-tick{position:absolute;top:0;width:1px;height:10px;background:#4A2E3B}
.ab-tick:nth-child(5){transform:translateX(-1px)}
.ab-head{position:absolute;top:-8px;left:calc(clamp(0,(var(--p,0) * 5 - .5) / 4,1) * 100%);width:2px;height:28px;background:var(--sig,#DE8AB0);transform:translateX(-1px);transition:left .15s linear}
.ab-head::before{content:"";position:absolute;top:-6px;left:-5px;width:12px;height:12px;background:var(--sig,#DE8AB0)}
#kontaktformular{scroll-margin-top:96px}
.reel-tap{display:none}
@keyframes neon{0%,100%{opacity:.85}50%{opacity:.55}}
.neon{animation:neon 3.6s ease-in-out infinite}
.still .neon{animation:none}
@media (max-width:760px){.hero-ind{visibility:hidden}.neon{display:none}.hero-img{object-position:60% 0% !important;opacity:.6 !important;transform-origin:50% 0%}.hero-grad{background:linear-gradient(180deg,rgba(14,8,11,.2) 0%,rgba(14,8,11,.15) 30%,rgba(14,8,11,.55) 65%,#1A0D13 100%) !important}}
.site-head .nav-d a{color:#F6E6EE}
@media (max-width:760px){.hero2{min-height:84vh !important;margin-top:-96px !important;margin-bottom:0 !important;clip-path:none !important;background:transparent !important}.fmt-band{color:#1A0D13 !important;background:transparent !important;position:relative;z-index:1}.scene-reel .reel-bg{background:color-mix(in srgb,#FFFFFF calc(min(var(--p,1) * 160,100) * 1%),#1A0D13) !important}.scene-reel .st>p.m,.scene-reel .pin>div.m{color:color-mix(in srgb,#1A0D13 calc(min(var(--p,1) * 160,100) * 1%),#E3CCD7) !important}.scene-reel .pin>div.m .reel-scrub{background:rgba(26,13,19,.15) !important}.hero2-in{padding-top:78px !important;padding-bottom:72px !important}.hero2-in>.m:first-child{padding:8px 0 !important}.hero2-main{padding-top:18px !important}}
@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.nudge{animation:nudge 1.4s ease-in-out infinite}
.still .nudge{animation:none}
@media (prefers-reduced-motion: reduce){.nudge{animation:none}}
.island{position:absolute;top:2.2%;left:50%;width:32%;height:3.4%;transform:translateX(-50%);border-radius:999px;background:#000;z-index:3}
@media (max-width:760px){.hero-row{position:relative}.hero-reel{position:absolute !important;top:40px;left:50%;transform:translateX(-50%);width:92%;max-width:none !important;margin:0 !important;opacity:.32;z-index:0;pointer-events:none}.hero-reel .reel-tap,.hero-reel>span.m,.hero-reel figcaption,.hero-reel .reel-prog{display:none !important}.hero-reel .heart svg{width:58px;height:58px}.hero-h1,.hero-txt,.hero-cta{position:relative;z-index:1}.hero-row{padding-bottom:12px !important}.hero-txt{padding:14px 0 6px !important}.hero-cta{padding:10px 0 28px !important}.hero-cta a.m{display:none !important}#start{border-bottom-color:transparent !important}}
.pk-cta{display:none}
.soc{position:fixed;right:20px;bottom:24px;z-index:43;display:flex;flex-direction:column;gap:10px;transition:transform .35s ease,opacity .35s ease}
.soc-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#1A0D13;color:var(--sig,#DE8AB0);border:1px solid rgba(222,138,176,.45);box-shadow:0 8px 20px -10px rgba(26,13,19,.6);transition:background .2s,color .2s}
.soc-btn:hover{background:var(--sig,#DE8AB0);color:#1A0D13;text-decoration:none}
.kt-on .soc{transform:translateX(160%);opacity:0;pointer-events:none}
@media (max-width:760px){.soc{right:10px;bottom:calc(18px + env(safe-area-inset-bottom));gap:8px}.soc-btn{width:40px;height:40px;background:rgba(26,13,19,.82)}.soc-btn svg{width:18px;height:18px}.focus .soc,.pk-on .soc,.menu-on .soc{transform:translateX(160%);opacity:0;pointer-events:none}}
@media (max-width:760px){#arbeiten{padding-bottom:16px !important}section[data-bg="white"]>div{padding-top:28px !important;padding-bottom:16px !important}#pakete>div{padding-top:28px !important;padding-bottom:16px !important}#kontakt>div{padding-top:28px !important}.pk-note{margin-top:4px !important}}
@media (max-width:760px){.pk-ic{top:-12px !important}.pk-ic3{top:-14px !important}}
@media (max-width:760px){.pk-btn{display:none !important}.pk{align-items:flex-start !important}.pk>article>ul{flex:0 0 auto !important}}
@media (max-width:760px){.pk-cta{display:flex;position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:45;min-height:54px;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border:0;background:#1A0D13;color:var(--sig,#DE8AB0);font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 12px 30px -10px rgba(26,13,19,.55);transform:translateY(160%);opacity:0;pointer-events:none;transition:transform .35s ease,opacity .35s ease}.pk-on .pk-cta{transform:none;opacity:1;pointer-events:auto}}
@keyframes chipCycle{0%,100%{background:transparent;transform:none}3%,11%{background:var(--sig,#DE8AB0);transform:translateY(-3px)}15%{background:transparent;transform:none}}
@media (max-width:760px){.chip:hover{background:transparent;transform:none}.chip{animation:chipCycle 8.4s ease-in-out infinite}.chip:nth-child(2){animation-delay:1.2s}.chip:nth-child(3){animation-delay:2.4s}.chip:nth-child(4){animation-delay:3.6s}.chip:nth-child(5){animation-delay:4.8s}.chip:nth-child(6){animation-delay:6s}.chip:nth-child(7){animation-delay:7.2s}}
@media (max-width:760px) and (prefers-reduced-motion: reduce){.chip{animation:none}}
.still .chip{animation:none}
@keyframes shine{0%{left:-70%}40%,100%{left:140%}}
.shine{position:relative;overflow:hidden;display:inline-block}
.shine::after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);transform:skewX(-20deg);animation:shine 3.2s ease-in-out infinite;pointer-events:none}
.still .shine::after{animation:none;display:none}
.shine-soft{position:relative;overflow:hidden}
.shine-soft::after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.07) 50%,transparent 100%);transform:skewX(-18deg);animation:shine 7s ease-in-out infinite;animation-delay:1.5s;pointer-events:none}
.still .shine-soft::after{animation:none;display:none}
@media (prefers-reduced-motion: reduce){.shine-soft::after{animation:none;display:none}}
@media (prefers-reduced-motion: reduce){.shine::after{animation:none;display:none}}
@media (max-width:760px){.hero-meta{padding:8px 0 !important}.hero-row{padding-top:16px !important;gap:20px !important}.hero-h1{font-size:clamp(44px,13.5vw,64px) !important}}
@media (max-width:760px){.hero-reel{aspect-ratio:9 / 11 !important;border:0 !important;background:transparent !important;border-radius:20px 20px 0 0 !important;box-shadow:none !important;margin-bottom:calc(-1 * clamp(40px,5vw,64px)) !important}.hero-reel>img{height:auto !important;aspect-ratio:9 / 16;-webkit-mask-image:linear-gradient(to bottom,#000 45%,transparent 70%);mask-image:linear-gradient(to bottom,#000 45%,transparent 70%)}.reel-btn{display:none !important}.reel-tap{display:flex;align-items:flex-start !important;padding-top:calc(88.9% - 32px) !important}.hero-reel figcaption{right:14px !important;bottom:30px !important}.hero-reel .reel-prog{bottom:14px !important}.hero-reel .heart{bottom:40%}}
.burger{display:none}
.swipe-hint{display:none}
@media (max-width:860px){.nav-d,.cta-d{display:none !important}.burger{display:flex !important}.site-head{position:sticky !important;top:0;margin-bottom:-24px;padding-bottom:24px;border-bottom:0 !important;background:transparent !important}.site-head::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(14,8,11,.88) 0%,rgba(14,8,11,.45) 55%,transparent 100%);transition:opacity .22s ease}.at-top .site-head::before{background:transparent}.brand{transition:transform .22s ease,opacity .22s ease}.burger{transition:background-color .22s ease,border-color .22s ease}.focus .site-head::before{opacity:0}.focus .brand{transform:translateY(-140%);opacity:0;pointer-events:none}.focus .burger{background-color:transparent !important;border-color:transparent !important}}
@media (max-width:760px){.hide-m{display:none}.swipe-hint{display:flex}.clips,.pk{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px !important;margin:0 calc(-1 * clamp(20px,3vw,40px));padding:0 clamp(20px,3vw,40px) 20px;scroll-padding-left:clamp(20px,3vw,40px);scrollbar-width:none}.clips::-webkit-scrollbar,.pk::-webkit-scrollbar{display:none}.clips>figure{flex:0 0 62%;scroll-snap-align:start}.pk{gap:6px !important;padding:14px 11% 16px !important;scroll-padding-left:0 !important;overflow-y:hidden !important;transition:height .35s ease}.pk>article{flex:0 0 78%;scroll-snap-align:center;scroll-snap-stop:always}.pk>article.lift{transition:transform .35s ease,opacity .35s ease;transform:scale(.86);opacity:.55}.pk>article.lift[data-side="l"]{transform-origin:right top}.pk>article.lift[data-side="r"]{transform-origin:left top}.pk>article.lift[data-act]{transform:none;opacity:1}.pk>article.lift,.pk>article.lift:hover{box-shadow:none !important}.pk>article.lift[data-act],.pk>article.lift[data-act]:hover{box-shadow:8px 8px 0 var(--sig,#DE8AB0) !important}.pk>article.lift-w[data-act],.pk>article.lift-w[data-act]:hover{box-shadow:8px 8px 0 #1A0D13 !important}.pk>article.lift{transition:transform .35s ease,opacity .35s ease,box-shadow .35s ease !important}.clip:hover,.lift:hover{transform:none}}
@media (max-width:760px){.svc{padding:18px 16px !important;gap:6px 14px !important;align-items:center !important}.svc>span:first-child{flex:0 0 auto !important;font-size:12px !important}.svc h3{flex:1 1 0 !important;font-size:24px !important}.svc>p{flex:1 1 100% !important;font-size:15px !important;line-height:1.45 !important}.svc>span:last-child{display:none}}
@media (hover:none){.svc:hover{background:transparent}.svc:hover h3{transform:none}}
@media (max-width:760px){.svc{transition:opacity .45s ease,background .25s ease}.svc.n1{opacity:.45}.svc.n2{opacity:.2}.svc.n3{opacity:.08}.svc.pv{opacity:.3}}
@media (max-width:760px){html.snap-sv,html.snap-ab{scroll-snap-type:y proximity}html.snap-sv .svc{scroll-snap-align:center;scroll-snap-stop:normal}html.snap-ab .sn{scroll-snap-align:start;scroll-snap-stop:normal}.scroll .scene-ab{position:relative}.scroll .sn{display:block;position:absolute;left:0;width:1px;height:1px;pointer-events:none}.snA{top:0}.sn0{top:calc(min(100vh,900px) * 0.22)}.sn1{top:calc(min(100vh,900px) * 0.66)}.sn2{top:calc(min(100vh,900px) * 1.10)}.sn3{top:calc(min(100vh,900px) * 1.54)}.sn4{top:calc(min(100vh,900px) * 1.98)}}
.sn{display:none}
@media (max-width:760px){}
.svc.on{background:var(--sig,#DE8AB0) !important}
.svc.on h3{transform:translateX(10px)}
.mob [data-bg]{background:transparent !important;border-top-color:transparent !important;border-bottom-color:transparent !important}
.mob [data-bg]>*{transition:opacity .7s ease}
.mob [data-bg]:not([data-cur])>*{opacity:.12}
.mob .rv{animation:none}
@media (max-width:760px){.scroll .ab-inner{height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:72px !important;padding-bottom:32px !important}.scroll .ab-inner h2{margin-bottom:28px !important}.scroll .ab-track{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:0 !important;width:auto;transform:none !important}.scroll .ab-track>li{grid-area:1/1;transition:opacity .45s ease,transform .45s ease}.scroll .ab-track>li.ab-next{opacity:0;transform:translateY(-56px);pointer-events:none}.scroll .ab-track>li.ab-past{opacity:0;transform:translateY(56px);pointer-events:none}.scroll .ab-track>li.ab-on{opacity:1;transform:none}.scroll .ab-track .step-btn{height:84px !important;padding:14px 16px !important;font-size:12px !important}.scroll .ab-track h3{margin:28px 0 12px !important;font-size:34px !important}.scroll .ab-track p{padding-right:8px !important;font-size:18px !important;line-height:1.55 !important}.scroll .ab-ruler{margin-top:32px}}
@media (max-width:760px){h1,h2,.st-big{line-height:1.02 !important;letter-spacing:-0.015em !important;font-feature-settings:"liga" 0,"calt" 0;font-variant-ligatures:none}}
.wr{transition:opacity .15s linear}
.wrh .wr{opacity:clamp(.16,calc(var(--p,1) * 21 - var(--wi,0)),1)}
.wr:nth-child(2){--wi:1}.wr:nth-child(3){--wi:2}.wr:nth-child(4){--wi:3}.wr:nth-child(5){--wi:4}.wr:nth-child(6){--wi:5}.wr:nth-child(7){--wi:6}.wr:nth-child(8){--wi:7}.wr:nth-child(9){--wi:8}.wr:nth-child(10){--wi:9}.wr:nth-child(11){--wi:10}.wr:nth-child(12){--wi:11}.wr:nth-child(13){--wi:12}.wr:nth-child(14){--wi:13}.wr:nth-child(15){--wi:14}.wr:nth-child(16){--wi:15}.wr:nth-child(17){--wi:16}

:root{--sig:#DE8AB0}
html{scroll-behavior:smooth}
#mobile-menu[hidden]{display:none !important}
.ic-x{display:none}.menu-on .ic-x{display:inline}.menu-on .ic-burger{display:none}
[data-step-li]:not(.ab-on) .fill{display:none}
.svc.on h3{transform:translateX(10px)}
.clip{position:relative;overflow:hidden}
.clip video,.clip .clip-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}
.clip>*:not(video):not(.clip-poster){position:relative;z-index:1}
.clip.has-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,13,19,.35),transparent 30%,transparent 60%,rgba(26,13,19,.75));z-index:0;pointer-events:none}
.clip.playing .clip-play{opacity:0}
.clip-link{position:absolute;inset:0;z-index:3}
.clip-link:focus-visible{outline:3px solid var(--sig);outline-offset:-3px}
.clip.is-link{cursor:pointer}
.hero-vid{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.55}
@media (max-width:760px){.hero-vid{opacity:.6}}
.attn-vid{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}