:root{--bg:#f4f3ef;--ink:#111;--muted:#777;--line:#d8d6d0;--accent:#d9ff3f;--dark:#111}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,243,239,.92);backdrop-filter:blur(12px);z-index:20}.logo{font:700 23px "Space Grotesk"}.logo span{color:#777}.nav nav{display:flex;gap:34px;font-size:14px}.nav nav a:hover,.contact-links a:hover{opacity:.55}.nav-cta{background:#111;color:#fff;padding:12px 18px;border-radius:999px;font-size:13px}.menu{display:none;border:0;background:none;font-size:22px}.hero{min-height:calc(100vh - 78px);padding:8vw 5vw 7vw;display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;margin:0 0 22px}.hero h1{font:600 clamp(48px,6.4vw,94px)/.95 "Space Grotesk";letter-spacing:-.055em;margin:0;max-width:800px}.hero em,h2 em{font-style:normal;background:var(--accent);padding:0 .08em}.hero-text{font-size:18px;line-height:1.6;color:#555;max-width:590px;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:16px;padding:15px 21px;border-radius:999px;font-weight:700;font-size:14px}.btn.primary{background:#111;color:#fff}.btn.primary:hover{transform:translateY(-2px)}.btn.ghost{border:1px solid #bbb}.trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:34px;color:#666;font-size:12px}.hero-reel{height:570px}.reel-card{height:100%;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(145deg,#202020,#050505 48%,#353535)}.reel-card:before{content:"";position:absolute;width:65%;height:120%;background:var(--accent);right:-30%;top:-10%;transform:rotate(18deg);opacity:.85}.reel-overlay{position:absolute;inset:0;padding:25px;display:flex;flex-direction:column;justify-content:space-between;z-index:2;color:white}.pill{font-size:10px;letter-spacing:.14em;border:1px solid #ffffff55;border-radius:100px;padding:8px 11px;width:max-content}.play{align-self:center;width:78px;height:78px;border-radius:50%;border:1px solid #fff8;background:#111;color:white;font-size:20px;cursor:pointer}.reel-bottom{display:flex;justify-content:space-between;font-size:13px}.marquee{overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding:16px 0;font:600 12px "Space Grotesk";letter-spacing:.12em}.marquee div{animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-30%)}}.section{padding:120px 5vw}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:55px}.section h2{font:600 clamp(42px,5vw,70px)/1 "Space Grotesk";letter-spacing:-.05em;margin:0;max-width:700px}.muted{color:#777;max-width:370px;line-height:1.6}.work-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:50px 24px}.project-large{grid-row:span 2}.project-wide{grid-column:1/-1}.project-visual{height:330px;border-radius:18px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;padding:22px;color:#fff;font-size:11px;letter-spacing:.12em}.project-large .project-visual{height:690px}.v1{background:radial-gradient(circle at 25% 30%,#d9ff3f 0 7%,transparent 8%),linear-gradient(135deg,#111 0 42%,#303030 43% 70%,#d9ff3f 71%)}.v2{background:linear-gradient(135deg,#4c4c4c,#111 55%,#888)}.v3{background:linear-gradient(135deg,#d9ff3f,#111 40%,#222)}.v4{height:420px;background:linear-gradient(115deg,#111 30%,#555 31% 55%,#d9ff3f 56%)}.project-visual button{border:1px solid #ffffff66;background:#111c;color:white;border-radius:999px;padding:10px 14px;font-size:10px;cursor:pointer}.project-meta{display:flex;justify-content:space-between;padding:15px 2px;border-bottom:1px solid var(--line)}.project-meta h3{margin:0;font-size:16px}.project-meta p{margin:0;color:#888;font-size:12px}.dark-section{background:#111;color:#fff}.dark-section .eyebrow{color:#aaa}.service-list{border-top:1px solid #333}.service{display:grid;grid-template-columns:70px 1.1fr 1fr 30px;gap:20px;align-items:center;padding:28px 0;border-bottom:1px solid #333}.service span{color:#777;font-size:12px}.service h3{font:500 27px "Space Grotesk";margin:0}.service p{color:#999;line-height:1.5;margin:0;max-width:420px}.service b{font-size:20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:25px 20px 20px 0;border-right:1px solid var(--line);min-height:190px}.step:not(:first-child){padding-left:25px}.step:last-child{border-right:0}.step span{font-size:11px;color:#888}.step h3{font:600 25px "Space Grotesk";margin:45px 0 8px}.step p{color:#777;line-height:1.5;margin:0}.about{background:#e8e7e1;display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.about-card h2{font-size:clamp(40px,5vw,68px);margin-bottom:25px}.about-card>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#666;max-width:620px}.text-link{display:inline-block;margin-top:20px;font-weight:700;border-bottom:1px solid}.stats{display:grid;align-content:center;gap:35px}.stats div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #c9c7c0;padding-bottom:18px}.stats strong{font:600 38px "Space Grotesk"}.stats span{color:#777;align-self:end}.contact{background:var(--accent);text-align:center;padding-block:140px}.contact-inner{max-width:850px;margin:auto}.contact h2{margin:auto;font-size:clamp(48px,7vw,92px)}.contact-inner>p:not(.eyebrow){font-size:18px;color:#4f542e;line-height:1.6;max-width:570px;margin:30px auto}.big{font-size:15px;padding:18px 26px}.contact-links{display:flex;justify-content:center;gap:28px;margin-top:55px;font-size:13px;font-weight:600}footer{display:flex;justify-content:space-between;padding:25px 5vw;background:#111;color:#777;font-size:11px}.modal{display:none;position:fixed;inset:0;background:#000c;z-index:50;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-box{background:#171717;width:min(900px,100%);aspect-ratio:16/9;border-radius:18px;position:relative;padding:20px}.close{position:absolute;right:15px;top:12px;background:#fff;border:0;border-radius:50%;width:35px;height:35px;font-size:24px;cursor:pointer;z-index:2}.modal-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aaa}.modal-placeholder span{font:600 28px "Space Grotesk";color:#fff}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:850px){.nav nav,.nav-cta{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:70px}.hero-reel{height:430px}.section{padding-block:85px}.section-head{display:block}.muted{margin-top:20px}.work-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.project-large .project-visual{height:500px}.project-wide{grid-column:auto}.v4{height:330px}.service{grid-template-columns:45px 1fr 25px}.service p{grid-column:2/-1}.service b{grid-column:3;grid-row:1}.steps{grid-template-columns:1fr 1fr}.step{border-bottom:1px solid var(--line)}.about{grid-template-columns:1fr;gap:50px}.stats{gap:20px}.contact-links{flex-wrap:wrap}}@media(max-width:500px){.hero h1{font-size:49px}.hero-reel{height:360px}.trust{flex-direction:column;gap:9px}.section{padding:70px 5vw}.steps{grid-template-columns:1fr}.step,.step:not(:first-child){padding:20px 0;border-right:0}.step h3{margin-top:25px}.service h3{font-size:21px}footer{gap:10px;flex-direction:column}}