@font-face{font-family:AH;src:url('assets/fonts/ah-bold.otf') format('opentype');font-display:swap;font-weight:700}
@font-face{font-family:Terror;src:url('assets/fonts/terror.ttf') format('truetype');font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/fonts/montserrat-regular.ttf') format('truetype');font-display:swap}
:root{--bg:#100d16;--ink:#f2f0e9;--lime:#c3ff37;--line:#aa8fc540;--gutter:5vw}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Montserrat,Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}h1,h2,p{margin:0}h1,h2{font-family:AH,Impact,sans-serif;font-weight:700;text-transform:uppercase;line-height:.98}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{color:var(--bg);background:var(--lime)}.skip{position:fixed;top:-100px;z-index:200;background:var(--lime);color:var(--bg);padding:16px}.skip:focus{top:10px}
.studio-header{position:relative;z-index:100;display:flex;justify-content:space-between;padding:32px 5vw;min-height:120px}.wordmark{font:700 25px/1 AH,Impact,sans-serif}.wordmark span{display:block;color:var(--lime);font-size:16px;margin-top:8px}.header-navigation{background:#100d16e8;backdrop-filter:blur(16px);border-radius:4px;padding:0 12px}.header-navigation a:hover{color:var(--lime)}
.service-hero{position:relative;isolation:isolate;overflow:hidden;padding:80px 7vw 70px;min-height:680px}.kicker{font-size:11px;letter-spacing:.13em}.service-hero h1{font-size:clamp(90px,14vw,210px);letter-spacing:-.025em;margin:40px 0 0;max-width:1000px}.terror{position:relative;font:400 clamp(42px,6.5vw,96px)/.95 Terror,cursive;color:var(--lime);text-shadow:0 0 16px #29123e80;text-transform:uppercase}.service-hero>.terror{margin:-.25em 0 0 13vw;transform:rotate(-5deg);max-width:850px}.hero-bottom{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-top:80px}.hero-bottom p{max-width:580px;font-size:18px}.hero-bottom a{font:700 24px AH,Impact,sans-serif;white-space:nowrap;border-bottom:1px solid var(--lime);padding-bottom:10px}.arsenal-skull{position:absolute;width:40vw;max-width:560px;right:-8vw;top:10%;opacity:.07;z-index:-1;transform:rotate(12deg)}
.service-map{display:flex;flex-wrap:wrap;gap:10px;padding:25px 7vw 70px}.service-map a{padding:10px 17px;border:1px solid var(--line);border-radius:50px;font-size:12px;transition:background .2s,color .2s}.service-map a:hover,.service-map a[aria-current=true]{background:var(--lime);color:var(--bg);border-color:var(--lime)}
.service{position:relative;display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;padding:85px 7vw 95px;border-top:1px solid var(--line);overflow:hidden;transition:background .3s}.service:nth-child(even){background:#171020}.service:hover{background:#21162d}.service-index{display:block;color:#aa8fc5;font:700 20px AH,Impact,sans-serif;margin-bottom:28px}.service h2{font-size:clamp(45px,5.5vw,84px);max-width:700px}.service .terror{font-size:clamp(34px,4.4vw,65px);margin:-.05em 0 0 3vw;transform:rotate(-4deg);max-width:700px}.service-copy{padding-top:35px}.service-copy>p{font-size:17px;max-width:650px}.service-copy ul{list-style:none;margin:30px 0;padding:0}.service-copy li{padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.service-copy a{display:inline-flex;gap:30px;font:700 23px AH,Impact,sans-serif;color:var(--lime);padding:10px 0}.service-copy a span{transition:transform .2s}.service-copy a:hover span{transform:translate(3px,-3px)}
.service-end{padding:90px 7vw;background:var(--lime);color:var(--bg)}.service-end h2{font-size:clamp(65px,10vw,145px);margin:40px 0 0}.service-end .terror{color:#532c6b;margin:-.2em 0 50px 8vw;transform:rotate(-4deg)}.service-end>div{display:flex;flex-wrap:wrap;gap:20px 45px;margin-bottom:25px}.service-end>div a{font:700 25px AH,Impact,sans-serif;border-bottom:1px solid;padding:10px 0}.service-end>p:last-child{max-width:650px}footer{display:flex;gap:25px;flex-wrap:wrap;justify-content:space-between;padding:35px 7vw;font:700 19px AH,Impact,sans-serif}.umlaut{position:relative;display:inline-block}.umlaut:before{content:'';position:absolute;left:29%;top:.02em;width:.075em;height:.065em;background:currentColor;box-shadow:.22em 0 currentColor}.service.is-active .service-index{color:var(--lime)}
@media(max-width:900px){html{scroll-padding-top:100px}.service-hero{padding:55px 24px 45px;min-height:0}.service-hero h1{font-size:clamp(78px,18vw,145px);margin-top:30px}.service-hero>.terror{font-size:clamp(36px,9vw,70px);margin-left:4vw}.hero-bottom{display:block;margin-top:55px}.hero-bottom p{font-size:16px;margin-bottom:25px}.hero-bottom a{font-size:22px}.service-map{padding:10px 24px 45px;gap:8px}.service-map a{font-size:11px;padding:8px 12px}.service{grid-template-columns:1fr;gap:20px;padding:45px 24px}.service h2{font-size:clamp(44px,10vw,70px)}.service .terror{font-size:clamp(34px,8vw,55px);margin-left:4vw}.service-copy{padding-top:20px}.service-copy>p{font-size:16px}.service-index{margin-bottom:20px}.service-end{padding:60px 24px}.service-end h2{font-size:clamp(58px,12vw,90px)}.service-end .terror{font-size:clamp(34px,8vw,60px);margin-left:3vw;margin-bottom:40px}.service-end>div a{font-size:21px}footer{padding:25px 24px;font-size:17px}.studio-header .wordmark{font-size:21px;max-width:110px}.studio-header{padding:24px}.arsenal-skull{width:70vw;right:-20vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Same Andreas / Ullmann lockup as the font shop. */
.studio-header .service-brand{position:relative;display:block;width:244px;height:132px;max-width:none;padding:0;flex:none}
.service-brand .service-brand-stage{position:absolute;left:0;top:0;width:555px;height:300px;transform:scale(.44);transform-origin:0 0;margin:0}
.service-brand .service-brand-first{position:absolute;left:10px;top:15px;font:700 187px/.9 AH,sans-serif;color:#f2f0e9;margin:0}
.service-brand .service-brand-lock{position:absolute;left:207px;top:132px;transform:rotate(-10deg);font:115px/.9 Terror,cursive;white-space:nowrap;color:var(--lime);text-shadow:0 0 12px #29133580;margin:0}
.service-brand .service-brand-lock>span{font:inherit;color:inherit;margin:0}
.service-brand .service-brand-lock img{position:absolute;left:calc(100% - 80px);top:-135px;width:145px;height:auto;max-width:none;transform:rotate(10deg)}
@media(max-width:900px){.studio-header .service-brand{width:139px;height:75px;margin-top:55px}.service-brand .service-brand-stage{transform:scale(.25)}}