:root{--ink:#111310;--paper:#f1f0e9;--acid:#c7f43d;--muted:#a4a69e;--line:rgba(17,19,16,.16);--pad:clamp(24px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;z-index:20;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.section-pad{padding-left:var(--pad);padding-right:var(--pad)}a{color:inherit;text-decoration:none}.site-header{height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.logo{font:800 20px Manrope,sans-serif;letter-spacing:-1px}.logo span{display:inline-flex;background:var(--ink);color:var(--acid);padding:5px 6px;margin-right:4px}.site-header nav{display:flex;gap:36px;font-size:14px}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--ink);transition:.3s}.site-header nav a:hover:after{right:0}.header-cta{background:var(--ink);color:white;padding:14px 20px;font-size:14px;border-radius:2px;transition:.25s}.header-cta:hover{background:var(--acid);color:var(--ink)}.header-cta span{margin-left:16px}.menu-button{display:none;background:none;border:0}.hero{min-height:calc(100vh - 88px);padding-top:9vh;padding-bottom:8vh;position:relative;overflow:hidden}.hero-kicker{font-size:13px;text-transform:uppercase;letter-spacing:1.5px;display:flex;align-items:center;gap:10px}.pulse{width:8px;height:8px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 7px rgba(199,244,61,.25)}.hero h1{font:800 clamp(62px,10.3vw,160px)/.82 Manrope,sans-serif;letter-spacing:-.075em;margin:7vh 0 6vh;position:relative;z-index:2}.hero h1 span{font-weight:500;color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;position:relative;z-index:2}.hero-bottom>p{font-size:clamp(17px,1.5vw,22px);line-height:1.5;max-width:560px;margin:0 0 0 24vw}.circle-link{width:118px;height:118px;border-radius:50%;background:var(--acid);display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;transition:.3s}.circle-link b{font-size:24px}.circle-link:hover{transform:rotate(-8deg) scale(1.04)}.orbit{position:absolute;border:1px solid rgba(17,19,16,.12);border-radius:50%;pointer-events:none}.orbit-one{width:500px;height:500px;right:-170px;top:80px}.orbit-two{width:640px;height:640px;right:-240px;top:10px}.proof-strip{background:var(--acid);padding:28px var(--pad);display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;align-items:center;gap:30px}.proof-strip>div{display:flex;align-items:center;gap:15px}.proof-strip strong{font:800 30px Manrope}.proof-strip span,.proof-strip p{font-size:13px;line-height:1.5}.proof-strip p{margin:0;text-align:right;text-transform:uppercase;letter-spacing:1px}.work{padding-top:130px;padding-bottom:150px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.eyebrow{font-size:12px;letter-spacing:1.7px;text-transform:uppercase;font-weight:600}.section-heading h2,.process h2{font:700 clamp(42px,5.4vw,78px)/.96 Manrope;margin:22px 0 0;letter-spacing:-.055em}.section-heading>p{max-width:300px;line-height:1.6;color:#676a63;margin:0}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px 24px;align-items:start}.project-visual{height:520px;position:relative;overflow:hidden}.project:nth-child(2) .project-visual,.project:nth-child(3) .project-visual{height:420px}.project-meta{display:flex;justify-content:space-between;align-items:start;padding-top:18px}.project-meta h3{font:700 20px Manrope;margin:0 0 5px}.project-meta p,.project-meta span{font-size:13px;color:#6e706a;margin:0}.visual-ember{background:#e35f35;padding:50px}.mock-browser{height:100%;background:#f8e6d1;box-shadow:0 26px 50px rgba(74,23,8,.25)}.browser-bar{height:32px;background:white;display:flex;align-items:center;gap:5px;padding:0 10px}.browser-bar i{width:6px;height:6px;border-radius:50%;background:#d8d8d8}.browser-bar span{font-size:7px;color:#aaa;margin:auto}.ember-page{height:calc(100% - 32px);padding:38px;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent),radial-gradient(circle at 80% 55%,#28140c 0 23%,transparent 24%);display:flex;flex-direction:column;align-items:flex-start}.ember-page small{font-size:8px;letter-spacing:2px}.ember-page b{font:800 clamp(42px,5vw,76px)/.82 Manrope;margin:auto 0;letter-spacing:-5px}.ember-page em{font-style:normal;font-size:8px;border-bottom:1px solid;padding-bottom:4px}.visual-arc{background:#cec7bc}.arc-card{position:absolute;z-index:2;inset:50px;display:flex;flex-direction:column}.arc-card small{letter-spacing:3px;font-size:10px}.arc-card b{font:600 clamp(37px,4.5vw,58px)/1 Manrope;margin:auto 0;letter-spacing:-3px}.arc-card span{font-size:11px}.arch{position:absolute;border:1px solid rgba(17,19,16,.4);border-bottom:0;border-radius:150px 150px 0 0}.arch-one{width:230px;height:350px;right:-50px;bottom:0}.arch-two{width:160px;height:250px;right:-15px;bottom:0}.visual-flux{background:#161616;color:white;padding:50px}.flux-copy{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.flux-copy small{color:var(--acid);font-size:9px;letter-spacing:2px}.flux-copy b{font:700 clamp(42px,6vw,80px)/.78 Manrope;letter-spacing:-5px;margin:auto 0}.flux-copy button{align-self:flex-start;border:0;background:var(--acid);padding:10px 15px;font:700 9px Manrope}.flux-ring{position:absolute;border:45px solid var(--acid);width:280px;height:280px;border-radius:50%;right:-110px;top:55px;opacity:.9}.visual-north{background:#285ee8;color:white}.north-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(255,255,255,.16) 20%)}.north-copy{position:absolute;inset:50px;display:flex;flex-direction:column}.north-copy small{letter-spacing:3px}.north-copy b{font:600 clamp(50px,6vw,85px)/.95 Manrope;margin:auto 0;letter-spacing:-5px}.north-copy span{font-size:11px}.services{background:var(--ink);color:white;padding-top:130px;padding-bottom:130px}.section-heading.light{margin-bottom:65px}.section-heading.light h2{font-size:clamp(42px,5vw,72px)}.service{display:grid;grid-template-columns:60px 1fr 1fr 50px;gap:25px;align-items:center;border-top:1px solid rgba(255,255,255,.17);padding:32px 0;transition:.3s}.service:last-child{border-bottom:1px solid rgba(255,255,255,.17)}.service:hover{padding-left:18px;color:var(--acid)}.service>span{font-size:12px;color:#8d9088}.service h3{font:600 clamp(24px,3vw,40px) Manrope;margin:0;letter-spacing:-1.5px}.service p{color:#a7aaa3;line-height:1.6;margin:0;max-width:400px}.service b{font-size:25px;text-align:right}.process{padding-top:140px;padding-bottom:150px}.process-intro{display:grid;grid-template-columns:1fr 2fr;column-gap:50px}.process-intro .eyebrow{grid-row:1/3}.process-intro h2{margin-top:0}.process-intro p{max-width:440px;line-height:1.6;font-size:18px}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:100px}.process-steps article{border-top:1px solid var(--ink);padding-top:18px}.process-steps span{font-size:11px;letter-spacing:1px}.process-steps h3{font:700 25px Manrope;margin:55px 0 14px}.process-steps p{color:#686b64;line-height:1.6;font-size:14px}.testimonial{background:var(--acid);padding-top:120px;padding-bottom:120px;display:grid;grid-template-columns:1fr 3fr;gap:50px}.quote-mark{font:800 130px/1 Georgia}.testimonial blockquote{font:600 clamp(31px,4vw,58px)/1.15 Manrope;letter-spacing:-2.5px;margin:0}.quote-person{grid-column:2;display:flex;align-items:center;gap:12px;margin-top:35px}.avatar{width:42px;height:42px;background:var(--ink);color:var(--acid);border-radius:50%;display:grid;place-items:center;font-size:12px}.quote-person p{display:flex;flex-direction:column;margin:0;font-size:13px}.quote-person span{opacity:.65;margin-top:3px}.contact{background:var(--ink);color:white;position:relative;overflow:hidden;padding-top:130px;padding-bottom:130px}.contact h2{font:700 clamp(60px,9vw,138px)/.86 Manrope;letter-spacing:-.07em;margin:50px 0 70px;position:relative;z-index:2}.contact h2 span{color:var(--acid)}.contact>a{font:500 clamp(19px,2vw,27px) Manrope;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:9px;position:relative;z-index:2}.contact>a b{margin-left:20px}.contact-orbit{width:560px;height:560px;border:1px solid rgba(199,244,61,.3);border-radius:50%;position:absolute;right:-120px;top:30px;box-shadow:0 0 0 80px rgba(199,244,61,.04),0 0 0 160px rgba(199,244,61,.025)}footer{background:var(--ink);color:white;border-top:1px solid rgba(255,255,255,.15);padding:45px var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start}footer p{font-size:13px;color:#999d95;line-height:1.6;margin:0}footer>div{display:flex;justify-content:flex-end;gap:24px;font-size:13px}footer small{grid-column:1/-1;color:#73766f;font-size:11px;margin-top:50px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:800px){.site-header{height:74px}.site-header nav,.header-cta{display:none}.menu-button{display:flex;flex-direction:column;gap:6px}.menu-button span{width:27px;height:1px;background:var(--ink)}.site-header.menu-open nav{display:flex;position:absolute;top:74px;left:0;right:0;background:var(--ink);color:white;flex-direction:column;padding:35px var(--pad);font-size:28px}.hero{min-height:780px;padding-top:70px}.hero h1{font-size:clamp(57px,17vw,95px);margin:70px 0}.hero-bottom{align-items:center}.hero-bottom>p{margin:0;max-width:65%;font-size:16px}.circle-link{width:92px;height:92px}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip p{display:none}.proof-strip strong{font-size:24px}.proof-strip>div{display:block}.section-heading{display:block}.section-heading>p{margin-top:25px}.work{padding-top:90px;padding-bottom:100px}.project-grid{grid-template-columns:1fr;gap:55px}.project-visual,.project:nth-child(2) .project-visual,.project:nth-child(3) .project-visual{height:430px}.visual-ember{padding:25px}.ember-page{padding:25px}.project-meta span{display:none}.services{padding-top:90px;padding-bottom:90px}.service{grid-template-columns:40px 1fr 30px}.service p{grid-column:2/4}.process{padding-top:90px;padding-bottom:100px}.process-intro{display:block}.process-intro h2{margin-top:25px}.process-steps{grid-template-columns:1fr 1fr;margin-top:60px}.process-steps h3{margin-top:30px}.testimonial{display:block;padding-top:80px;padding-bottom:80px}.quote-mark{height:75px}.testimonial blockquote{font-size:34px}.quote-person{margin-top:35px}.contact{padding-top:90px;padding-bottom:100px}.contact h2{font-size:16vw;margin:40px 0 60px}.contact-orbit{opacity:.6}footer{grid-template-columns:1fr 1fr}footer>div{grid-column:1/-1;justify-content:flex-start}footer small{margin-top:20px}}
@media(max-width:480px){.hero{min-height:700px}.hero h1{font-size:16vw}.hero-bottom>p{max-width:60%}.circle-link{width:82px;height:82px;font-size:11px}.proof-strip{gap:18px}.project-visual,.project:nth-child(2) .project-visual,.project:nth-child(3) .project-visual{height:330px}.north-copy,.arc-card{inset:30px}.visual-flux{padding:30px}.process-steps{grid-template-columns:1fr}.process-steps h3{margin-top:20px}.testimonial blockquote{font-size:29px}.service{grid-template-columns:32px 1fr 25px}.service h3{font-size:23px}footer{grid-template-columns:1fr}.orbit{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
.project-visual.portfolio-image{background:transparent;height:auto;aspect-ratio:1/1}
.portfolio-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.project-wide{grid-column:1/-1;width:calc(57.5% - 12px)}
@media(max-width:800px){.project-wide{grid-column:auto;width:auto}}

/* Uniform portfolio grid */
.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:22px;align-items:start;width:76.5%;margin-left:auto;margin-right:auto}
.project,.project-large,.project-wide{width:auto;grid-column:auto}
.project-grid .project .project-visual.portfolio-image{width:100%;height:auto;aspect-ratio:1/1}
.project-meta{padding-top:14px}
@media(max-width:800px){.project-grid{grid-template-columns:1fr;row-gap:24px;width:76.5%}.project-meta{padding-top:10px}.project-grid .project .project-visual.portfolio-image{height:auto}}