@font-face{font-family:'Rogue Circuit';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/RogueCircuit-Study-Regular.woff2') format('woff2')}
@font-face{font-family:'Rogue Circuit';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/RogueCircuit-Study-SemiBold.woff2') format('woff2')}
:root{color-scheme:dark;--paper:#F0E6D2;--accent:#D28AFF;--ember:#F5232E}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#07100f;color:var(--paper)}body{font-family:'Rogue Circuit',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.backdrop{position:fixed;inset:0;overflow:hidden;background:#07100f;pointer-events:none}.poster,.backdrop video,.shade{position:absolute;inset:0;width:100%;height:100%}.poster{background:url('assets/cosmic-engineer.webp') center 46%/cover no-repeat}.backdrop video{object-fit:cover;opacity:0;transition:opacity 1.1s ease}.backdrop video.active{opacity:1}.shade{background:linear-gradient(90deg,rgba(9,7,14,.88) 0%,rgba(9,7,14,.46) 49%,rgba(2,9,9,.15) 100%),linear-gradient(0deg,rgba(2,9,9,.94),transparent 40%,transparent 72%,rgba(2,9,9,.55))}
.presence{position:relative;min-height:100svh;max-width:1920px;margin:auto;padding:32px 5vw 22px;display:flex;flex-direction:column}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px}.masthead>a{display:block;line-height:0}.header-emblem{display:block;width:48px;height:40px;object-fit:contain}.masthead>span{font-size:9px;letter-spacing:2.4px;color:#c6d0cc}
.introduction{flex:1;display:flex;flex-direction:column;justify-content:center;padding:22px 0}.title{font-size:clamp(11px,1.1vw,15px);letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px;color:#e2dad3}.title:before{content:'';display:inline-block;width:25px;height:1px;background:var(--ember);margin-right:14px;vertical-align:middle}h1{position:relative;overflow:hidden;aspect-ratio:1.12;margin:0;line-height:0;width:min(460px,49vh);max-width:100%}.personal-logo{position:absolute;display:block;left:-10.6%;top:-18.6%;width:121.2%;height:auto;filter:drop-shadow(0 4px 15px #0008)}.mission{font-size:clamp(18px,1.75vw,27px);line-height:1.5;letter-spacing:-.025em;margin:16px 0 0;max-width:480px}.period{color:var(--ember)}
footer{display:flex;align-items:end;justify-content:space-between;gap:24px}.company{display:flex;align-items:center;gap:20px}.company img{width:118px;height:118px;object-fit:contain;mix-blend-mode:screen}.company-copy{display:flex;flex-direction:column;gap:6px}.company-copy strong{font-size:18px;font-weight:600;letter-spacing:.01em}.company-copy>span{font-size:11px;color:#b9c8c2}.company-copy .visit{font-size:9px;letter-spacing:.18em;color:var(--accent);margin-top:8px}.visit span{display:inline-block;margin-left:14px;transition:transform .2s}.company:hover .visit span{transform:translate(3px,-3px)}.playback{display:flex;align-items:center;gap:3px;padding-bottom:16px}.clip-count{font-size:10px;letter-spacing:.15em;margin-right:18px;color:#cad8d3;white-space:nowrap}.slash{margin:0 12px;color:#667d74}.playback button{display:grid;place-items:center;background:#07100f66;border:1px solid #c2dcd12b;border-radius:50%;width:42px;height:42px;cursor:pointer;margin-left:5px;transition:background .2s,border-color .2s}.playback button:hover{background:#34243fbb;border-color:var(--accent)}.playback svg{height:17px;width:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.playback svg[hidden]{display:none}
@media(min-width:1500px){.presence{padding-top:44px;padding-bottom:32px}.company img{width:140px;height:140px}}
@media(max-width:640px){.presence{padding:24px 7vw 18px}.masthead>span{font-size:8px;letter-spacing:1.4px}.introduction{padding:26px 0}.title{font-size:10px;letter-spacing:.05em;line-height:1.7;max-width:300px}.title:before{width:16px;margin-right:9px}h1{width:min(100%,360px,43svh)}.mission{font-size:19px;margin-top:18px}.shade{background:linear-gradient(90deg,#020909b3,#02090933),linear-gradient(0deg,#020909f2,transparent 70%,#02090966)}footer{flex-wrap:wrap;gap:10px}.company{gap:14px}.company img{width:92px;height:92px;flex-shrink:0}.company-copy strong{font-size:16px;line-height:1.35}.company-copy>span{font-size:10px}.playback{margin-left:auto;padding:4px 0 0}.playback button{width:38px;height:38px}.clip-count{margin-right:10px}.poster{background-position:60% center}}
@media(max-height:650px) and (min-width:641px){.presence{padding-top:20px;padding-bottom:16px}.introduction{padding:30px 0}h1{width:min(300px,43vh)}.mission{font-size:19px;margin-top:18px}.company img{width:86px;height:86px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}