.didi-portfolio{color:#1d1d1f;background:#f5f5f7;padding:100px 0 108px}.overseas-portfolio{color:#1d1d1f;background:#fff;padding:112px 0}.portfolio-section-heading{justify-content:space-between;align-items:end;gap:36px;margin-bottom:40px;display:flex}.portfolio-section-heading h2{letter-spacing:-.035em;font-size:clamp(32px,3.8vw,52px);font-weight:650;line-height:1.16}.portfolio-section-heading>p{color:#636367;max-width:380px;font-size:17px;line-height:1.7}.portfolio-introduction{color:#454549;max-width:760px;margin:-8px 0 48px;font-size:20px;line-height:1.7}.didi-grid,.editing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.portfolio-card-link{height:100%;display:block}.portfolio-cover,.overseas-lead-image{isolation:isolate;background:#181818;border-radius:14px;position:relative;overflow:hidden}.portfolio-cover{aspect-ratio:16/9}.portfolio-cover img{object-fit:cover;width:100%;height:100%}.portrait-card .portfolio-cover{aspect-ratio:9/16}.portfolio-play{color:#fff;background:#050505c7;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;bottom:16px;left:16px}.portfolio-duration{color:#fff;font-variant-numeric:tabular-nums;background:#050505d6;border-radius:4px;padding:2px 7px;font-size:13px;line-height:1.5;position:absolute;bottom:12px;right:12px}.portfolio-card-link:hover h3{color:#0071e3}.portfolio-card-link:hover .portfolio-play,.overseas-lead-image:hover .portfolio-play{background:#0071e3}.portfolio-brand{color:#1d1d1f;margin-top:10px;font-size:16px;font-weight:600;line-height:1.6}.portfolio-role{color:#636367;margin-top:8px;font-size:14px;line-height:1.65}.portfolio-card h3{letter-spacing:-.025em;margin-top:20px;font-size:23px;line-height:1.4}.portfolio-summary{color:#636367;margin-top:12px;font-size:16px;line-height:1.75}.portfolio-link-text{color:#0071e3;align-items:center;gap:5px;min-height:44px;margin-top:14px;font-size:15px;display:inline-flex}.overseas-lead{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(44px,6vw,100px);margin:56px 0 88px;display:grid}.overseas-lead-image{aspect-ratio:576/1016;max-width:410px;display:block}.overseas-lead-image img{object-fit:contain;width:100%;height:100%}.overseas-lead-copy h3{letter-spacing:-.035em;font-size:clamp(30px,3.4vw,46px);line-height:1.25}.overseas-lead-copy>p:not(.portfolio-role):not(.portfolio-brand){color:#454549;margin-top:26px;font-size:19px;line-height:1.8}.overseas-lead-copy .portfolio-brand{margin-top:20px;font-size:18px}.overseas-introduction{max-width:800px}.overseas-experience{border-top:1px solid #dedee3;margin-top:72px;padding-top:40px}.overseas-experience h3{letter-spacing:-.025em;margin-bottom:8px;font-size:28px;line-height:1.4}.overseas-experience-list{margin:0}.overseas-experience-list>div{grid-template-columns:minmax(160px,1fr) minmax(0,3fr);gap:32px;padding:28px 0;display:grid}.overseas-experience-list>div+div{border-top:1px solid #dedee3}.overseas-experience-list dt{font-size:19px;font-weight:600;line-height:1.7}.overseas-experience-list dd{color:#636367;margin:0;font-size:16px;line-height:1.8}.overseas-examples-label{color:#636367;margin-top:18px;font-size:14px}.overseas-project-list{color:#1d1d1f;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:10px 0 0;padding:0;list-style:none;display:grid}.overseas-live-projects{grid-template-columns:1fr;gap:10px}.overseas-live-projects li{flex-wrap:wrap;gap:4px 20px;display:flex}.overseas-live-projects strong{min-width:120px;font-weight:600}.overseas-live-projects span{color:#636367}.overseas-decisions{margin:32px 0 24px}.overseas-decisions>div+div{margin-top:24px}.overseas-decisions dt{margin-bottom:8px;font-size:17px;font-weight:600}.overseas-decisions dd{color:#636367;margin:0;font-size:16px;line-height:1.8}.editing-heading{border-top:1px solid #dedee3;justify-content:space-between;align-items:baseline;gap:20px;margin:0 0 30px;padding-top:40px;display:flex}.editing-heading h3{letter-spacing:-.025em;font-size:28px}.editing-heading p{color:#636367;font-size:16px}.editing-grid{gap:0 32px;margin:0}.overseas-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;display:grid}.portrait-card{grid-row:span 7;grid-template-rows:subgrid;min-width:0;display:grid}.portrait-card .portfolio-card-link{grid-template-rows:subgrid;grid-row:1/-1;align-items:start;min-width:0;display:grid}.portrait-card .portfolio-cover{grid-row:1}.portrait-card h3{grid-row:2}.portrait-card .portfolio-brand{grid-row:3}.portrait-card .portfolio-role{grid-row:4}.portrait-card .portfolio-summary{grid-row:5}.portrait-card .portfolio-engagement-compact{grid-row:6}.portrait-card .portfolio-link-text{grid-row:7}.overseas-archive-grid .portrait-card{margin-bottom:32px}.portfolio-cover .portfolio-preview{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .18s ease-out;position:absolute;inset:0}.portrait-card[data-previewing] .portfolio-preview{opacity:1}.editing-grid .portfolio-cover{transition:filter .18s ease-out}.editing-grid[data-preview-active] .portrait-card:not([data-previewing]) .portfolio-cover{filter:brightness(.76)}.portfolio-hover-hint{display:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.portfolio-hover-hint{display:inline}}@media (prefers-reduced-motion:reduce){.portfolio-cover .portfolio-preview,.editing-grid .portfolio-cover{transition:none}}.portfolio-archive-group{background:0 0;border-top:1px solid #dedee3;padding:64px 0}.portfolio-group-nav{flex-wrap:wrap;gap:12px 28px;margin:28px 0 44px;display:flex}.portfolio-group-nav a{color:#0071e3;align-items:center;min-height:44px;font-size:16px;display:inline-flex}.portfolio-group-nav a:hover{text-decoration:underline}.portfolio-group-title{letter-spacing:-.025em;margin-top:54px;font-size:30px}.portfolio-case-page{padding-bottom:84px}.portfolio-case-header{padding:56px 0 40px}.portfolio-case-header h1{letter-spacing:-.035em;max-width:950px;margin:26px 0 20px;font-size:clamp(34px,4.5vw,62px);line-height:1.22}.portfolio-case-header>p{color:#636367;max-width:760px;font-size:20px;line-height:1.7}.portfolio-case-meta{color:#636367;flex-wrap:wrap;gap:12px 24px;margin-top:22px;font-size:14px;display:flex}.portfolio-case-layout{grid-template-columns:minmax(250px,400px) minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,90px);display:grid}.portfolio-native-video{aspect-ratio:9/16;object-fit:contain;background:#080808;border-radius:14px;width:100%;max-height:78svh;display:block}.portfolio-video-fallback{color:#0071e3;align-items:center;gap:6px;min-height:44px;margin-top:12px;font-size:15px;display:inline-flex}.portfolio-case-copy h2{letter-spacing:-.025em;margin-bottom:20px;font-size:28px;line-height:1.3}.portfolio-case-copy p{color:#454549;font-size:17px;line-height:1.85}.portfolio-case-copy .case-role-line{color:#1d1d1f;margin:0 0 28px;font-weight:600}.portfolio-case-decisions{margin-top:36px}.portfolio-case-decision+.portfolio-case-decision{margin-top:28px}.portfolio-case-decision h3{margin-bottom:10px;font-size:20px;line-height:1.4}.portfolio-didi-copy{grid-template-columns:1fr 1fr;gap:64px;margin-top:60px;display:grid}.portfolio-didi-copy .portfolio-case-decisions{margin-top:0}.portfolio-case-return{border-top:1px solid #dedee3;margin-top:56px;padding-top:28px}@media (max-width:800px){.portfolio-section-heading{display:block}.portfolio-section-heading>p{margin-top:20px}.didi-grid{grid-template-columns:1fr;gap:40px}.didi-grid .portfolio-card-link{grid-template-columns:42% 1fr;align-content:start;column-gap:24px;display:grid}.didi-grid .portfolio-cover{grid-row:1/6}.didi-grid .portfolio-card h3,.didi-grid .portfolio-role{margin-top:0}.didi-grid .portfolio-summary{margin-top:8px}.overseas-lead{grid-template-columns:minmax(210px,.85fr) minmax(0,1.15fr);gap:32px}.overseas-lead-copy h3{font-size:30px}.portfolio-case-layout{gap:32px}.overseas-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}}@media (max-width:600px){.didi-portfolio,.overseas-portfolio{padding:64px 0}.portfolio-introduction{font-size:18px}.portfolio-desktop-break{display:none}.didi-grid .portfolio-card-link{display:block}.didi-grid .portfolio-card h3{margin-top:20px}.didi-grid .portfolio-role{margin-top:8px}.overseas-lead{grid-template-columns:1fr;gap:28px;margin:36px 0 56px}.overseas-lead-image{width:min(100%,340px);margin:0 auto}.overseas-lead-copy h3{font-size:34px}.overseas-experience{margin-top:48px;padding-top:32px}.overseas-experience-list>div{grid-template-columns:1fr;gap:12px;padding:24px 0}.overseas-project-list{grid-template-columns:1fr;gap:8px}.overseas-live-projects li,.overseas-live-projects strong,.overseas-live-projects span,.editing-heading{display:block}.editing-heading p{margin-top:10px}.editing-grid{scroll-snap-type:x proximity;grid-template-rows:repeat(7,auto);grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;column-gap:22px;margin-inline:-4px;padding:4px 4px 24px;overflow-x:auto}.editing-grid .portfolio-card{scroll-snap-align:start}.editing-grid{scrollbar-color:#9d9da2 #eeeef0;scrollbar-width:thin}.portfolio-case-layout,.portfolio-didi-copy{grid-template-columns:1fr;gap:32px}.portfolio-native-video{max-height:75svh}.portfolio-case-header{padding-top:32px}.overseas-archive-grid .portfolio-card h3{font-size:19px}.overseas-archive-grid .portfolio-summary{display:none}}.portfolio-engagement-compact{color:#454549;border-top:1px solid #dedee3;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:18px;padding-top:14px;font-size:14px;line-height:1.6;display:flex}.portfolio-engagement-compact strong{color:#1d1d1f;font-variant-numeric:tabular-nums;font-weight:650}.portfolio-engagement-origin{color:#636367;font-size:13px}.portfolio-engagement{border-top:1px solid #dedee3;margin-top:28px;padding-top:20px}.portfolio-engagement-platform{color:#636367;margin:0 0 16px;font-size:14px}.portfolio-engagement-values{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:18px 12px;margin:0;display:grid}.portfolio-engagement-values>div{flex-direction:column;gap:6px;display:flex}.portfolio-engagement-values dt{color:#636367;font-size:14px}.portfolio-engagement-values dd{letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#1d1d1f;margin:0;font-size:clamp(22px,2.2vw,28px);font-weight:600;line-height:1.2}.portfolio-engagement-source{color:#636367;margin:16px 0 0;font-size:13px;line-height:1.7}.portfolio-case-engagement{margin-top:36px}.portfolio-case-engagement h2{letter-spacing:-.025em;font-size:28px;line-height:1.3}.portfolio-case-engagement .portfolio-engagement{margin-top:20px}