@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;800;900&display=swap");
:root{--ruby:#d71920;--ruby-hi:#f02a2a;--ruby-deep:#9e1017;--black:#0b0d10;--panel:#111419;--warm:#f5f3ef;--steel:#9da3aa;--line:#ffffff18;--teal:#008c8b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--warm);font-family:Montserrat,Arial,sans-serif;font-weight:500}a{color:inherit;text-decoration:none}iframe{border:0}
header{height:132px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;background:#0b0d10ed;backdrop-filter:blur(16px);z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.brand img{width:min(620px,43vw);height:112px;object-fit:contain;object-position:left center}.menu{display:none;background:none;border:0;color:white;font-size:24px}nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pill,.primary{background:linear-gradient(135deg,var(--ruby-hi),var(--ruby));padding:14px 20px;border-radius:3px;font-weight:800;box-shadow:0 8px 28px #d7192020}.pill:hover,.primary:hover,.cta a:hover{background:var(--ruby-hi)}
.hero{min-height:780px;padding:7vh 7vw 6vh;position:relative;overflow:hidden;background:radial-gradient(circle at 84% 16%,#7a11192b 0,transparent 31%),linear-gradient(135deg,#0b0d10 0%,#0b0d10 64%,#111419 100%);display:grid;grid-template-columns:1.05fr .95fr;gap:4vw;align-items:center}.hero-copy{position:relative;z-index:1}.eyebrow,.sectionhead span,.kicker,.cta>span{color:var(--ruby-hi);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.hero h1{font-weight:900;text-transform:uppercase;font-size:clamp(56px,7.8vw,122px);line-height:.87;letter-spacing:-.055em;margin:28px 0 30px;max-width:1180px}.hero em,.about em,.cta em{font-style:normal;color:var(--ruby)}.lead{font-size:clamp(18px,1.8vw,25px);line-height:1.55;color:#c1c4c8;max-width:760px}.actions{display:flex;gap:24px;align-items:center;margin:40px 0 70px}.secondary{border-bottom:2px solid var(--ruby);padding:12px 0;font-weight:600}.hero-art{position:relative;z-index:1;align-self:center}.hero-work iframe,.video-frame iframe,.work-card iframe{width:100%;aspect-ratio:16/9;display:block;background:#000}.hero-work iframe{border:1px solid var(--line);box-shadow:0 30px 90px #0009}.hero-work-label{position:absolute;left:16px;bottom:16px;background:#0b0d10dd;border-left:3px solid var(--ruby);padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.strip{padding:22px 5vw;border-block:1px solid var(--line);display:flex;justify-content:space-around;color:#8e949b;font-size:10px;font-weight:600;letter-spacing:.22em}.section{padding:110px 7vw}.sectionhead{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:65px}.sectionhead h2,.about h2{font-weight:900;text-transform:uppercase;font-size:clamp(38px,5vw,70px);line-height:.96;margin:0;letter-spacing:-.045em}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #34383e}.services article{padding:30px 24px 40px 0;border-bottom:1px solid #34383e;margin-right:28px}.services article>b{color:var(--ruby-hi);font-size:11px}.services h3{font-size:23px;font-weight:800;margin:38px 0 18px}.services h4{font-size:28px;margin:0 0 18px;color:var(--warm)}.services p{color:#aeb2b7;line-height:1.7;min-height:145px;font-size:14px}.services a{font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ruby);padding-bottom:5px}.dark{background:var(--panel)}.reel-section{background:#0e1115}.video-frame{max-width:1180px;margin:auto;border:1px solid #ffffff22;background:#000;box-shadow:0 30px 90px #0008}.work-grid,.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.work-card{margin:0;background:var(--black);border:1px solid var(--line);overflow:hidden}.work-card iframe,.work-card video{width:100%;aspect-ratio:16/9;display:block;background:#000;object-fit:contain}.work-card>div{padding:18px 20px 24px;display:flex;justify-content:space-between;gap:18px}.work-card b{font-weight:800}.work-card span{font-size:11px;color:#8f959c}.portfolio-cta{margin-top:42px;text-align:center}.about{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw}.about p{font-size:17px;line-height:1.8;color:#b9bdc2}.signature{color:var(--warm)!important;margin-top:45px;font-weight:600}.signature small{color:#7f858d}.cta{text-align:center;padding:130px 20px;background:var(--warm);color:var(--black)}.cta h2{font-weight:900;text-transform:uppercase;font-size:clamp(50px,7vw,100px);line-height:.9;letter-spacing:-.055em;margin:25px 0 45px}.cta a{display:inline-block;background:linear-gradient(135deg,var(--ruby-hi),var(--ruby-deep));color:#fff;padding:19px 28px;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.cta p{color:#676b70;margin-top:24px;font-size:13px}footer{padding:45px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#7f858d;font-size:11px}footer .brand img{width:min(500px,42vw);height:100px}footer p:last-child{text-align:right}
.portfolio-page{padding-top:90px}.portfolio-hero{padding:90px max(5vw,28px) 70px;max-width:1200px;margin:auto}.portfolio-hero h1{font-size:clamp(3.5rem,8vw,7.5rem);line-height:.88;margin:20px 0;text-transform:uppercase;letter-spacing:-.055em}.portfolio-hero h1 em{color:var(--ruby);font-style:normal}.portfolio-hero .lead{max-width:800px}.vertical-section{background:#0b0d10}.vertical-section .sectionhead em{color:var(--ruby);font-style:normal}.vertical-intro{max-width:800px;color:#aeb2b7;line-height:1.7;margin:-30px 0 50px}.vertical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.vertical-card{background:#111419;border:1px solid var(--line);overflow:hidden}.vertical-card iframe{width:100%;aspect-ratio:9/16;display:block;background:#000}.vertical-card>div{padding:18px 18px 22px;display:flex;flex-direction:column;gap:7px}.vertical-card b{font-weight:800}.vertical-card span{font-size:11px;color:#8f959c}
.terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.terms-grid article{border-top:2px solid var(--ruby);padding:28px 0}.terms-grid h3{font-size:25px;margin:0 0 15px}.terms-grid p{color:#aeb2b7;line-height:1.7}.service-hero{max-width:1200px;margin:auto;padding:100px 7vw 70px}.service-hero h1{font-size:clamp(52px,7vw,100px);line-height:.9;text-transform:uppercase;letter-spacing:-.05em;margin:24px 0}.service-hero h1 em{font-style:normal;color:var(--ruby)}.service-body{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.service-body p{color:#b9bdc2;line-height:1.8;font-size:17px}.service-list{border-top:1px solid #34383e}.service-list div{padding:20px 0;border-bottom:1px solid #34383e;font-weight:700}
.project-form{max-width:760px;margin:auto}.form-grid{display:grid;grid-template-columns:1fr;gap:24px}.project-form label{display:flex;flex-direction:column;gap:10px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#c9ccd0}.project-form input,.project-form select,.project-form textarea{width:100%;background:#0b0d10;border:1px solid #34383e;color:var(--warm);padding:16px;font:500 15px Montserrat,Arial,sans-serif;outline:none}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:var(--ruby)}.project-form textarea{resize:vertical}.project-form .full{grid-column:auto}.form-submit{border:0;color:white;font:800 12px Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;margin-top:30px}.form-note{color:#8f959c;font-size:12px;margin-top:22px}.form-note a{border-bottom:1px solid var(--ruby);padding-bottom:3px}
@media(max-width:1100px){header{height:110px}.brand img{width:390px;height:84px}nav{gap:18px}.services{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.vertical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){header{height:92px}.brand img{width:320px;height:72px}.menu{display:block}nav{display:none;position:absolute;top:92px;left:0;right:0;background:#0d0f12;padding:25px;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:9vh}.strip{overflow:auto;gap:30px;justify-content:flex-start}.sectionhead,.about,.service-body,.terms-grid{grid-template-columns:1fr}.work-grid,.portfolio-grid{grid-template-columns:1fr}.services p{min-height:auto}footer{grid-template-columns:1fr;gap:18px}footer p:last-child{text-align:left}.portfolio-page{padding-top:70px}.portfolio-hero{padding-top:60px}}
@media(max-width:540px){.vertical-grid{grid-template-columns:1fr}.vertical-card{max-width:390px;margin:auto}.vertical-intro{margin-top:-20px}}
@media(max-width:520px){.services{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column}.brand img{width:270px;height:64px}.hero h1{font-size:48px}.hero{padding-left:6vw;padding-right:6vw}.work-card>div{flex-direction:column}footer .brand img{width:320px;height:76px}}