.project-case{background:var(--color-canvas);color:var(--color-ink);overflow:clip}.project-case :where(h1,h2,p,figure,figcaption,dl,dd,ul){margin:0}.project-case__grid{gap:var(--grid-gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.project-case__eyebrow,.project-case figcaption,.project-case__facts,.project-case__mobile-note{color:var(--color-ink-soft);font-size:var(--text-ui);letter-spacing:var(--tracking-ui);line-height:var(--leading-body)}.project-case__heading{font-size:var(--text-h2);letter-spacing:var(--tracking-heading);font-weight:630;line-height:var(--leading-tight);text-wrap:balance}.project-case__body{font-size:var(--text-body);letter-spacing:var(--tracking-body);line-height:var(--leading-body);max-width:43ch}.project-case__hero{padding-top:var(--space-5)}.project-case__back{margin-bottom:var(--space-7)}.project-case__hero-title{grid-column:1/span 7}.project-case__hero-title .project-case__eyebrow{margin-bottom:var(--space-3)}.project-case__hero-title h1{font-size:var(--text-display);letter-spacing:var(--tracking-display);font-weight:640;line-height:var(--leading-display);overflow-wrap:anywhere}.project-case__hero-deck{grid-column:9/span 4;align-self:end}.project-case__hero-deck>p{font-size:var(--text-body-large);letter-spacing:var(--tracking-body);line-height:var(--leading-body);max-width:30ch;margin:0}.project-case__hero-deck .text-link{margin-top:var(--space-4)}.project-case__cover{margin-top:var(--space-5);grid-column:1/-1;min-width:0;position:relative}.project-case__cover-stage{aspect-ratio:2.25;background:#756a58;position:relative;overflow:hidden}.project-case__cover-scene{display:block;position:absolute;inset:0}.project-case__cover-scene img,.project-case__cover-screen,.project-case__cover-mobile{width:100%;height:100%;display:block}.project-case__cover-scene img{object-fit:cover}.project-case__cover-screen{aspect-ratio:1.78;object-fit:cover;object-position:center top;background:#fff;width:68%;height:auto;position:absolute;top:8%;right:6%;box-shadow:0 18px 48px #11121354}.project-case__cover-mobile{display:none}.project-case__cover figcaption{align-items:baseline;gap:var(--space-3);padding-top:var(--space-3);justify-content:space-between;display:flex}.project-case__cover-side-label{color:var(--color-ink-soft);font-size:var(--text-ui);letter-spacing:.07em;writing-mode:vertical-rl;grid-column:1;position:absolute;top:20%;left:-38px;transform:rotate(180deg)}.project-case--jeeves .project-case__cover-scene{inset:0 38% 0 0}.project-case--jeeves .project-case__cover-scene img{object-position:30% center}.project-case--artgroup .project-case__cover-stage{background:#dfceac}.project-case--artgroup .project-case__cover-scene{inset:0 55% 0 0}.project-case--artgroup .project-case__cover-scene img{object-position:25% center}.project-case--artgroup .project-case__cover-screen{width:69%;right:5%}.project-case--apir .project-case__cover-stage{background:#244cca}.project-case--apir .project-case__cover-scene{background:url(/assets/cases/apir-directions.png) 88.4% 40%/264% no-repeat;inset:0 0 0 57%}.project-case--apir .project-case__cover-screen{width:70%;left:5%;right:auto}.project-case--forma .project-case__cover-stage{background:#454d40}.project-case--forma .project-case__cover-scene{inset:0 62% 0 0}.project-case--forma .project-case__cover-scene img{object-position:40% 57%}.project-case--forma .project-case__cover-screen{aspect-ratio:1920/1164;box-shadow:0 0 0 3px var(--color-canvas), 0 18px 36px #11121354;width:65%;top:6%}.project-case__context{padding-block:var(--space-7)}.project-case__context-title{grid-column:2/span 6;max-width:15ch}.project-case__context-copy{grid-column:9/span 4}.project-case__facts{gap:var(--space-4) var(--space-6);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.project-case__facts div{min-width:min(100%,145px)}.project-case__facts dt{margin-bottom:var(--space-2)}.project-case__facts dd{color:var(--color-ink);font-size:var(--text-ui)}.project-case__band{padding-block:var(--space-8)}.project-case__band--soft{background:var(--color-surface)}.project-case__band--dark,.project-case__apir-blue,.project-case__cta{color:var(--color-on-dark)}.project-case__band--dark,.project-case__cta{background:var(--color-charcoal)}.project-case__band--dark :is(.project-case__eyebrow,.project-case__body,figcaption,.project-case__mobile-note),.project-case__apir-blue :is(.project-case__eyebrow,.project-case__body,figcaption,.project-case__mobile-note),.project-case__cta :is(.project-case__eyebrow,.project-case__cta-action>p){color:#f4f1ebbd}.project-case__story-intro{grid-column:1/span 4}.project-case__story-intro .project-case__heading,.project-case__artgroup-copy .project-case__heading,.project-case__apir-copy .project-case__heading,.project-case__apir-second-copy .project-case__heading,.project-case__forma-copy .project-case__heading{margin-block:var(--space-4)}.project-case__screen{min-width:0}.project-case__screen img,.project-case__jeeves-detail img,.project-case__forma-visual img{width:100%;height:auto;display:block}.project-case__screen figcaption,.project-case__jeeves-detail figcaption,.project-case__forma-visual figcaption{padding-top:var(--space-3)}.project-case__jeeves-screen{grid-area:1/6/span 2/span 7}.project-case__jeeves-screen img{aspect-ratio:1.12;object-fit:cover;object-position:center 31%}.project-case__jeeves-detail{margin-top:var(--space-7);grid-column:1/span 4;align-self:end}.project-case__jeeves-detail img{aspect-ratio:1.4;object-fit:cover}.project-case__jeeves-statement{align-items:end;gap:var(--space-5);margin-top:var(--space-5);grid-column:1/-1;justify-content:space-between;display:flex}.project-case__jeeves-statement .project-case__eyebrow{margin-bottom:var(--space-2)}.project-case__jeeves-statement>p:last-child{color:#8e7048;letter-spacing:var(--tracking-display);text-align:right;max-width:10ch;font-size:clamp(3.25rem,7.1vw,7.75rem);font-weight:640;line-height:.9}.project-case__mobile-story{padding-block:var(--space-8)}.project-case__mobile-intro{grid-column:1/span 4;align-self:center}.project-case__mobile-intro .project-case__heading{margin-block:var(--space-4)}.project-case__mobile-note{margin-top:var(--space-5)}.project-case__mobile-intro .text-link{margin-top:var(--space-4)}.project-case__phone-pair{align-items:start;gap:var(--space-5);grid-column:7/span 6;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-case__phone{min-width:0;margin:0}.project-case__phone>div{background:#20211f;border:2px solid #74756f;border-radius:24px;padding:5px;overflow:hidden;box-shadow:0 18px 42px #0003}.project-case__phone img{aspect-ratio:375/846;object-fit:cover;object-position:center top;border-radius:17px;width:100%;height:auto;display:block}.project-case--forma .project-case__phone img{aspect-ratio:390/844}.project-case__phone--offset{margin-top:var(--space-8)}.project-case__phone figcaption{padding-top:var(--space-3)}.project-case__band--dark .project-case__phone>div{border-color:#f4f1eb99;box-shadow:0 22px 50px #0000004d}.project-case__artgroup-screen{grid-column:1/span 8}.project-case__artgroup-screen img{aspect-ratio:1.8;object-fit:cover;object-position:center 70.6%}.project-case__artgroup-copy{grid-column:10/span 3;align-self:center}.project-case__artgroup-tags{gap:var(--space-4);margin-top:var(--space-5);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;list-style:none;display:grid}.project-case__artgroup-tags li{letter-spacing:var(--tracking-heading);font-size:clamp(1.35rem,2vw,2.4rem);font-weight:630}.project-case__artgroup-tags li:first-child{color:#aa2e20}.project-case__artgroup-tags li:nth-child(2){color:#8f510a}.project-case__artgroup-tags li:nth-child(3){color:#626006}.project-case__artgroup-tags li:nth-child(4){color:#5b351e}.project-case__phone--art-detail img{object-position:center 66%}.project-case__apir-screen{grid-column:1/span 8}.project-case__apir-screen img,.project-case__apir-second-screen img{aspect-ratio:16/9;object-fit:cover}.project-case__apir-copy{grid-column:10/span 3;align-self:center}.project-case__apir-blue{padding-block:var(--space-8);background:#173a91;overflow:hidden}.project-case__apir-second-copy{grid-column:1/span 4;align-self:center}.project-case__apir-second-screen{grid-column:5/span 8}.project-case__apir-phrase{color:#d3dfff;letter-spacing:var(--tracking-display);margin-top:var(--space-4);overflow-wrap:anywhere;grid-column:1/-1;font-size:clamp(3.4rem,8vw,8.4rem);font-weight:640;line-height:.9}.project-case__phone--apir img{aspect-ratio:360/640}.project-case__forma-mobile{overflow:hidden}.project-case__forma-phrase{color:#f4f1eb8f;letter-spacing:var(--tracking-display);margin-top:var(--space-4);grid-column:1/-1;font-size:clamp(3.5rem,9vw,9rem);font-weight:640;line-height:.9}.project-case__forma-copy{grid-column:1/span 4;align-self:center}.project-case__forma-visual{grid-column:6/span 7}.project-case__forma-visual img{aspect-ratio:1920/715;object-fit:cover;object-position:center 26.5%}.project-case__palette{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.project-case__palette li{color:var(--color-ink-soft);font-size:var(--text-meta);gap:var(--space-2);display:grid}.project-case__swatch{border:1px solid #11121329;width:56px;height:32px;display:block}.project-case__swatch--ink{background:#1b1c1b}.project-case__swatch--ivory{background:#f4f1eb}.project-case__swatch--olive{background:#76755d}.project-case__next{padding-block:var(--space-7)}.project-case__next-copy{grid-column:1/span 4;align-self:center}.project-case__next-copy .project-case__heading{margin-block:var(--space-4) var(--space-5);max-width:13ch}.project-case__next-card{grid-column:6/span 7;display:block}.project-case__next-card picture,.project-case__next-card img{width:100%;display:block}.project-case__next-card img{aspect-ratio:2.1;object-fit:cover;height:auto}.project-case__next-card>span{align-items:baseline;gap:var(--space-3);padding-top:var(--space-3);justify-content:space-between;display:flex}.project-case__next-card strong{letter-spacing:var(--tracking-heading);font-size:clamp(1.3rem,1.7vw,1.9rem);font-weight:630}.project-case__next-card small{color:var(--color-ink-soft);font-size:var(--text-meta);text-align:right;max-width:20ch}.project-case__next-card:hover strong,.project-case__next-card:focus-visible strong{color:var(--color-accent)}.project-case__cta{padding-block:var(--space-7)}.project-case__cta-copy{grid-column:1/span 7}.project-case__cta-copy .project-case__heading{margin-top:var(--space-4);max-width:17ch}.project-case__cta-action{grid-column:9/span 4;align-self:end}.project-case__cta-action>p{font-size:var(--text-body);line-height:var(--leading-body);max-width:36ch}.project-case__cta-action .button{margin-top:var(--space-4)}@media (width<=1199px){.project-case__grid{grid-template-columns:repeat(8,minmax(0,1fr))}.project-case__hero-title{grid-column:1/span 5}.project-case__hero-deck{grid-column:6/span 3}.project-case__context-title{grid-column:1/span 4}.project-case__context-copy{grid-column:6/span 3}.project-case__story-intro,.project-case__mobile-intro,.project-case__next-copy,.project-case__apir-second-copy,.project-case__forma-copy{grid-column:1/span 3}.project-case__jeeves-screen,.project-case__phone-pair{grid-column:4/span 5}.project-case__jeeves-detail{grid-column:1/span 3}.project-case__artgroup-screen,.project-case__apir-screen{grid-column:1/span 5}.project-case__artgroup-copy,.project-case__apir-copy{grid-column:6/span 3}.project-case__apir-second-screen{grid-column:3/span 6}.project-case__forma-visual,.project-case__next-card{grid-column:4/span 5}.project-case__cta-copy{grid-column:1/span 5}.project-case__cta-action{grid-column:6/span 3}.project-case__cover-side-label{display:none}}@media (width<=767px){.project-case__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-case__hero{padding-top:var(--space-5)}.project-case__back{margin-bottom:var(--space-5)}.project-case__hero-title,.project-case__hero-deck,.project-case__context-title,.project-case__context-copy,.project-case__story-intro,.project-case__jeeves-screen,.project-case__jeeves-detail,.project-case__mobile-intro,.project-case__phone-pair,.project-case__artgroup-screen,.project-case__artgroup-copy,.project-case__apir-screen,.project-case__apir-copy,.project-case__apir-second-copy,.project-case__apir-second-screen,.project-case__forma-copy,.project-case__forma-visual,.project-case__next-copy,.project-case__next-card,.project-case__cta-copy,.project-case__cta-action{grid-column:1/-1}.project-case__hero-title h1{font-size:clamp(3.35rem,15vw,5rem)}.project-case__hero-deck,.project-case__cover{margin-top:var(--space-4)}.project-case__cover-stage{display:none}.project-case__cover-mobile{aspect-ratio:1.15;object-fit:cover;object-position:center;height:auto;display:block}.project-case--forma .project-case__cover-mobile{object-position:center 65%}.project-case--apir .project-case__cover-mobile{object-position:36% center}.project-case__cover figcaption{max-width:31ch}.project-case__context,.project-case__mobile-story,.project-case__next{padding-block:var(--space-7)}.project-case__facts{gap:var(--space-3) var(--space-5);margin-top:var(--space-4)}.project-case__band{padding-block:var(--space-7)}.project-case__story-intro{margin-bottom:var(--space-4)}.project-case__jeeves-screen{grid-row:auto}.project-case__jeeves-screen img{aspect-ratio:1.07}.project-case__jeeves-detail{display:none}.project-case__jeeves-statement{margin-top:var(--space-5);align-items:start;display:block}.project-case__jeeves-statement>p:last-child{margin-top:var(--space-3);text-align:left;max-width:8ch;font-size:clamp(3.25rem,15vw,5.5rem)}.project-case__phone-pair{gap:var(--space-3);margin-top:var(--space-5)}.project-case__phone>div{border-radius:17px;padding:3px}.project-case__phone img{border-radius:12px}.project-case__phone--offset{margin-top:var(--space-6)}.project-case__artgroup-copy,.project-case__apir-copy{margin-top:var(--space-4)}.project-case__artgroup-tags{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.project-case__apir-second-copy{margin-bottom:var(--space-4)}.project-case__apir-phrase{margin-top:var(--space-4);font-size:clamp(3.25rem,13vw,5rem)}.project-case__forma-phrase{margin-top:var(--space-5);font-size:clamp(3.25rem,14vw,5rem)}.project-case__forma-visual{margin-top:var(--space-5)}.project-case__palette{margin-top:var(--space-4)}.project-case__next-copy .project-case__heading{margin-bottom:var(--space-4)}.project-case__next-card{margin-top:var(--space-5)}.project-case__next-card img{aspect-ratio:1.5}.project-case__cta{padding-block:var(--space-7)}.project-case__cta-action{margin-top:var(--space-4)}.project-case__cta-action .button{width:100%}}
