:root{color-scheme:dark;--mint:#E0FFE0;--muted:rgba(224,255,224,.63);--ink:#061239}
*{box-sizing:border-box}
html,body{margin:0;height:100%;width:100%;overflow:hidden;background:var(--ink)}
body{font-family:"Parkinsans",Arial,sans-serif;color:var(--mint);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button{font:inherit;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:1px solid var(--mint);outline-offset:7px}
::selection{background:#2940E8;color:var(--mint)}
.holding{position:relative;isolation:isolate;width:100%;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#061239 url("./background.jpg") center center/cover no-repeat}
.brand-header{display:flex;justify-content:center;padding:clamp(22px,4.5vh,48px) 24px 0;z-index:1}
.brand-link{display:block;width:clamp(180px,15.5vw,245px);line-height:0;flex:none}
.brand-logo{display:block;width:100%;height:auto;overflow:visible}
.content{min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px 24px 8px}
.wolf-window{width:clamp(205px,19.5vw,285px);aspect-ratio:576/325;flex:none;margin:0 0 28px;position:relative}
.wolf-window canvas,.wolf-window img{width:100%;height:100%;display:block;object-fit:contain}
.wolf-window canvas{display:none}
.animation-ready .wolf-window canvas{display:block}
.animation-ready .wolf-window .poster{display:none}
.message{max-width:540px}
.work-status{margin:0 0 13px;color:rgba(224,255,224,.52);font-size:8px;font-weight:400;letter-spacing:.19em;text-transform:uppercase;line-height:1.5}
h1{font-size:clamp(26px,2.35vw,35px);line-height:1.28;letter-spacing:-.045em;font-weight:400;margin:0 0 18px}
.message p:last-child{font-size:clamp(11px,.85vw,13px);line-height:1.9;font-weight:300;color:var(--muted);margin:0}
.message .stay-tuned{display:inline-block;color:rgba(224,255,224,.8)}
.contact-footer{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 24px clamp(36px,6.5vh,72px);gap:9px}
.contact-label{margin:0;font-size:9px;font-weight:300;letter-spacing:.01em;color:var(--muted);line-height:1.5}
.contact-links{display:flex;gap:22px;align-items:center;justify-content:center}
.contact-links a{display:flex;align-items:center;min-height:40px;font-size:12px;font-weight:300;position:relative;white-space:nowrap}
.contact-links a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.contact-links a:hover::after{transform:scaleX(1)}
.contact-divider{width:1px;height:12px;background:rgba(224,255,224,.3);flex:none}
.motion-toggle{display:none;position:absolute;right:clamp(20px,2.5vw,42px);bottom:max(20px,env(safe-area-inset-bottom));width:36px;height:36px;padding:0;background:transparent;color:rgba(224,255,224,.45);border:1px solid rgba(224,255,224,.19);border-radius:50%;cursor:pointer;align-items:center;justify-content:center;transition:color .2s,border-color .2s}
.animation-ready .motion-toggle{display:flex}
.motion-toggle:hover{color:var(--mint);border-color:rgba(224,255,224,.5)}
.motion-toggle svg{display:block;width:11px;height:11px;fill:currentColor}
.motion-toggle .play-icon{display:none;margin-left:1px}
.motion-toggle[aria-pressed="true"] .pause-icon{display:none}
.motion-toggle[aria-pressed="true"] .play-icon{display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1800px){.wolf-window{width:300px}.brand-link{width:250px}}
@media(max-width:760px){
.brand-header{padding-top:clamp(26px,5.1vh,43px)}.brand-link{width:190px}
.content{padding:16px 24px 8px}.wolf-window{width:230px;margin-bottom:24px}
.work-status{font-size:7px;margin-bottom:12px;letter-spacing:.18em}
h1{font-size:27px;line-height:1.3;margin-bottom:15px}
.message p:last-child{font-size:11px;line-height:1.9;max-width:300px}
.contact-footer{padding:16px 20px max(60px,calc(env(safe-area-inset-bottom) + 40px));gap:7px}
.contact-label{font-size:9px}.contact-links{gap:15px}.contact-links a{font-size:10px;min-height:39px}
.motion-toggle{right:20px;bottom:max(18px,env(safe-area-inset-bottom));width:30px;height:30px}.motion-toggle svg{width:10px;height:10px}
}
@media(max-height:690px){
.brand-header{padding-top:22px}.brand-link{width:175px}
.wolf-window{width:215px;margin-bottom:19px}
.content{padding-top:10px;padding-bottom:5px}
.work-status{margin-bottom:9px}h1{font-size:25px;margin-bottom:12px}.message p:last-child{font-size:11px}
.contact-footer{padding-top:12px;padding-bottom:max(45px,calc(env(safe-area-inset-bottom) + 25px));gap:5px}
}
@media(max-height:500px) and (orientation:landscape){
.brand-header{padding-top:14px}.brand-link{width:130px}
.content{padding:4px 24px}.wolf-window{width:168px;margin-bottom:9px}
.work-status{font-size:6px;margin-bottom:7px}h1{font-size:21px;line-height:1.2;margin-bottom:9px}
.message p:last-child{font-size:9px;line-height:1.65}
.contact-footer{padding-top:6px;padding-bottom:16px;gap:3px}
.contact-label{font-size:7px}.contact-links a{font-size:9px;min-height:30px}.contact-links{gap:16px}
.motion-toggle{bottom:15px;right:20px}
}
@media(max-width:350px){.contact-links{gap:12px}.contact-links a{font-size:9px}.brand-link{width:170px}.wolf-window{width:205px}h1{font-size:25px}.message p:last-child{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}