@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{--ink:#18201f;--muted:#66706d;--paper:#f7f7f3;--white:#fff;--line:#d9dcd5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.header{height:82px;padding:0 clamp(24px,5.5vw,88px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(24,32,31,.13);position:relative;z-index:5}.logo{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;letter-spacing:-.02em}.logo>span{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--dark);color:#fff;font-weight:700}.header nav{display:flex;gap:30px;font-size:13px}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--accent);transition:.2s}.header nav a:hover:after{width:100%}.menu{display:none;border:1px solid var(--line);background:transparent;border-radius:99px;padding:8px 13px}.hero{min-height:690px;padding:70px clamp(24px,5.5vw,88px) 86px;display:grid;grid-template-columns:1.08fr .92fr;gap:8vw;align-items:center}.kicker,.section-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;display:flex;align-items:center;gap:10px;color:var(--muted)}.kicker i{width:32px;height:1px;background:var(--accent)}.hero h1{font-family:Manrope,sans-serif;font-weight:500;font-size:clamp(54px,6.2vw,94px);line-height:1.02;letter-spacing:-.065em;max-width:900px;margin:25px 0}.lead{max-width:630px;color:var(--muted);font-size:17px}.actions{display:flex;align-items:center;gap:16px;margin-top:34px}.primary,.secondary,.outline{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:99px;padding:14px 20px;font-size:13px;transition:.22s}.primary{background:var(--dark);color:white}.secondary{border:1px solid var(--line)}.primary:hover,.secondary:hover,.outline:hover{transform:translateY(-2px)}.hero-panel{height:500px;background:var(--dark);color:white;border-radius:4px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.panel-top,.panel-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.live{display:flex;align-items:center;gap:7px;color:#cdd4d1}.live i{width:6px;height:6px;border-radius:50%;background:#86c792;box-shadow:0 0 0 4px rgba(134,199,146,.12)}.orb{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle at 34% 30%,var(--soft),var(--accent) 44%,transparent 70%);left:50%;top:46%;transform:translate(-50%,-50%);display:grid;place-items:center}.orb:after{content:"";position:absolute;inset:-35px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.orb span{font-family:Manrope;font-size:100px;font-weight:600;opacity:.92}.panel-bottom p{font-size:15px;text-transform:none;letter-spacing:0;margin:0}.panel-bottom small{width:145px;text-align:right;color:#aeb8b4;text-transform:none;letter-spacing:0}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px clamp(24px,5.5vw,88px);display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#777f7c}.strip i{width:3px;height:3px;border-radius:50%;background:var(--accent)}.intro{padding:125px clamp(24px,5.5vw,88px) 65px;display:grid;grid-template-columns:.32fr .68fr}.section-label span{color:var(--accent)}.intro-copy h2,.work h2,.about h2,.contact h2{font-family:Manrope;font-weight:500;font-size:clamp(42px,4.8vw,69px);line-height:1.08;letter-spacing:-.05em;margin:0}.intro-copy h2 em,.contact h2 em{color:var(--accent);font-style:normal}.intro-copy p{max-width:580px;color:var(--muted);margin:26px 0 0;font-size:16px}.cap-grid{margin:0 clamp(24px,5.5vw,88px) 125px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.cap-grid article{padding:32px 34px 10px 0;min-height:300px;border-right:1px solid var(--line);position:relative}.cap-grid article+article{padding-left:34px}.cap-grid article:last-child{border-right:0}.num{font-size:11px;color:var(--muted)}.icon{position:absolute;right:28px;top:28px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--accent)}.cap-grid h3{font:600 23px Manrope;margin:72px 0 12px;letter-spacing:-.03em}.cap-grid p{font-size:14px;color:var(--muted);max-width:340px}.cap-grid a{position:absolute;bottom:20px;font-size:12px;font-weight:600}.work{background:var(--dark);color:white;padding:105px clamp(24px,5.5vw,88px);display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw}.section-label.light{color:#aeb8b4}.work h2{margin:32px 0 20px}.work-copy>p{max-width:470px;color:#aeb8b4}.outline{border:1px solid rgba(255,255,255,.28);margin-top:26px}.case-stack{border-top:1px solid rgba(255,255,255,.2)}.case-stack article{min-height:155px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between;padding:24px 8px}.case-stack small{color:#8e9b96;font-size:10px;letter-spacing:.13em}.case-stack h3{font:500 24px Manrope;margin:10px 0}.case-stack>article>span{font:500 40px Manrope;color:var(--accent);letter-spacing:-.04em}.about{padding:125px clamp(24px,5.5vw,88px)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;margin-top:45px}.about-grid>div>p{color:var(--muted);max-width:570px;font-size:16px}.principles{border-top:1px solid var(--line)}.principles article{display:grid;grid-template-columns:55px .65fr 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line);align-items:start}.principles b{color:var(--accent);font-size:11px}.principles h3{font:600 18px Manrope;margin:0}.principles p{color:var(--muted);font-size:13px;margin:0}.contact{margin:0 clamp(16px,2vw,30px) 30px;padding:90px clamp(24px,4vw,65px);background:var(--soft);border-radius:4px}.contact h2{margin:25px 0 50px}.contact-row{display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(24,32,31,.18);padding-top:28px}.contact-row p{max-width:470px;color:#4f5c58}.contact-row a{font:600 clamp(16px,2vw,25px) Manrope;border-bottom:1px solid var(--ink);padding-bottom:6px}.contact-row a span{color:var(--accent)}footer{padding:35px clamp(24px,5.5vw,88px);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}footer .logo{color:var(--ink)}footer .logo>span{width:28px;height:28px}footer div{display:flex;gap:25px}.reveal{animation:up .65s both}@keyframes up{from{opacity:0;transform:translateY(18px)}}.delay{animation-delay:.12s}@media(max-width:900px){.header nav{display:none}.menu{display:block}.header.open nav{display:flex;position:absolute;top:70px;left:16px;right:16px;background:white;border:1px solid var(--line);padding:20px;flex-direction:column;border-radius:4px}.hero{grid-template-columns:1fr;padding-top:55px}.hero-panel{height:420px}.intro,.work,.about-grid{grid-template-columns:1fr;gap:40px}.cap-grid{grid-template-columns:1fr}.cap-grid article,.cap-grid article+article{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.strip span:nth-of-type(even),.strip i:nth-of-type(even){display:none}}@media(max-width:600px){.hero{padding-bottom:60px}.hero h1{font-size:49px}.actions{align-items:flex-start;flex-direction:column}.hero-panel{height:380px}.orb{width:300px;height:300px}.strip{gap:14px}.strip span:nth-of-type(3){display:none}.intro{padding-top:85px}.intro-copy h2,.work h2,.about h2,.contact h2{font-size:40px}.work,.about{padding-block:80px}.case-stack>article>span{font-size:27px}.principles article{grid-template-columns:35px 1fr}.principles p{grid-column:2}.contact{padding-block:65px}.contact-row{align-items:flex-start;flex-direction:column;gap:25px}footer{align-items:flex-start;flex-direction:column;gap:20px}}