/* Three large, project-specific visual chapters with native section deep links. */
.ap-project-jumps{display:flex;flex-wrap:wrap;gap:12px 30px;padding-top:8px;padding-bottom:28px}
.ap-project-jumps a{font-size:11px;line-height:1.8;color:var(--ap-muted);border-bottom:1px solid var(--ap-border);padding:8px 0}
.ap-project-jumps a:hover{color:var(--ap-ink)}
.ap-showcase-card{padding-top:55px;padding-bottom:30px;scroll-margin-top:120px}
.ap-showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}
.ap-showcase-heading h2{font-size:clamp(28px,3.6vw,45px);font-weight:400;letter-spacing:-.045em;line-height:1.15;margin:0;max-width:680px}
.ap-showcase-heading>.ap-section-label{margin:0;line-height:1.8;max-width:240px}
.ap-showcase-card figure{margin:0}
.ap-showcase-media{position:relative;overflow:hidden;border-radius:26px;padding:56px;border:1px solid var(--ap-line);background:radial-gradient(ellipse at 50% 35%,var(--ap-soft),var(--ap-paper))}
.ap-showcase-brand-deck{padding:0;background:var(--ap-soft)}
.ap-showcase-image-link,.ap-showcase-image-link img{display:block;width:100%;height:auto}
.ap-showcase-image-link{cursor:zoom-in}
.ap-showcase-brand-deck img{aspect-ratio:3/2;object-fit:contain}
.ap-showcase-media>.ap-device-scene{max-width:850px;margin:0 auto}
.ap-showcase-media>.ap-device-closed-music{max-width:400px}
.ap-showcase-media>:is(.ap-device-portrait-home,.ap-device-portrait-chat){max-width:500px}
.ap-showcase-social,.ap-showcase-video{background:radial-gradient(ellipse at 50% 38%,#272b34,#0d0e12)}
.ap-showcase-video .ap-native-film{max-width:360px}
.ap-showcase-board{padding:0}
.ap-showcase-board>.ap-brand-board{border-radius:25px;min-height:560px}
.ap-showcase-archive{padding:45px;background:radial-gradient(ellipse at 50% 45%,#2a3039,#0e1015)}
.ap-showcase-archive>img{display:block;width:100%;height:auto;max-height:670px;object-fit:contain;border-radius:12px}
.ap-showcase-card figcaption{display:flex;justify-content:space-between;gap:25px;margin-top:17px;font-size:11px;line-height:1.8;color:var(--ap-detail)}
.ap-showcase-card figcaption>span{max-width:820px}
.ap-showcase-card figcaption>a{flex:none;color:var(--ap-muted);text-decoration:underline;text-underline-offset:4px}
.ap-case-continuation{padding-top:65px;padding-bottom:20px}
.ap-project-reading{display:grid;grid-template-columns:1fr 2.15fr;gap:95px;margin-top:75px;padding-top:45px;border-top:1px solid var(--ap-line)}
.ap-project-reading h2{font-size:31px;line-height:1.15;letter-spacing:-.035em}
.ap-project-reading>div:last-child>a{display:grid;grid-template-columns:1fr auto;gap:10px;padding:22px 0;border-bottom:1px solid var(--ap-line)}
.ap-project-reading a>span:first-child{font:8px "Plex Mono",monospace;line-height:1.8;color:var(--ap-detail);grid-column:1/-1}
.ap-project-reading a>strong{font-size:19px;line-height:1.4;font-weight:450;letter-spacing:-.02em}
.ap-project-jumps a:focus-visible,.ap-showcase-card a:focus-visible,.ap-project-reading a:focus-visible{outline:2px solid var(--ap-ink);outline-offset:5px}
#project-gallery{scroll-margin-top:120px}
@media(max-width:900px){.ap-showcase-heading{align-items:start;flex-direction:column;gap:14px}.ap-project-reading{gap:45px;grid-template-columns:1fr 2fr}}
@media(max-width:680px){.ap-project-jumps{gap:8px 20px;padding-bottom:25px}.ap-project-jumps a{font-size:10px;padding:6px 0}.ap-showcase-card{padding-top:32px;padding-bottom:15px;scroll-margin-top:105px}.ap-showcase-heading{gap:10px;margin-bottom:18px}.ap-showcase-heading h2{font-size:31px;max-width:300px}.ap-showcase-media{padding:26px 16px;border-radius:19px}.ap-showcase-brand-deck,.ap-showcase-board{padding:0}.ap-showcase-board>.ap-brand-board{min-height:380px}.ap-showcase-video .ap-native-film{max-width:300px}.ap-showcase-card figcaption{font-size:10px;gap:10px;flex-direction:column}.ap-showcase-card figcaption>a{align-self:flex-start;min-height:32px;padding-top:5px}.ap-case-continuation{padding-top:45px;padding-bottom:12px}.ap-project-reading{display:block;margin-top:45px;padding-top:35px}.ap-project-reading h2{font-size:28px;margin-bottom:15px}.ap-project-reading a>strong{font-size:18px}.ap-showcase-archive>img{border-radius:8px}}