body{margin:0;background:#050506}
html,body,*{scroll-behavior:smooth}[id]{scroll-margin-top:96px}@media (prefers-reduced-motion:reduce){html,body,*{scroll-behavior:auto}}
a{color:#D4B574}a:hover{color:#EBD39F}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.eyebrow{font-size:13px;letter-spacing:.32em;text-transform:uppercase;font-weight:600}
.masonry{columns:3;column-gap:20px}
.masonry figure{break-inside:avoid;margin:0 0 28px}
.navl{display:flex;gap:32px}
@media (max-width:960px){.masonry{columns:2}.navl{display:none}}
@media (max-width:860px){.client{grid-template-columns:1fr !important;padding:24px !important}}
@media (max-width:560px){.client-media{grid-template-columns:1fr 1fr !important}}
@media (max-width:560px){.wrap{padding:0 16px}.masonry{columns:1}.h1{font-size:44px !important}}


/* PHX-ANIM START: remove this style block to turn animations off */
@keyframes phx-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes phx-zoom{from{transform:scale(1.14)}to{transform:scale(1)}}
@keyframes phx-fade{from{opacity:0}to{opacity:1}}
@keyframes phx-pop{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
#top > img{animation:phx-zoom 16s cubic-bezier(.2,.6,.2,1) both}
#top .wrap > *{animation:phx-up .9s cubic-bezier(.2,.7,.2,1) both}
#top .wrap > *:nth-child(2){animation-delay:.12s}#top .wrap > *:nth-child(3){animation-delay:.24s}#top .wrap > *:nth-child(4){animation-delay:.36s}
.phx-r{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--phx-d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--phx-d,0ms)}
.phx-r.phx-in{opacity:1;transform:none}
.gal > article,.pkg > article,.course-card,.client,.crew-link,.g3 > div{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease,opacity .8s cubic-bezier(.2,.7,.2,1) var(--phx-d,0ms)}
.gal > article:hover,.pkg > article:hover,.course-card:hover,.crew-link:hover,.g3 > div:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.client:hover{border-color:#3A3A42 !important;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.gal > article img,.crew-link img,.client img,.course-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.gal > article:hover img,.crew-link:hover img{filter:brightness(1.08)}
.course-card:hover img,.client-media img:hover{transform:scale(1.04)}
a[style*="background: #C9A660"],button[style*="background: #C9A660"]{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
a[style*="background: #C9A660"]:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(201,166,96,.28);filter:brightness(1.05)}
.bio{animation:phx-fade .3s ease both}.bio-card{animation:phx-pop .45s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){#top > img,#top .wrap > *,.bio,.bio-card{animation:none}.phx-r{opacity:1;transform:none;transition:none}}
/* PHX-ANIM END */


.slider{position:relative;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.slider-track{display:flex;gap:24px;width:max-content;padding:24px 0 32px;will-change:transform}
.slide{position:relative;flex:0 0 auto;border-radius:8px;overflow:hidden;background:#131317;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .4s ease,box-shadow .5s ease}
.slide img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,6,0) 45%,rgba(5,5,6,.85) 100%);pointer-events:none}
.slide .cap{position:absolute;left:22px;right:22px;bottom:20px;z-index:1;display:flex;flex-direction:column;gap:6px;transform:translateY(8px);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.slider:hover .slide{opacity:.5}
.slider .slide:hover{opacity:1;transform:translateY(-10px) scale(1.02);box-shadow:0 24px 50px rgba(0,0,0,.55)}
.slider .slide:hover img{transform:scale(1.08)}
.slider .slide:hover .cap{transform:none}
.slide-video{width:300px;height:533px}
.slide-photo{width:380px;height:475px}
.play{position:absolute;left:50%;top:50%;z-index:1;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(201,166,96,.92);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 0 rgba(201,166,96,.5);animation:phx-ping 2.4s ease-out infinite}
@keyframes phx-ping{0%{box-shadow:0 0 0 0 rgba(201,166,96,.45)}80%,100%{box-shadow:0 0 0 22px rgba(201,166,96,0)}}
.slider-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.hint{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#8E8C87}
.slide video{width:100%;height:100%;object-fit:cover;display:block;background:#131317;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.slider .slide:hover video{transform:scale(1.04)}
.slide-video::after{display:none}
.slider-track:has(.slide-video){padding:44px 0 52px}
.slider .slide.is-on,.slider:hover .slide.is-on{opacity:1;transform:scale(1.12);z-index:2;box-shadow:0 30px 60px rgba(0,0,0,.65)}
.slider .slide.is-on video{transform:none}
.snd{position:absolute;right:14px;bottom:14px;z-index:1;width:40px;height:40px;border-radius:50%;background:rgba(5,5,6,.6);display:flex;align-items:center;justify-content:center;transition:background .3s ease}
.snd .snd-on{display:none}.slide.is-on .snd{background:#C9A660}.slide.is-on .snd .snd-on{display:block}.slide.is-on .snd .snd-off{display:none}
@media (max-width:640px){.slide-video{width:220px;height:391px}.slide-photo{width:260px;height:325px}}
@media (prefers-reduced-motion:reduce){.play{animation:none}}

/* Standalone-browser fixes; original page CSS remains above, unchanged. */
[hidden]{display:none!important}
html{background:#050506}
body{margin:0}
img,video{max-width:100%}
.bio{z-index:200}
.bio-card:focus{outline:none}
.slide-video:focus-visible{outline:2px solid #D4B574;outline-offset:6px}
.slider:focus-visible,.marquee:focus-visible{outline:2px solid #D4B574;outline-offset:-2px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #D4B574;outline-offset:4px}
button[disabled]{cursor:default!important}
@media(max-width:560px){
header>.wrap{gap:8px}
header>.wrap>a:first-child{gap:8px!important;flex-shrink:0}
header>.wrap>a:first-child>img{height:28px!important}
header>.wrap>a:first-child>span{font-size:22px!important}
header>.wrap>div:last-child{gap:6px!important}
header [aria-label="Language"] button{min-width:26px!important;font-size:11px!important}
header a[href$="#contact"]{padding:0 10px!important;font-size:13px!important}
.contact>div:first-child{padding:24px!important}
}
@media(max-width:380px){
header>.wrap>a:first-child>img{height:24px!important}
header>.wrap>a:first-child>span{font-size:18px!important}
header [aria-label="Language"] button{min-width:23px!important}
}

img[style*="aspect-ratio"]{height:auto}
header img{max-width:none;width:auto}