.pronto-case-page{background:#f7f5f0}.pr-case{--pr-violet:#7042c4;--pr-material-violet:#9063fe;--pr-muted:#716977;--pr-ink:#231536;--pr-paper:#f7f5f0;--pr-lime:#ddf19a;--pr-orange:#f5974b;background:var(--pr-paper);color:var(--pr-ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;overflow:clip}.pr-case *{box-sizing:border-box}.pr-case :is(h1,h2,h3,p,figure){margin:0}.pr-case img{display:block;max-width:100%}.pr-case a{color:inherit;text-decoration:none}.pr-case button{font:inherit;cursor:pointer}.pr-case :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:6px}.pr-case section[id]{scroll-margin-top:80px}.pr-pad{padding-inline:clamp(24px,6vw,110px)}.pr-case h2{font-size:clamp(42px,5.2vw,84px);font-weight:500;letter-spacing:-.045em;line-height:1.07}.pr-case .pr-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px}.pr-case p{line-height:1.6}.pr-case a svg{width:22px;height:22px;flex:none}.pr-opening{padding-block:28px 24px}.pr-project-line{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px}.pr-project-line a{display:flex;align-items:center;gap:14px}.pr-project-line a svg{transform:rotate(180deg);width:16px}.pr-project-line>span{opacity:.6}.pr-opening-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-top:42px}.pr-case .pr-opening h1{font-size:clamp(100px,16vw,248px);font-weight:600;line-height:.85;letter-spacing:-.04em;margin-left:-.035em}.pr-opening-title>div{padding-bottom:4px}.pr-opening-title>div>p{font-size:clamp(23px,2.2vw,35px);line-height:1.15;letter-spacing:-.03em}.pr-opening-title>div>span{display:block;font-size:10px;margin-top:20px;opacity:.6}
.pr-hero{position:relative;isolation:isolate;aspect-ratio:3/2;max-height:1000px;overflow:hidden}.pr-hero>img{width:100%;height:100%;object-fit:cover}.pr-hero-copy{position:absolute;left:6vw;top:7%;width:42%;color:var(--pr-violet)}.pr-hero-copy>img{width:clamp(130px,18vw,290px);margin-bottom:26px}.pr-case .pr-hero-copy h2{font-size:clamp(40px,5.6vw,90px);letter-spacing:-.065em}.pr-hero-down{position:absolute;left:6vw;bottom:36px;display:flex;align-items:center;gap:22px;font-size:12px}.pr-hero-down svg{transform:rotate(90deg)}
.pr-story{padding-block:105px 110px}.pr-story-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:9vw;align-items:start}.pr-story-grid>div>p,.pr-story-grid>p{font-size:16px;line-height:1.75;max-width:33em}.pr-story-grid>p{color:var(--pr-muted)}.pr-story-grid>div>p+p{margin-top:20px}.pr-story dl{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:30px;border-top:1px solid #23153625;margin-top:36px;font-size:12px;line-height:1.6}.pr-story dt{font-size:10px;opacity:.6;margin-bottom:10px}.pr-story dd{margin:0}.pr-motion{background:var(--pr-ink);color:var(--pr-paper);padding-block:55px 85px}.pr-section-line{display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:11px;line-height:1.5;margin-bottom:35px}.pr-section-line>span:last-child{opacity:.6}.pr-film-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:48px}.pr-film-caption h2{font-size:clamp(32px,3.5vw,56px)}.pr-film-caption p{font-size:14px;opacity:.7}.pr-identity>.pr-section-line{padding-block:55px 0}.pr-logo-stage{position:relative;background:var(--pr-violet);color:var(--pr-paper);min-height:620px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background .4s,color .4s;isolation:isolate}.pr-logo-center{position:relative;z-index:2;text-align:center;padding:100px 20px 140px;width:66%}.pr-logo-center>img{filter:brightness(0) invert(1);width:100%;margin:0 auto 32px}.pr-logo-center>p{font-size:clamp(16px,2vw,30px);letter-spacing:-.025em}.pr-logo-route{position:absolute;inset:-20% -15%;opacity:.12;transform:rotate(-12deg)}.pr-logo-route svg{width:100%;height:100%;--route-color:#fff;--route-end:#fff}.pr-logo-controls{position:absolute;inset:auto 6vw 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px;z-index:3}.pr-logo-controls>div{display:flex;gap:8px}.pr-logo-controls button{width:40px;height:40px;padding:8px;background:none;border:1px solid transparent;border-radius:50%}.pr-logo-controls button::after{content:'';display:block;width:22px;height:22px;border-radius:50%;background:var(--pr-violet);border:1px solid #ffffff65}.pr-logo-controls button[data-pr-tone=cream]::after{background:var(--pr-paper)}.pr-logo-controls button[data-pr-tone=ink]::after{background:var(--pr-ink)}.pr-logo-controls button[aria-pressed=true]{border-color:currentColor}.pr-logo-stage[data-pr-logo-tone=cream]{background:var(--pr-paper);color:var(--pr-violet)}.pr-logo-stage[data-pr-logo-tone=cream] .pr-logo-center img{filter:none}.pr-logo-stage[data-pr-logo-tone=cream] .pr-logo-route{opacity:.08}.pr-logo-stage[data-pr-logo-tone=cream] .pr-logo-route svg{--route-color:#7042c4;--route-end:#7042c4}.pr-logo-stage[data-pr-logo-tone=ink]{background:var(--pr-ink);color:var(--pr-paper)}
.pr-route{--route-color:#7042c4;--route-end:#ddf19a;color:var(--pr-ink);width:100%;height:auto}.pr-route-line,.pr-route-shadow{stroke:var(--route-color);stroke-width:46;stroke-linecap:round;stroke-linejoin:round}.pr-route-shadow{opacity:.15}.pr-route-line{stroke-dasharray:100;stroke-dashoffset:0;animation:pr-draw 5s cubic-bezier(.5,0,.3,1) infinite;animation-play-state:paused}.pr-route-destination{fill:var(--route-end);animation:pr-destination 5s ease infinite;animation-play-state:paused}.pr-is-visible .pr-route-line,.pr-is-visible .pr-route-destination{animation-play-state:running}.pr-hidden .pr-route-line,.pr-hidden .pr-route-destination{animation-play-state:paused}@keyframes pr-draw{0%,8%{stroke-dashoffset:100}55%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}@keyframes pr-destination{0%,40%,100%{transform:scale(.85);opacity:.4}60%,85%{transform:scale(1);opacity:1}}.pr-route-destination{transform-origin:574px 110px}
.pr-system-grid{display:grid;grid-template-columns:1fr 1fr}.pr-route-poster,.pr-type-poster{position:relative;padding:55px 6vw;min-height:670px;overflow:hidden}.pr-route-poster{background:var(--pr-paper);border-right:1px solid #2315361f;display:flex;flex-direction:column}.pr-route-poster h3{font-size:clamp(48px,6vw,100px);letter-spacing:-.065em;line-height:.95;font-weight:500;position:relative;z-index:2}.pr-route-poster .pr-route{position:relative;left:-12%;width:124%;height:300px;min-height:210px;max-height:330px;flex:1;margin:28px 0 24px;transform:rotate(-8deg);--route-end:#231536}.pr-route-poster>span{position:absolute;bottom:32px;font-size:11px}.pr-type-poster{background:#eee9f2;display:flex;flex-direction:column;justify-content:space-between}.pr-type-stack{padding:20px 0 35px;display:grid;font-size:clamp(64px,7vw,115px);font-weight:500;line-height:.97;letter-spacing:-.07em}.pr-type-stack>span:last-child{font-style:italic}.pr-type-poster>p:last-child{font-size:14px;color:var(--pr-muted)}.pr-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid #23153626;background:var(--pr-paper);color:var(--pr-ink)}
.pr-palette>div{min-width:0;min-height:170px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;gap:22px;border-right:1px solid #2315361a;font-size:12px}.pr-palette>div:last-child{border-right:0}
.pr-palette i{display:block;width:46px;height:12px;background:var(--swatch);box-shadow:inset 0 0 0 1px #23153615}.pr-palette small{display:block;font-size:10px;font-weight:400;color:var(--pr-muted);margin-top:7px;line-height:1.4}.pr-palette code{margin-top:auto;font-size:10px;font-family:inherit;color:var(--pr-muted)}
.pr-palette .pr-violet{--swatch:#7042c4}.pr-palette .pr-cream{--swatch:#f7f5f0}.pr-palette .pr-ink{--swatch:#231536}.pr-palette .pr-material{--swatch:#9063fe}.pr-palette .pr-lime{--swatch:#ddf19a}.pr-palette .pr-orange{--swatch:#f5974b}

.pr-vehicles{padding-block:100px 75px}.pr-vehicles .pr-story-grid{margin-bottom:50px}.pr-vehicles .pr-story-grid>p{padding-top:43px}.pr-people{background:#fffaf3;padding-top:80px}.pr-people-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:0 9vw;align-items:end}.pr-people-heading>.pr-eyebrow{grid-column:1/-1}.pr-people-heading>p:last-child{font-size:15px;opacity:.7}.pr-people .pr-illustrations,.pr-people [data-pronto-illustrations]{margin-top:0}
.pr-campaign{padding-block:100px 80px;background:var(--pr-ink);color:var(--pr-paper)}.pr-campaign .pr-story-grid{margin-bottom:55px}.pr-campaign .pr-story-grid>p{padding-top:43px;color:#c7bfce}.pr-photo>img{width:100%;height:auto}.pr-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:50px}/* The hairline keeps a poster from dissolving when its art meets a same-coloured page. */
.pr-poster{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3/4;padding:30px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 20px #2315361c,inset 0 0 0 1px #2315361f;color:var(--pr-ink)}.pr-poster>img{width:100px;height:auto;position:relative;z-index:2}.pr-poster>span{font-size:11px;position:relative;z-index:2}.pr-poster h3{font-size:clamp(30px,4.5vw,70px);line-height:.95;letter-spacing:-.065em;position:relative;z-index:2;font-weight:600}.pr-poster-one{background:var(--pr-paper)}.pr-poster-one h3{margin-top:-50px}.pr-pin{width:42%;aspect-ratio:1/1;position:absolute;bottom:12%;right:8%;animation:pr-pin-float 3s ease-in-out infinite alternate;animation-play-state:paused}.pr-pin>img{width:100%;height:auto;display:block;filter:drop-shadow(0 14px 18px #2315362e)}.pr-is-visible .pr-pin{animation-play-state:running}@keyframes pr-pin-float{to{transform:translateY(-14px) rotate(-39deg)}}.pr-poster-two{background:#eee9f2}.pr-poster-two h3{margin-top:-30px}.pr-poster-two .pr-route{position:absolute;bottom:-12%;left:10%;width:120%;opacity:.75;transform:rotate(-25deg)}.pr-poster-three{background:var(--pr-violet);color:#fff}
.pr-poster-three>img{filter:brightness(0) invert(1)}.pr-poster-word{display:grid;font-size:clamp(34px,4.3vw,68px);line-height:.95;font-weight:600;letter-spacing:-.055em;position:relative;z-index:2}.pr-poster-word>span:last-child{color:#fff}.pr-poster-three>span{display:flex;align-items:center;justify-content:space-between}.pr-poster-three>span>svg{width:18px;height:18px}.pr-caption{font-size:12px;margin-top:25px!important;opacity:.7}.pr-collateral{padding-block:60px 85px;background:var(--pr-paper)}.pr-finale{padding-block:100px 80px;background:var(--pr-paper);text-align:center}.pr-final-logo{max-width:750px;margin:65px auto 38px}.pr-final-logo>img{width:100%}.pr-finale h2{font-size:clamp(30px,3.4vw,54px);font-weight:400}.pr-deliverables{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;font-size:12px;padding:65px 0 50px}.pr-finale details{text-align:left;max-width:950px;margin:auto;border-top:1px solid #23153630;font-size:13px}.pr-finale summary{display:flex;justify-content:space-between;align-items:center;padding:24px 0;cursor:pointer;list-style:none}.pr-finale summary::-webkit-details-marker{display:none}.pr-finale summary>svg{width:20px;height:20px;transform:rotate(90deg)}.pr-finale details>p{max-width:70em;opacity:.8;margin-top:12px}.pr-finale details a{text-decoration:underline;text-underline-offset:3px}.pr-next{background:var(--pr-ink);color:var(--pr-paper);padding-block:75px}.pr-next>p{font-size:13px;opacity:.65}.pr-next>a{display:flex;align-items:center;justify-content:space-between;gap:20px}.pr-next>a:first-of-type{font-size:clamp(30px,4vw,66px);letter-spacing:-.04em;margin-top:25px}.pr-next>a:first-of-type>svg{width:48px;height:48px}.pr-next>a:last-child{font-size:12px;margin-top:65px;width:145px}
@media(max-width:760px){.pr-pad{padding-inline:24px}.pr-opening{padding-block:24px 35px}.pr-project-line{font-size:10px;align-items:flex-start}.pr-project-line>span{max-width:140px;text-align:right}.pr-opening-title{padding-top:40px;display:block}.pr-case .pr-opening h1{font-size:clamp(98px,24vw,170px)}.pr-opening-title>div{display:flex;justify-content:space-between;gap:20px;margin-top:25px}.pr-opening-title>div>p{font-size:22px}.pr-opening-title>div>span{max-width:115px;margin-top:0;font-size:10px;line-height:1.7}.pr-hero{aspect-ratio:4/5;max-height:none}.pr-hero>img{object-position:60% center}.pr-hero-copy{left:24px;top:30px;width:80%}.pr-hero-copy>img{width:110px;margin-bottom:18px}.pr-case .pr-hero-copy h2{font-size:44px;line-height:.98}.pr-hero-down{left:24px;bottom:22px;font-size:11px}.pr-story,.pr-vehicles{padding-block:65px}.pr-story-grid{grid-template-columns:1fr;gap:30px}.pr-story-grid>div>p,.pr-story-grid>p{font-size:15px}.pr-story dl{font-size:11px;gap:18px}.pr-motion{padding-block:35px 55px}.pr-section-line{font-size:10px;align-items:flex-start}.pr-section-line>span:last-child{text-align:right;max-width:150px}.pr-film-caption{display:block;margin-top:30px}.pr-film-caption p{margin-top:22px;font-size:13px}.pr-logo-stage{min-height:410px}.pr-logo-center{width:90%;padding:70px 15px 115px}.pr-logo-center>img{margin-bottom:25px}.pr-logo-controls{inset-inline:24px;bottom:20px}.pr-logo-controls>span{max-width:140px;line-height:1.6}.pr-system-grid{grid-template-columns:1fr}.pr-route-poster,.pr-type-poster{min-height:540px;padding:35px 24px}.pr-route-poster h3{font-size:70px}.pr-type-stack{font-size:86px;padding:0 0 40px}.pr-palette{grid-template-columns:repeat(3,1fr)}.pr-palette>div{min-height:152px;padding:20px 16px;font-size:11px;gap:18px}.pr-palette small{font-size:9px}.pr-palette i{width:36px;height:10px}.pr-vehicles .pr-story-grid>p,.pr-campaign .pr-story-grid>p{padding-top:0}.pr-people{padding-top:55px}.pr-people-heading{display:block}.pr-people-heading>p:last-child{margin-top:25px;font-size:14px}.pr-campaign{padding-block:65px 50px}.pr-posters{grid-template-columns:1fr;max-width:440px;margin:35px auto 0;gap:24px}.pr-poster{padding:30px;aspect-ratio:3/4}.pr-poster h3{font-size:64px}.pr-poster-word{font-size:64px}.pr-finale{padding-block:65px 55px}.pr-final-logo{margin-block:50px 30px}.pr-deliverables{gap:15px 25px;padding-block:40px;font-size:11px}.pr-next{padding-block:55px}.pr-next>a:first-of-type{font-size:35px}.pr-next>a:first-of-type>svg{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.pr-case *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pr-route-line{stroke-dashoffset:0!important}}

.pr-illustration-wrap{padding-top:55px;padding-bottom:75px}.pr-people .pi-heading .pi-eyebrow{display:none}.pr-people .pi-heading p{font-size:16px;letter-spacing:0}.pr-hidden .pr-pin{animation-play-state:paused}

.pronto-case-page .site-header{height:126px;padding-top:30px;padding-bottom:20px}.pronto-case-page .site-header .logo{width:132px;min-width:0}
@media(max-width:760px){.pr-hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#f7f5f0 0%,#f7f5f0ed 22%,#f7f5f055 41%,transparent 58%)}.pr-hero-copy,.pr-hero-down{z-index:2}}

/* A quieter opening, anchored by the actual wordmark. */
.pr-case .pr-opening .pr-opening-wordmark{width:clamp(240px,43vw,660px);font-size:0;line-height:1;margin:0}
.pr-opening-wordmark>img{width:100%;height:auto}
.pr-opening-title{align-items:center}
.pr-opening-title>div>p{font-weight:400;font-size:clamp(24px,2.6vw,40px);line-height:1.18;letter-spacing:-.035em}
.pr-chapter-links{display:flex;align-items:center;gap:clamp(24px,5vw,80px);margin-top:40px;padding-top:16px;border-top:1px solid #23153626}
.pr-chapter-links>a{display:flex;align-items:center;gap:18px;min-height:44px;font-size:12px}
.pr-chapter-links>a svg{width:15px;height:15px;transform:rotate(90deg);transition:transform .25s ease}
.pr-chapter-links>a:hover svg{transform:translateY(4px) rotate(90deg)}
.pr-story-grid h2{text-wrap:balance}
@media(max-width:760px){
 .pr-case .pr-opening .pr-opening-wordmark{width:min(78vw,430px)}
 .pr-opening-title{padding-top:32px}.pr-opening-title>div{margin-top:28px}
 .pr-opening-title>div>p{font-size:26px;line-height:1.18}
 .pr-chapter-links{margin-top:26px;padding-top:12px;gap:10px;justify-content:space-between;flex-wrap:wrap}
 .pr-chapter-links>a{font-size:10px;gap:8px}.pr-chapter-links>a svg{width:12px;height:12px}
}

/* The case opens with the work; secondary process material sits behind clear disclosures. */
.pr-cover{position:relative;background:#231536;overflow:hidden}
.pr-cover>img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.pr-cover figcaption{padding:20px clamp(24px,6vw,110px);display:flex;justify-content:space-between;gap:24px;color:#f7f5f0;font-size:11px;letter-spacing:.015em;border-top:1px solid #ffffff15}
.pr-case .pr-opening .pr-opening-wordmark{width:clamp(240px,33vw,480px)}
.pr-opening-title{padding-top:30px}.pr-chapter-links{margin-top:30px}
.pr-object-intro,.pr-city-intro{padding-block:clamp(65px,7vw,110px) 42px}
.pr-object-intro .pr-story-grid,.pr-city-intro .pr-story-grid{align-items:end}
.pr-object-intro .pr-story-grid>p,.pr-city-intro .pr-story-grid>p{max-width:29em;color:#746c7b;font-size:16px}
.pr-extras{padding-block:26px 45px}
.pr-extras>details,.pr-reaction-extra>details{border-block:1px solid #23153625}
.pr-extras>details>summary,.pr-reaction-extra>details>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding-block:22px;font-size:15px;list-style:none;cursor:pointer}
.pr-extras>details>summary::-webkit-details-marker,.pr-reaction-extra>details>summary::-webkit-details-marker{display:none}
.pr-extras>details>summary>span,.pr-reaction-extra>details>summary>span{font-size:25px;font-weight:300;transition:transform .25s}
.pr-extras>details[open]>summary>span,.pr-reaction-extra>details[open]>summary>span{transform:rotate(45deg)}
.pr-extras>details>summary:focus-visible,.pr-reaction-extra>details>summary:focus-visible{outline:2px solid #7042c4;outline-offset:4px}
.pr-extras .pst-design-notes .pst-wrap{padding-inline:0}
.pr-extras .pr-spots{padding-inline:0}
.pr-reaction-extra{margin-top:35px}.pr-reaction-extra>details{border-color:#f7f5f035}
.pr-extras .pkin .pkin-stage{min-height:0;aspect-ratio:16/10;height:auto}
@media(max-width:760px){.pr-cover figcaption{padding-block:15px;font-size:9px}.pr-cover figcaption>span:last-child{text-align:right}.pr-object-intro .pr-story-grid>p,.pr-city-intro .pr-story-grid>p{font-size:14px}.pr-extras{padding-block:16px 30px}.pr-extras>details>summary,.pr-reaction-extra>details>summary{font-size:13px;min-height:70px}.pr-extras .pkin .pkin-stage{aspect-ratio:4/5}.pr-case .pr-opening .pr-opening-wordmark{width:min(68vw,340px)}}
