/* C40: an editorial sequence with supplied artwork and process studies. */
.c40-essay{color:var(--ink,#08183c);--c40-rule:color-mix(in srgb,currentColor 38%,transparent);--c40-section-space:clamp(64px,8vw,112px);padding-bottom:clamp(48px,6vw,80px)}
.c40-essay .c40-wrap{width:100%;max-width:1440px;margin-inline:auto;padding-inline:clamp(22px,5.3vw,80px)}
.c40-essay h1,.c40-essay h2{font-family:Geologica,Arial,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.025em}
.c40-essay .c40-opening{padding-top:clamp(40px,5vw,72px)}
.c40-essay .Breadcrumbs{margin:0;font-size:14px}
.c40-essay .c40-title-grid{display:grid;grid-template-columns:55% 45%;margin-top:clamp(48px,6vw,80px);align-items:start}
.c40-essay h1{font-size:clamp(54px,7.2vw,104px);line-height:.96;margin:0}
.c40-essay h1 span{display:block}
.c40-essay .c40-header-details{border-left:1px solid var(--c40-rule);padding-left:clamp(28px,4.3vw,64px);min-width:0}
.c40-essay .c40-subtitle{font-size:clamp(23px,2.4vw,32px);font-weight:600;line-height:1.25;max-width:23ch;margin:0}
.c40-essay .c40-facts{display:grid;gap:6px;margin:0;font-size:18px;line-height:1.5}
.c40-essay .c40-facts>div{display:grid;grid-template-columns:44% 56%;gap:10px}
.c40-essay .c40-facts dt{font-weight:500}
.c40-essay .c40-facts dd{margin:0;min-width:0}
.c40-essay .c40-hero-art{max-width:1440px;margin:32px auto 0;padding-inline:24px;overflow:hidden;display:flow-root}
.c40-essay .c40-hero-art img{display:block;width:100%;height:auto;margin-block:-32px -15px;mix-blend-mode:multiply}
.c40-essay .c40-introduction{display:grid;grid-template-columns:45% 55%;align-items:start;margin-top:clamp(40px,5vw,72px);margin-bottom:0}
.c40-essay .c40-client-logos{display:flex;gap:32px;align-items:center;padding:16px 50px 0 8px}
.c40-essay .c40-client-logos img:first-child{width:88px;height:88px;object-fit:contain}
.c40-essay .c40-client-logos img+img{width:250px;max-width:65%;height:auto;border-left:1px solid var(--c40-rule);padding-left:32px;mix-blend-mode:multiply}
.c40-essay .c40-intro-copy{border-left:1px solid var(--c40-rule);padding-left:54px}
.c40-essay p{font-size:20px;line-height:1.55}
.c40-essay p+p{margin-top:18px}
.c40-essay .c40-chapter{padding-top:0;margin-top:var(--c40-section-space)}
.c40-essay .c40-chapter:before{content:"";display:block;border-top:1px solid var(--c40-rule);margin-bottom:clamp(32px,4vw,56px)}
.c40-essay h2{font-size:clamp(27px,3.05vw,44px);line-height:1.12;margin:0 0 clamp(32px,4vw,48px);scroll-margin-top:120px}
.c40-essay h2.c40-service-heading{text-transform:none;font-weight:700;line-height:1.2}
.c40-essay .c40-service-name{color:#3e6467;font-weight:400}
.c40-essay .c40-service-divider{color:#3e6467;font-weight:300;padding-inline:.12em}
.c40-essay .c40-process-grid{display:grid;grid-template-columns:62% 38%;align-items:stretch;gap:0;margin-bottom:0}
.c40-essay figure{min-width:0}
.c40-essay picture{display:block}
.c40-essay figure img{display:block;max-width:100%;height:auto}
.c40-essay .c40-whiteboard{padding-right:42px}
.c40-essay .c40-whiteboard-overview{width:100%}
.c40-essay .c40-whiteboard-detail{width:65%;max-width:300px;margin:20px 3% 4px auto}
.c40-essay .c40-blend{mix-blend-mode:multiply}
.c40-essay .c40-section-copy{border-left:1px solid var(--c40-rule);padding:0 0 20px 42px;align-self:stretch}
.c40-essay .c40-section-copy h3{font-family:Geologica,Arial,sans-serif;font-size:clamp(23px,2.1vw,30px);line-height:1.2;color:#3e6467;margin:0 0 20px;font-weight:600}
.c40-essay .c40-section-copy p{max-width:38ch}
.c40-essay .c40-palette{padding-right:42px;display:flex;flex-direction:column;align-items:center}
.c40-essay .c40-palette img{width:100%;max-width:480px;object-fit:contain}
.c40-essay .c40-palette picture{width:100%;max-width:480px}
.c40-essay .c40-palette figcaption{width:100%;max-width:480px}
.c40-essay .c40-palette+.c40-section-copy{padding-top:0}
.c40-essay figcaption{font-size:13px;line-height:1.5;margin-top:12px}
.c40-essay figcaption a{text-decoration:underline;text-underline-offset:3px}
.c40-essay .c40-milan img{width:100%}
.c40-essay .c40-publication-copy{display:grid;grid-template-columns:40% 60%;gap:0;margin-top:clamp(40px,5vw,72px)}
.c40-essay .c40-system-statement{font-family:Geologica,Arial,sans-serif;font-size:clamp(22px,2.2vw,30px);line-height:1.12;font-weight:600;color:#3e6467;padding-right:62px;max-width:25ch}
.c40-essay .c40-publication-copy>div{padding-left:48px;border-left:1px solid var(--c40-rule)}
.c40-essay .c40-additional-work{margin-top:56px;border-block:1px solid var(--c40-rule)}
.c40-essay .c40-additional-work summary{padding:20px 0;font-size:16px;font-weight:500;cursor:pointer;list-style-position:inside}
.c40-essay .c40-additional-gallery{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:32px 0 48px}
.c40-essay .c40-additional-gallery img{width:100%}
.c40-essay .c40-additional-wide{grid-column:1/-1}
.c40-essay .c40-editorial-mockup{width:100%;max-width:561px;justify-self:center}
.c40-essay .c40-reel-intro{max-width:65ch;margin-bottom:40px}
.c40-essay .c40-reel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px);max-width:900px;margin-inline:auto;align-items:start}
.c40-essay .c40-reel-item{width:100%;max-width:360px;justify-self:center;min-width:0}
.c40-essay .c40-reel-figure{width:100%;max-width:360px;justify-self:center;margin:0}
.c40-essay .c40-reel-figure video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#fff;border:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.c40-essay .c40-reel-description{margin-top:32px;border-top:1px solid var(--c40-rule);padding-top:20px}
.c40-essay .c40-reel-description summary{font-size:16px;font-weight:500;cursor:pointer;line-height:1.5;list-style-position:inside}
.c40-essay .c40-reel-description p{font-size:17px;margin-top:20px}
.c40-essay .c40-project-footer{padding-top:var(--c40-section-space)}
.c40-essay .c40-detail-pane{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;padding-top:40px;border-top:1px solid var(--c40-rule)}
.c40-essay .c40-detail-pane h2{font-size:24px;line-height:1.2;margin:0}
.c40-essay .c40-credit-facts{margin:0;font-size:16px;gap:12px}
.c40-essay .c40-credit-facts>div{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}
.c40-essay .c40-footer-line{display:flex;align-items:center;justify-content:flex-end;gap:40px;border-top:1px solid var(--c40-rule);margin-top:40px;padding-top:32px}
.c40-essay .c40-talk{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:44px;background:#f4c95b;color:#08183c;padding:12px 24px;border-radius:40px;font-size:16px;font-weight:600}
@media(max-width:850px){
 .c40-essay .c40-title-grid{grid-template-columns:1fr;gap:40px;margin-top:48px}
 .c40-essay h1{font-size:clamp(54px,10.4vw,84px)}
 .c40-essay .c40-header-details{border-left:0;border-top:1px solid var(--c40-rule);padding:24px 0 0}
 .c40-essay .c40-facts{max-width:560px}
 .c40-essay .c40-hero-art{margin-top:22px;padding-inline:10px}
 .c40-essay .c40-hero-art img{margin-block:-20px -15px}
 .c40-essay .c40-introduction{grid-template-columns:1fr;gap:40px;margin-bottom:0}
 .c40-essay .c40-client-logos{padding:0;gap:24px}
 .c40-essay .c40-client-logos img:first-child{width:64px;height:64px}
 .c40-essay .c40-client-logos img+img{width:220px;padding-left:24px}
 .c40-essay .c40-intro-copy{border-left:0;padding:0}
 .c40-essay .c40-process-grid{grid-template-columns:1fr;gap:24px}
 .c40-essay .c40-whiteboard,.c40-essay .c40-palette{padding-right:0}
 .c40-essay .c40-whiteboard-detail{max-width:300px}
 .c40-essay .c40-section-copy{border-left:0;padding:0 0 6px}
 .c40-essay .c40-section-copy p{max-width:65ch}
 .c40-essay .c40-palette picture,.c40-essay .c40-palette img,.c40-essay .c40-palette figcaption{max-width:420px}
 .c40-essay .c40-publication-copy{grid-template-columns:1fr;gap:24px}
 .c40-essay .c40-system-statement{padding:0;max-width:45ch}
 .c40-essay .c40-publication-copy>div{border-left:0;padding:0}
 .c40-essay .c40-credit-facts{margin-left:0}
 .c40-essay .c40-detail-pane{grid-template-columns:1fr;gap:24px}
 .c40-essay .c40-reel-grid{grid-template-columns:1fr;gap:40px}
}
@media(max-width:520px){
 .c40-essay .c40-opening{padding-top:30px}
 .c40-essay .Breadcrumbs{font-size:12px}
 .c40-essay h1{font-size:clamp(43px,10.9vw,56px);letter-spacing:-.04em}
 .c40-essay .c40-subtitle{font-size:24px}
 .c40-essay .c40-facts{font-size:14px}
 .c40-essay .c40-facts>div{grid-template-columns:43% 57%;gap:6px}
 .c40-essay p{font-size:17px}
 .c40-essay h2{font-size:27px}
 .c40-essay .c40-chapter:before{margin-bottom:32px}
 .c40-essay .c40-additional-gallery{grid-template-columns:1fr;gap:28px}
 .c40-essay .c40-additional-wide{grid-column:auto}
 .c40-essay .c40-credit-facts>div{grid-template-columns:1fr;gap:2px}
 .c40-essay .c40-credit-facts{gap:14px}
 .c40-essay .c40-facts dt{font-weight:600}
 .c40-essay .c40-footer-line{align-items:start;flex-direction:column;gap:20px}
}
@media(forced-colors:active){.c40-essay .c40-talk{border:1px solid ButtonText}.c40-essay .c40-system-statement,.c40-essay .c40-section-copy h3{color:CanvasText}}

.linked-case-story .c40-title-grid{grid-template-columns:54% 46%}
.linked-case-story h1{font-size:clamp(48px,6.3vw,88px);overflow-wrap:normal}
.linked-case-story .linked-meta{font-size:15px;line-height:1.6;margin-top:24px}
.linked-case-story .linked-hero{margin-top:clamp(40px,5vw,72px)}
.linked-case-story .linked-hero img{width:100%}
.linked-case-story .linked-copy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px);align-items:start}
.linked-case-story .linked-copy-grid>p{margin:0}
.linked-case-story h3{font-family:Geologica,Arial,sans-serif;font-size:24px;font-weight:600;line-height:1.3;margin:0 0 20px}
.linked-case-story .linked-list{padding-left:1.2em;font-size:19px;line-height:1.6}
.linked-case-story .linked-list li+li{margin-top:10px}
.linked-case-story .linked-lead{max-width:70ch}
.linked-case-story .linked-figure{margin:40px 0 0}
.linked-case-story .linked-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:40px;align-items:start}
.linked-case-story .linked-gallery figure{margin:0}
.linked-case-story .linked-gallery img,.linked-case-story .linked-figure img{width:100%}
.linked-case-story .linked-copy-grid>figure{margin:0}
.linked-case-story .linked-resources{display:flex;flex-wrap:wrap;gap:24px 40px;margin-top:32px;font-size:16px}
.linked-case-story .linked-portrait img{max-height:650px;object-fit:contain;object-position:left top}
.linked-case-story .linked-video-section{padding-inline:0;margin-top:48px}
.linked-case-story .linked-video-section h3{font-size:24px}
.linked-case-story .Video_grid{margin:0}
.linked-case-story .c40-client-logos{gap:24px;padding-right:0}
.linked-case-story .c40-client-logos img:first-child{width:150px;max-width:40%;height:auto;max-height:100px;object-fit:contain}
.linked-case-story .c40-client-logos img+img{width:200px;max-width:48%;padding-left:24px}
.linked-case-story .linked-section-note{font-size:16px;max-width:65ch}
@media(max-width:850px){.linked-case-story .c40-title-grid,.linked-case-story .linked-copy-grid{grid-template-columns:1fr}.linked-case-story h1{font-size:clamp(40px,9.3vw,76px)}.linked-case-story .linked-copy-grid{gap:24px}}
@media(max-width:600px){.linked-case-story .linked-gallery{grid-template-columns:1fr;gap:32px}.linked-case-story p,.linked-case-story .linked-list{font-size:18px}.linked-case-story .c40-footer-line{align-items:flex-start}.linked-case-story .linked-resources{gap:24px}.linked-case-story .linked-portrait img{max-height:480px}}