.services-directory-page,.service-detail-page{--service-page-bg: #0f0f10;--service-page-text: #fafafa;--service-page-muted: #8a8a8a;--service-page-line: rgba(250, 250, 250, .42);--work-bg: #0f0f10;--work-text: #f5f4ef;--work-muted: #a4a4ad;--work-line: rgba(255, 255, 255, .18);position:relative;background:var(--service-page-bg);color:var(--service-page-text);font-family:"Host Grotesk",var(--font-sans)}.services-directory{padding:144px 48px}.services-directory__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:.5px solid var(--service-page-line);border-left:.5px solid var(--service-page-line)}.services-directory__card{display:flex;min-height:712px;flex-direction:column;border-right:.5px solid var(--service-page-line);border-bottom:.5px solid var(--service-page-line);padding:24px}.services-directory__card header{display:grid;justify-items:start;gap:12px}.services-directory__card h2{margin:0;font-size:40px;font-weight:700;line-height:.9;letter-spacing:0}.services-directory__card header p,.service-price-tag,.service-process article span{display:inline-flex;margin:0;border-radius:4px;padding:2px 4px;background:#5a31ff;color:#fff;font-family:var(--mono);font-size:16px;font-weight:400;line-height:1.1}.services-directory__visual{display:grid;min-height:365px;place-items:center;overflow:hidden;margin:38px 0 24px}.service-ascii{width:506px;max-width:none;margin:0;color:#fafafa;font-family:"Xanh Mono",var(--mono);font-size:7px;line-height:1;white-space:pre;user-select:none}.service-ascii--compact{transform:scale(.86)}.services-directory__tagline{max-width:38rem;margin:0 0 12px;font-family:var(--mono);font-size:16px;font-style:italic;line-height:1.2}.services-directory__design-note{max-width:38rem;margin:0 0 16px;color:var(--service-page-muted);font-family:var(--mono);font-size:12px;line-height:1.45}.services-directory__description{max-width:38rem;margin:auto 0 28px;font-size:16px;line-height:1.2}.services-directory__card>a{display:flex;min-height:56px;align-items:center;justify-content:center;gap:8px;border:.5px solid #e5e5e5;border-radius:8px;background:#e5e5e5;color:#0f0f10;font-family:var(--mono);font-size:16px;text-decoration:none;transition:background-color .18s ease,color .18s ease,transform .18s ease}@media(hover:hover)and (pointer:fine){.services-directory__card>a:hover{background:#fff;transform:translateY(-2px)}}.service-detail-hero{position:relative;min-height:1549px;padding:208px 48px 0}.service-detail-hero__heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:32px}.service-detail-hero h1{max-width:900px;margin:0;font-size:clamp(4rem,6.667vw,6rem);font-weight:700;line-height:1.1;letter-spacing:0}.service-price-tag{justify-self:start;margin-top:24px;text-transform:uppercase}.service-detail-hero__intro{width:318px;margin:192px 0 64px auto;font-size:18px;line-height:1.44}.service-detail-sticky{position:sticky;top:64px;z-index:20;display:grid;min-height:56px;grid-template-columns:318px minmax(300px,1fr) 318px;align-items:center;border:.5px solid #fafafa;background:#0f0f10;color:#fafafa}.service-detail-sticky strong,.service-detail-sticky>span{padding-inline:16px;font-family:var(--mono);font-size:16px;font-weight:400}.service-detail-sticky>span{color:var(--service-page-muted);text-align:right}.service-detail-sticky a{display:flex;min-height:40px;align-items:center;justify-content:center;gap:8px;border-radius:4px;background:#e5e5e5;color:#0f0f10;font-family:var(--mono);text-decoration:none}.service-detail-hero__media{width:100%;height:777px;margin:0;overflow:hidden;border-radius:16px;background:#151517}.service-detail-hero__media img,.service-featured-project__media img{display:block;width:100%;height:100%;object-fit:cover}.service-parallax{position:relative;min-height:1608px}.service-parallax__sticky{position:sticky;top:56px;height:calc(100svh - 56px);min-height:720px;overflow:hidden}.service-parallax__art{position:absolute;top:50%;left:50%;width:506px;transform:translate(-50%,-50%)}.service-parallax__copy{position:absolute;z-index:2;width:318px;font-size:18px;line-height:1.44;will-change:transform,opacity}.service-parallax__copy p{margin:0 0 4px;color:var(--service-page-muted);font-family:var(--mono)}.service-parallax__copy ul{margin:0;padding-left:20px}.service-parallax__copy--left{top:10%;left:48px}.service-parallax__copy--right{right:48px;bottom:10%}.service-parallax__copy--first{opacity:calc(1 - var(--service-parallax-progress, 0));transform:translate3d(0,calc(var(--service-parallax-progress, 0) * -36px),0)}.service-parallax__copy--second{opacity:var(--service-parallax-progress, 0);transform:translate3d(0,calc((1 - var(--service-parallax-progress, 0)) * 36px),0)}.service-section-title{display:flex;min-height:52px;align-items:center;gap:4px;color:#fafafa;font-family:var(--mono);font-size:18px}.service-section-title h2{margin:0;font:inherit}.service-process,.service-projects,.service-tech,.service-featured-project,.service-detail-nav{padding:80px 48px}.service-process__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:24px}.service-process article{display:flex;min-height:346px;grid-column:span 2;flex-direction:column;justify-content:space-between;border-radius:8px;padding:48px 24px;background:#2b2b2b}.service-process article:nth-child(4),.service-process article:nth-child(5){grid-column:span 3}.service-process article h3{margin:16px 0 0;font-size:36px;font-weight:700;line-height:1}.service-process article p{width:min(100%,270px);margin:0;font-size:16px;line-height:1.2}.service-projects .project-related__list{margin-top:24px}.service-featured-project__tags em{border:.5px solid currentColor;border-radius:4px;padding:2px 4px;font-family:var(--mono);font-size:16px;font-style:normal;font-weight:400}.service-tech .project-detail__tech-grid{width:calc(100% + 96px);margin:24px -48px 0}.service-featured-project{display:flex;flex-direction:column;gap:32px;padding-top:80px;padding-bottom:80px}.service-featured-project__meta{display:grid;min-height:40px;grid-template-columns:432px 151px minmax(240px,1fr) 72px;align-items:center;gap:16px}.service-featured-project__meta h2{margin:0;font-size:40px;font-weight:700;line-height:.9}.service-featured-project__meta>span{color:var(--service-page-muted);font-family:var(--mono)}.service-featured-project__tags{display:flex;gap:16px}.service-featured-project__meta a{color:inherit;font-family:var(--mono);text-decoration:none}.service-featured-project__media{display:block;height:777px;overflow:hidden;border-radius:16px}.service-detail-nav>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.service-detail-nav a{display:flex;min-height:34px;align-items:center;justify-content:center;border:.5px solid #fafafa;border-radius:8px;color:#e5e5e5;font-family:var(--mono);font-size:16px;text-decoration:none}.service-detail-nav a[aria-current=page]{background:#5a31ff;color:#fff}@media(max-width:1100px){.service-detail-hero{min-height:auto;padding-top:160px;padding-bottom:64px}.service-detail-hero__intro{margin-top:96px}.service-detail-sticky{grid-template-columns:220px minmax(240px,1fr) 220px}.service-tech .project-detail__tech-grid{width:calc(100% + 40px);margin-inline:-20px}}@media(max-width:1023px){.services-directory{padding:96px 20px}.services-directory__grid{grid-template-columns:minmax(0,1fr)}.services-directory__card{min-height:620px;min-width:0;padding:20px}.service-detail-hero{padding:128px 20px 64px}.service-detail-hero__heading{grid-template-columns:1fr}.service-detail-hero h1{font-size:clamp(3.5rem,14vw,6.5rem)}.service-price-tag{margin-top:0}.service-detail-hero__intro{width:min(100%,420px);margin:96px 0 48px auto}.service-detail-sticky{top:66px;grid-template-columns:minmax(0,1fr) auto}.service-detail-sticky>span{display:none}.service-detail-sticky a{min-width:220px;padding-inline:16px}.service-detail-hero__media,.service-featured-project__media{height:min(62vw,520px);min-height:300px}.service-parallax{min-height:auto;padding:96px 20px}.service-parallax__sticky{position:relative;top:auto;display:grid;height:auto;min-height:0;gap:64px;overflow:visible}.service-parallax__art,.service-parallax__copy{position:relative;inset:auto;width:100%;transform:none}.service-parallax__art{display:grid;place-items:center;order:2;overflow:hidden}.service-parallax__copy{opacity:1;will-change:auto}.service-parallax__copy--first.service-parallax__copy--left{order:1}.service-parallax__copy--first.service-parallax__copy--right{order:3}.service-parallax__copy--second.service-parallax__copy--left{order:4}.service-parallax__copy--second.service-parallax__copy--right{order:5}.service-process,.service-projects,.service-tech,.service-featured-project,.service-detail-nav{padding:72px 20px}.service-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-process article,.service-process article:nth-child(4),.service-process article:nth-child(5){min-height:300px;grid-column:span 1}.service-process article:last-child{grid-column:1 / -1}.service-featured-project__meta{grid-template-columns:minmax(0,1fr) auto;padding-bottom:20px}.service-featured-project__tags{grid-column:1 / -1;grid-row:2}.service-detail-nav>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}}@media(max-width:640px){.services-directory-page .figma-intro-services{min-height:620px}.services-directory__card{min-height:580px}.services-directory__card h2{font-size:32px}.services-directory__visual{min-height:300px;margin-block:24px}.service-ascii{font-size:5px;transform:none}.service-ascii--compact{font-size:5px}.service-detail-hero h1{font-size:clamp(3rem,15vw,4.4rem)}.service-detail-sticky{grid-template-columns:minmax(88px,.8fr) minmax(0,1.6fr)}.service-detail-sticky strong{min-width:0;padding-inline:10px;font-size:13px}.service-detail-sticky a{min-width:0;padding-inline:10px;font-size:13px;line-height:1.2;text-align:center}.service-parallax__copy{font-size:16px}.service-process__grid,.service-tech .project-detail__tech-grid{grid-template-columns:1fr}.service-process article,.service-process article:nth-child(4),.service-process article:nth-child(5),.service-process article:last-child{min-height:270px;grid-column:auto}.service-featured-project{padding-top:80px;padding-bottom:80px}.service-featured-project__meta h2{font-size:32px}.service-featured-project__meta>span:nth-of-type(1){display:none}.service-featured-project__media{min-height:220px}.service-detail-nav>div:last-child{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.service-parallax__sticky{position:relative;top:auto}.service-parallax__copy--first,.service-parallax__copy--second{opacity:1;transform:none}.services-directory__card>a{transition:none}}.services-overview-hero,.services-comparison,.services-shared-scope,.services-positioning,.service-purchase,.service-fit,.service-pricing,.service-result,.service-design,.service-final{width:min(100%,96rem);margin-inline:auto;padding-inline:48px}.services-overview-hero{display:grid;min-height:760px;align-content:end;gap:24px;padding-top:144px;padding-bottom:112px}.services-overview-hero>p,.service-fit__eyebrow{margin:0;color:var(--service-page-muted);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.services-overview-hero h1,.services-comparison h2,.services-shared-scope h2,.services-positioning h2,.service-purchase h2,.service-fit h2,.service-pricing h2,.service-result h2,.service-design h2,.service-final h2{max-width:14ch;margin:0;font-size:clamp(3rem,7vw,7.5rem);font-weight:600;line-height:.92;letter-spacing:-.06em;text-wrap:balance}.services-overview-hero>span{max-width:52rem;font-size:clamp(1.1rem,2vw,1.7rem);line-height:1.4}.services-positioning{border-top:1px solid rgba(255,255,255,.18);padding-top:96px;padding-bottom:96px}.services-positioning__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 96px}.services-positioning__eyebrow,.services-positioning__matrix-label{margin:0;color:var(--service-page-muted);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.services-positioning__eyebrow{grid-column:1 / -1}.services-positioning h2{max-width:12ch;font-size:clamp(2.8rem,5.5vw,6rem)}.services-positioning__intro>p:last-child{max-width:34rem;align-self:end;margin:0;font-size:clamp(1.1rem,1.7vw,1.45rem);line-height:1.45}.services-positioning__matrix{margin-top:96px}.services-positioning table{width:100%;margin-top:20px;border-collapse:collapse;border-top:1px solid rgba(255,255,255,.18)}.services-positioning th,.services-positioning td{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.18);text-align:left;vertical-align:top}.services-positioning th{color:var(--service-page-muted);font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.1em;text-transform:uppercase}.services-positioning td:first-child{width:65%}.services-positioning td:last-child{color:#fff}.services-positioning__price-note{margin:24px 0 0;color:var(--service-page-muted);font-family:var(--mono);font-size:14px;line-height:1.45}.services-positioning__design-note{max-width:52rem;margin:32px 0 0;color:#c4c4c8;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.5}.services-comparison,.services-shared-scope,.services-positioning,.service-purchase,.service-fit,.service-pricing,.service-result,.service-design,.service-final{border-top:1px solid rgba(255,255,255,.18);padding-top:112px;padding-bottom:112px}.services-comparison>p,.service-purchase>p,.service-fit>p,.service-result>p,.service-final>p{max-width:58rem;font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.5}.services-comparison>div,.services-shared-scope>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:64px;border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.services-shared-scope>div{grid-template-columns:repeat(2,minmax(0,1fr))}.services-comparison article,.services-shared-scope article{min-height:300px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);padding:24px}.services-comparison h3,.services-shared-scope h3{margin:0 0 48px;font-size:clamp(1.6rem,2.5vw,2.8rem);line-height:1}.services-comparison article p,.services-shared-scope li{color:#c4c4c8;line-height:1.5}.service-detail-hero__microcopy{max-width:56rem;margin:0 48px 48px;color:var(--service-page-muted);line-height:1.5}.service-design{display:grid;gap:24px 96px}.service-design__eyebrow{grid-column:1 / -1;margin:0;color:var(--service-page-muted);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.service-design__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-column:1 / -1;gap:24px 96px}.service-design__intro h2,.service-design__intro>p{margin:0}.service-design__intro>p{align-self:end;max-width:32rem;font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.5}.service-design__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1 / -1;margin-top:40px;border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.service-design__grid article{min-height:230px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);padding:24px}.service-design__grid h3{margin:0 0 40px;font-size:clamp(1.35rem,2vw,2.2rem);line-height:1}.service-design__grid p{margin:0;color:#c4c4c8;line-height:1.5}.service-fit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 96px}.service-purchase,.service-pricing,.service-result{display:grid;gap:24px 96px}.service-purchase h2,.service-pricing h2,.service-result h2{grid-column:1}.service-purchase>p,.service-pricing>p,.service-result>p{grid-column:2;margin:0}.service-fit__not-fit{grid-column:1 / -1;color:#c4c4c8}.service-fit__eyebrow{grid-column:1 / -1}.service-fit__warning{grid-column:2;color:#ffb4cf}.service-final{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 96px}.service-final a{grid-column:2;width:fit-content}@media(max-width:760px){.services-overview-hero,.services-comparison,.services-shared-scope,.services-positioning,.service-purchase,.service-fit,.service-pricing,.service-result,.service-design,.service-final{padding-inline:20px}.services-overview-hero{min-height:680px}.services-positioning__intro{grid-template-columns:1fr}.services-positioning__intro>p:last-child,.services-positioning h2{grid-column:auto}.services-positioning__matrix{margin-top:64px}.services-positioning th,.services-positioning td{padding:16px 12px}.services-positioning td:first-child{width:auto}.service-design__intro,.service-design__grid{grid-template-columns:1fr}.service-design__grid{margin-top:24px}.service-design__grid article{min-height:auto}.services-comparison>div,.services-shared-scope>div,.service-fit,.service-final{grid-template-columns:1fr}.service-fit__warning,.service-fit__not-fit,.service-final a{grid-column:auto}.service-purchase,.service-pricing,.service-result{grid-template-columns:1fr}.service-purchase h2,.service-purchase>p,.service-pricing h2,.service-pricing>p,.service-result h2,.service-result>p{grid-column:auto}.service-detail-hero__microcopy{margin-inline:20px}}