:root{--bg:#070707;--text:#f4f1ec;--muted:#aaa49c;--gold:#b79a72;--line:rgba(255,255,255,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.nav{position:absolute;top:0;left:0;right:0;z-index:10;padding:28px 5vw;display:flex;align-items:center;justify-content:space-between}.brand img{width:86px;height:auto;display:block}.nav nav{display:flex;gap:34px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.16em}.nav nav a{opacity:.8;transition:.3s}.nav nav a:hover{opacity:1}.nav-cta{border:1px solid var(--line);padding:12px 17px}.menu{display:none;background:none;border:0}.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:-10%;background:radial-gradient(ellipse at 70% 40%,#403629 0,#171411 28%,#090909 58%,#030303 100%);animation:drift 14s ease-in-out infinite alternate}.orb{position:absolute;border-radius:50%;filter:blur(50px);mix-blend-mode:screen;opacity:.3}.orb1{width:45vw;height:45vw;right:4%;top:8%;background:#6c5135;animation:float1 11s ease-in-out infinite}.orb2{width:32vw;height:32vw;left:8%;bottom:-12%;background:#302820;animation:float2 14s ease-in-out infinite}.film-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 13vw,rgba(255,255,255,.025) 13.05vw 13.1vw);transform:skewX(-8deg)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.38) 55%,rgba(0,0,0,.62)),linear-gradient(0deg,rgba(0,0,0,.65),transparent 40%,rgba(0,0,0,.35))}.hero-content{position:relative;z-index:2;width:min(850px,90vw);margin-left:10vw;margin-top:6vh}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(62px,9vw,145px);line-height:.88;font-weight:500;letter-spacing:-.05em;margin:28px 0}.hero h1 em,h2 em{font-style:italic;color:#d6cec3}.hero-copy{max-width:470px;color:#c1bcb5;line-height:1.7;font-size:15px;margin-bottom:35px}.button{display:inline-flex;gap:25px;align-items:center;border:1px solid rgba(255,255,255,.35);padding:15px 20px;font-size:10px;letter-spacing:.2em;transition:.35s}.button:hover{background:#eee;color:#080808;border-color:#eee}.button span{font-size:17px}.scroll{position:absolute;z-index:3;bottom:28px;left:5vw;font-size:9px;letter-spacing:.25em;color:#8f8a83;display:flex;gap:13px;align-items:center}.scroll span{width:70px;height:1px;background:#666}.intro,.work,.services,.about,.contact{padding:140px 10vw}.intro{display:grid;grid-template-columns:1fr 2fr;gap:8vw;border-bottom:1px solid var(--line)}.intro h2,.section-head h2,.about h2,.contact h2{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(50px,6vw,92px);line-height:.95;letter-spacing:-.045em;margin:0 0 35px}.intro p:not(.section-kicker),.about p:not(.section-kicker),.contact p:not(.section-kicker){max-width:610px;color:var(--muted);line-height:1.8;font-size:15px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-head>span{font-size:10px;color:#777;letter-spacing:.2em}.work-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.work-card:first-child{grid-row:span 2}.work-image{min-height:360px;position:relative;overflow:hidden;background:#151311}.large .work-image{min-height:740px}.work-image:before{content:"";position:absolute;inset:-10%;background:radial-gradient(circle at 70% 30%,#7a6041,#28201a 30%,#0b0a09 70%);transition:transform .8s}.megapark:before{background:radial-gradient(circle at 40% 35%,#9d4d25,#26140d 35%,#080707 72%)}.commercial:before{background:radial-gradient(circle at 60% 40%,#747474,#292929 35%,#070707 75%)}.work-card:hover .work-image:before{transform:scale(1.07)}.work-image span{position:absolute;left:24px;bottom:24px;font-size:9px;letter-spacing:.24em;color:#fff}.work-meta{display:flex;justify-content:space-between;padding:16px 0 25px}.work-meta strong{font-size:13px;font-weight:500}.work-meta small{font-size:11px;color:#777}.services{background:#0b0b0b}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:70px 1fr 40px;gap:20px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line);transition:.3s}.service:hover{padding-left:12px}.service>span{font-size:10px;color:#666}.service h3{font-size:15px;letter-spacing:.08em;margin:0 0 8px}.service p{margin:0;color:#777;font-size:13px}.service b{font-size:18px;font-weight:400;color:var(--gold)}.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.about-mark{font-family:'Playfair Display',serif;font-size:clamp(180px,25vw,400px);line-height:.7;color:#151311;text-align:center}.text-link{display:inline-block;margin-top:35px;font-size:10px;letter-spacing:.2em;border-bottom:1px solid #555;padding-bottom:10px}.text-link span{color:var(--gold);margin-left:20px}.about-photo{position:relative;overflow:hidden;min-height:680px;background:#111}.about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.28));pointer-events:none}.about-photo img{width:100%;height:100%;min-height:680px;display:block;object-fit:cover;object-position:center 28%;filter:saturate(.88) contrast(1.04)}.about-name{font-size:12px;letter-spacing:.04em;font-weight:500;margin:-12px 0 24px;color:#e8e2da}.about-name span{color:#777;font-weight:400}.behind{padding:140px 10vw;background:#090909;border-top:1px solid var(--line)}.behind-note{min-height:260px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;text-align:center;color:#666;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:30px}.about-mark{display:none}.contact{text-align:center;border-top:1px solid var(--line);background:radial-gradient(circle at center top,#1b1712,#070707 45%)}.contact p:not(.section-kicker){margin:0 auto 32px}.contact .button{margin-top:10px}footer{padding:60px 5vw 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}footer img{width:95px}footer div{display:flex;gap:28px;color:#666;font-size:9px;letter-spacing:.12em;text-transform:uppercase}@keyframes drift{to{transform:scale(1.05) translate3d(-1%,1%,0)}}@keyframes float1{50%{transform:translate(-5%,7%) scale(1.1)}}@keyframes float2{50%{transform:translate(7%,-6%) scale(.92)}}@media(max-width:700px){.nav{padding:20px 6vw}.nav nav{display:none}.menu{display:flex;flex-direction:column;gap:6px}.menu span{display:block;width:25px;height:1px;background:#eee}.hero{min-height:680px}.hero-content{margin-left:7vw;margin-top:10vh}.hero h1{font-size:18vw}.hero-copy{font-size:13px;max-width:90%}.intro,.about{grid-template-columns:1fr;padding:95px 7vw}.intro{gap:45px}.work,.services,.contact{padding:95px 7vw}.section-head{display:block}.section-head>span{display:block;margin-top:20px}.work-grid{grid-template-columns:1fr}.work-card:first-child{grid-row:auto}.large .work-image,.work-image{min-height:410px}.service{grid-template-columns:35px 1fr 20px;gap:10px}.service h3{font-size:12px}.service p{font-size:11px;line-height:1.5}.about-mark{order:2;font-size:55vw}.about-photo,.about-photo img{min-height:560px}.behind{padding:95px 7vw}.behind-note{min-height:220px}.contact h2{font-size:18vw}footer{padding:45px 7vw;display:block}footer div{margin-top:35px;display:flex;flex-wrap:wrap;gap:15px}.brand img{width:70px}}

/* Motion layers */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(.72) contrast(1.08);transform:scale(1.03)}
.intro{grid-template-columns:1fr 1fr;align-items:center}
.intro-copy{padding-right:2vw}
.intro-video{position:relative;height:min(680px,55vw);min-height:480px;overflow:hidden;background:#111}
.intro-video video{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.05);display:block}
.intro-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.5))}
.intro-video span{position:absolute;z-index:2;left:22px;bottom:20px;font-size:9px;letter-spacing:.24em;color:#ddd}
.work-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.06);transition:transform .8s}
.work-card:hover .work-image video{transform:scale(1.07)}
.work-image video + span{z-index:2}
.behind-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}
.behind-feature{position:relative;min-height:650px;overflow:hidden;background:#111}
.behind-feature video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.82) contrast(1.08)}
.behind-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.68))}
.behind-feature>div{position:absolute;z-index:2;left:26px;bottom:25px;display:flex;flex-direction:column;gap:7px}
.behind-feature strong{font-size:10px;letter-spacing:.25em}
.behind-feature span{font-size:11px;color:#aaa}
.behind-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.behind-grid img{width:100%;height:100%;min-height:315px;object-fit:cover;display:block;filter:saturate(.82) contrast(1.04);transition:transform .5s,filter .5s}
.behind-grid img:hover{transform:scale(1.025);filter:saturate(1) contrast(1.05)}
.contact{position:relative;overflow:hidden}
@media(max-width:700px){.intro{grid-template-columns:1fr}.intro-video{height:125vw;min-height:420px}.behind-layout{grid-template-columns:1fr}.behind-feature{min-height:560px}.behind-grid{grid-template-columns:1fr 1fr;gap:8px}.behind-grid img{min-height:220px}}
