@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Inter:wght@300;400;500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--black: #0a0a0a;--white: #f5f2ee;--off-white: #ede9e3;--accent: #c8b89a;--gray: #888;--light-gray: #ccc;--border: rgba(255,255,255,.1);--border-dark: rgba(0,0,0,.1);--font-display: "Syne", sans-serif;--font-body: "Inter", sans-serif}html{font-size:16px;scroll-behavior:auto}body{font-family:var(--font-body);background:var(--black);color:var(--white);overflow-x:hidden;cursor:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9997}section{position:relative}.reveal-up{opacity:0;transform:translateY(40px)}.reveal-fade{opacity:0}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:9990;transform-origin:left;transform:scaleX(0)}@media (max-width: 768px){body{cursor:auto}.nav-menu-btn,.menu-close,a,button{cursor:pointer}}.cursor{position:fixed;width:10px;height:10px;background:var(--white);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s ease,width .3s ease,height .3s ease,background .3s ease;mix-blend-mode:difference}.cursor-follower{position:fixed;width:40px;height:40px;border:1px solid rgba(245,242,238,.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .08s ease}body:has(a:hover) .cursor,body:has(button:hover) .cursor{width:20px;height:20px}@media (max-width: 768px){.cursor,.cursor-follower{display:none}}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--black);z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.preloader-logo{opacity:0;display:flex;align-items:center;justify-content:center}.preloader-logo-img{height:clamp(32px,5vw,48px);width:auto;display:block}.preloader-count{font-family:var(--font-display);font-size:clamp(4rem,12vw,9rem);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--white)}.preloader-bar{width:200px;height:1px;background:#ffffff26;position:relative;overflow:hidden}.preloader-bar-fill{position:absolute;left:0;top:0;height:100%;background:var(--white);width:0%;transition:width .06s linear}nav#main-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 3rem;display:flex;align-items:center;justify-content:space-between;mix-blend-mode:difference}.nav-logo{text-decoration:none;display:flex;align-items:center}.nav-logo-img{height:28px;width:auto;display:block}.nav-right{display:flex;align-items:center;gap:2rem}.nav-menu-btn{background:none;border:none;color:var(--white);font-family:var(--font-body);font-size:.85rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;cursor:none;display:flex;align-items:center;gap:.5rem}.menu-lines{display:flex;flex-direction:column;gap:4px;width:20px}.menu-lines span{display:block;height:1px;background:var(--white);transition:all .4s cubic-bezier(.76,0,.24,1)}#menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--off-white);z-index:200;display:flex;flex-direction:column;padding:1.5rem 3rem;clip-path:inset(0 0 100% 0);transition:clip-path .7s cubic-bezier(.76,0,.24,1)}#menu-overlay.open{clip-path:inset(0 0 0% 0)}.menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:auto}.menu-logo{text-decoration:none;display:flex;align-items:center}.menu-logo-img{height:28px;width:auto;display:block;filter:invert(1)}.menu-close{background:none;border:none;font-family:var(--font-body);font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--black);cursor:none;display:flex;align-items:center;gap:.5rem}.menu-nav{flex:1;display:flex;flex-direction:column;justify-content:center;gap:0}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;border-bottom:1px solid rgba(0,0,0,.1);text-decoration:none;overflow:hidden;position:relative}.menu-item:first-child{border-top:1px solid rgba(0,0,0,.1)}.menu-item-left{display:flex;align-items:baseline;gap:1rem}.menu-item-num{font-family:var(--font-body);font-size:.75rem;color:var(--gray);font-weight:400}.menu-item-label{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:800;color:var(--black);line-height:1;letter-spacing:-.03em;transition:color .3s ease}.menu-item:hover .menu-item-label{color:var(--gray)}.menu-item-sub{font-family:var(--font-body);font-size:.85rem;color:var(--gray)}.menu-footer{display:flex;align-items:flex-end;justify-content:space-between;padding-top:2rem}.menu-footer-email{font-family:var(--font-body);font-size:.85rem;color:var(--black);text-decoration:none;opacity:.6}.menu-footer-socials{display:flex;gap:1.5rem}.menu-footer-socials a{font-family:var(--font-body);font-size:.8rem;color:var(--black);text-decoration:none;opacity:.6;letter-spacing:.05em;text-transform:uppercase}@media (max-width: 768px){nav#main-nav{padding:1.25rem 1.5rem}#menu-overlay{padding:1.25rem 1.5rem}.menu-item-label{font-size:clamp(2rem,10vw,3rem)}.menu-item-sub{display:none}.menu-footer{flex-direction:column;align-items:flex-start;gap:1rem}}#hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 3rem 3rem;position:relative;overflow:hidden}.hero-top{position:absolute;top:6rem;left:3rem;right:3rem;display:flex;justify-content:space-between;align-items:flex-start}.hero-tag{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#f5f2ee66;font-weight:400}.hero-desc{max-width:280px;font-size:.85rem;line-height:1.6;color:#f5f2ee80;text-align:right}.hero-title{font-family:var(--font-display);font-size:clamp(4rem,10vw,10rem);font-weight:800;line-height:.9;letter-spacing:-.04em;overflow:hidden;margin-bottom:2rem}.hero-title-line{display:block;overflow:hidden}.hero-title-inner{display:block;transform:translateY(110%)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between}.hero-scroll-hint{display:flex;align-items:center;gap:.75rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#f5f2ee66}.hero-scroll-line{width:40px;height:1px;background:#f5f2ee4d}.hero-cta{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-body);font-size:.85rem;color:var(--white);text-decoration:none;border:1px solid rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:100px;transition:all .4s ease;cursor:none}.hero-cta:hover{background:var(--white);color:var(--black);border-color:var(--white)}.hero-cta-arrow{font-size:.9rem}@media (max-width: 768px){#hero{padding:0 1.5rem 2rem}.hero-top{top:5rem;left:1.5rem;right:1.5rem;flex-direction:column;gap:.75rem}.hero-desc{display:none}.hero-bottom{flex-direction:column;align-items:flex-start;gap:1.5rem}}.stats-bar{padding:3rem;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr)}.stat-item{padding:0 2rem;border-right:1px solid var(--border)}.stat-item:first-child{padding-left:0}.stat-item:last-child{border-right:none}.stat-num{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:800;letter-spacing:-.03em}.stat-label{font-size:.8rem;color:#f5f2ee66;margin-top:.25rem}@media (max-width: 768px){.stats-bar{padding:2rem 1.5rem;grid-template-columns:1fr;gap:0}.stat-item{padding:1.5rem 0;border-right:none;border-bottom:1px solid var(--border)}.stat-item:last-child{border-bottom:none}}@media (min-width: 769px) and (max-width: 1024px){.stats-bar{padding:2rem}.stat-item{padding:0 1rem}}#about-strip{padding:6rem 3rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;border-top:1px solid var(--border)}.about-tag{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#f5f2ee66;margin-bottom:1.5rem}.about-text{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}.about-body{font-size:.95rem;line-height:1.8;color:#f5f2ee80;max-width:420px;margin-top:auto;padding-top:2rem}.about-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--white);text-decoration:none;margin-top:2rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:.25rem;transition:border-color .3s ease;cursor:none}.about-link:hover{border-color:var(--white)}@media (max-width: 768px){#about-strip{grid-template-columns:1fr;padding:4rem 1.5rem;gap:2.5rem}.about-body{padding-top:0;max-width:100%}}@media (min-width: 769px) and (max-width: 1024px){#about-strip{padding:5rem 2rem;gap:2rem}}.marquee-section{padding:2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}.marquee-track{display:flex;gap:2rem;width:max-content;animation:marquee 20s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-item{display:flex;align-items:center;gap:2rem;white-space:nowrap;font-family:var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#f5f2ee4d}.marquee-item span{color:var(--accent);font-size:1rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}#strategy{padding:8rem 3rem;border-top:1px solid var(--border)}.strategy-header{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:4rem}.strategy-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1}.strategy-subtitle{font-size:.95rem;line-height:1.7;color:#f5f2ee73;max-width:380px}.strategy-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:360px 360px;gap:10px}.sbc--col2{grid-column:span 2}.sbc--col1{grid-column:span 1}.sbc{background:var(--bg, #111);color:var(--accent, #f5f2ee);border-radius:20px;padding:2rem 2.2rem;display:flex;flex-direction:column;overflow:hidden;position:relative;cursor:none;transition:transform .35s ease,box-shadow .35s ease}.sbc:hover{transform:translateY(-5px);box-shadow:0 28px 64px #00000073}.sbc__text{position:relative;z-index:2;flex-shrink:0}.sbc__title{font-family:var(--font-display);font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:.6rem;color:var(--accent, #f5f2ee)}.sbc__body{font-size:.85rem;line-height:1.6;color:var(--accent, #f5f2ee);opacity:.65;max-width:340px}.sbc__img-area{flex:1;margin-top:1.5rem;border-radius:12px;background:#ffffff0d;overflow:hidden;position:relative}.sbc__img-area img{width:100%;height:100%;object-fit:cover;object-position:center top}@media (max-width: 768px){#strategy{padding:5rem 1.5rem}.strategy-header{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}.strategy-bento{grid-template-columns:1fr;grid-template-rows:unset;gap:8px}.sbc--col2,.sbc--col1{grid-column:span 1;min-height:260px}}@media (min-width: 769px) and (max-width: 1100px){#strategy{padding:6rem 2rem}.strategy-bento{grid-template-columns:repeat(2,1fr);grid-template-rows:unset}.sbc--col2,.sbc--col1{grid-column:span 1;min-height:300px}}#services{padding:8rem 3rem;border-top:1px solid var(--border)}.services-header{margin-bottom:5rem}.services-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1;max-width:700px}.services-title em{font-style:italic;color:#f5f2ee4d}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.service-card{background:var(--black);padding:3rem 2rem;display:flex;flex-direction:column;gap:2rem;transition:background .4s ease;cursor:none}.service-card:hover{background:#111}.service-card-top{display:flex;justify-content:space-between;align-items:flex-start}.service-card-num{font-size:.75rem;color:#f5f2ee4d}.service-card-tag{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(200,184,154,.3);padding:.3rem .75rem;border-radius:100px}.service-card-img{width:100%;height:180px;background:#1a1a1a;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.service-card-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.service-card-body{font-size:.85rem;line-height:1.7;color:#f5f2ee66;flex:1}.service-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border)}.service-card-link{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--white);text-decoration:none;cursor:none}.service-card-arrow{width:36px;height:36px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s ease}.service-card:hover .service-card-arrow{background:var(--white);color:var(--black)}.svc-visual{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:3rem;font-weight:800;color:#ffffff12;letter-spacing:-.05em}.svc-visual.design{background:linear-gradient(135deg,#1a1a2e,#16213e)}.svc-visual.engineering{background:linear-gradient(135deg,#0d0d0d,#1a1a1a)}.svc-visual.strategy{background:linear-gradient(135deg,#1a1208,#2a1e08)}@media (max-width: 768px){#services{padding:5rem 1.5rem}.services-header{margin-bottom:3rem}.services-grid{grid-template-columns:1fr}.service-card{padding:2rem 1.5rem}.service-card-img{height:140px}}@media (min-width: 769px) and (max-width: 1024px){#services{padding:6rem 2rem}.services-grid{grid-template-columns:1fr}.services-grid .service-card{flex-direction:row;gap:2rem;align-items:flex-start}.service-card-img{width:200px;min-width:200px;height:160px}}#cta{padding:10rem 3rem;border-top:1px solid var(--border);text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.cta-eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#f5f2ee4d}.cta-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;max-width:700px}.cta-sub{font-size:.95rem;line-height:1.7;color:#f5f2ee66;max-width:400px}.cta-btn{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--black);background:var(--white);text-decoration:none;padding:1rem 2.5rem;border-radius:100px;margin-top:1rem;transition:all .4s ease;cursor:none}.cta-btn:hover{background:var(--accent);transform:translateY(-2px)}@media (max-width: 768px){#cta{padding:6rem 1.5rem;gap:1.5rem}.cta-sub{max-width:100%}.cta-btn{width:100%;justify-content:center;cursor:pointer}}@media (min-width: 769px) and (max-width: 1024px){#cta{padding:7rem 2rem}}footer{padding:4rem 3rem 2rem;border-top:1px solid var(--border)}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem;align-items:start}.footer-logo{margin-bottom:1rem}.footer-logo-img{height:30px;width:auto;display:block}.footer-tagline{font-size:.85rem;line-height:1.7;color:#f5f2ee66;max-width:280px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 2rem}.footer-link{font-size:.85rem;color:#f5f2ee80;text-decoration:none;transition:color .3s ease;cursor:none}.footer-link:hover{color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--border)}.footer-copy{font-size:.75rem;color:#f5f2ee4d;letter-spacing:.05em}.footer-socials{display:flex;gap:1.5rem}.footer-socials a{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#f5f2ee4d;text-decoration:none;transition:color .3s ease;cursor:none}.footer-socials a:hover{color:var(--white)}.footer-big{font-family:var(--font-display);font-size:clamp(3rem,8vw,8rem);font-weight:800;letter-spacing:-.04em;color:#f5f2ee0d;text-align:center;margin-top:3rem;line-height:1;-webkit-user-select:none;user-select:none}@media (max-width: 768px){footer{padding:3rem 1.5rem 2rem}.footer-top{grid-template-columns:1fr;gap:2.5rem;margin-bottom:2.5rem}.footer-tagline{max-width:100%}.footer-bottom{flex-direction:column;align-items:flex-start;gap:1rem}}@media (min-width: 769px) and (max-width: 1024px){footer{padding:3rem 2rem 2rem}.footer-top{gap:2rem}}