#hero{background:#000;height:100svh;min-height:100svh;position:relative;overflow:hidden}.hero-image-area{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 -180px -100px 0}.real-hero{z-index:11;position:relative}.hero-code{will-change:transform;transform-origin:50%;width:480.148px;height:466.9px;position:absolute;bottom:140px;right:320px;transform:rotate(30deg)}.hero-design{will-change:transform;transform-origin:50%;width:480px;height:467px;position:absolute;top:150px;left:270px;transform:rotate(-40deg)}#canvas{z-index:12;pointer-events:none;display:block;position:absolute}.hero-fade{z-index:18;pointer-events:none;background:linear-gradient(#0006 0%,#0003 50%,#000 100%);position:absolute;inset:0}.hero-content{z-index:20;flex-direction:row;justify-content:space-between;align-items:flex-end;height:100%;padding-bottom:80px;display:flex;position:relative}.hero-title{color:var(--white);letter-spacing:-.04em;font-size:clamp(72px,9vw,100px);font-weight:800;line-height:.95}.hero-sub{color:#ffffff8c;max-width:260px;font-size:14px;font-weight:400;line-height:1.65}#about{background:var(--gray-bg);padding:120px 0;position:relative;overflow:hidden}.about-ring{pointer-events:none;position:absolute}.about-ring--1{width:700px;height:700px;animation:28s linear infinite ringRotate;top:-200px;right:-160px}.about-ring--2{width:460px;height:460px;animation:18s linear infinite reverse ringRotate;top:-60px;right:60px}.about-ring--3{width:240px;height:240px;animation:22s linear infinite ringRotate;bottom:60px;left:-80px}@keyframes ringRotate{to{transform:rotate(360deg)}}.about-inner{grid-template-columns:703fr 784fr;align-items:center;gap:112px;display:grid}.about-heading{letter-spacing:-.03em;margin-bottom:28px;font-size:48px;font-weight:800;line-height:1.1}.about-body{color:var(--gray-600);margin-bottom:16px;font-size:16px;line-height:1.75}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{color:var(--black);background:var(--white);border-radius:40px;padding:9px 16px;font-size:16px;font-weight:400}.highlights{grid-template-columns:377fr 377fr;gap:20px;display:grid}.highlights-inner{gap:20px;display:grid}.hl-card{border-radius:var(--card-radius);background:var(--white);padding:40px 32px}.hl-card--recognition{color:inherit;cursor:pointer;background:#0d0d0d;border-color:#0d0d0d;flex-direction:column;justify-content:space-between;text-decoration:none;display:flex;position:relative;overflow:hidden}.hl-link-hint{color:#ffffffb8;letter-spacing:.06em;text-transform:uppercase;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-self:flex-start;margin-top:18px;padding:8px 12px;font-size:11px;font-weight:600}.hl-link-hint--light{color:#000000ad;background:#00000008;border-color:#00000014}.hl-card--recognition:after{content:"";transform-origin:50%;pointer-events:none;background:url(/images/recognition.webp) 50%/contain no-repeat;width:200px;height:200px;animation:12s linear infinite recogRotate;position:absolute;bottom:-80px;right:-60px}@keyframes recogRotate{to{transform:rotate(360deg)}}.hl-card--years{background:var(--white);flex-direction:column;justify-content:center;display:flex}.hl-card--clients{background:var(--white);color:inherit;flex-direction:column;justify-content:space-between;text-decoration:none;display:flex}.hl-card--cta{background:url(/images/hilight-cta.webp) top/cover no-repeat;flex-direction:column;justify-content:flex-end;min-height:400px;padding:24px;display:flex;position:relative;overflow:hidden}.hl-card--cta:before,.hl-card--cta:after{content:"";-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:none;z-index:0;background:linear-gradient(#fff0 0%,#e3e3e3 100%);height:60%;position:absolute;bottom:0;left:0;right:0}.hl-card--cta:before{-webkit-mask-image:linear-gradient(#0000 0%,#fff 100%);mask-image:linear-gradient(#0000 0%,#fff 100%)}.hl-card--cta:after{-webkit-mask-image:linear-gradient(#0000 10%,#fff 100%);mask-image:linear-gradient(#0000 10%,#fff 100%)}.hl-label{color:var(--white);margin-bottom:40px;font-family:Manrope,sans-serif;font-size:36px;font-weight:400}.hl-card--years .hl-label,.hl-card--clients .hl-label{color:var(--black)}.hl-logo-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.hl-logo-badge{background:#fff;border-radius:50px;align-items:center;gap:5px;padding:8px 12px;display:inline-flex}.hl-award-text{color:#fff;font-size:16px;font-weight:400;line-height:1.6}.hl-award-text span{padding-bottom:10px;font-size:26px;display:block}.hl-number{font-family:var(--boryfont);letter-spacing:-.04em;color:var(--black);margin-bottom:8px;font-size:64px;font-weight:400;line-height:1}.hl-sub{color:var(--black);font-size:24px;font-weight:400}.hl-clients-heading{color:var(--black);margin-bottom:24px;font-size:26px;font-weight:400;line-height:1.25}.avatars{align-items:center;margin-bottom:16px;display:flex}.avatar{border:2px solid var(--white);color:#555;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:-12px;font-size:13px;font-weight:600;display:flex;overflow:hidden}.avatar:first-child{z-index:3;background:#d4c5b2}.avatar:nth-child(2){z-index:2;background:#b8c8b8}.avatar:nth-child(3){z-index:1;background:#c4b8a0}.hl-clients-sub{color:var(--gray-600);font-size:18px;line-height:1.55}.hl-cta-person{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.hl-cta-person-placeholder{background:linear-gradient(160deg,#c8e800 0%,#b0d400 40%,#8fb800 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hl-cta-person-placeholder svg{opacity:.3;width:160px;height:220px}.hl-cta-btn{z-index:2;background:var(--white);color:var(--black);border-radius:var(--btn-radius);text-align:center;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block;position:relative}#expertise{background:#0a0a0a;min-height:100vh;padding:100px 0 80px;position:relative;overflow:clip}.expertise-pin-wrap:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(at 50% 100%,#6432c8b3 0%,#0000 70%);width:75%;height:260px;animation:3s ease-in-out infinite glowPulse;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.15)}}.expertise-pin-wrap{flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:sticky;top:0}.expertise-pin-wrap>.container{width:100%;min-width:0}.expertise-title{color:var(--white);text-align:left;letter-spacing:-.02em;z-index:1;margin-bottom:60px;font-size:40px;font-weight:700;position:relative}.expertise-stage{z-index:1;width:100%;min-width:0;position:relative;overflow:visible}.expertise-track{gap:32px;width:max-content;display:flex}.tilt-card{transform-style:preserve-3d;cursor:default}.expertise-card{border-radius:var(--card-radius);background:linear-gradient(#191919 0%,#18181800 100%);flex:0 0 440px;min-height:480px;padding:52px 48px;position:relative;overflow:hidden}.expertise-num{color:var(--white);letter-spacing:-.04em;opacity:.1;margin-bottom:52px;font-size:100px;font-weight:800;line-height:1;transform:translateZ(20px)}.expertise-name{color:var(--white);letter-spacing:-.01em;margin-bottom:16px;font-size:26px;font-weight:700}.expertise-desc{color:#ffffff73;font-size:14px;line-height:1.7}#projects{background:var(--black);padding:100px 0}#testimonials{background:var(--black);padding:30px 0 100px;overflow:hidden}.testi-header{text-align:center;margin-bottom:60px}.testi-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:600}.testi-title{letter-spacing:-.03em;color:var(--white);font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.1}.testi-marquee-wrap{flex-direction:column;gap:24px;display:flex}.testi-row{overflow:hidden}.testi-track{will-change:transform;width:max-content;animation:35s linear infinite marquee-left;display:flex}.testi-track--right{animation:35s linear infinite marquee-right}.testi-row:hover .testi-track{animation-play-state:paused}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-1920px)}}@keyframes marquee-right{0%{transform:translate(-1920px)}to{transform:translate(0)}}.testi-card{background:#161616;border:1px solid #2a2a2a;border-radius:20px;flex-direction:column;flex:0 0 360px;gap:16px;margin-right:24px;padding:32px;display:flex}.testi-card--accent{background:var(--accent);border-color:var(--accent)}.testi-stars{color:var(--accent);letter-spacing:2px;font-size:14px}.testi-card--accent .testi-stars{color:var(--black)}.testi-quote{color:#ffffffbf;flex:1;font-size:14px;line-height:1.75}.testi-card--accent .testi-quote{color:var(--black)}.testi-author{align-items:center;gap:12px;display:flex}.testi-avatar-pill{width:40px;height:40px;color:var(--white);background:#2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.testi-card--accent .testi-avatar-pill{color:var(--black);background:#00000026}.testi-name{color:var(--white);font-size:14px;font-weight:700}.testi-card--accent .testi-name{color:var(--black)}.testi-role{color:#ffffff73;margin-top:2px;font-size:12px}.testi-card--accent .testi-role{color:#0000008c}#articles{background:var(--gray-bg);padding:100px 0}@media (max-width:1499px){.about-inner{grid-template-columns:703fr 784fr;gap:40px}.hl-card--recognition:after{width:150px;height:150px}.hl-award-text span,.hl-sub{font-size:20px}.hl-clients-heading,.hl-label{font-size:24px}.hl-clients-sub{font-size:16px}}@media (max-width:1199px){.about-inner{grid-template-columns:1fr;gap:56px}}@media (max-width:767px){#hero{height:100svh;min-height:100svh}.hero-content{padding-bottom:calc(56px + env(safe-area-inset-bottom));flex-direction:column;justify-content:end;align-items:start}.hero-sub{max-width:234px;padding-top:30px}.about-heading,.testi-title,.expertise-title{font-size:32px}}@media (max-width:640px){.hero-title{font-size:50px}.highlights{grid-template-columns:1fr}#expertise{min-height:0;padding:72px 0;height:auto!important}.expertise-pin-wrap{min-height:0;position:static}.expertise-pin-wrap:before{width:260%;height:160px}.expertise-title{margin-bottom:28px}.expertise-track{flex-direction:column;gap:18px;width:100%;transform:none!important}.expertise-card{flex:none;width:100%;min-height:300px;padding:36px 28px}.expertise-card.expertise-card-animate{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.expertise-card.expertise-card-visible{opacity:1;transform:translate(0,0)}}.projects-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{cursor:pointer;opacity:1;transform-origin:50%;will-change:opacity, transform;border-radius:16px;transition:opacity .82s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1),box-shadow .3s;position:relative;overflow:hidden;transform:translate(0,0)scale(1)}.project-card:before{content:"";border-radius:inherit;background:radial-gradient(360px circle at var(--glow-x,50%) var(--glow-y,50%), #f9fe05f2, #54d6ffb8, #ffffff4d, transparent 62%);opacity:0;pointer-events:none;z-index:5;-webkit-mask-composite:xor;padding:2px;transition:opacity .28s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}body.cards-fade-enabled .project-card:not(.card-visible){opacity:0;transform:translateY(42px)scale(.975)}.project-card.card-visible{opacity:1;transform:translate(0,0)scale(1)}.project-card:hover{transform:translateY(-4px)scale(1)}.project-card.project-card-glow:before,.project-card:focus-visible:before{opacity:1}.project-thumb{aspect-ratio:511/545;background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.project-thumb:before,.project-thumb:after{content:"";-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);pointer-events:none;z-index:0;background:linear-gradient(#fff0 0%,#e3e3e3 100%);height:30%;position:absolute;bottom:0;left:0;right:0}.project-thumb:before{-webkit-mask-image:linear-gradient(#0000 0%,#fff 100%);mask-image:linear-gradient(#0000 0%,#fff 100%)}.project-thumb:after{-webkit-mask-image:linear-gradient(#0000 10%,#fff 100%);mask-image:linear-gradient(#0000 10%,#fff 100%)}.project-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.project-foot{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.project-tag{background:var(--black);color:var(--white);border-radius:40px;padding:8px 16px;font-size:13px;font-weight:400}.project-arrow{background:var(--black);width:36px;height:36px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.articles-slider{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.article-card{background:var(--white);opacity:1;transform-origin:50%;will-change:opacity, transform;border-radius:16px;transition:opacity .82s cubic-bezier(.22,1,.36,1),transform .82s cubic-bezier(.22,1,.36,1),box-shadow .3s;overflow:hidden;transform:translate(0,0)scale(1)}body.cards-fade-enabled .article-card:not(.card-visible){opacity:0;transform:translateY(42px)scale(.975)}.article-card.card-visible{opacity:1;transform:translate(0,0)scale(1)}.article-card:hover{transform:translateY(-4px)scale(1)}.article-thumb{aspect-ratio:16/10;width:100%;overflow:hidden}.article-thumb a{display:block}.article-thumb-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.article-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.at-1{background:linear-gradient(135deg,#d4c8b8 0%,#b8a898 100%)}.at-2{background:linear-gradient(135deg,#c8d4c0 0%,#a8b898 100%)}.at-3{background:linear-gradient(135deg,#d0c8c0 0%,#b4a898 100%)}.article-body{padding:24px 24px 28px}.article-meta-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--gray-600);margin-bottom:10px;font-size:11px;font-weight:700;display:block}.article-meta-link,.article-meta-link:visited{color:inherit;text-decoration:none}.article-meta-link:hover{color:var(--black);text-underline-offset:3px;text-decoration:underline}.article-title{letter-spacing:-.02em;color:var(--black);margin-bottom:24px;font-size:18px;font-weight:700;line-height:1.35}.article-title a,.article-title a:visited,.article-title a:hover{color:inherit;text-decoration:none}.read-more{color:var(--black);align-items:center;gap:10px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.read-more-arrow{background:var(--black);width:32px;height:32px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.article-card:hover .read-more-arrow{background:#333}.project-drawer-overlay{z-index:1000;opacity:0;visibility:hidden;pointer-events:none;background:#00000080;height:0;transition:opacity .35s;position:fixed;inset:0}.project-drawer-overlay.open{opacity:1;pointer-events:all;visibility:visible;height:auto}.project-drawer{background:var(--white);z-index:1001;flex-direction:column;width:82%;min-width:320px;max-width:900px;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.project-drawer.open{transform:translate(0)}.project-drawer-close{background:var(--white);cursor:pointer;z-index:20;width:36px;height:36px;color:var(--black);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.project-drawer-scroll{scrollbar-width:thin;scrollbar-color:#ccc #f5f5f5;flex:1;padding-bottom:72px;overflow:hidden auto}.project-drawer-scroll::-webkit-scrollbar{width:4px}.project-drawer-scroll::-webkit-scrollbar-track{background:#f5f5f5}.project-drawer-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:999px}.project-drawer-scroll::-webkit-scrollbar-thumb:hover{background:#999}.project-drawer-hero{flex-shrink:0;width:100%;height:320px;overflow:hidden}.project-drawer-hero img{object-fit:cover;width:100%;height:100%;display:block}.project-drawer-body{flex-direction:column;gap:20px;padding:28px 32px;display:flex}.project-drawer-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);font-size:12px;font-weight:600}.project-drawer-title{color:var(--black);margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:700;line-height:1.2}.project-drawer-overview{color:var(--black);margin:0;font-size:15px;font-weight:500;line-height:1.75}.project-drawer-detail-link{color:var(--black);align-items:center;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.project-drawer-detail-link:hover{text-decoration:underline}.cs-section{background:var(--gray-bg);border-radius:12px;padding:20px}.cs-outcome{background:var(--black)}.cs-outcome .cs-text{color:#ffffffbf}.cs-outcome .cs-label{color:var(--accent)}.cs-label{text-transform:uppercase;letter-spacing:.1em;color:#666;margin:0 0 8px;font-size:11px;font-weight:700}.cs-text{color:var(--gray-600);margin:0;font-size:14px;line-height:1.8}.project-drawer-gallery{grid-template-columns:1fr 1fr;gap:10px;display:grid}.project-drawer-gallery img{border-radius:10px;width:100%;height:auto;display:block}.project-drawer-section-label{text-transform:uppercase;letter-spacing:.1em;color:#666;margin-bottom:10px;font-size:11px;font-weight:700}.project-drawer-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-drawer-section-head .project-drawer-section-label{margin-bottom:0}.project-drawer-platforms{flex-wrap:wrap;gap:8px;display:flex}.project-drawer-platform-pill{border:1px solid var(--gray-200);color:var(--black);border-radius:50px;padding:6px 14px;font-size:13px;font-weight:500}.project-drawer-live{border:1px solid var(--gray-200);border-radius:14px;overflow:hidden}.project-drawer-live-thumb{object-fit:cover;object-position:top;border-bottom:1px solid var(--gray-200);width:100%;height:180px;display:block}.project-drawer-live-footer{justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.project-drawer-live-label{color:var(--gray-600);font-size:13px}.project-drawer-live-link{color:var(--black);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.project-drawer-live-link:hover{text-decoration:underline}.project-drawer-cta{border:1.5px solid var(--black);border-radius:var(--btn-radius);color:var(--black);background:0 0;align-items:center;gap:8px;padding:13px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.project-drawer-cta:hover{background:var(--black);color:var(--white)}.project-drawer-nav-bar{background:var(--white);border-top:1px solid var(--gray-200);z-index:10;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:absolute;bottom:0;left:0;right:0}.project-drawer-nav-bar button{border:1.5px solid var(--gray-200);cursor:pointer;width:40px;height:40px;color:var(--black);background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s;display:flex}.project-drawer-nav-bar button:hover{border-color:var(--black)}@media (max-width:1199px){.projects-grid{grid-template-columns:1fr 1fr}}@media (max-width:960px){.articles-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;margin-left:-20px;margin-right:-20px;padding-bottom:8px;padding-left:20px;padding-right:20px;display:flex;overflow-x:auto}.articles-slider::-webkit-scrollbar{display:none}.articles-slider .article-card{scroll-snap-align:center;flex:0 0 72vw}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}.articles-slider .article-card{flex:0 0 72vw}.project-drawer{width:100%;min-width:0;max-width:100%}.project-drawer-gallery{grid-template-columns:1fr}.project-drawer-body,.project-drawer-nav-bar{padding-left:20px;padding-right:20px}}