/* October master: four panels joined into one responsive case study. */
.league-project{background:var(--league-paper,#faf8e9);border-color:#3b3b35}
.league-intro{grid-template-columns:50% 25% 25%;height:auto;min-height:14.4271vw;border-color:#3b3b35}
.league-heading{padding:3.125vw 2vw 3.125vw 14.0625vw;border-color:#3b3b35}
.league-heading h2{font-size:3.64583vw;line-height:.82;letter-spacing:-.055em}
.league-heading .project-number{left:5.625vw;width:7.13542vw;height:7.13542vw;font-size:3.5vw;border:2px solid #242420}
.league-summary{padding:2.9vw 1.1vw 2.9vw 3.735vw;font:400 .9375vw/1.333333 'Courier New',monospace;letter-spacing:.1em}
.league-label{padding:2.9vw 1.5vw 2.9vw 5.6vw;font-size:1.25vw;line-height:1.25}
.league-body{display:grid;grid-template-columns:1fr 1fr;min-height:142.03vw;border-bottom:1px solid #3b3b35}
.league-main{min-width:0;padding:6.1vw 5.05vw 5.2vw 6.75vw;border-color:#3b3b35}
.league-description{font:400 1.354167vw/1.15385 'Times New Roman',Times,serif;margin:0;text-transform:uppercase}
.league-services{width:34.5vw;grid-template-columns:18.8vw 1fr;gap:.5vw;margin-top:10.7vw;padding-bottom:5.9vw;border-color:#3b3b35}
.league-services h3,.league-copy h3{margin:0 0 .55vw;font:700 1.25vw/1.2 Arial,Helvetica,sans-serif;text-transform:uppercase}
.league-services ul,.league-copy p{margin:0;font:400 .9375vw/1.333333 'Courier New',monospace;letter-spacing:.1em}
.league-services ul{list-style:none;padding:0;white-space:nowrap}
.league-services .roles-title{margin-top:1.85vw}
.league-phone{position:relative;isolation:isolate;left:-1.1vw;width:23.75vw;aspect-ratio:456/906;margin:6.15vw auto 0;border:1px solid #dce0e7;border-radius:3.45vw;background:#fff;box-shadow:inset 0 0 0 3px #f2f3f6,inset 0 0 0 5px #dde1e9,1.25vw 1.65vw 1.4vw -.55vw #0006,-.3vw .3vw .35vw #0001}
.league-phone::before{content:"";position:absolute;top:.52%;left:42%;width:16%;height:.72%;border-radius:20px;background:#d4d7dd;box-shadow:0 1px 2px #0002}
.league-phone::after{content:"";position:absolute;top:2.34%;left:35%;width:2.8%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#a2acc5,#d9dce3 45%,#f4f5f9 70%);box-shadow:0 0 1px #889}
.league-story-screen{position:absolute;top:4.25%;left:6.55%;width:86.1%;height:90.25%;overflow:hidden;background:#0b1013}
.league-story-poster,.league-story-slide{display:block;width:100%;height:100%;object-fit:contain}
.league-story-slide{position:absolute;inset:0;background:#0b1013}
.league-story-slide[hidden],.league-story-toggle[hidden]{display:none}
.league-story-toggle{position:absolute;z-index:2;right:5%;top:8%;width:24px;height:24px;padding:0;border:0;background:#1118;color:#fff;border-radius:50%;font:700 13px/24px Arial;cursor:pointer}
.league-story-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}
.league-social-copy{margin:6.65vw 1vw 0 -1.1vw}
.league-copy p{line-height:1.333333}
.league-art{min-width:0;padding-top:5.6vw}
.league-palette{width:31.6667vw;margin:0 auto}
.league-palette figcaption{margin-bottom:1.1vw;text-align:center;font:400 .6vw/1.2 'Courier New',monospace;letter-spacing:.23em}
.league-swatches{display:flex;justify-content:space-between;gap:1vw}
.league-swatches span{display:block;width:5vw;aspect-ratio:1;border-radius:50%;background:var(--swatch)}
.league-logo-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:1.2vw;row-gap:6.6vw;margin:5.55vw 5.625vw 0 4.4vw}
.league-logo-grid figure{margin:0;min-width:0}
.league-logo-grid img,.league-logo-grid svg{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.league-logo-grid .league-monogram{width:4.6vw;margin-left:1.5vw}
.league-logo-grid .league-wordmark{width:27.15vw;margin-left:-9vw}
.league-logo-grid .league-classic{width:17.4vw}
.league-logo-grid .league-stacked{width:18.18vw}
.league-logo-grid .league-round{width:18.5vw;margin-top:-.2vw}
.league-logo-grid .league-divider-logo{width:15.25vw;margin-left:1.5vw}
.league-art-rule{height:1px;background:#3b3b35;border:0;margin:10.1vw 6.93vw 6.15vw 8.56vw}
.league-tablet{display:block;width:40.57vw;height:auto;margin:0 5.625vw 1.875vw 3.805vw}
.league-marketplace{display:grid;grid-template-columns:minmax(0,68.02fr) minmax(0,18fr);gap:3.86vw;padding:5.25vw 5.625vw 7.7vw 5.05vw}
.league-marketplace-art{display:block;width:100%;height:auto;align-self:start}
.league-marketplace-copy{min-width:0}
.league-marketplace-copy section+section{margin-top:2.75vw}
@media(max-width:1024px) and (min-width:768px){
 .league-intro{min-height:180px}.league-heading h2{font-size:3.65vw}.league-summary{font-size:11px}.league-label{font-size:12px;padding-left:3vw}
 .league-main{padding:6.1vw 4vw 5.2vw}.league-description{font-size:15px}.league-services{width:auto;grid-template-columns:1fr 1fr;margin-top:7vw;gap:2vw}.league-services h3,.league-copy h3{font-size:12px}.league-services ul{font-size:10px;letter-spacing:.02em}.league-copy p{font-size:11px;letter-spacing:.05em}.league-social-copy{margin-left:0;margin-right:0}
 .league-marketplace{grid-template-columns:66% 1fr;gap:3vw;padding-left:4vw;padding-right:4vw}.league-marketplace-copy section+section{margin-top:24px}
}
@media(max-width:767px){
 .league-intro{grid-template-columns:1fr;min-height:0}.league-heading{padding:30px 25px 30px 106px;border:0;min-height:132px}.league-heading h2{font-size:clamp(29px,7vw,38px)}.league-heading .project-number{left:28px;width:56px;height:56px;font-size:29px}
 .league-summary{padding:0 28px 24px;font-size:12px;line-height:1.55;letter-spacing:.04em}.league-label{padding:0 28px 28px;font-size:11px}
 .league-body{grid-template-columns:1fr;min-height:0}.league-main{padding:36px 28px 45px;border-right:0}.league-description{font-size:16px;line-height:1.28}.league-services{width:auto;margin-top:34px;padding-bottom:34px;gap:18px;grid-template-columns:1fr 1fr}.league-services h3,.league-copy h3{font-size:12px;margin-bottom:9px}.league-services ul{font-size:10px;letter-spacing:.015em;line-height:1.65;white-space:normal}.league-services .roles-title{margin-top:25px}.league-copy p{font-size:12px;letter-spacing:.04em;line-height:1.55}
 .league-phone{left:0;width:min(74vw,330px);margin-top:40px;border-radius:clamp(36px,10.75vw,48px);box-shadow:inset 0 0 0 3px #f2f3f6,inset 0 0 0 5px #dde1e9,14px 19px 24px -7px #0005}.league-social-copy{margin:45px 0 0}
 .league-art{padding:10px 24px 34px}.league-palette{width:86%;margin:0 auto}.league-palette figcaption{font-size:8px;margin-bottom:18px}.league-swatches{gap:12px}.league-swatches span{width:16%;flex:none}
 .league-logo-grid{margin:40px 0 0;column-gap:25px;row-gap:38px}.league-logo-grid .league-monogram{width:25%;margin:0 0 0 20%}.league-logo-grid .league-wordmark{width:146%;max-width:none;margin-left:-46%}.league-logo-grid .league-classic,.league-logo-grid .league-stacked,.league-logo-grid .league-round,.league-logo-grid .league-divider-logo{width:100%;margin:0}.league-art-rule{margin:40px 10px 28px}.league-tablet{width:100%;height:auto;margin:0}
 .league-marketplace{display:block;padding:35px 22px 15px}.league-marketplace-copy{padding:32px 6px}.league-marketplace-copy section+section{margin-top:30px}
}

.league-story-video{display:block;width:100%;height:100%;object-fit:contain;background:#0b1013}

.league-art{display:flex;flex-direction:column}
.league-art>.league-palette,.league-art>.league-logo-grid,.league-art>.league-art-rule{flex-shrink:0}
.league-art>.league-art-rule{margin-bottom:0}
.league-tablet-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:3vw 2vw}
.league-tablet-wrap .league-tablet{width:40.57vw;max-width:100%;height:auto;margin:0}
@media(max-width:767px){.league-tablet-wrap{padding:28px 0 0}.league-tablet-wrap .league-tablet{width:100%}}

/* Downey Street Events controls matching text sizes. */
.league-heading h2{font-size:3.2cqw}
.league-summary,.league-label,.league-services h3,.league-copy h3,.league-services ul,.league-copy p{font-size:11px}
.league-description{font-size:16px}
@media(max-width:1024px){
 .league-heading h2{font-size:clamp(24px,5.8vw,38px)}
 .league-summary,.league-label,.league-services ul{font-size:10px}
 .league-services h3{font-size:11px}
}
@media(max-width:767px){.league-copy h3,.league-copy p{font-size:12px}}

.league-heading h2>span{display:block}
.league-heading h2>.league-title-second{padding-left:.16em}
@media(min-width:1025px){
 .league-intro{height:var(--case-study-header-height,12cqw);min-height:0}
 .league-heading,.league-summary{padding-top:0;padding-bottom:0}
 .league-heading{padding-left:calc(5.625vw + 9.6cqw)}
 .league-heading .project-number{width:6.6cqw;height:6.6cqw;font-size:3.2cqw;border-width:1.5px}
}