@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}}.cycle-section{padding:6rem 3rem;border-top:1px solid var(--border)}.cycle-top{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:4rem}.cycle-left{display:flex;flex-direction:column;gap:1.2rem}.cycle-tag{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(200,184,154,.3);padding:.3rem .9rem;border-radius:100px;width:fit-content}.cycle-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1;margin:0}.cycle-title em{font-style:italic;color:#f5f2ee4d}.cycle-desc{font-size:.95rem;line-height:1.75;color:#f5f2ee80;margin:0}.cycle-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border)}.cycle-step{padding:2rem 1.5rem;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.cycle-step:first-child{padding-left:0}.cycle-step:last-child{border-right:none;padding-right:0}.cycle-step-num{font-size:.72rem;color:#f5f2ee4d;font-weight:500;letter-spacing:.08em}.cycle-step-label{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.01em;color:var(--white)}.cycle-step-desc{font-size:.83rem;line-height:1.6;color:#f5f2ee66;margin-top:.25rem}.cycle-loop{margin-top:1.5rem;padding:1rem 1.5rem;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;gap:1rem;background:#ffffff05}.cycle-loop-icon{font-size:1rem;color:#f5f2ee4d;flex-shrink:0}.cycle-loop-text{font-size:.85rem;color:#f5f2ee66;line-height:1.5}@media (max-width: 768px){.cycle-section{padding:4rem 1.5rem}.cycle-top{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}.cycle-steps{grid-template-columns:1fr 1fr}.cycle-step{padding:1.5rem 1rem;border-bottom:1px solid var(--border)}.cycle-step:first-child{padding-left:0}.cycle-step:nth-child(2){border-right:none;padding-right:0}.cycle-step:nth-child(3){border-right:1px solid var(--border);border-bottom:none}.cycle-step:last-child{border-right:none;border-bottom:none}}@media (min-width: 769px) and (max-width: 1024px){.cycle-section{padding:5rem 2rem}.cycle-top{gap:2rem}}#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(2,minmax(0,1fr));gap:12px}.sbc--col2,.sbc--col1{grid-column:span 1;aspect-ratio:16 / 9}.sbc{background:var(--bg, #111);color:var(--accent, #f5f2ee);border-radius:20px;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:#fff}.sbc__body{font-size:.85rem;line-height:1.6;color:#fff;opacity:.82;max-width:340px}.sbc__img-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.sbc__img-area img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .5s ease}.sbc:hover .sbc__img-area img{transform:scale(1.05)}@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;gap:8px}.sbc--col2,.sbc--col1{grid-column:span 1;min-height:0}}@media (min-width: 769px) and (max-width: 1100px){#strategy{padding:6rem 2rem}}#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}}