
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:1180px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.eyebrow{font-size:13px;letter-spacing:.32em;text-transform:uppercase;font-weight:600}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 20px}
.marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee-track{animation:phx-marquee 40s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes phx-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}
.bio{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:32px;box-sizing:border-box;background:rgba(5,5,6,.82);backdrop-filter:blur(6px)}.bio-card{position:relative;display:grid;grid-template-columns:320px 1fr;gap:40px;max-width:980px;max-height:86vh;overflow:auto;background:#131317;border:1px solid #26262C;border-radius:6px;padding:40px;box-sizing:border-box;color:#ECEAE4;font-family:Montserrat,sans-serif}.bio-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px}.bio-card p{font-size:15px;line-height:1.75;color:#B9B6AE;margin:0 0 16px}.bio-close{position:absolute;top:14px;right:18px;font-size:28px;line-height:1;color:#C9A660;text-decoration:none}.crew-link:hover img{filter:brightness(1.08)}.crew-link:hover span:first-child{color:#D4B574}@media (max-width:760px){.bio-card{grid-template-columns:1fr;padding:28px}}
.course-card:hover{border-color:#C9A660 !important}@media (max-width:860px){.courses-grid{grid-template-columns:1fr !important}}
.creds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.crew{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pkg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.contact{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:48px}
.row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.navl{display:flex;gap:32px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#A7A5A0;font-weight:600}
.field input,.field select,.field textarea{font-family:inherit;font-size:15px;color:#EDEBE7;background:#0B0B0D;border:1px solid #2A2A30;border-radius:6px;padding:14px 16px;min-height:50px;box-sizing:border-box}
.field textarea{min-height:120px;resize:vertical}
@media (max-width:960px){
.stats,.creds,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.logos{grid-template-columns:repeat(2,minmax(0,1fr))}
.crew{grid-template-columns:repeat(2,minmax(0,1fr))}
.svc,.pkg,.gal,.contact{grid-template-columns:minmax(0,1fr)}
.navl{display:none}
}
@media (max-width:560px){
.wrap{padding:0 16px}
.creds,.row2{grid-template-columns:minmax(0,1fr)}
.logos{grid-template-columns:repeat(2,minmax(0,1fr))}
.h1{font-size:42px !important}
.h2{font-size:32px !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 */

/* 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}
