:root{--nav-height: 96px;--bg: #f8f2ea;--surface: #fff8f1;--surface-strong: #ffffff;--text: #111111;--muted: #544b43;--line: rgba(17, 17, 17, .12);--orange: #ff6a00;--orange-deep: #da5200;--orange-soft: #ffb47c;--black: #111111;--white: #ffffff;--shadow: 0 20px 50px rgba(17, 17, 17, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Space Grotesk,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,106,0,.2),transparent 28%),linear-gradient(180deg,#fff6ed,#f8f2ea,#f4eee8)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{position:relative;min-height:100vh;overflow:hidden}.site-main{padding-top:var(--nav-height)}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.1;background-image:linear-gradient(rgba(17,17,17,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.03) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 85%);mask-image:radial-gradient(circle at center,black,transparent 85%)}.navbar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 5vw;background:#f8f2ead1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(17,17,17,.08)}.brand{display:inline-flex;align-items:center;line-height:1}.brand-logo{width:220px;height:auto;object-fit:contain}.menu-toggle,.mobile-menu,.mobile-menu-overlay{display:none}.nav-links{display:flex;align-items:center;gap:10px;padding:6px;border:1px solid var(--line);border-radius:999px;background:#ffffff8c}.nav-link{padding:10px 16px;border-radius:999px;font-size:.95rem;transition:background-color .18s ease,color .18s ease,transform .18s ease}.nav-link:hover,.nav-link.active{background:var(--black);color:var(--white);transform:translateY(-1px)}.nav-cta,.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;border-radius:999px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.nav-cta,.button-primary{background:var(--orange);color:var(--black);box-shadow:var(--shadow)}.button-secondary{border:1px solid var(--line);background:#fff9}.nav-cta:hover,.button-primary:hover,.button-secondary:hover{transform:translateY(-3px)}.menu-toggle{position:relative;width:54px;height:54px;border:1px solid var(--line);border-radius:50%;background:#ffffffc7;box-shadow:var(--shadow);cursor:pointer}.menu-toggle span{position:absolute;left:50%;width:22px;height:2px;background:var(--black);transition:transform .18s ease,opacity .18s ease}.menu-toggle span:nth-child(1){top:18px;transform:translate(-50%)}.menu-toggle span:nth-child(2){top:26px;transform:translate(-50%)}.menu-toggle span:nth-child(3){top:34px;transform:translate(-50%)}.menu-toggle.active span:nth-child(1){transform:translate(-50%) translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translate(-50%) translateY(-8px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#11111161;opacity:0;pointer-events:none;transition:opacity .18s ease}.mobile-menu{position:fixed;top:0;right:0;z-index:40;width:min(88vw,360px);height:100vh;padding:24px 20px 28px;background:radial-gradient(circle at top,rgba(255,106,0,.22),transparent 30%),#f8f2eafa;border-left:1px solid rgba(17,17,17,.08);box-shadow:-24px 0 60px #1111112e;transform:translate(100%);transition:transform .22s ease}.mobile-menu.open{transform:translate(0)}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.mobile-close{border:0;background:transparent;font:inherit;font-weight:700;cursor:pointer}.mobile-nav-links{display:flex;flex-direction:column;gap:10px}.mobile-nav-link{padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:#ffffffb8;font-family:Bricolage Grotesque,sans-serif;font-size:1.35rem;font-weight:700;transition:transform .18s ease,background-color .18s ease,color .18s ease}.mobile-nav-link.active,.mobile-nav-link:hover{background:var(--black);color:var(--white);transform:translate(4px)}.mobile-cta{width:100%;margin-top:18px}.hero,.section,.footer{padding-left:5vw;padding-right:5vw}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;min-height:calc(100vh - 92px);padding-top:48px;padding-bottom:56px}.eyebrow{margin:0 0 14px;font-size:.88rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--orange-deep)}.hero h1,.section-intro h2,.footer h2,.contact-banner h3{margin:0;font-family:Bricolage Grotesque,sans-serif;line-height:.92;letter-spacing:-.05em}.hero h1{max-width:10ch;font-size:clamp(3.8rem,9vw,7.6rem)}.hero h1 span{display:block;color:var(--orange)}.hero-text,.section-text,.service-card p,.process-card p,.work-card p,.about-card p,.contact-card p,.contact-banner p,.stack-card p,.process-inline-card p,.footer-address{color:var(--muted);font-size:1.05rem;line-height:1.7}.hero-text{max-width:38rem;margin:22px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.hero-art{position:relative;min-height:600px}.floating-card,.service-card,.stat-card,.process-card,.work-card,.about-card,.contact-card,.contact-banner,.stack-card,.process-inline-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#ffffffc2;box-shadow:var(--shadow)}.floating-card{position:absolute;display:grid;place-items:center;padding:24px;min-width:200px;min-height:140px;font-family:Bricolage Grotesque,sans-serif;font-size:1.35rem;font-weight:700;line-height:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:floatCard 6s ease-in-out infinite}.card-a{top:40px;left:8%;background:var(--orange)}.card-b{top:110px;right:4%;animation-delay:1s}.card-c{bottom:120px;left:0;animation-delay:2s}.card-d{right:10%;bottom:20px;background:var(--black);color:var(--white);animation-delay:3s}.hero-ring,.hero-burst{position:absolute;top:50%;right:50%;bottom:50%;left:50%;translate:-50% -50%;border-radius:50%}.hero-ring{width:340px;height:340px;border:26px solid rgba(255,106,0,.22);animation:spinSlow 18s linear infinite}.hero-burst{width:520px;height:520px;background:radial-gradient(circle,rgba(255,106,0,.24),transparent 48%),conic-gradient(from 90deg,rgba(17,17,17,.18),transparent,rgba(255,106,0,.22),transparent);filter:blur(8px);animation:pulseGlow 5.5s ease-in-out infinite}.ticker{overflow:hidden;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--black);color:var(--white)}.ticker-track{display:flex;gap:42px;width:max-content;padding-left:5vw;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(1.3rem,3vw,2.6rem);font-weight:800;text-transform:uppercase;animation:marquee 22s linear infinite}.ticker-track span:after{content:"✦";margin-left:42px;color:var(--orange)}.section{padding-top:96px;padding-bottom:96px}.page-section{min-height:70vh}.section-intro{max-width:52rem;margin-bottom:36px}.section-intro h2{font-size:clamp(2.6rem,6vw,5rem)}.section-text{margin-top:18px;max-width:44rem}.service-grid,.stats-grid,.process-grid,.work-grid,.about-grid,.contact-grid{display:grid;gap:22px}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-card,.stat-card,.process-card,.work-card,.about-card,.contact-card,.contact-banner,.stack-card,.process-inline-card{padding:26px}.service-card h3,.process-card h3,.work-card h3,.about-card h3,.contact-banner h3,.stack-card h3,.process-inline-card h3{margin:0 0 14px;font-family:Bricolage Grotesque,sans-serif;font-size:1.55rem;line-height:1}.service-number,.process-index,.work-category{margin:0 0 18px;font-weight:800;color:var(--orange-deep);text-transform:uppercase;letter-spacing:.12em}.alt-section{background:linear-gradient(135deg,rgba(255,106,0,.08),transparent 42%),#ffffff59}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.stat-card h3{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(3rem,7vw,5.5rem);line-height:1}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{min-height:280px;background:linear-gradient(180deg,#ffffffd9,#fff4ecc7),var(--surface)}.work-card.tall{min-height:340px}.stack-grid{display:grid;gap:18px}.stack-card{display:grid;grid-template-columns:280px 1fr;align-items:start;gap:24px}.process-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}.about-grid{grid-template-columns:1.3fr 1fr 1fr}.about-card.main{background:var(--black);color:var(--white)}.about-card.main p{color:#fffc}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card,.contact-banner{min-height:210px}.contact-card a{font-family:Bricolage Grotesque,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1}.contact-card.full{grid-column:span 2}.contact-banner{display:flex;flex-direction:column;justify-content:space-between;background:var(--orange)}.footer{padding-top:32px;padding-bottom:48px}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:24px;padding:28px;border-radius:32px;border:1px solid var(--line);background:#111111f5;color:var(--white)}.footer .eyebrow{color:var(--orange-soft)}.footer h2{font-size:clamp(2.1rem,5vw,4rem)}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-address{margin:18px 0 0;max-width:38rem}.floating-whatsapp{position:fixed;right:20px;bottom:20px;z-index:30;display:inline-flex;align-items:center;gap:12px;padding:14px 18px;border-radius:999px;background:var(--black);color:var(--white);box-shadow:0 18px 50px #11111140;transition:transform .18s ease,background-color .18s ease}.floating-whatsapp:hover{transform:translateY(-3px);background:#1d1d1d}.wa-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--orange);color:var(--black);font-weight:800}@keyframes floatCard{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(1.5deg)}}@keyframes spinSlow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulseGlow{0%,to{transform:translate(-50%,-50%) scale(.95)}50%{transform:translate(-50%,-50%) scale(1.06)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 1080px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:28px}.hero-art{min-height:500px}.service-grid,.process-grid,.stats-grid,.process-band,.about-grid,.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){:root{--nav-height: 88px}.navbar{flex-wrap:nowrap;padding-top:14px;padding-bottom:14px}.desktop-nav,.desktop-cta{display:none}.menu-toggle,.mobile-menu,.mobile-menu-overlay{display:block}.hero,.section,.footer{padding-left:20px;padding-right:20px}.hero h1{max-width:none;font-size:clamp(3rem,16vw,4.7rem)}.brand-logo{width:164px}.hero-art{min-height:420px}.floating-card{min-width:150px;min-height:110px;font-size:1.05rem}.hero-ring{width:230px;height:230px;border-width:18px}.hero-burst{width:340px;height:340px}.service-grid,.stats-grid,.process-grid,.work-grid,.about-grid,.contact-grid,.footer-grid,.process-band,.stack-card{grid-template-columns:1fr}.contact-card.full{grid-column:auto}.floating-whatsapp{right:14px;bottom:14px;padding:12px 14px}.floating-whatsapp span:last-child{display:none}}