:root{--ink:#111e38;--night:#101d38;--moon:#ffd84d;--paper:#f4f0e7;--orange:#ff6a3d;--line:rgba(17,30,56,.18);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif;--display:"Syne",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:#fff;font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.055;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='.7'/%3E%3C/svg%3E")}.nav-wrap{position:absolute;z-index:10;top:0;left:0;width:100%;height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;border-bottom:1px solid rgba(255,255,255,.16)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:700 19px var(--display);letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--moon);color:var(--ink);font-size:21px}.nav-wrap nav{display:flex;gap:35px}.nav-wrap nav a,.nav-cta{color:#fff;text-decoration:none;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em}.nav-wrap nav a{opacity:.72}.nav-wrap nav a:hover{opacity:1}.nav-cta{border-bottom:1px solid var(--moon);padding-bottom:5px}.nav-cta span{color:var(--moon)}.section-pad{padding:120px 7vw}.hero{min-height:840px;position:relative;display:grid;grid-template-columns:56% 44%;align-items:center;padding-top:155px;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow,.index{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:34px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--moon);box-shadow:0 0 0 4px rgba(255,216,77,.18)}h1,h2{font-family:var(--display);letter-spacing:-.07em;line-height:.91;margin:0}h1{font-size:clamp(56px,7.2vw,112px)}h1 em,h2 em{font-weight:600;color:var(--moon)}.hero-intro{max-width:585px;font-size:18px;line-height:1.65;color:#cbd1dd;margin:36px 0 38px}.hero-actions{display:flex;align-items:center;gap:34px}.button{display:inline-flex;justify-content:center;align-items:center;gap:36px;padding:18px 23px;border:0;text-decoration:none;text-transform:uppercase;font:500 11px var(--mono);letter-spacing:.06em;cursor:pointer;transition:.25s}.button-primary{background:var(--moon);color:var(--ink);box-shadow:6px 6px 0 var(--orange)}.button-primary:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--orange)}.text-link{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.06em}.moon-stage{position:relative;height:570px}.moon{position:absolute;top:30px;right:-20px;width:min(37vw,500px);aspect-ratio:1;border-radius:50%;background:var(--moon);color:var(--ink);display:grid;place-items:center;box-shadow:-35px 35px 90px rgba(255,216,77,.15)}.moon:before{content:"";position:absolute;inset:5%;border:1px solid rgba(17,30,56,.11);border-radius:50%}.moon span{font:800 clamp(48px,6vw,86px)/.78 var(--display);letter-spacing:-.09em;transform:rotate(-8deg);text-align:center}.crater{position:absolute;border:1px solid rgba(17,30,56,.17);border-radius:50%}.c1{width:16%;height:16%;left:18%;top:18%}.c2{width:8%;height:8%;right:19%;top:23%}.c3{width:12%;height:12%;right:21%;bottom:15%}.floating-tag{position:absolute;background:var(--paper);color:var(--ink);padding:15px 20px;font:500 10px/1.5 var(--mono);box-shadow:8px 8px 0 var(--orange);z-index:2}.tag-one{left:-20px;top:105px;transform:rotate(-8deg)}.tag-two{right:-15px;bottom:80px;transform:rotate(6deg)}.orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;pointer-events:none}.orbit-one{width:650px;height:650px;right:-50px;top:100px}.orbit-two{width:850px;height:850px;right:-145px;top:0}.scroll-note{position:absolute;bottom:30px;left:7vw;font:400 9px var(--mono);letter-spacing:.12em;opacity:.6}.scroll-note span{margin-left:12px;color:var(--moon)}.marquee{overflow:hidden;background:var(--moon);color:var(--ink);transform:rotate(-1.4deg);margin:-15px -10px 0;padding:19px 0}.marquee-track{display:flex;gap:30px;white-space:nowrap;width:max-content;animation:marquee 22s linear infinite;font:800 24px var(--display)}.marquee-track i{font-style:normal}.light-section{background:var(--paper);color:var(--ink)}.section-heading{display:grid;grid-template-columns:18% 50% 32%;align-items:end;margin-bottom:75px}.section-heading .index,.projects .index{align-self:start;color:#687080}.section-heading h2,.projects h2,.contact h2{font-size:clamp(48px,5.8vw,88px)}.section-heading h2 em{color:var(--orange)}.section-heading>p:last-child{font-size:15px;line-height:1.7;color:#626a79;max-width:380px}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card{position:relative;padding:45px 38px 50px;border-left:1px solid var(--line);min-height:440px;transition:.35s}.service-card:last-child{border-right:1px solid var(--line)}.service-card:hover{background:#fff;transform:translateY(-8px)}.service-card.feature{background:var(--moon);transform:translateY(-18px);box-shadow:10px 10px 0 var(--orange);border:1px solid var(--ink)}.service-card.feature:hover{transform:translateY(-25px)}.service-number{font:400 10px var(--mono);opacity:.55}.service-icon{font-size:48px;margin:42px 0 34px}.service-card h3{font:700 27px var(--display);margin:0 0 15px}.service-card p{font-size:14px;line-height:1.65;color:#626a79}.service-card ul{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--line)}.service-card li{font:400 10px var(--mono);text-transform:uppercase;padding:10px 0;border-bottom:1px solid var(--line)}.projects{padding-top:150px}.projects-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.projects-head h2 em{color:var(--moon)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 25px}.project-large{grid-row:span 2}.project-wide{margin-top:-80px}.project-visual{height:390px;position:relative;overflow:hidden;transition:.4s}.project-large .project-visual{height:690px}.project:hover .project-visual{transform:scale(.985)}.visual-culture{background:#de5d35;display:grid;place-items:center}.poster-word{position:absolute;font:800 clamp(50px,7vw,100px) var(--display);transform:rotate(-90deg);color:#f9c9a5}.poster-shape{width:45%;height:68%;border-radius:50% 50% 10% 10%;background:var(--night);box-shadow:25px 25px 0 var(--moon)}.mock-browser{position:absolute;top:20px;left:20px;right:20px;padding:10px 15px;background:var(--paper);color:var(--ink);font:9px var(--mono)}.visual-food{background:#95b496;display:grid;place-items:center}.food-card{font:800 70px/.8 var(--display);background:#f1d8bd;color:#e74e2c;padding:60px 40px;transform:rotate(-5deg);box-shadow:20px 22px 0 #183f37}.food-stamp{position:absolute;top:30px;right:30px;border-radius:50%;background:var(--moon);color:var(--ink);padding:15px;font:700 11px var(--display);transform:rotate(12deg)}.visual-arch{background:#d7d2c8;color:var(--ink)}.arch-name{position:absolute;z-index:2;left:35px;bottom:32px;font:800 58px/.85 var(--display)}.arch-grid{position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,var(--ink) 45% 46%,transparent 46%),linear-gradient(45deg,transparent 60%,var(--orange) 60%)}.visual-shop{background:#bbb4ef;color:var(--ink);display:flex;align-items:center;justify-content:space-around}.shop-copy{font:800 67px/.8 var(--display);position:relative;z-index:2}.shop-product{width:190px;height:270px;background:var(--orange);border-radius:90px 90px 30px 30px;display:grid;place-items:center;font:700 28px var(--display);box-shadow:20px 18px 0 var(--moon);transform:rotate(7deg)}.project-meta{display:flex;justify-content:space-between;align-items:end;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);margin-top:18px}.project-meta h3{font:700 24px var(--display);margin:0 0 5px}.project-meta p,.project-meta span{margin:0;color:#9fa8b9}.project-meta p{font-size:12px}.project-meta span{font:400 9px var(--mono);text-transform:uppercase}.method{padding-top:140px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.step{padding:40px 30px 20px 0;border-right:1px solid var(--line);min-height:250px}.step:not(:first-child){padding-left:30px}.step span{font:400 10px var(--mono);color:var(--orange)}.step h3{font:700 24px var(--display);margin:45px 0 15px}.step p{font-size:13px;line-height:1.7;color:#626a79}.testimonial{text-align:center;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center}.testimonial .index{color:var(--moon)}blockquote{font:600 clamp(30px,4.3vw,62px)/1.18 var(--display);letter-spacing:-.05em;max-width:1050px;margin:40px auto}.person{display:flex;align-items:center;gap:13px;text-align:left}.avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--orange);font:700 11px var(--mono)}.person strong,.person span{display:block}.person strong{font-size:12px}.person span{font-size:10px;color:#9fa8b9}.stars{color:var(--moon);margin-left:20px;font-size:10px}.contact{background:var(--orange);color:var(--ink);display:grid;grid-template-columns:1fr 1.15fr;gap:10vw}.contact h2{margin:25px 0 35px}.contact h2 em{color:var(--paper)}.contact-copy>p:not(.index){max-width:430px;line-height:1.7}.contact-copy>a{display:inline-block;color:inherit;margin-top:35px;font:500 13px var(--mono)}.brief-form{background:var(--paper);padding:45px;box-shadow:12px 12px 0 var(--night)}.brief-form label{display:block;font:600 23px/2 var(--display);border-bottom:1px solid var(--line)}.brief-form input,.brief-form select{border:0;border-bottom:1px dashed var(--orange);background:transparent;color:var(--orange);font:600 21px var(--display);outline:0;padding:0 5px;max-width:100%}.brief-form .button{margin-top:35px}.form-status{font:500 11px var(--mono);min-height:1em;margin-bottom:0}footer{padding:35px 5vw;display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:25px;align-items:center;font-size:10px;color:#9fa8b9}footer>div{display:flex;gap:20px}footer a{color:inherit;text-decoration:none}footer .brand{color:#fff}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.delay-3{transition-delay:.36s}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.nav-wrap nav{display:none}.hero{grid-template-columns:1fr;padding-top:150px;min-height:1050px}.hero-copy{align-self:start}.moon-stage{height:460px}.moon{width:390px;right:0}.section-heading{grid-template-columns:1fr}.section-heading h2{margin:25px 0}.services{grid-template-columns:1fr}.service-card.feature{transform:none;box-shadow:none}.service-card:hover,.service-card.feature:hover{transform:none}.project-wide{margin-top:0}.contact{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.section-pad{padding:90px 6vw}.nav-wrap{padding:0 6vw}.nav-cta{font-size:0}.nav-cta span{font-size:18px}.hero{min-height:930px}.hero-intro{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.moon-stage{height:360px}.moon{width:310px;right:-30px}.tag-one{left:5px}.tag-two{right:0}.project-grid{grid-template-columns:1fr;gap:55px}.project-large{grid-row:auto}.project-visual,.project-large .project-visual{height:430px}.project-meta{align-items:flex-start;gap:10px}.project-meta span{text-align:right}.steps{grid-template-columns:1fr}.step{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}.contact{gap:60px}.brief-form{padding:28px 20px}.brief-form label{font-size:18px;line-height:2.5}.brief-form input,.brief-form select{font-size:16px}.section-heading,.projects-head{display:block}.projects-head .text-link{display:inline-block;margin-top:30px}footer{grid-template-columns:1fr}footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}}