.work-page,.work-hero,.work-examples,.work-bridge,.work-cta{--work-ink: #0f172a;--work-muted: #526075;--work-line: #d7dfe8;--work-blue: #2563eb;--work-soft: #f5f7fa}.work-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--work-line);background:#fff;color:var(--work-ink)}.work-hero:before,.work-hero:after{content:"";position:absolute;z-index:-1;width:min(40vw,560px);aspect-ratio:1;background-image:radial-gradient(rgb(37 99 235 / .42) 1.6px,transparent 2px);background-size:22px 22px;pointer-events:none;animation:work-dots-drift 26s linear infinite}.work-hero:before{top:4%;left:-8%;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000 10%,transparent 70%);mask-image:radial-gradient(circle at 30% 40%,#000 10%,transparent 70%)}.work-hero:after{right:-8%;bottom:-14%;background-image:radial-gradient(rgb(59 130 246 / .45) 1.6px,transparent 2px);-webkit-mask-image:radial-gradient(circle at 70% 60%,#000 10%,transparent 70%);mask-image:radial-gradient(circle at 70% 60%,#000 10%,transparent 70%);animation-direction:reverse;animation-duration:32s}@keyframes work-dots-drift{to{background-position:22px 44px}}@media(max-width:767px){.work-hero:before,.work-hero:after{width:62vw;opacity:.7}}@media(prefers-reduced-motion:reduce){.work-hero:before,.work-hero:after{animation:none}}.work-eyebrow{color:var(--work-blue);font-size:.75rem;font-weight:700;letter-spacing:.14em;line-height:1.5;text-transform:uppercase}.work-link{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:2.875rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:.22s ease}.work-hero ul svg{flex:none}.work-examples{background:#fff}.work-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.65fr);gap:3rem;align-items:end;padding-bottom:2.5rem;border-bottom:1px solid var(--work-line)}.work-section-heading h2,.work-bridge h2,.work-cta h2{max-width:18ch;margin-top:.75rem;color:var(--work-ink);font-size:clamp(2rem,3.5vw,3.25rem);font-weight:800;letter-spacing:-.05em;line-height:1.08}.work-section-heading>p,.work-bridge p,.work-cta>div>p{color:var(--work-muted);line-height:1.75}.work-example-list{border-top:0}.work-example{display:grid;grid-template-columns:4rem minmax(0,1.1fr) minmax(16rem,.9fr);gap:2rem;align-items:start;padding:2.25rem 0;border-bottom:1px solid var(--work-line);transition:background-color .22s ease,padding-inline .22s ease}.work-example:hover,.work-example:focus-within{padding-inline:1rem;background:var(--work-soft)}.work-example-named{background:var(--work-soft);border-left:2px solid var(--work-blue);padding-left:1.25rem}.work-example-index{color:var(--work-blue);font-size:.75rem;font-variant-numeric:tabular-nums}.work-example-kicker,.work-example-label{color:var(--work-blue);font-size:.75rem;font-weight:700;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}.work-example :is(h2,h3){margin-top:.55rem;color:var(--work-ink);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:500;line-height:1.25;letter-spacing:-.025em}:lang(ja) :is(.work-section-heading,.work-bridge) h2{max-width:none;font-size:clamp(1.75rem,2.8vw,2.5rem)}.work-example h2 a{text-decoration:underline;text-decoration-color:#94a3b880;text-underline-offset:6px;transition:text-decoration-color .18s ease}.work-example h2 a:hover,.work-example h2 a:focus-visible{text-decoration-color:currentColor}.work-example .work-example-label{margin-top:1.2rem;color:var(--work-muted)}.work-example>div>p:last-child,.work-example-approach>p:not(.work-example-label):not(.work-tags){margin-top:.45rem;color:var(--work-muted);font-size:.875rem;line-height:1.7}.work-example-approach{padding-left:2rem;border-left:1px solid var(--work-line)}.work-example-approach .work-example-label{margin-top:0}.work-tags{display:flex;flex-wrap:wrap;gap:.35rem .7rem;margin-top:1.25rem;color:var(--work-blue);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.work-tags span{color:var(--work-muted)}.work-bridge{padding:clamp(4rem,8vw,7rem) max(1.5rem,6vw);border-top:1px solid var(--work-line)}.work-bridge-inner{display:grid;grid-template-columns:minmax(8rem,.45fr) minmax(0,1.2fr);gap:3rem;max-width:77rem;margin-inline:auto}.work-bridge h2{max-width:14ch;margin-top:0}.work-bridge p{max-width:40rem;margin-top:1.25rem}.work-link{justify-content:flex-start;margin-top:1.25rem;color:var(--work-blue)}.work-bridge-build{background:#fff}.work-bridge-scale{color:#fff;background:#0f172a;--work-ink: #fff;--work-muted: #c0cada;--work-line: #344257;--work-blue: #93c5fd}.work-cta{padding:clamp(4rem,8vw,7rem) max(1.5rem,6vw);border-top:1px solid var(--work-line);background:#eef3fb}.work-cta-inner{max-width:77rem;margin-inline:auto}.work-cta h2{margin-top:1rem}.work-cta-links{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 2rem;margin-top:1.25rem}.work-cta-links .work-link{margin-top:0}.work-cta-links .btn{margin-left:auto}@media(max-width:767px){.work-section-heading,.work-bridge-inner{grid-template-columns:1fr;gap:1.25rem}.work-section-heading h2,.work-bridge h2{max-width:14ch}.work-example{grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem 1rem;padding-block:1.75rem}.work-example-index{padding-top:.2rem}.work-example>div:nth-child(2),.work-example-approach{grid-column:2}.work-example-approach{padding-left:0;border-left:0}.work-example:hover,.work-example:focus-within{padding-inline:.75rem}.work-cta-links{align-items:flex-start;flex-direction:column;gap:.4rem}.work-cta-links .btn{margin-left:0;margin-top:.75rem}}@media(prefers-reduced-motion:reduce){.work-page *,.work-page *:before,.work-page *:after{animation:none!important;transition:none!important}}