:root { --ink:#07111b; --ink-soft:#10202e; --paper:#f4f3ee; --muted:#95a6af; --coral:#ff8251; --line:rgba(230,241,242,.16); --mono:"DM Mono",monospace; --sans:"Manrope",Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--paper); background:var(--ink); font-family:var(--sans); overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
.ambient { position:fixed; pointer-events:none; filter:blur(2px); border-radius:50%; opacity:.42; z-index:-1; }
.ambient-one { width:42vw; height:42vw; top:-18vw; right:-10vw; background:radial-gradient(circle,rgba(43,95,122,.62),transparent 66%); }
.ambient-two { width:46vw; height:46vw; bottom:-26vw; left:-24vw; background:radial-gradient(circle,rgba(196,79,43,.24),transparent 66%); }
.site-header { display:flex; align-items:center; justify-content:space-between; width:min(1380px,calc(100% - 80px)); margin:0 auto; height:94px; border-bottom:1px solid var(--line); position:relative; z-index:2; }
.brand { display:flex; gap:12px; align-items:center; font-weight:800; letter-spacing:.21em; font-size:14px; }
.brand-mark { width:28px; height:28px; display:grid; place-items:center; background:var(--coral); color:var(--ink); clip-path:polygon(50% 0,100% 100%,0 100%); font:500 12px/1 var(--mono); padding-top:7px; }
nav { display:flex; gap:34px; margin-left:80px; }
nav a,.header-cta { font:500 11px var(--mono); letter-spacing:.06em; color:#d2dbde; transition:color .2s ease; }
nav a:hover,.header-cta:hover { color:var(--coral); }
.header-cta span,.button span,.contact-email span { color:var(--coral); font-size:18px; margin-left:7px; }
.section-shell { width:min(1380px,calc(100% - 80px)); margin:0 auto; }
.hero { min-height:calc(100vh - 94px); display:grid; grid-template-columns: .86fr 1.14fr; align-items:center; position:relative; padding:72px 0 94px; gap:55px; }
.eyebrow,.section-label { font:500 10px var(--mono); letter-spacing:.11em; color:var(--muted); }
.eyebrow { display:flex; align-items:center; gap:10px; margin:0 0 28px; }
.eyebrow span { width:34px; height:1px; background:var(--coral); }
h1,h2,h3,p { margin-top:0; }
h1 { max-width:600px; font-size:clamp(55px,6.15vw,96px); line-height:.98; letter-spacing:-.075em; font-weight:700; margin-bottom:33px; }
h1 em,h2 em { color:var(--coral); font-style:normal; font-weight:500; }
.hero-text { max-width:445px; color:#c1ccd1; font-size:16px; line-height:1.75; margin-bottom:36px; }
.hero-actions { display:flex; align-items:center; gap:32px; }
.button { display:inline-flex; align-items:center; padding:14px 19px; border:1px solid var(--coral); font:500 11px var(--mono); letter-spacing:.04em; transition:all .2s ease; }
.button-primary { background:var(--coral); color:var(--ink); }
.button-primary span { color:var(--ink); }
.button:hover { background:#ffa37d; border-color:#ffa37d; transform:translateY(-2px); }
.text-link { font:500 11px var(--mono); color:#d8e0e3; border-bottom:1px solid rgba(216,224,227,.45); padding-bottom:6px; }
.text-link span { padding-left:8px; color:var(--coral); }
.hero-visual { height:min(65vh,650px); overflow:hidden; position:relative; background:#152832; clip-path:polygon(5% 0,100% 0,100% 94%,95% 100%,0 100%,0 6%); }
.hero-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,17,27,.2),transparent 45%),linear-gradient(0deg,rgba(7,17,27,.52),transparent 40%); }
.hero-visual img { width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.02); }
.visual-meta,.visual-caption { position:absolute; z-index:1; font:500 9px var(--mono); letter-spacing:.11em; }
.visual-meta { top:22px; left:24px; right:24px; display:flex; justify-content:space-between; color:#e5eeee; }
.visual-caption { bottom:24px; right:25px; display:flex; align-items:center; gap:9px; color:#e4ecee; }
.caption-dot { width:7px; height:7px; border-radius:50%; background:var(--coral); box-shadow:0 0 0 5px rgba(255,130,81,.16); }
.hero-footnote { position:absolute; bottom:30px; left:0; font:500 9px var(--mono); color:#82949e; letter-spacing:.12em; }
.hero-footnote span { color:var(--coral); padding-left:9px; }
.showreel { padding:35px 0 145px; }
.showreel-heading { display:flex; justify-content:space-between; gap:70px; align-items:flex-end; margin-bottom:43px; }
.showreel-heading h2 { margin-top:29px; }
.showreel-heading > p { max-width:330px; color:#aebcc2; font-size:15px; line-height:1.75; margin:0 0 4px; }
.showreel-video { position:relative; background:#0d1a23; border:1px solid var(--line); overflow:hidden; }
.showreel-video:before { content:""; position:absolute; inset:0; pointer-events:none; z-index:1; box-shadow:inset 0 0 0 1px rgba(255,255,255,.03); }
.showreel-video video { width:100%; display:block; max-height:700px; object-fit:cover; background:#09131c; }
.video-label { position:absolute; left:18px; top:17px; z-index:2; padding:7px 9px; background:rgba(7,17,27,.72); color:#e6eeee; font:500 8px var(--mono); letter-spacing:.1em; pointer-events:none; }
.intro { padding:160px 0 150px; }
.intro-grid { display:grid; grid-template-columns:1.2fr .56fr; justify-content:space-between; gap:80px; border-top:1px solid var(--line); padding-top:38px; }
h2 { font-size:clamp(38px,4.35vw,68px); letter-spacing:-.065em; line-height:1.03; font-weight:600; margin-bottom:0; }
.intro-grid > p { color:#aebcc2; font-size:15px; line-height:1.78; padding-top:18px; }
.services { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:88px; }
.services article { min-height:310px; position:relative; padding:26px; background:rgba(216,237,237,.045); border:1px solid var(--line); transition:transform .25s ease,background .25s ease; }
.services article:hover { transform:translateY(-7px); background:rgba(216,237,237,.08); }
.service-number { font:500 10px var(--mono); color:var(--coral); }
.service-icon { height:87px; margin:21px 0 29px; position:relative; }
.icon-orbit:before,.icon-orbit:after { content:""; position:absolute; border:1px solid #bdcfd3; border-radius:50%; }
.icon-orbit:before { width:69px;height:69px;left:8px;top:4px; } .icon-orbit:after { width:20px;height:20px;left:33px;top:29px;background:var(--coral);border:0;box-shadow:0 0 0 12px rgba(255,130,81,.12); }
.icon-grid { width:68px; height:68px; margin-left:7px; border:1px solid #bdcfd3; background:linear-gradient(90deg,transparent 48%,#bdcfd3 49%,#bdcfd3 51%,transparent 52%),linear-gradient(0deg,transparent 48%,#bdcfd3 49%,#bdcfd3 51%,transparent 52%); }
.icon-grid:after { content:""; width:18px;height:18px;position:absolute;right:-9px;bottom:-9px;background:var(--coral); }
.icon-window { width:75px;height:68px;margin-left:6px;border:1px solid #bdcfd3;clip-path:polygon(0 0,100% 13%,88% 100%,12% 87%); }
.icon-window:after { content:""; position:absolute;inset:0 47% 0 auto;width:1px;background:#bdcfd3;transform:skewY(7deg); }
h3 { font-size:18px; letter-spacing:-.03em; margin-bottom:10px; }
.services article > p:last-child { color:#9fb0b7; font-size:13px; line-height:1.62; margin-bottom:0; }
.statement { padding-bottom:145px; }
.statement-panel { background:#dddbd2; color:#10202e; min-height:570px; padding:41px; position:relative; overflow:hidden; }
.statement-panel .section-label { color:#617077; }
.statement-content { position:relative; z-index:1; padding:48px 0 0 13.5%; }
.quote-mark { color:var(--coral); font-size:80px; line-height:.45; margin:0 0 20px; font-family:Georgia,serif; }
.statement-panel h2 { max-width:900px; }
.statement-copy { max-width:440px; color:#52636a; font-size:15px; line-height:1.75; margin:35px 0 0 6px; }
.line-art { position:absolute; width:420px;height:420px;right:-69px;bottom:-112px;transform:rotate(-14deg);border:1px solid rgba(16,32,46,.24); }
.line-art i { position:absolute; border:1px solid rgba(16,32,46,.2); } .line-art i:nth-child(1){inset:45px}.line-art i:nth-child(2){inset:91px}.line-art i:nth-child(3){inset:137px}.line-art i:nth-child(4){width:73px;height:73px;left:173px;top:173px;background:var(--coral);border:0;}
.process { padding-bottom:150px; }
.process-heading { display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin:33px 0 60px; }
.process-heading p { max-width:360px;color:#aebcc2;font-size:15px;line-height:1.75;margin:0; }
.process ol { padding:0;margin:0;border-top:1px solid var(--line);list-style:none; }
.process li { display:grid;grid-template-columns:100px minmax(200px,.8fr) 1fr;gap:25px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);transition:padding .2s ease; }
.process li:hover { padding-left:12px; }.process li span { font:500 10px var(--mono);color:var(--coral); }.process li strong {font-size:18px;letter-spacing:-.03em;}.process li p {color:#92a4ac;font-size:13px;margin:0;line-height:1.5;}
.contact { padding:70px 0 30px; border-top:1px solid var(--line); }
.contact-top { display:flex;justify-content:space-between;align-items:flex-start; }.contact-kicker {font-size:15px;line-height:1.6;color:#aebcc2;margin:0;}.contact h2 {font-size:clamp(54px,7.5vw,116px);margin:100px 0 42px;}.contact-email {display:inline-flex;align-items:center;font-size:clamp(19px,2.25vw,34px);letter-spacing:-.04em;border-bottom:1px solid var(--coral);padding-bottom:8px;transition:color .2s ease;}.contact-email:hover {color:var(--coral);}.contact footer {margin-top:130px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#80929a;font:500 9px var(--mono);letter-spacing:.08em;}.contact footer a {color:#c9d4d7;}
@media(max-width:820px){.site-header,.section-shell{width:min(100% - 40px,1380px)}.site-header{height:75px}.site-header nav{display:none}.header-cta{font-size:9px}.hero{grid-template-columns:1fr;padding:60px 0 83px;gap:45px;min-height:auto}.hero-visual{height:440px;order:-1}.hero-copy{padding-top:7px}h1{font-size:clamp(56px,15vw,82px)}.hero-text{font-size:14px}.showreel{padding:30px 0 100px}.showreel-heading{display:block;margin-bottom:27px}.showreel-heading>p{margin-top:19px}.intro{padding:100px 0}.intro-grid{grid-template-columns:1fr;gap:12px}.intro-grid>p{padding-top:0}.services{grid-template-columns:1fr;margin-top:48px}.services article{min-height:250px}.statement{padding-bottom:100px}.statement-panel{padding:29px;min-height:490px}.statement-content{padding:52px 0 0}.line-art{width:300px;height:300px}.line-art i:nth-child(1){inset:32px}.line-art i:nth-child(2){inset:65px}.line-art i:nth-child(3){inset:98px}.line-art i:nth-child(4){width:52px;height:52px;left:123px;top:123px}.process{padding-bottom:100px}.process-heading{display:block;margin-bottom:35px}.process-heading p{margin-top:20px}.process li{grid-template-columns:45px 1fr;gap:12px;padding:22px 0}.process li p{grid-column:2}.contact{padding-top:50px}.contact-top{display:block}.contact-kicker{margin-top:15px}.contact h2{margin:70px 0 32px}.contact footer{margin-top:85px;gap:18px;flex-wrap:wrap;font-size:8px}.hero-footnote{display:none}}
@media(max-width:430px){.hero-actions{gap:19px;align-items:flex-start;flex-direction:column}.hero-visual{height:345px}.visual-meta{font-size:8px}.visual-caption{font-size:8px;right:16px;bottom:16px}.contact-email{font-size:18px}.brand{font-size:12px}.brand-mark{width:25px;height:25px}.header-cta{max-width:105px;text-align:right;line-height:1.5}}