/* Floating navigation, translated into the existing NicksTezien palette. */
header,header.hide{position:fixed;inset:24px 20px auto;z-index:70;transform:none!important;color:var(--white)!important;mix-blend-mode:normal}
header .wrap{position:relative;max-width:1720px;height:86px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(125deg,#241E4Fea,#120f33df);border:1px solid #ffffff1c;border-radius:18px;box-shadow:0 18px 54px #0d0a2645,inset 0 1px #ffffff08;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.nav-brand{display:flex;align-items:center;flex-shrink:0;padding:8px 0}.nav-brand img{display:block;width:154px;height:56px;object-fit:contain}
header nav{display:flex;gap:32px;align-items:center;font-size:15px;font-weight:400}
header nav a{position:relative;padding:14px 0;color:#ffffffb8;transition:color .25s}
header nav a:hover,header nav a[aria-current]{color:white}
header nav a::after{content:"";position:absolute;bottom:2px;left:calc(50% - 3px);right:auto;width:6px;height:6px;border-radius:50%;background:var(--red);transform:scale(0);transition:transform .25s;box-shadow:0 0 12px #E7324170}
header nav a:hover::after,header nav a[aria-current]::after{transform:scale(1)}
header nav .nav-contact{background:#ffffff09;border:1px solid #ffffff25!important;border-radius:999px;padding:11px 24px;color:white}
header nav .nav-contact:hover{background:var(--red);border-color:var(--red)!important}
header nav .nav-contact::after{display:none}
.nav-toggle{display:none}.hero .wrap{padding-top:150px}section[id],footer[id]{scroll-margin-top:138px}
/* A continuous light treatment joins the hero, films and contact. */
.statement b{background:linear-gradient(105deg,var(--navy) 5%,#4a2a6e 48%,var(--red));background-clip:text;-webkit-background-clip:text;color:transparent}
.work-design{position:relative;isolation:isolate;background:radial-gradient(ellipse at 100% 0%,#4a2a6e80,transparent 35%),radial-gradient(ellipse at 0% 65%,#E732411a,transparent 35%),var(--navy);overflow:clip}
.work-design>.wrap>h2{position:relative;margin-bottom:clamp(50px,8vw,110px)}
.work-design>.wrap>h2::after{content:"";display:block;margin-top:28px;width:110px;height:4px;background:linear-gradient(90deg,var(--red),#4a2a6e,transparent)}
.work-design .project-row{margin-bottom:clamp(64px,9vw,140px)}
.work-design .project-row::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#E7324160,#ffffff20,transparent);pointer-events:none}
.work-design[data-work-design=glow] .project-still{border:1px solid #ffffff20;border-bottom:3px solid var(--red);box-shadow:0 24px 70px #0d0a2655,0 0 50px #E7324110}
.work-design .project-copy h3{max-width:20ch}.work-design .project-meta{padding-left:16px;border-left:1px solid #E7324180}.work-design .project-meta dt{color:#ffffffb3}.work-design .project-copy>p{color:#ffffffe0}
.work-design .project-button{border:1px solid #ffffff35;background:linear-gradient(110deg,#E73241,#9e274e 60%,#4a2a6e);box-shadow:0 8px 28px #E732411c;padding:14px 24px}
.work-design .project-button::before{background:linear-gradient(110deg,#c42639,var(--red) 70%,#b22d55)}
.project-detail{background:radial-gradient(ellipse at 100% 0,#4a2a6e80,transparent 28%),radial-gradient(ellipse at 0 25%,#E7324120,transparent 32%)}
footer{position:relative}footer::before{content:"";position:absolute;inset:0 0 auto;height:8px;background:linear-gradient(90deg,var(--navy),#4a2a6e,var(--red),var(--navy))}
footer h2 a{color:var(--red)}
@media(max-width:760px){
 header,header.hide{inset:14px 14px auto}header .wrap{height:72px;padding:0 20px;border-radius:16px;gap:12px}.nav-brand img{width:132px;height:48px}
 .nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;border:1px solid #ffffff30;border-radius:50%;background:#ffffff08;color:white;cursor:pointer}
 .nav-toggle i{display:block;width:18px;height:1px;background:currentColor;margin:0 auto;transition:transform .3s}.nav-toggle[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}.nav-toggle[aria-expanded=true] i:last-child{transform:translateY(-3px) rotate(-45deg)}
 header nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);padding:18px 24px 24px;flex-direction:column;align-items:stretch;gap:4px;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(145deg,#241E4F,#120f33);box-shadow:0 20px 40px #0d0a2660;font-size:18px}
 header nav.open{display:flex}header nav a{padding:14px 0}header nav a::after{left:auto;right:4px;bottom:23px}header nav .nav-contact{text-align:center;margin-top:8px;padding:12px 20px}
 section[id],footer[id]{scroll-margin-top:110px}.work-design .project-copy h3{max-width:none}
}
@media(prefers-reduced-motion:reduce){header *,header nav a::after{transition:none!important}}
/* The floating bar draws inward as the page leaves the hero's opening. */
header{transition:top .6s cubic-bezier(.22,1,.36,1)}
header .wrap{width:calc(100vw - clamp(18px,3vw,40px) - clamp(18px,3vw,40px));transition:max-width .75s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),padding .6s,border-radius .6s,box-shadow .6s}
.nav-brand img{transition:width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1)}
header nav{transition:gap .6s cubic-bezier(.22,1,.36,1)}
header.compact{top:16px}
header.compact .wrap{max-width:1360px;height:72px;padding-inline:24px;border-radius:16px;box-shadow:0 14px 42px #0d0a2655,inset 0 1px #ffffff08}
header.compact .nav-brand img{width:132px;height:48px}
header.compact nav{gap:26px}
@media(max-width:760px){
 header.compact{top:10px}
 header.compact .wrap{max-width:1360px;height:64px;padding-inline:16px;border-radius:16px}
 header.compact .nav-brand img{width:118px;height:42px}
 header.compact nav{gap:4px}
}
@media(prefers-reduced-motion:reduce){header,header .wrap,header .nav-brand img,header nav{transition:none!important}}