.knowledge-cover.product .work-image,.knowledge-cover.product .feature-image{padding:0;background:#f2f3f5}.knowledge-cover.product .work-image img,.knowledge-cover.product .feature-image img{object-fit:cover;box-shadow:none}@media(max-width:760px){.footer .footer-invite>div{width:100%;max-width:100%}.footer .footer-invite h2{max-width:none}.footer .footer-title-line>[data-line-reveal]{white-space:nowrap}}@font-face{font-family:"Portfolio Serif";src:url(/fonts/noto-serif-sc-display.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}:root{--font-body:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;--font-display:"Portfolio Serif","Songti SC","Source Han Serif SC",serif}html body{font-family:var(--font-body);font-weight:400;line-height:1.8;letter-spacing:.012em}.brand,.wordmark{font-family:Arial,sans-serif;font-weight:500;letter-spacing:-.025em}.hero h1,.page-heading h1{font-family:var(--font-display);font-weight:500;letter-spacing:.035em;font-synthesis:none}.hero h1{font-size:clamp(72px,6.6vw,96px);margin:22px 0 28px;line-height:1.3}.hero h1>span{font-family:Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:.075em;margin-top:15px}.hero-role{font-size:16px;letter-spacing:.055em}.hero-statement{font-size:clamp(23px,2.1vw,30px);font-weight:400;line-height:1.65;letter-spacing:.025em}.hero-education{margin-top:32px;gap:17px}.hero-education p{font-size:16px;font-weight:500;line-height:1.7}.hero-education small{font-size:12px;font-weight:400;letter-spacing:.015em;line-height:1.8}.hero-bottom{font-size:11px;letter-spacing:.055em}.nav-link{font-size:18px;letter-spacing:.075em}.section-kicker{font-size:11px;letter-spacing:.12em;line-height:1.5}.introduction{grid-template-columns:1.8fr 1fr;gap:8%;padding:100px 0 86px}.intro-copy>p{font-size:clamp(26px,2.65vw,37px);font-weight:500;line-height:1.7;letter-spacing:.01em;margin-top:24px}.intro-aside{padding-top:41px}.intro-aside>p{font-size:15px;line-height:1.95;letter-spacing:.015em;max-width:320px}.page-heading{padding-top:105px;padding-bottom:64px}.page-heading h1{font-size:clamp(42px,5.2vw,72px);line-height:1.45;letter-spacing:.035em;margin-top:22px}.page-intro{font-size:17px;line-height:1.9;margin-top:25px;letter-spacing:.015em}.feature-title h3,.card-title h2{font-size:clamp(23px,2vw,29px);font-weight:500;line-height:1.5;letter-spacing:.01em}.feature-description{line-height:1.9;letter-spacing:.015em}.feature-meta,.card-meta{font-size:12px;line-height:1.8;letter-spacing:.02em;font-variant-numeric:tabular-nums}.about-lead>p:first-child{font-size:25px;line-height:1.75;font-weight:500}.about-lead>p{font-size:17px;line-height:1.95;max-width:36em}.detail-section>h2{font-size:29px;font-weight:500;letter-spacing:.025em}.experience-list h3{font-size:21px;font-weight:500;line-height:1.6}.experience-list p{font-size:15px;line-height:1.95}.footer-label{font-size:11px;letter-spacing:.12em;color:#b3b4b7;margin-bottom:24px}.footer-invite h2{font-size:clamp(27px,3.2vw,44px);font-weight:400;letter-spacing:.03em;line-height:1.55}.footer-invite>div{max-width:calc(100% - 155px)}.light-page body{font-family:var(--font-body)}.light-page :is(.project-title,.case-hero h1){letter-spacing:.015em;line-height:1.4}.light-page :is(.case-content,.project-body) :is(p,li){line-height:1.95;letter-spacing:.015em}@media(max-width:1100px){.hero h1{font-size:74px}.hero-education p,.hero-role{font-size:15px}.hero-statement{font-size:25px}}@media(max-width:760px){.hero h1{font-size:66px;margin-top:20px;margin-bottom:24px;letter-spacing:.035em}.hero h1>span{font-size:14px;margin-top:12px}.hero-role{font-size:14px}.hero-statement{font-size:24px}.hero-education p{font-size:15px}.hero-education small{font-size:11px}.introduction{grid-template-columns:1fr;padding:60px 0 48px;gap:26px}.intro-copy>p{font-size:24px;line-height:1.75;margin-top:19px}.intro-aside{padding-top:0}.intro-aside>p{font-size:14px}.page-heading{padding:55px 0 42px}.page-heading h1{font-size:42px;letter-spacing:.02em}.page-intro{font-size:15px}.about-lead>p{font-size:16px}.about-lead>p:first-child{font-size:22px}.feature-title h3,.card-title h2{font-size:23px}.detail-section>h2{font-size:26px}.footer-invite>div{max-width:calc(100% - 120px)}.footer-invite h2{max-width:none;font-size:25px}.footer-label{margin-bottom:16px}}.route-layer{position:fixed;inset:0;z-index:400;background:#1c1d20;color:#fff;display:grid;place-items:center;transform:translateY(105%);visibility:hidden;pointer-events:none;border-radius:45% 45% 0 0;transition:transform .55s cubic-bezier(.76,0,.24,1),border-radius .55s,visibility .55s;font-family:Arial,Microsoft YaHei,sans-serif}.route-title{display:flex;align-items:center;gap:22px;font-size:clamp(38px,5vw,70px);font-weight:400;line-height:1.4}.route-title i{width:8px;height:8px;border-radius:50%;background:currentColor}.route-layer small{display:block;text-align:center;color:#a6a6a8;font-size:14px;margin-top:14px;letter-spacing:.12em}.nav-leaving .route-layer,.nav-arriving .route-layer{visibility:visible;transform:translateY(0);border-radius:0;pointer-events:auto}.nav-arriving .route-layer{transition:none}.nav-arrived .route-layer{transform:translateY(-105%);border-radius:0 0 40% 40%}.nav-leaving{cursor:progress}.nav-reset .route-layer{transition:none;visibility:hidden}.route-layer>div{transition:opacity .2s}.nav-leaving .route-layer>div{animation:route-word .5s both}@keyframes route-word{0%,35%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.route-layer{display:none!important}}