@font-face{font-family:neue-haas-grotesk-display;src:url(./2dbb8da2540e.woff2);font-weight:100 900;font-display:swap}
@font-face{font-family:StudioCondensed;src:url(./953917c1a376.woff2);font-display:swap}
.film-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:64px 24px 24px;border:0;background:#09060d;color:#fef9ef;z-index:99999}.film-dialog::backdrop{background:#09060d}.film-dialog video{width:100%;height:100%;object-fit:contain}.film-close{position:absolute;right:24px;top:22px;border:0;background:transparent;color:inherit;font:16px 'Neuepower Ultra',sans-serif;cursor:pointer;padding:8px}.film-close:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}

.film-hover-cursor{position:fixed;z-index:9000;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:9px;width:84px;height:84px;border-radius:50%;background:#f4c32f;color:#140d09;font:700 13px neue-haas-grotesk-display,sans-serif;letter-spacing:.08em;transform:translate(-50%,-50%) scale(.5);opacity:0;transition:opacity .2s,transform .3s cubic-bezier(.2,.8,.2,1)}.film-hover-cursor.active{opacity:1;transform:translate(-50%,-50%) scale(1)}
.film-hover-arrow{position:relative;width:15px;height:15px;border-top:2px solid currentColor;border-right:2px solid currentColor}.film-hover-arrow::after{content:"";position:absolute;width:18px;height:2px;background:currentColor;right:-3px;top:6px;transform:rotate(-45deg);transform-origin:right center}
@media(pointer:coarse){.film-hover-cursor{display:none}}

/* Mobile: keep the cinematic layout and comfortable touch targets. */
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:clip}
 .film-hover-cursor{display:none}
 .film-close{min-height:44px;min-width:44px;padding-right:max(8px,env(safe-area-inset-right))}
 .film-dialog{padding-top:max(64px,env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}
}

/* Approved brand navigation: Work / logo / Contact. */
.sas-logo-image{display:block;position:relative;width:240px;height:28px;overflow:hidden;flex:none}
.sas-logo-image img{position:absolute!important;width:113.44%!important;max-width:none!important;height:auto!important;left:-6.72%;top:-239.13%;display:block}
.header .nav{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important}
.header .left-nav,.header .right-nav{display:flex!important;width:auto!important;gap:0!important}
.header .right-nav{justify-content:flex-end!important}
.header .brand-logo{width:auto!important;height:auto!important;grid-area:auto!important;justify-self:center}
.sas-page-nav{grid-template-columns:1fr auto 1fr!important}
.sas-page-nav .sas-page-logo{grid-area:auto!important;justify-self:center}
.sas-page-nav>a:first-child{text-align:left!important}
.sas-page-nav>a:last-child{text-align:right!important}
.sas-contact-page .sas-logo-image img{filter:brightness(0)}
@media(max-width:700px){.sas-logo-image{width:160px;height:19px}.header .nav,.sas-page-nav{grid-template-columns:1fr auto 1fr!important;gap:10px!important}.sas-page-nav{padding:22px 16px!important}.sas-page-nav a{grid-area:auto!important;font-size:11px}.sas-detail-brand .sas-logo-image{width:145px;height:17px}}

/* Keep the original intro destination while the official wordmark sits on the nav baseline. */
.header{top:0!important;padding:26px 0!important}
body.admin-bar .header{top:32px!important}
.header .nav{min-height:44px!important}
.header .brand-logo{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;overflow:visible!important}
.header .brand-logo>.brand-logo-c{position:absolute;inset:0;visibility:hidden!important;pointer-events:none}
.header .left-nav,.header .right-nav{align-items:center!important;min-height:44px}
.sas-logo-image{width:240px;height:auto!important;aspect-ratio:1474/161}
.sas-logo-image img{top:0!important;transform:translateY(-40.914%);height:auto!important}
@media(max-width:782px){body.admin-bar .header{top:46px!important}}
@media(max-width:700px){.header{padding:16px 0!important}.header .container{padding-left:18px!important;padding-right:18px!important}.sas-logo-image{width:160px}.sas-detail-brand .sas-logo-image{width:145px}}

/* Show the brand immediately while the cinematic renderer initializes. */
.home-logo-animation .home-logo-container{opacity:1}
body.sas-cinematic-page{background:#080808}
@media(max-width:700px){.sas-detail-nav{display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.sas-detail-nav>a:first-child{justify-self:start}.sas-detail-nav>a:last-child{justify-self:end}.sas-sound-toggle{font-size:11px!important;right:16px!important;bottom:max(16px,env(safe-area-inset-bottom))!important;min-height:44px}.sas-back-home strong{font-size:clamp(30px,8vw,50px)}}
