/* October 5: one responsive grid across the presentation. */
html.promo-showcase{--page-width:1680px;--page-gutter:clamp(20px,5vw,96px)}
.promo-showcase .shell,.promo-showcase .conversion-shell{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin-inline:auto}
.promo-showcase .promo-header{padding-inline:max(var(--page-gutter),calc((100% - var(--page-width))/2))}
.promo-showcase main{--section-space:clamp(64px,6vw,112px)}
.promo-showcase .hero-scenes{max-width:var(--page-width);margin-top:48px}
.promo-showcase .hero-scene{height:clamp(420px,36vw,720px)}
.promo-showcase .hero-scene-controls{padding-inline:0}
.promo-showcase .hero-copy{max-width:1100px}
.promo-showcase .emotion-hero h1{font-size:clamp(58px,6.2vw,112px)}
.promo-showcase .highlight-gallery{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin-inline:auto;overflow:visible}
.promo-showcase .highlight-track{padding:0 0 16px;scroll-padding-inline:0;gap:24px}
.promo-showcase .highlight-card{flex:0 0 calc((100% - 72px)/4);min-width:0;height:clamp(460px,29vw,590px)}
.promo-showcase .highlight-copy{padding:30px 26px}
.promo-showcase .highlight-copy h3{font-size:clamp(25px,2vw,35px)}
.promo-showcase .highlight-credit{left:26px;right:74px;max-width:none;font-size:10px}
.promo-showcase .gallery-controls{width:100%;max-width:none}
.promo-showcase .gallery-dots{visibility:hidden}
.promo-showcase .gallery-arrows{visibility:hidden}
.promo-showcase .section-heading h2,.promo-showcase .conversion-paths>h2{max-width:22ch}
.promo-showcase .conversion-path-grid{gap:28px}
.promo-showcase .conversion-path-grid article{padding:clamp(28px,3vw,52px);border:0;background:#ffffff55;box-shadow:none}
.promo-showcase .conversion-path-grid article>p{max-width:55ch}
.promo-showcase .ever,.promo-showcase .digital,.promo-showcase .invitation{width:calc(100% - 2 * var(--page-gutter));max-width:var(--page-width);margin-block:24px}
.promo-showcase .ever>.shell,.promo-showcase .digital>.shell,.promo-showcase .invitation>.shell{width:calc(100% - 96px)}
.promo-showcase .person-photo{background:transparent;border-radius:0;aspect-ratio:1.05}
.promo-showcase .person-photo img{object-fit:contain}
.promo-showcase .people-grid{gap:clamp(24px,3vw,52px)}
.experience-directory{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0 40px}
.experience-directory a{display:inline-flex;align-items:center;gap:28px;padding:15px 24px;border:1px solid #0b1b2e30;border-radius:99px;text-decoration:none;font-size:16px}
.experience-directory a:hover{background:#0b1b2e;color:#f5f2eb}
.promo-showcase .developer-strip{border:0;margin-top:60px;padding-top:12px}
.promo-showcase .developer-strip>p{font-size:26px;text-align:left;font-weight:600;color:#0b1b2e}
.promo-showcase .promo-developer-logos a{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:24px 16px;background:#ffffff55;text-decoration:none;min-height:160px}
.promo-showcase .promo-developer-logos img{object-fit:contain;max-width:100%;height:65px}
.promo-developer-logos a>span{font-size:14px;line-height:1.4;text-align:center}
.developer-directory-link{margin-top:26px}
.promo-showcase .inquiry-layout{gap:clamp(40px,5vw,100px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.promo-showcase.motion-ready [data-reveal].is-entering-view{animation:section-arrive .8s cubic-bezier(.18,.7,.24,1) both}
@keyframes section-arrive{from{opacity:.2;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.promo-showcase .section-heading{margin-bottom:44px}.promo-showcase .hero-subtitle{font-size:23px}.promo-showcase .conversion-path-grid h3{font-size:42px}.promo-showcase .person h3{font-size:28px}.promo-showcase .person>p{font-size:17px}}
@media(max-width:1100px){.promo-showcase .highlight-card{flex-basis:calc((100% - 24px)/2)}.promo-showcase .gallery-dots,.promo-showcase .gallery-arrows{visibility:visible}.promo-showcase .inquiry-layout{grid-template-columns:1fr}.promo-showcase .ever>.shell,.promo-showcase .digital>.shell,.promo-showcase .invitation>.shell{width:calc(100% - 64px)}}
@media(max-width:780px){.promo-showcase .hero-scene{height:480px}.promo-showcase .highlight-card{flex-basis:76%;height:500px}.promo-showcase .ever>.shell,.promo-showcase .digital>.shell,.promo-showcase .invitation>.shell{width:calc(100% - 40px)}.promo-showcase .inquiry-form{max-width:none}.promo-showcase .promo-header nav{padding-inline:var(--page-gutter)}}
@media(max-width:520px){.promo-showcase .emotion-hero h1{font-size:clamp(43px,10.6vw,57px)}.promo-showcase .hero-scene{height:430px}.promo-showcase .highlight-card{flex-basis:90%;height:480px}.promo-showcase .highlight-track{gap:16px}.experience-directory{gap:10px}.experience-directory a{font-size:14px;padding:12px 18px}.promo-showcase .ever,.promo-showcase .digital,.promo-showcase .invitation{width:calc(100% - 24px)}.promo-showcase .promo-developer-logos a{min-height:140px;padding:20px 12px}.promo-showcase .person-photo{aspect-ratio:1}.promo-showcase .conversion-path-grid article{padding:28px}}
@media(prefers-reduced-motion:reduce){.promo-showcase.motion-ready [data-reveal].is-entering-view{animation:none!important}.promo-showcase .person img{transition:none!important}html.promo-showcase{scroll-behavior:auto}}