:root{color-scheme:dark;--bg:#090909;--surface:#111310;--text:#f4f4f1;--muted:#b8b8b4;--accent:#ff5a4f;--accent-hover:#ff766c;--contact-bg:#f1ede6;--line:rgba(255,255,255,.18);--radius:6px;--content:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Segoe UI",sans-serif;line-height:1.5}
button,input,select,textarea{font:inherit}
a{color:inherit;text-decoration:none}
img,video{display:block;max-width:100%}
button{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.has-js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.has-js [data-reveal].is-visible{opacity:1;transform:none}
.site-header{position:fixed;z-index:30;inset:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;height:84px;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid transparent;transition:background-color .25s,border-color .25s}
.site-header.is-scrolled,.site-header.is-open{background:rgba(9,9,9,.9);border-color:var(--line);backdrop-filter:blur(8px)}
.brand{display:flex;align-items:center;width:245px}
.brand img{width:245px;height:auto;display:block;object-fit:contain}
.site-nav{justify-self:center;display:flex;gap:26px;color:#d4d4cf;font-size:.88rem}
.site-nav a:hover{color:var(--accent)}
.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 16px;border-radius:var(--radius);font-weight:700;transition:background-color .2s,border-color .2s,color .2s}
.header-cta{border:1px solid var(--line);font-size:.85rem}
.header-cta:hover{border-color:var(--accent);color:var(--accent)}
.nav-toggle{display:none;width:44px;height:44px;padding:12px;border:0;background:transparent}
.nav-toggle span{display:block;height:1px;background:currentColor;margin:6px 0}
.hero{position:relative;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-media,.hero-slide,.hero-slide img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-slide{opacity:0;animation:hero-cycle 18s infinite}
.hero-slide:nth-child(1){animation-delay:0s}.hero-slide:nth-child(2){animation-delay:6s}.hero-slide:nth-child(3){animation-delay:12s}
.hero-slide img{object-fit:cover;animation:hero-drift 6s ease-out infinite alternate}
@keyframes hero-cycle{0%{opacity:0}6%{opacity:1}30%{opacity:1}36%{opacity:0}100%{opacity:0}}
@keyframes hero-drift{from{transform:scale(1.02)}to{transform:scale(1.08)}}
.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(9,9,9,.92) 0%,rgba(9,9,9,.62) 46%,rgba(9,9,9,.18) 78%),linear-gradient(0deg,#090909 0%,transparent 42%)}
.hero-copy{position:relative;z-index:2;width:min(var(--content),calc(100% - 40px));margin:0 auto;padding:150px 0 120px}
.fact-line,.section-index{margin:0 0 14px;color:var(--accent);font-size:.76rem;font-weight:700}
.hero h1{max-width:880px;margin:0;font-family:Arial,"Segoe UI",sans-serif;font-size:clamp(3.8rem,7.4vw,7.8rem);line-height:.88;letter-spacing:-.045em;font-weight:600;overflow-wrap:anywhere}
.hero-lead{max-width:640px;margin:24px 0 0;color:#d1d1cd;font-size:clamp(1rem,1.35vw,1.18rem)}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.button-primary{background:var(--accent);color:#10110d}
.button-primary:hover{background:var(--accent-hover)}
.button-secondary{border:1px solid var(--line);background:rgba(9,9,9,.4)}
.service-ticker{position:absolute;z-index:3;inset:auto 0 0;display:grid;grid-template-columns:repeat(6,1fr);background:rgba(9,9,9,.78);border-top:1px solid var(--line);backdrop-filter:blur(8px)}
.service-ticker span{padding:16px 10px;text-align:center;border-right:1px solid var(--line);font-size:.77rem;color:#d5d5d0}
.service-ticker span:last-child{border-right:0}
.service-ticker::-webkit-scrollbar{display:none}
.section-shell{width:min(var(--content),calc(100% - 40px));margin:0 auto;padding:clamp(72px,9vw,138px) 0}
.showreel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:clamp(40px,8vw,120px);align-items:center;padding-top:56px}
.section-heading h2{max-width:720px;margin:0;font-size:clamp(2.7rem,5vw,5.7rem);line-height:.94;letter-spacing:-.04em;font-weight:600}
.section-heading>p:last-child{max-width:600px;margin:22px 0 0;color:var(--muted);font-size:1.05rem}
.showreel-frame{background:#000;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.showreel-player{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}
.section-band{background:#eceae2;color:#141410}
.crew-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(42px,7vw,110px);align-items:center}
.crew-photo{position:relative;align-self:stretch;min-height:680px;overflow:hidden}
.crew-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.crew-copy h2,.works-heading h2,.trust h2,.contact h2{margin:0;font-size:clamp(2.8rem,5.8vw,6.5rem);line-height:.9;letter-spacing:-.045em;font-weight:600}
.crew-copy>p:not(.section-index){max-width:680px;color:#4c4b45;font-size:1.05rem}
.role-list{margin-top:38px;border-top:1px solid rgba(20,20,16,.25)}
.role-list article{display:grid;grid-template-columns:minmax(160px,.65fr) 1fr;gap:24px;padding:19px 0;border-bottom:1px solid rgba(20,20,16,.25)}
.role-list strong{font-weight:700}.role-list span{color:#55534d}
.offer>.section-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:50px;align-items:end}
.offer-tabs{display:flex;gap:4px;margin-top:44px;border-bottom:1px solid var(--line)}
.offer-tabs button{min-height:48px;padding:12px 18px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);cursor:pointer}
.offer-tabs button[aria-selected="true"]{border-color:var(--accent);color:var(--text)}
.offer-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.72fr) auto;gap:clamp(28px,5vw,72px);align-items:end;padding:44px 0;border-bottom:1px solid var(--line)}
.offer-panel h3{margin:5px 0 12px;font-size:clamp(2rem,3vw,3.7rem);line-height:1;font-weight:600}
.offer-panel p{max-width:620px;margin:0;color:var(--muted)}
.offer-panel ul{margin:0;padding:0;list-style:none;color:#d7d7d2}
.offer-panel li{padding:9px 0;border-bottom:1px solid var(--line)}
.offer-panel .button{white-space:nowrap}
.has-js .offer-panel[hidden]{display:none}
.section-actions{display:flex;justify-content:flex-end;margin-top:28px}
.works{padding-bottom:clamp(72px,9vw,130px);background:#151714}
.works-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.55fr);gap:50px;align-items:end;padding-bottom:42px}
.works-heading>p{margin:0;color:var(--muted)}
.works-heading>div:last-child{align-self:end}.works-heading>div:last-child p{max-width:430px;margin:0;color:var(--muted)}
.text-link{display:inline-block;margin-top:18px;color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.works-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,42vw);gap:10px;overflow-x:auto;padding:0 max(20px,calc((100vw - var(--content))/2));scroll-snap-type:x mandatory;scrollbar-color:var(--accent) #272924}
.works-track figure{position:relative;margin:0;scroll-snap-align:start;overflow:hidden;min-height:540px;background:#20221d}
.works-track img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.works-track figure:hover img{transform:scale(1.025)}
.works-track figcaption{position:absolute;z-index:2;inset:auto 0 0;padding:44px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.78));font-size:.85rem}
.trust{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:clamp(50px,8vw,130px)}
.trust-list{border-top:1px solid var(--line)}
.trust-list article{padding:24px 0;border-bottom:1px solid var(--line)}
.trust-list h3{margin:0 0 6px;font-size:1.2rem}.trust-list p{margin:0;color:var(--muted)}
.contact{background:var(--contact-bg);color:#11110f}
.contact-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(560px,1.18fr);gap:clamp(48px,7vw,100px);align-items:start}
.contact .section-index{color:var(--accent)}
.contact-copy{position:sticky;top:112px}
.contact-copy>p:not(.section-index){max-width:660px;font-size:1.08rem;color:#4f4a45}
.direct-contact{display:grid;gap:4px;margin-top:34px;font-size:clamp(1.15rem,2vw,1.6rem);font-weight:700}
.direct-contact a:hover{color:var(--accent)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;padding:clamp(24px,3vw,42px);background:#fff;border:1px solid rgba(17,17,15,.16);border-radius:8px;box-shadow:0 4px 8px rgba(17,17,15,.05)}
.contact-form label{display:grid;gap:8px;font-size:.84rem;font-weight:700}
.contact-form .full-field,.privacy-consent,.turnstile-field,.contact-submit,.form-status{grid-column:1/-1}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:52px;border:1px solid #c7c2bc;border-radius:var(--radius);padding:14px;background:#fbfbfa;color:#11110f;font:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.contact-form textarea{min-height:140px;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#11110f;background:#fff;box-shadow:0 0 0 3px rgba(255,90,79,.16)}
.contact-form .privacy-consent{display:flex;align-items:flex-start;gap:11px;padding-top:2px;font-weight:400;line-height:1.45}
.privacy-consent input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:var(--accent)}
.privacy-consent a{text-decoration:underline;text-underline-offset:2px;font-weight:700}
.turnstile-field{display:flex;align-items:center;width:100%;min-height:70px;overflow:hidden}
.turnstile-field .cf-turnstile{width:100%}
.contact-submit{min-height:56px;border:0;border-radius:var(--radius);background:var(--accent);color:#160d0c;font-size:1rem;font-weight:700;cursor:pointer}
.contact-submit:hover{background:var(--accent-hover)}
.contact-submit:disabled{cursor:wait;opacity:.65}
.honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.form-status{min-height:1.45em;margin:0;font-size:.85rem;font-weight:700}
.form-status:empty{min-height:0}
.form-status.is-success{color:#23622d}
.form-status.is-error{color:#a3211a}
.site-footer{display:flex;justify-content:space-between;gap:30px;padding:22px clamp(18px,4vw,64px);border-top:1px solid rgba(16,17,13,.25);font-weight:700}
.site-footer div{display:flex;gap:20px}
.privacy-page{background:var(--contact-bg);color:#11110f}
.privacy-header{position:static;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid rgba(17,17,15,.18)}
.privacy-header .header-cta{border-color:rgba(17,17,15,.28)}
.privacy-main{width:min(860px,calc(100% - 40px));margin:0 auto;padding:clamp(64px,9vw,120px) 0}
.privacy-main h1{max-width:760px;margin:0;font-size:clamp(3.2rem,7vw,6.8rem);line-height:.9;letter-spacing:-.045em;font-weight:600}
.privacy-intro{max-width:720px;margin:28px 0 64px;color:#4f4a45;font-size:1.15rem}
.privacy-main section{padding:28px 0;border-top:1px solid rgba(17,17,15,.18)}
.privacy-main h2{margin:0 0 12px;font-size:1.25rem}
.privacy-main p{margin:0 0 12px;color:#3f3a36}
.privacy-main a{color:#c53730;text-decoration:underline;text-underline-offset:3px}
.privacy-footer{display:flex;justify-content:space-between;gap:24px;padding:24px clamp(18px,4vw,64px);border-top:1px solid rgba(17,17,15,.18);font-weight:700}
.detail-page{background:var(--bg);color:var(--text)}
.detail-main{padding-top:84px}
.detail-hero{position:relative;display:grid;align-items:end;min-height:620px;overflow:hidden}
.detail-hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.detail-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,9,.9) 0%,rgba(9,9,9,.55) 48%,rgba(9,9,9,.12) 100%)}
.detail-hero-copy{position:relative;z-index:2;width:min(var(--content),calc(100% - 40px));margin:0 auto;padding:110px 0 82px}
.detail-hero-copy h1{max-width:850px;margin:0;font-size:5rem;line-height:.94;letter-spacing:0;font-weight:600;overflow-wrap:anywhere}
.detail-hero-copy>p:not(.section-index){max-width:690px;margin:24px 0 30px;color:#d7d7d2;font-size:1.12rem}
.detail-section{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(50px,8vw,120px)}
.detail-heading h2,.faq-section h2,.detail-video h2,.detail-cta h2{margin:0;font-size:3.4rem;line-height:.98;letter-spacing:0;font-weight:600}
.format-list{border-top:1px solid var(--line)}
.format-list article{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(240px,.95fr);gap:40px;padding:34px 0;border-bottom:1px solid var(--line)}
.format-list h3{margin:5px 0 12px;font-size:1.7rem}.format-list p{margin:0;color:var(--muted)}
.format-number{color:var(--accent)!important;font-size:.78rem!important;font-weight:700}
.format-list ul{display:grid;align-content:start;gap:0;margin:0;padding:0;list-style:none}.format-list li{padding:10px 0;border-bottom:1px solid var(--line)}
.faq-section{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(50px,8vw,120px);padding-top:0}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{cursor:pointer;font-size:1.12rem;font-weight:700;list-style-position:inside}.faq-list p{max-width:720px;margin:14px 0 0;color:var(--muted)}
.detail-cta{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:70px max(20px,calc((100% - var(--content))/2));background:var(--accent);color:#160d0c}
.detail-cta p{margin:12px 0 0}.detail-cta .button{flex:0 0 auto;background:#11110f;color:#fff}
.detail-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.detail-gallery figure{position:relative;min-height:440px;margin:0;overflow:hidden;background:#20221d}.detail-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.detail-gallery figure:hover img{transform:scale(1.025)}.detail-gallery figcaption{position:absolute;z-index:2;inset:auto 0 0;padding:42px 16px 15px;background:linear-gradient(transparent,rgba(0,0,0,.82));font-size:.84rem}
.detail-video{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,420px);gap:clamp(50px,8vw,120px);align-items:center;padding-top:0}.detail-video p{max-width:540px;color:var(--muted)}.detail-video video{width:100%;max-height:720px;background:#111;object-fit:contain}
.detail-footer{background:#090909;color:var(--text);border-color:var(--line)}
@media(max-width:1000px){.offer-panel{grid-template-columns:1fr 1fr}.offer-panel .button{justify-self:start}.crew-layout,.trust,.contact-layout{grid-template-columns:1fr}.crew-photo{min-height:520px}.offer>.section-heading,.works-heading{grid-template-columns:1fr}.contact-copy{position:static}.contact-form{width:100%;max-width:none}.detail-section,.faq-section{grid-template-columns:1fr}.detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.site-header{grid-template-columns:auto auto 1fr}.nav-toggle{display:block}.site-nav{position:fixed;inset:84px 0 auto;display:none;padding:24px clamp(18px,4vw,64px);background:#0c0c0c;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.site-nav.is-open{display:flex}.header-cta{justify-self:end}.showreel{grid-template-columns:1fr}.showreel-frame{width:min(420px,100%);justify-self:center}.offer-panel{grid-template-columns:1fr}.offer-panel .button{width:max-content}.works-track{grid-auto-columns:minmax(300px,70vw)}.detail-video{grid-template-columns:1fr}.detail-video video{width:min(100%,420px)}}
@media(max-width:760px){.site-header{height:68px;padding:0 16px;gap:8px}.brand{width:180px}.brand img{width:180px}.header-cta{display:none}.site-nav{inset:68px 0 auto}.hero{min-height:650px}.hero-shade{background:linear-gradient(0deg,#090909 0%,rgba(9,9,9,.42) 60%,rgba(9,9,9,.28))}.hero-copy{width:min(100% - 32px,680px);padding:115px 0 125px}.hero h1{font-size:clamp(2.7rem,13vw,3.7rem);line-height:.92;letter-spacing:-.035em}.hero-lead{max-width:520px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.service-ticker{display:flex;overflow-x:auto;scrollbar-width:none}.service-ticker span{min-width:132px}.section-shell{width:min(100% - 32px,var(--content));padding:56px 0}.section-heading h2,.crew-copy h2,.works-heading h2,.trust h2,.contact h2{font-size:clamp(2.35rem,12vw,4rem)}.crew-photo{min-height:430px}.role-list article{grid-template-columns:1fr;gap:5px}.offer>.section-heading{display:block}.offer-tabs{overflow-x:auto}.offer-tabs button{white-space:nowrap}.section-actions{justify-content:flex-start}.works-track{grid-auto-columns:84vw;padding-inline:16px}.works-track figure{min-height:460px}.contact-form{grid-template-columns:1fr;gap:16px;padding:22px 18px}.contact-form label{grid-column:1}.site-footer{align-items:flex-start;flex-direction:column}.site-footer div{flex-wrap:wrap}.privacy-header{min-height:68px;padding:0 16px}.privacy-header .header-cta{display:inline-flex}.privacy-main{width:min(100% - 32px,860px);padding:54px 0}.privacy-main h1{font-size:clamp(2.7rem,13vw,4.2rem)}.privacy-intro{margin-bottom:44px}.privacy-footer{flex-direction:column;padding-inline:16px}.detail-main{padding-top:68px}.detail-hero{min-height:560px}.detail-hero-shade{background:linear-gradient(0deg,rgba(9,9,9,.94) 0%,rgba(9,9,9,.4) 72%,rgba(9,9,9,.18))}.detail-hero-copy{width:calc(100% - 32px);padding:100px 0 54px}.detail-hero-copy h1{font-size:2.55rem}.detail-hero-copy>p:not(.section-index){font-size:1rem}.detail-heading h2,.faq-section h2,.detail-video h2,.detail-cta h2{font-size:2.45rem}.format-list article{grid-template-columns:1fr;gap:22px;padding:28px 0}.detail-gallery{grid-template-columns:1fr}.detail-gallery figure{min-height:430px}.detail-cta{align-items:flex-start;flex-direction:column;padding:52px 16px}.detail-cta .button{width:100%}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.has-js [data-reveal]{opacity:1;transform:none;transition:none}.works-track img,.hero-slide,.hero-slide img{transition:none;animation:none}.hero-slide{opacity:0}.hero-slide:first-child{opacity:1}}
