@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{--ink:#101010;--muted:#686868;--paper:#f5f4ef;--white:#fff;--line:rgba(16,16,16,.14);--lime:#d7ff45;--orange:#ff6a3d;--dark:#111214;--max:1320px;--radius:24px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}
.container{width:min(calc(100% - 48px),var(--max));margin:auto}
nav{position:fixed;top:0;left:0;width:100%;z-index:100;background:rgba(245,244,239,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav-inner{height:82px;display:flex;align-items:center;justify-content:space-between}
.logo{font-family:"Space Grotesk";font-weight:700;font-size:20px;letter-spacing:-.06em;line-height:.85}.logo span{display:block;font-size:11px;letter-spacing:.08em;margin-top:7px}
.nav-links{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:currentColor;transition:.25s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}
.nav-cta{padding:13px 19px;background:var(--ink);color:#fff;border-radius:999px}.nav-cta:hover{background:var(--orange)}
.menu-btn{display:none;border:0;background:none;font-size:26px;cursor:pointer}
.hero{min-height:82vh;padding:160px 0 80px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:end}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;margin-bottom:24px}
h1{font-family:"Space Grotesk";font-size:clamp(62px,8.2vw,136px);line-height:.83;letter-spacing:-.075em}h1 .outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.hero-copy{max-width:500px;margin-left:auto}.hero-copy p{font-size:18px;line-height:1.65;color:#454545;margin-bottom:30px}
.circle-arrow{width:82px;height:82px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;font-size:30px;transition:.3s}.circle-arrow:hover{background:var(--ink);color:#fff;transform:rotate(45deg)}
.hero-art{margin-top:70px;height:260px;border-radius:var(--radius);overflow:hidden;position:relative;background:linear-gradient(120deg,#111 0 48%,#ff6a3d 48% 70%,#d7ff45 70%)}.hero-art:before{content:"BUSIness";position:absolute;font-family:"Space Grotesk";font-size:clamp(80px,14vw,200px);letter-spacing:-.08em;color:rgba(255,255,255,.09);left:-10px;bottom:-35px;white-space:nowrap}.hero-art:after{content:"iMAGe";position:absolute;font-family:"Space Grotesk";font-weight:700;font-size:clamp(45px,7vw,100px);letter-spacing:-.08em;right:40px;top:35px;color:#111}
section{padding:120px 0}.section-head{display:grid;grid-template-columns:.5fr 1fr;gap:50px;margin-bottom:65px}.section-number{font-size:12px;font-weight:700;letter-spacing:.12em}.section-title{font-family:"Space Grotesk";font-size:clamp(42px,6vw,88px);line-height:.95;letter-spacing:-.065em}.section-intro{color:var(--muted);max-width:720px;font-size:17px;margin-top:25px}
.dark{background:var(--dark);color:#fff}.dark .section-intro{color:#aaa}.accent{color:var(--lime)}
.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.big-statement{font-family:"Space Grotesk";font-size:clamp(32px,4vw,60px);line-height:1.02;letter-spacing:-.055em}.body-copy p{color:#555;font-size:17px;line-height:1.8;margin-bottom:25px}.dark .body-copy p{color:#c2c2c2}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service{min-height:350px;padding:34px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:rgba(255,255,255,.22);transition:.35s}.service:hover{transform:translateY(-7px);background:var(--ink);color:#fff}.service:nth-child(2):hover{background:var(--orange)}.service:nth-child(3):hover{background:#6366f1}.service:nth-child(4):hover{background:#0b8f72}.service:nth-child(5):hover{background:#7c4dff}.service-no{font-size:12px;opacity:.55}.service-icon{font-size:54px;line-height:1;margin:30px 0}.service h3{font-family:"Space Grotesk";font-size:30px;letter-spacing:-.04em;line-height:1;margin-bottom:14px}.service p{color:var(--muted);max-width:500px}.service:hover p{color:rgba(255,255,255,.75)}.service-arrow{position:absolute;right:28px;top:28px;width:45px;height:45px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.service:hover .service-arrow{transform:rotate(45deg)}
.magazine{background:var(--lime)}.magazine-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.magazine-copy p{font-size:18px;line-height:1.7;max-width:620px;margin:28px 0}.pill-link,.contact-btn{display:inline-flex;padding:15px 22px;border-radius:999px;background:var(--ink);color:#fff;font-weight:700}
.mag-cover{aspect-ratio:4/5;background:#111;border-radius:22px;color:#fff;padding:28px;position:relative;overflow:hidden;box-shadow:20px 20px 0 rgba(16,16,16,.12)}.mag-cover .small{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.cover-title{position:absolute;left:28px;bottom:34px;font-family:"Space Grotesk";font-size:clamp(45px,6vw,82px);line-height:.83;letter-spacing:-.08em}.mag-cover:before{content:"BUSIness";position:absolute;top:60px;right:-25px;color:var(--lime);font-family:"Space Grotesk";font-size:100px;letter-spacing:-.09em;transform:rotate(90deg)}
.values{background:#e9e7df}.value-list{border-top:1px solid var(--ink)}.value{display:grid;grid-template-columns:90px 1fr 1.5fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line)}.value h3{font-family:"Space Grotesk";font-size:28px;letter-spacing:-.045em}.value p{color:#555}
.contact-hero{background:var(--dark);color:#fff}.contact-title{font-family:"Space Grotesk";font-size:clamp(58px,9vw,135px);line-height:.82;letter-spacing:-.08em}.contact-title span{color:var(--lime)}
.contact-form{margin-top:75px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form input,.contact-form textarea{width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid #444;padding:18px 4px;outline:none}.contact-form textarea{grid-column:1/-1;min-height:140px;resize:vertical}.contact-form button{justify-self:start;border:0;cursor:pointer;background:var(--lime);color:var(--ink);padding:16px 25px;border-radius:999px;font-weight:800}
footer{background:var(--dark);color:#999;padding:28px 0;border-top:1px solid #333}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer-brand{color:#fff;font-family:"Space Grotesk";font-size:22px;font-weight:700}.footer-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:15px;color:#777}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:14px}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:20px;border-top:1px solid #333;font-size:12px}
.reveal{animation:up .8s ease both}@keyframes up{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@media(max-width:850px){.container{width:min(calc(100% - 32px),var(--max))}.nav-links{position:absolute;left:16px;right:16px;top:75px;display:none;flex-direction:column;align-items:flex-start;padding:24px;background:#fff;border-radius:18px;box-shadow:0 15px 50px rgba(0,0,0,.12)}.nav-links.open{display:flex}.menu-btn{display:block}.nav-cta{display:none}.hero{padding-top:125px}.hero-grid,.two-col,.magazine-layout{grid-template-columns:1fr}.hero-copy{margin:35px 0 0}.hero-art{margin-top:45px}section{padding:90px 0}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:45px}.services-grid{grid-template-columns:1fr}.service{min-height:310px}.value{grid-template-columns:45px 1fr}.value p{grid-column:2}.contact-form{grid-template-columns:1fr}.contact-form textarea{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:10px}}