@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#171714;background:#f2f0e9;font-synthesis:none;--ink:#171714;--paper:#f2f0e9;--blue:#3157ff;--acid:#d9ff43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}button,a{font:inherit}a{color:inherit}::selection{color:#fff;background:var(--blue)}.nav{position:fixed;z-index:20;top:18px;left:24px;right:24px;height:64px;padding:0 12px 0 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(23,23,20,.18);border-radius:14px;background:#f2f0e9b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:.2s}.nav--scrolled{background:#f2f0e9eb;box-shadow:0 10px 30px #17171414}.brand{display:flex;align-items:center;font-weight:600;text-decoration:none;letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{text-decoration:none;font-size:14px;font-weight:500}.nav-links a:not(.nav-cta):hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{padding:12px 17px;color:#fff;background:var(--ink);border-radius:9px}.menu-button{display:none;border:0;background:transparent}.hero{position:relative;min-height:94vh;padding:150px 6vw 70px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;background:var(--acid)}.hero-kicker,.eyebrow{position:relative;z-index:2;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600}.hero-kicker{display:flex;align-items:center;gap:10px}.hero-kicker span{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #3157ff24}.hero h1{position:relative;z-index:2;max-width:1250px;margin:8vh 0 7vh;font-family:Manrope,sans-serif;font-size:clamp(62px,10.3vw,154px);line-height:.84;letter-spacing:-.075em;font-weight:600}.hero h1 em,.footer h2 em{font-weight:400;color:var(--blue)}.hero-bottom{position:relative;z-index:2;display:flex;justify-content:flex-end;align-items:end;gap:9vw}.hero-bottom p{max-width:520px;margin:0;font-size:clamp(19px,2vw,27px);line-height:1.27;letter-spacing:-.03em}.circle-link{flex:0 0 auto;width:68px;height:68px;display:grid;place-items:center;color:#fff;background:var(--blue);border-radius:50%;transition:transform .2s}.circle-link:hover{transform:translateY(5px)}.orb{position:absolute;border:1px solid rgba(23,23,20,.22);border-radius:50%}.orb-one{width:39vw;height:39vw;right:8vw;top:15vh}.orb-two{width:24vw;height:24vw;right:2vw;top:8vh;background:#ffffff2e}.marquee{overflow:hidden;padding:19px 0;color:#fff;background:var(--ink);white-space:nowrap}.marquee div{width:max-content;font-family:Manrope;font-size:13px;letter-spacing:.12em;animation:marquee 25s linear infinite}.marquee i{margin:0 30px;color:var(--acid);font-style:normal}@keyframes marquee{to{transform:translate(-35%)}}.section{padding:120px 6vw}.section-heading{display:grid;grid-template-columns:1fr 2.2fr 1fr;gap:4vw;align-items:end;margin-bottom:70px}.section-heading h2,.services h2{margin:0;font-family:Manrope;font-size:clamp(45px,6.2vw,90px);line-height:.96;letter-spacing:-.065em;font-weight:500}.section-heading p{margin:0;font-size:17px;line-height:1.5}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{min-height:590px;padding:14px;display:flex;flex-direction:column;border:1px solid rgba(23,23,20,.15);border-radius:20px;background:#e8e5dd}.project-visual{position:relative;flex:1;min-height:340px;overflow:hidden;display:grid;place-items:center;border-radius:12px;background:var(--card)}.project-number{position:absolute;top:18px;left:18px;font:600 11px Manrope;letter-spacing:.12em}.project-mark{position:relative;z-index:2;font:600 clamp(64px,9vw,135px)/1 "Manrope";letter-spacing:-.09em;transform:rotate(-6deg)}.project-window{position:absolute;width:56%;height:34%;right:-4%;bottom:-5%;padding:14px;display:flex;gap:6px;border:1px solid rgba(23,23,20,.25);border-radius:13px 13px 0 0;background:#ffffff8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:rotate(-5deg)}.project-window span{width:7px;height:7px;border-radius:50%;background:var(--ink);opacity:.45}.project-card--cobalt{--card:#3157ff;color:#f6f4ed}.project-card--acid{--card:#d9ff43}.project-card--coral{--card:#ff8064}.project-card--lavender{--card:#b9a6ff}.project-card--orange{--card:#ffac3f}.project-card--sky{--card:#80d9ff}.project-copy{min-height:215px;padding:26px 10px 10px;display:flex;justify-content:space-between;gap:20px;color:var(--ink)}.project-copy h3{margin:7px 0 10px;font:600 32px Manrope;letter-spacing:-.045em}.project-copy p{max-width:480px;margin:0;line-height:1.48;color:#4e4d48}.project-type{text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:600}.project-copy a{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;transition:.2s}.project-copy a:hover{color:#fff;background:var(--ink)}.services{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;color:#f4f1e9;background:var(--blue)}.services-intro{position:sticky;top:120px;align-self:start}.services h2{margin:25px 0 30px}.services-intro>p{max-width:560px;font-size:20px;line-height:1.5;color:#ffffffc2}.text-link{margin-top:40px;display:inline-flex;gap:9px;align-items:center;font-weight:600;text-underline-offset:5px}.text-link svg{width:18px}.service-row{padding:36px 0;display:grid;grid-template-columns:50px 1fr;border-top:1px solid rgba(255,255,255,.32)}.service-row:last-child{border-bottom:1px solid rgba(255,255,255,.32)}.service-row>span{font:500 11px Manrope;letter-spacing:.12em;color:var(--acid)}.service-row h3{margin:0 0 13px;font:500 clamp(27px,3vw,42px) "Manrope";letter-spacing:-.04em}.service-row p{max-width:550px;margin:0;line-height:1.55;color:#ffffffb3}.about{display:grid;grid-template-columns:1fr 3fr;gap:5vw;background:#e7e3d9}.about-lead{max-width:960px;margin:0 0 55px;font:500 clamp(38px,5.6vw,78px)/1.08 "Manrope";letter-spacing:-.055em}.about-lead a{color:var(--blue);text-decoration-thickness:3px;text-underline-offset:7px}.about-columns{max-width:900px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;font-size:18px;line-height:1.55}.stats{margin-top:80px;padding-top:28px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(23,23,20,.25)}.stats div{display:flex;flex-direction:column}.stats strong{font:500 clamp(45px,6vw,84px) "Manrope";letter-spacing:-.06em}.stats span{font-size:13px;text-transform:uppercase;letter-spacing:.12em}.footer{padding:110px 6vw 35px;color:#f5f3ec;background:var(--ink)}.footer .eyebrow{color:var(--acid)}.footer h2{margin:40px 0 55px;font:500 clamp(70px,13vw,190px)/.78 "Manrope";letter-spacing:-.075em}.email-link{display:inline-flex;gap:12px;align-items:center;font:500 clamp(22px,3vw,42px) "Manrope";text-decoration-thickness:2px;text-underline-offset:9px}.footer-bottom{margin-top:110px;padding-top:24px;display:grid;grid-template-columns:1fr 1fr auto;border-top:1px solid rgba(255,255,255,.24);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.footer-bottom a{text-decoration:none}@media (max-width:800px){.nav{top:10px;left:10px;right:10px}.menu-button{display:grid;place-items:center}.nav-links{position:absolute;top:70px;left:0;right:0;padding:22px;display:none;flex-direction:column;align-items:stretch;background:var(--paper);border:1px solid rgba(23,23,20,.18);border-radius:14px;box-shadow:0 20px 40px #00000024}.nav-links--open{display:flex}.nav-cta{text-align:center}.hero{min-height:820px;padding:125px 22px 45px}.hero h1{margin:auto 0}.hero-bottom{align-items:center}.hero-bottom p{font-size:18px}.circle-link{width:55px;height:55px}.orb-one{width:90vw;height:90vw}.orb-two{width:60vw;height:60vw}.section{padding:85px 22px}.section-heading{grid-template-columns:1fr}.section-heading h2{font-size:52px}.section-heading p{max-width:430px}.project-grid{grid-template-columns:1fr}.project-card{min-height:520px}.project-visual{min-height:285px}.project-copy{min-height:190px}.services{grid-template-columns:1fr;gap:65px}.services-intro{position:static}.about,.about-columns{grid-template-columns:1fr}.stats{gap:15px}.stats strong{font-size:50px}.stats span{font-size:9px}.footer-bottom{grid-template-columns:1fr;gap:16px}}.project-card--mint{--card:#8ee3b2}.project-card--rose{--card:#f6a8bd}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}}