/* One wordmark moves from the opening composition to the navigation. */
.sas-brand-intro{position:fixed;inset:0;z-index:10000;color:#fef9ef;pointer-events:auto}
.sas-brand-backdrop{position:absolute;inset:0;transition:opacity .4s;background:radial-gradient(ellipse at 100% 60%,#997500 0,transparent 65%),radial-gradient(ellipse at 0 10%,#550707 0,transparent 55%),#080808}
.sas-brand-flight{position:absolute;left:50%;top:46%;width:min(74vw,980px);transform:translate(-50%,-50%);transform-origin:center;will-change:transform}
.sas-brand-flight .sas-logo-image{width:100%!important}
.sas-brand-bio{position:absolute;left:50%;top:calc(46% + clamp(65px,6vw,105px));transform:translateX(-50%);width:min(560px,76vw);text-align:center;margin:0;color:inherit}
html.sas-intro-pending .header .brand-logo>.sas-logo-image{visibility:hidden!important}
.home-logo-animation{display:none!important}
.sas-hero-scroll{position:fixed;left:50%;bottom:max(25px,env(safe-area-inset-bottom));z-index:50;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 18px;min-height:44px;border:0;border-radius:0;background:transparent!important;color:#fff!important;font:12px/1.3 Arial,sans-serif;letter-spacing:.13em;text-shadow:0 2px 12px #000;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .35s}
html.sas-home-started .sas-hero-scroll:not(.is-hidden){opacity:1;visibility:visible}
.sas-hero-scroll svg{flex:none;animation:sas-down 1.8s ease-in-out infinite}
@keyframes sas-down{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
/* The same sliding-letter hover on Home, Work, Contact and Film. */
body.sas-type-custom .sas-nav-motion{color:inherit!important;text-decoration:none!important;min-height:44px;display:flex;align-items:center;overflow:visible!important;font-family:var(--sas-nav-font)!important;font-size:var(--sas-nav-size)!important;font-weight:var(--sas-nav-weight)!important;letter-spacing:var(--sas-nav-tracking)!important;line-height:var(--sas-nav-line)!important}
.sas-nav-label{display:inline-flex;white-space:nowrap;line-height:inherit}
.sas-nav-cell{display:block;overflow:hidden;padding:.12em 0;margin:-.12em 0}
.sas-nav-glyph{position:relative;display:block;color:inherit!important;transition:transform .4s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i)*22ms)}
.sas-nav-glyph::after{content:attr(data-copy);position:absolute;top:0;left:-120%;color:inherit!important}
.sas-nav-motion:hover .sas-nav-glyph,.sas-nav-motion:focus-visible .sas-nav-glyph{transform:translateX(120%)}
.sas-page-nav>a:last-child,.sas-detail-nav>a:last-child{justify-content:flex-end}
.header .sas-nav-motion{color:#fef9ef!important}
.sas-detail-nav .sas-detail-brand{display:flex;align-items:center;justify-content:center;min-height:44px}
body.sas-type-custom .sas-detail-nav .sas-nav-motion{font-size:min(var(--sas-nav-size),14px)!important}
/* Explicit SVG arrow avoids pseudo-element joins and emoji glyphs. */
.film-hover-cursor svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.film-hover-arrow{display:none!important}
/* Editable type roles; logo artwork is deliberately excluded. */
body.sas-type-custom .sas-brand-bio,body.sas-type-custom .sas-detail-row>div,body.sas-type-custom .sas-contact-content section{font-family:var(--sas-body-font)!important;font-size:var(--sas-body-size)!important;font-weight:var(--sas-body-weight)!important;letter-spacing:var(--sas-body-tracking)!important;line-height:var(--sas-body-line)!important}
body.sas-type-custom .sas-detail-caption h1{font-family:var(--sas-film-font)!important;font-size:var(--sas-film-size)!important;font-weight:var(--sas-film-weight)!important;letter-spacing:var(--sas-film-tracking)!important;word-spacing:.08em;line-height:var(--sas-film-line)!important;overflow-wrap:anywhere}
body.sas-type-custom .sas-work-caption h1{font-family:var(--sas-labels-font)!important;font-size:var(--sas-labels-size)!important;font-weight:var(--sas-labels-weight)!important;letter-spacing:var(--sas-labels-tracking)!important;line-height:var(--sas-labels-line)!important}
body.sas-type-custom .sas-contact-content h2,body.sas-type-custom .sas-back-home strong{font-family:var(--sas-heading-font)!important;font-size:calc(var(--sas-heading-size)*.6)!important;font-weight:var(--sas-heading-weight)!important;letter-spacing:var(--sas-heading-tracking)!important;line-height:var(--sas-heading-line)!important}
body.sas-type-custom .sas-contact-content text{font-family:var(--sas-heading-font)!important;font-size:var(--sas-heading-size)!important;font-weight:var(--sas-heading-weight)!important;letter-spacing:var(--sas-heading-tracking)!important}
@media(max-width:700px){.sas-brand-flight{width:86vw;top:44%}.sas-brand-bio{top:calc(44% + 55px);width:80vw}body.sas-type-custom .sas-detail-nav .sas-nav-motion{font-size:min(var(--sas-nav-size),11px)!important}.sas-hero-scroll{bottom:max(20px,env(safe-area-inset-bottom));font-size:10px}.sas-detail-caption{right:22px}.sas-contact-content text{font-size:calc(var(--sas-heading-size)*2)!important}}
@media(prefers-reduced-motion:reduce){.sas-nav-glyph{transition:none}.sas-hero-scroll svg{animation:none}}

body.sas-type-custom :is(.sas-detail-caption p,.sas-detail-row h2,.sas-work-caption p,.sas-work-controls,.sas-work-controls button,.sas-work-filters button,.sas-sound-toggle,.sas-location,.sas-work-play,.film-hover-cursor,.sas-hero-scroll){font-family:var(--sas-utility-font)!important;font-size:var(--sas-utility-size)!important;font-weight:var(--sas-utility-weight)!important;letter-spacing:var(--sas-utility-tracking)!important;line-height:var(--sas-utility-line)!important}

.sas-hero-sound{position:fixed;right:24px;bottom:max(25px,env(safe-area-inset-bottom));z-index:51;min-height:44px;padding:12px 16px;border:1px solid #ffffff80;border-radius:0;background:#0009!important;color:#fff!important;font:11px/1.4 Arial,sans-serif;letter-spacing:.04em;cursor:pointer;visibility:hidden;opacity:0;transition:opacity .3s}
html.sas-home-started .sas-hero-sound:not(.is-hidden){visibility:visible;opacity:1}
@media(max-width:700px){.sas-hero-sound{right:16px;bottom:max(16px,env(safe-area-inset-bottom));font-size:10px}.sas-hero-scroll{bottom:76px}}

.sas-nav-motion{font-family:"Neuepower Ultra",Arial,sans-serif;font-size:1.1rem;font-weight:400;line-height:1;letter-spacing:0}
.sas-brand-bio{font:400 clamp(16px,1.4vw,22px)/1.45 "Neuepower",Arial,sans-serif}
body:not(.sas-type-custom) .sas-detail-caption h1{letter-spacing:.015em;word-spacing:.06em;line-height:1.2}
@media(max-width:700px){.sas-nav-motion{font-size:14px}.sas-detail-nav .sas-nav-motion{font-size:11px}}

html.sas-intro-renderer-ready .sas-brand-backdrop{opacity:0}
.sas-work-track{touch-action:none}

.sas-nav-motion{color:inherit!important;text-decoration:none!important;min-height:44px;display:flex;align-items:center;overflow:visible!important}
