/* Resource content styles scoped away from shared site navigation. */
.resources-live main{--ink: #10181b; --paper: #f4f2ed; --cyan: #00add9; --line: #cdcfc9; --serif: Fraunces,Georgia,serif; --sans: Inter,Arial,sans-serif;}
.resources-live main *{box-sizing: border-box;}
html{scroll-behavior: smooth; scroll-padding-top: 70px;}
.resources-live main{margin: 0px; background: var(--paper); color: var(--ink); font: 16px/1.65 var(--sans);}
.resources-live main a{color: inherit; text-decoration: none;}
.resources-live main button,.resources-live main input,.resources-live main select{font: inherit;}
.resources-live main button{cursor: pointer; color: inherit;}
.resources-live main button:not(.cta){border: 0px; background: transparent; padding: 0px; text-align: left;}
.resources-live main a:focus-visible,.resources-live main button:focus-visible,.resources-live main select:focus-visible,.resources-live main input:focus-visible{outline: 3px solid var(--cyan); outline-offset: 5px;}
.resources-live main h1,.resources-live main h2,.resources-live main h3,.resources-live main p,.resources-live main figure{margin: 0px;}
.resources-live main h1,.resources-live main h2,.resources-live main h3{font-family: var(--serif); font-weight: 400; line-height: 1.04; letter-spacing: -0.045em;}
.resources-live main h1{font-size: clamp(68px, 8vw, 126px);}
.resources-live main h2{font-size: clamp(35px, 4vw, 62px);}
.resources-live main h3{font-size: 29px;}
.resources-live main h1 em,.resources-live main h2 em{font-weight: 400; color: rgb(0, 139, 176);}
.resources-live main p{color: inherit; opacity: 0.8;}
.resources-live main img{display: block; width: 100%; object-fit: cover;}
.resources-live main button img{pointer-events: none;}
.resources-live main .wrap{width: min(1280px, 100% - 96px); margin: auto;}
.resources-live main .eyebrow,.resources-live main .meta{display: block; font: 600 11px/1.5 var(--sans); text-transform: uppercase; letter-spacing: 0.16em;}
.resources-live main .eyebrow{margin-bottom: 25px;}
.resources-live main .meta{letter-spacing: 0.09em; margin-bottom: 16px; opacity: 0.72;}
.resources-live main .dot{padding: 0px 9px;}
.resources-live main .number{font: 400 50px/1 var(--serif); color: rgb(0, 139, 176);}
.resources-live main .cta,.resources-live main .read-link{display: inline-block; font: 600 13px/1.5 var(--sans);}
.resources-live main .cta{padding: 15px 24px; background: var(--cyan); color: rgb(0, 23, 30); border: 0px; border-radius: 2px;}
.resources-live main .read-link{margin-top: 20px; padding-bottom: 5px !important; border-bottom: 1px solid !important;}

.resources-live main .brand{width: 195px; flex-shrink: 0;}
.resources-live main .brand img{object-fit: contain;}

.resources-live main .contact{font-size: 12px; background: var(--cyan); color: rgb(7, 27, 34); padding: 12px 20px; border-radius: 30px;}
.resources-live main .review-bar{position: sticky; top: 0px; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 10px 32px; background: rgb(255, 255, 255); color: rgb(23, 34, 38); border-bottom: 1px solid rgb(221, 221, 221); font-size: 11px;}
.resources-live main .review-bar label{display: flex; gap: 10px; align-items: center;}
.resources-live main .review-bar select{max-width: 290px; border: 0px; background: rgb(239, 241, 241); padding: 7px 12px; font-size: 12px;}
.resources-live main .intro{padding-top: 75px; padding-bottom: 55px;}
.resources-live main .intro-text{max-width: 470px; margin-top: 30px;}
.resources-live main .feature{position: relative; overflow: hidden;}
.resources-live main .feature > img{height: 100%; position: absolute; inset: 0px; object-position: 72% center;}
.resources-live main .feature::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.08) 85%);}
.resources-live main .feature-copy{position: relative; z-index: 1; color: rgb(255, 255, 255); padding: 38px; min-height: 550px; display: flex; flex-direction: column; justify-content: flex-end;}
.resources-live main .feature-copy h2{font-size: 48px; max-width: 650px;}
.resources-live main .feature-copy p{max-width: 510px; margin: 18px 0px 24px;}
.resources-live main .feature-copy .cta{align-self: flex-start;}
.resources-live main .story-photo{display: block; width: 100%; overflow: hidden;}
.resources-live main .story-photo img{aspect-ratio: 1.6 / 1; object-position: 75% center; transition: transform 0.5s;}
.resources-live main .story-photo:hover img{transform: scale(1.035);}
.resources-live main .story-copy{padding: 22px 0px;}
.resources-live main .story-copy p{font-size: 14px; margin-top: 15px;}
.resources-live main .story h3 button{text-align: left;}
.resources-live main .story h3 a:hover,.resources-live main .story h3 button:hover{color: rgb(0, 139, 176);}
.resources-live main .story[hidden]{display: none !important;}
.resources-live main .section-heading{display: flex; justify-content: space-between; gap: 50px; align-items: flex-end; margin-bottom: 40px;}
.resources-live main .section-heading > p{max-width: 300px; font-size: 14px;}
.resources-live main .browse-section{padding-top: 100px; padding-bottom: 75px;}
.resources-live main .browse-controls{display: flex; justify-content: space-between; align-items: flex-end; gap: 25px; padding-bottom: 28px; border-bottom: 1px solid var(--line); margin-bottom: 35px;}
.resources-live main .filters{display: flex; gap: 8px; flex-wrap: wrap;}
.resources-live main .filters button{padding: 9px 15px; border: 1px solid var(--line); border-radius: 30px; font-size: 12px;}
.resources-live main .filters button[aria-pressed="true"]{background: var(--ink); color: var(--paper); border-color: var(--ink);}
.resources-live main .search-label{font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em; display: grid; gap: 8px;}
.resources-live main .search-label input{background: transparent; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor; border-image: none; padding: 8px 0px; width: 240px; color: inherit; font-size: 13px; text-transform: none; letter-spacing: 0px; border-radius: 0px;}
.resources-live main .library{display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 28px;}
.resources-live main .result-count,.resources-live main .empty{font-size: 13px; margin-top: 30px;}
.resources-live main .closing{border-top: 1px solid var(--line); padding-top: 70px; padding-bottom: 70px;}
.resources-live main .closing .cta{margin-top: 30px;}
.resources-live main .footer{border-top: 1px solid var(--line); padding: 30px 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; font-size: 12px;}
.resources-live main .footer > a:first-child{font-weight: 800; letter-spacing: 0.08em;}
.resources-live main .footer small{flex-basis: 100%; opacity: 0.5; font-size: 10px;}
.resources-live main .reader{border: 0px; padding: 35px; max-width: 850px; width: calc(100% - 32px); max-height: 90vh; background: var(--paper); color: var(--ink);}
.resources-live main .reader::backdrop{background: rgba(0, 0, 0, 0.8);}
.resources-live main .reader-close{display: block; margin-left: auto; margin-bottom: 25px; text-decoration: underline; font-size: 12px !important;}
.resources-live main .reader h2{font-size: 50px; margin-bottom: 25px;}
.resources-live main .reader img{aspect-ratio: 2 / 1; object-position: 75% center;}
.resources-live main .reader p{margin: 25px 0px;}
.resources-live main .reader-lede{font-size: 21px;}
.resources-live main .reader aside{font-size: 12px; background: rgb(229, 232, 230); padding: 18px; margin: 25px 0px;}
.resources-live main .gallery-intro{padding: 95px 0px 65px;}
.resources-live main .gallery-intro > div{display: flex; gap: 40px; justify-content: space-between; align-items: flex-end; margin-top: 35px;}
.resources-live main .gallery-intro p:not(.eyebrow){max-width: 580px;}
.resources-live main .concept-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 65px 35px;}
.resources-live main .concept-preview{display: block; background: rgb(19, 33, 39); position: relative; overflow: hidden;}
.resources-live main .concept-preview img{aspect-ratio: 1.6 / 1; object-position: center top; transition: transform 0.5s;}
.resources-live main .concept-preview:hover img{transform: scale(1.025);}
.resources-live main .concept-preview > span{display: block; padding: 13px 20px; background: rgb(16, 25, 30); color: rgb(255, 255, 255); font-size: 12px;}
.resources-live main .concept-description{display: flex; gap: 22px; padding-top: 25px;}
.resources-live main .concept-description .number{font-size: 30px;}
.resources-live main .concept-description h2{font-size: 36px;}
.resources-live main .concept-description p{margin-top: 12px; font-size: 14px; max-width: 480px;}
.resources-live main .gallery-note{padding: 100px 0px;}
.resources-live main .gallery-note p{max-width: 650px; margin-top: 25px;}
.resources-live main .editorial-lead{display: grid; grid-template-columns: 1.8fr 1fr; gap: 45px;}
.resources-live main .editorial-lead aside{border-top: 3px solid var(--ink); padding-top: 22px;}
.resources-live main .editorial-lead aside .story{border-bottom: 1px solid var(--line);}
.resources-live main .editorial-lead .feature-copy{min-height: 620px;}
.resources-live.concept-1 main .intro{display: grid; grid-template-columns: 2fr 1fr; align-items: end;}
.resources-live.concept-1 main .intro .eyebrow{grid-column: 1 / -1;}
.resources-live.concept-1 main .intro-text{padding: 0px 15px 12px;}
.resources-live main .concept-2{--paper: #111a1e; --ink: #f5f3ed; --line: #3b484e;}
.resources-live.concept-2 main h1 em{color: rgb(75, 213, 245);}
.resources-live main .night-hero{position: relative; min-height: 660px; display: flex; align-items: center; color: white;}
.resources-live main .night-hero > img{position: absolute; inset: 0px; height: 100%; object-position: 70% center;}
.resources-live main .night-hero::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.2));}
.resources-live main .night-hero .wrap{position: relative; z-index: 1; padding-top: 50px; padding-bottom: 80px;}
.resources-live main .night-hero h1{font-size: clamp(65px, 7vw, 110px);}
.resources-live main .night-hero p:not(.eyebrow){margin: 30px 0px;}
.resources-live main .cover-caption{position: absolute; bottom: 25px; right: 45px; z-index: 1; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em;}
.resources-live main .rail-section{padding: 70px 0px 0px;}
.resources-live main .story-rail{display: flex; gap: 28px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 35px max(48px, -640px + 50vw); scrollbar-color: var(--cyan) transparent;}
.resources-live main .story-rail .story{flex: 0 0 380px; scroll-snap-align: center;}
.resources-live.concept-2 main .story-photo img{aspect-ratio: 1.25 / 1;}
.resources-live.concept-2 main .library{grid-template-columns: 1fr 1fr 1fr 1fr;}
.resources-live.concept-2 main .library h3{font-size: 25px;}
.resources-live main .concept-3{background: rgb(247, 248, 245);}
.resources-live.concept-3 main .intro h1{font-family: var(--sans); font-weight: 700; letter-spacing: -0.075em;}
.resources-live main .index-cover{display: grid; grid-template-columns: 3fr 1fr; gap: 40px; align-items: end;}
.resources-live main .index-cover img{height: 300px; object-position: 72% center;}
.resources-live main .index-cover p{font: 30px/1.2 var(--serif); padding-bottom: 10px;}
.resources-live main .numbered{margin-top: 60px;}
.resources-live main .numbered article{display: grid; grid-template-columns: 70px 150px 1.5fr 1fr; gap: 25px; border-top: 1px solid var(--line); padding: 32px 0px; align-items: center;}
.resources-live main .numbered h2{font-size: 32px;}
.resources-live main .numbered p{font-size: 13px;}
.resources-live main .numbered .meta{margin: 0px;}
.resources-live.concept-3 main .library{display: block;}
.resources-live.concept-3 main .library .story{display: grid; grid-template-columns: 200px 1fr; border-bottom: 1px solid var(--line); gap: 40px; padding: 24px 0px;}
.resources-live.concept-3 main .library .story img{height: 150px; aspect-ratio: auto;}
.resources-live.concept-3 main .library .story-copy{padding: 0px;}
.resources-live.concept-3 main .library .story h3{font-family: var(--sans); font-size: 27px; font-weight: 500;}
.resources-live main .split-journal{display: grid; grid-template-columns: 1.05fr 1fr;}
.resources-live main .split-cover{position: sticky; top: 57px; align-self: start; min-height: 720px; height: calc(-57px + 100vh); color: rgb(255, 255, 255); overflow: hidden;}
.resources-live main .split-cover > img{position: absolute; inset: 0px; height: 100%; object-position: 65% center;}
.resources-live main .split-cover::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3));}
.resources-live main .split-cover > div{position: relative; z-index: 1; padding: 60px 50px;}
.resources-live main .split-cover h1{font-size: clamp(65px, 6.5vw, 100px);}
.resources-live main .split-cover h1 em{color: rgb(102, 217, 245);}
.resources-live main .split-cover p:last-child{max-width: 300px; margin-top: 35px;}
.resources-live main .split-reading{padding: 60px 55px;}
.resources-live main .split-reading h2{margin-bottom: 40px;}
.resources-live main .split-reading .story{margin-top: 25px; border-bottom: 1px solid var(--line);}
.resources-live.concept-4 main .library{grid-template-columns: 1fr 1fr;}
.resources-live main .cover-five{height: 720px; position: relative; display: flex; align-items: center; color: rgb(255, 255, 255);}
.resources-live main .cover-five > img{position: absolute; height: 100%; inset: 0px; object-position: 70% center;}
.resources-live main .cover-five::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0.3));}
.resources-live main .cover-five .wrap{position: relative; z-index: 1;}
.resources-live main .cover-five h1{font-size: clamp(65px, 6.8vw, 104px); max-width: 850px;}
.resources-live main .cover-five h1 em{color: rgb(119, 228, 255);}
.resources-live main .cover-five .cta{margin-top: 40px;}
.resources-live main .long-features{padding-top: 75px;}
.resources-live main .long-features article{display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; margin-bottom: 70px;}
.resources-live main .long-features article:nth-child(2n+1) > div:first-child{order: 2;}
.resources-live main .long-features img{height: 400px; object-position: 72% center;}
.resources-live main .long-features .number{display: block; margin-bottom: 30px;}
.resources-live main .long-features p{margin-top: 20px;}
.resources-live main .notes-heading{padding: 70px 0px 50px; display: grid; grid-template-columns: 2fr 1fr; align-items: end;}
.resources-live main .notes-heading .eyebrow{grid-column: 1 / -1;}
.resources-live main .notes-heading h1{font-size: 145px;}
.resources-live main .notes-heading p:last-child{border-left: 2px solid var(--cyan); padding: 20px 30px;}
.resources-live main .notes-layout{display: grid; grid-template-columns: 2fr 1fr; gap: 55px;}
.resources-live main .notes-layout .feature-copy{min-height: 570px;}
.resources-live main .notes-layout aside{border-top: 1px solid var(--ink); padding-top: 25px;}
.resources-live main .notes-layout aside .story{border-bottom: 1px solid var(--line);}
.resources-live main blockquote{margin: 0px; padding: 50px 20px 0px 0px; font: italic 45px/1.1 var(--serif); letter-spacing: -0.03em;}
.resources-live.concept-6 main .library{grid-template-columns: repeat(4, 1fr);}
.resources-live.concept-6 main .library h3{font-size: 26px;}
.resources-live main .concept-7{--ink: #f6f4ee; --paper: #111619; --line: #3a4246;}
.resources-live.concept-7 main .intro{text-align: center; padding: 80px 0px;}
.resources-live.concept-7 main .intro-text{margin: 25px auto 0px;}
.resources-live.concept-7 main h1 em{color: rgb(87, 209, 237);}
.resources-live main .photo-mosaic{display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px;}
.resources-live main .photo-mosaic article{grid-column: span 3; position: relative; min-height: 440px; overflow: hidden;}
.resources-live main .photo-mosaic article:nth-child(n+3){grid-column: span 2; min-height: 370px;}
.resources-live main .photo-mosaic img{position: absolute; inset: 0px; height: 100%; object-position: 70% center;}
.resources-live main .photo-mosaic article::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.94), transparent);}
.resources-live main .photo-mosaic article > div{position: absolute; z-index: 1; bottom: 0px; left: 0px; padding: 32px; color: rgb(255, 255, 255);}
.resources-live main .photo-mosaic h2{font-size: 42px;}
.resources-live main .photo-mosaic article:nth-child(n+3) h2{font-size: 32px;}
.resources-live main .press{padding-top: 35px;}
.resources-live main .press-meta{display: flex; justify-content: space-between; border-top: 2px solid var(--ink); border-bottom: 1px solid var(--ink); padding: 10px 0px; text-transform: uppercase; font-size: 10px; letter-spacing: 0.1em;}
.resources-live main .press > h1{text-align: center; font-size: 110px; line-height: 0.95; padding: 35px 0px; border-bottom: 4px double var(--ink);}
.resources-live main .press > h1 br{display: none;}
.resources-live main .press > h1 em{color: var(--ink);}
.resources-live main .press-columns{display: grid; grid-template-columns: 1.5fr 1fr 0.8fr; gap: 30px; padding-top: 35px;}
.resources-live main .press-columns > div,.resources-live main .press-columns > aside{border-left: 1px solid var(--line); padding-left: 30px;}
.resources-live main .press-main h2{font-size: 52px; margin-bottom: 25px;}
.resources-live main .press-main img{height: 320px; object-position: 75% center;}
.resources-live main .press-main p{margin-top: 25px;}
.resources-live main .press-columns aside .story{border-bottom: 1px solid var(--line);}
.resources-live main .press-columns aside h3{font-size: 25px;}
.resources-live.concept-8 main .library{grid-template-columns: repeat(4, 1fr); gap: 25px;}
.resources-live.concept-8 main .library .story{border-top: 2px solid var(--ink); padding-top: 15px;}
.resources-live.concept-8 main .library h3{font-size: 26px;}
.resources-live main .chapter-nav{display: flex; justify-content: space-between; border-top: 1px solid var(--line); padding: 25px 0px 50px; font-size: 15px;}
.resources-live main .chapter{padding: 70px 0px; border-top: 1px solid var(--line); scroll-margin-top: 50px;}
.resources-live main .chapter:nth-of-type(2n){background: rgb(229, 233, 230);}
.resources-live main .chapter-title{display: grid; grid-template-columns: 90px 160px 1fr; gap: 25px; align-items: center; margin-bottom: 40px;}
.resources-live main .chapter-title > p{font-size: 12px; text-transform: uppercase; letter-spacing: 0.12em;}
.resources-live main .chapter-title h2{font-size: 50px;}
.resources-live main .chapter-content{display: grid; grid-template-columns: 2fr 1fr; gap: 55px; align-items: center;}
.resources-live main .chapter-content aside{border-top: 3px solid var(--ink);}
.resources-live main .chapter-content .feature-copy{min-height: 440px;}
.resources-live main .studio-intro{position: relative; padding: 65px 0px 60px; min-height: 740px;}
.resources-live main .studio-intro h1{font: 500 clamp(90px,11vw,172px)/.88 var(--sans); letter-spacing: -0.08em;}
.resources-live main .studio-intro h1 span{color: rgb(0, 159, 197);}
.resources-live main .studio-intro h1 em{font: italic 400 .85em/.9 var(--serif); color: var(--ink);}
.resources-live main .studio-stamp{position: absolute; right: 0px; top: 100px; width: 37%; transform: rotate(3deg);}
.resources-live main .studio-stamp img{height: 330px; object-position: 75% center;}
.resources-live main .studio-stamp p{font-size: 12px; margin: 15px 0px;}
.resources-live main .studio-stories article{display: grid; grid-template-columns: 1.05fr 1fr; gap: 35px; border-top: 1px solid var(--line); padding: 55px 0px;}
.resources-live main .studio-title .number{display: block; margin-bottom: 35px;}
.resources-live main .studio-title h2{font-size: 64px; position: relative; z-index: 1;}
.resources-live main .studio-image{display: block; padding-top: 45px;}
.resources-live main .studio-image img{height: 370px; object-position: 72% center;}
.resources-live main .studio-stories article:nth-child(2n) .studio-title{order: 2;}
.resources-live main .studio-stories article:nth-child(2n) .studio-image{order: 1;}
.resources-live main .studio-stories article > p{grid-column: 1 / -1; max-width: 480px; order: 3;}
.resources-live.concept-10 main .library{grid-template-columns: 1fr 1fr;}
.resources-live.concept-10 main .library h3{font-size: 40px;}
@media (min-width: 1700px){.resources-live main .wrap{width: min(1440px, 100% - 140px);}}
@media (max-width: 1050px){

.resources-live main .brand{width: 150px;}
.resources-live main .wrap{width: calc(100% - 56px);}
.resources-live main .library,.resources-live.concept-2 main .library,.resources-live.concept-6 main .library,.resources-live.concept-8 main .library{grid-template-columns: 1fr 1fr;}
.resources-live main .press-columns{grid-template-columns: 1.5fr 1fr;}
.resources-live main .press-columns > aside{grid-column: 1 / -1; border-left: 0px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; padding: 25px 0px 0px;}
.resources-live main .press-columns > aside > .eyebrow{grid-column: 1 / -1;}
.resources-live main .notes-heading h1{font-size: 110px;}
.resources-live main .split-cover > div{padding: 50px 28px;}
.resources-live main .split-reading{padding: 50px 30px;}
.resources-live main .numbered article{grid-template-columns: 50px 110px 1fr;}
.resources-live main .numbered article > p{grid-column: 3;}
.resources-live main .chapter-title{grid-template-columns: 60px 100px 1fr;}
.resources-live main .chapter-title h2{font-size: 40px;}
.resources-live main .studio-title h2{font-size: 48px;}
.resources-live main .studio-intro{min-height: 650px;}
.resources-live main .studio-stamp{width: 35%; top: 170px;}
.resources-live main .studio-stamp img{height: 250px;}
.resources-live main .long-features article{gap: 30px;}
.resources-live main .photo-mosaic article:nth-child(n+3){grid-column: span 3;}
.resources-live main .photo-mosaic article:last-child{grid-column: span 6;}
.resources-live main .feature-copy h2{font-size: 40px;}}
@media (max-width: 700px){.resources-live main .wrap{width: calc(100% - 40px);}




.resources-live main .review-bar{padding: 8px 12px; gap: 8px; font-size: 10px;}
.resources-live main .review-bar label{font-size: 0px; gap: 0px;}
.resources-live main .review-bar select{font-size: 10px; width: 145px; padding: 6px;}
.resources-live main .review-bar > a:last-child{max-width: 45px; line-height: 1.3;}
.resources-live main .intro,.resources-live main .gallery-intro{padding: 50px 0px 35px;}
.resources-live main h1{font-size: 66px;}
.resources-live main h2{font-size: 40px;}
.resources-live main .intro-text{font-size: 14px;}
.resources-live.concept-1 main .intro{display: block;}
.resources-live main .editorial-lead,.resources-live main .notes-layout,.resources-live main .long-features article,.resources-live main .chapter-content,.resources-live main .split-journal{display: block;}
.resources-live main .editorial-lead aside{margin-top: 35px;}
.resources-live main .feature-copy,.resources-live main .editorial-lead .feature-copy,.resources-live main .notes-layout .feature-copy{padding: 25px; min-height: 450px;}
.resources-live main .feature-copy h2{font-size: 35px;}
.resources-live main .feature-copy p{font-size: 14px;}
.resources-live main .feature > img{object-position: 70% center;}
.resources-live main .section-heading{display: block;}
.resources-live main .section-heading > p{margin-top: 20px;}
.resources-live main .browse-section{padding-top: 65px; padding-bottom: 45px;}
.resources-live main .browse-controls{display: block;}
.resources-live main .search-label{margin-top: 20px;}
.resources-live main .search-label input{width: 100%;}
.resources-live main .filters{gap: 5px;}
.resources-live main .filters button{padding: 8px 11px; font-size: 11px;}
.resources-live main .library,.resources-live.concept-2 main .library,.resources-live.concept-4 main .library,.resources-live.concept-6 main .library,.resources-live.concept-8 main .library,.resources-live.concept-10 main .library{grid-template-columns: 1fr; gap: 25px;}
.resources-live main .story-copy{padding: 20px 0px;}
.resources-live main .library h3,.resources-live.concept-10 main .library h3{font-size: 32px;}
.resources-live main .night-hero{min-height: 610px;}
.resources-live main .night-hero h1{font-size: 64px;}
.resources-live main .night-hero > img{object-position: 65% center;}
.resources-live main .night-hero::after{background: rgba(0, 0, 0, 0.6);}
.resources-live main .cover-caption{right: 20px; font-size: 8px;}
.resources-live main .story-rail{padding-left: 20px; padding-right: 20px; gap: 20px;}
.resources-live main .story-rail .story{flex-basis: 290px;}
.resources-live main .index-cover{display: block;}
.resources-live main .index-cover img{height: 220px;}
.resources-live main .index-cover p{margin-top: 25px; font-size: 25px;}
.resources-live main .numbered article{grid-template-columns: 40px 1fr; gap: 14px;}
.resources-live main .numbered h2{grid-column: 2; font-size: 28px;}
.resources-live main .numbered article > p{grid-column: 2;}
.resources-live main .numbered .number{font-size: 32px;}
.resources-live.concept-3 main .library .story{grid-template-columns: 95px 1fr; gap: 20px;}
.resources-live.concept-3 main .library .story img{height: 130px;}
.resources-live.concept-3 main .library .story h3{font-size: 23px;}
.resources-live.concept-3 main .library .story p{font-size: 12px;}
.resources-live main .split-cover{position: relative; top: 0px; min-height: 640px; height: auto;}
.resources-live main .split-cover > div{padding: 50px 25px;}
.resources-live main .split-cover h1{font-size: 70px;}
.resources-live main .split-reading{padding: 40px 20px;}
.resources-live main .cover-five{height: 650px;}
.resources-live main .cover-five h1{font-size: 60px;}
.resources-live main .cover-five::after{background: rgba(0, 0, 0, 0.6);}
.resources-live main .long-features img{height: 290px; margin-bottom: 30px;}
.resources-live main .long-features article{margin-bottom: 50px;}
.resources-live main .notes-heading{display: block; padding-top: 45px;}
.resources-live main .notes-heading h1{font-size: 105px;}
.resources-live main .notes-heading p:last-child{padding: 15px 20px; margin-top: 30px;}
.resources-live main .notes-layout aside{margin-top: 40px;}
.resources-live main blockquote{font-size: 36px;}
.resources-live main .photo-mosaic{display: block;}
.resources-live main .photo-mosaic article,.resources-live main .photo-mosaic article:nth-child(n+3){min-height: 410px; margin-bottom: 20px;}
.resources-live main .photo-mosaic article > div{padding: 25px;}
.resources-live main .photo-mosaic h2,.resources-live main .photo-mosaic article:nth-child(n+3) h2{font-size: 35px;}
.resources-live main .press-meta{font-size: 8px; gap: 25px;}
.resources-live main .press > h1{font-size: 62px;}
.resources-live main .press > h1 br{display: block;}
.resources-live main .press-columns{display: block;}
.resources-live main .press-main h2{font-size: 42px;}
.resources-live main .press-columns > div,.resources-live main .press-columns > aside{border-left: 0px; border-top: 1px solid var(--line); padding: 25px 0px; margin-top: 30px; display: block;}
.resources-live main .chapter-nav{gap: 15px; font-size: 11px;}
.resources-live main .chapter-title{grid-template-columns: 40px 1fr; gap: 15px;}
.resources-live main .chapter-title h2{grid-column: 1 / -1; font-size: 38px;}
.resources-live main .chapter-title .number{font-size: 35px;}
.resources-live main .chapter-content aside{margin-top: 30px;}
.resources-live main .chapter{padding: 45px 0px;}
.resources-live main .studio-intro{padding-top: 45px; min-height: 0px; padding-bottom: 40px;}
.resources-live main .studio-intro h1{font-size: 92px;}
.resources-live main .studio-stamp{position: relative; top: auto; right: auto; width: 76%; margin: 35px 0px 0px auto; transform: rotate(2deg);}
.resources-live main .studio-stamp img{height: 210px;}
.resources-live main .studio-stories article{display: flex; flex-direction: column; gap: 20px; padding: 35px 0px;}
.resources-live main .studio-title h2{font-size: 42px;}
.resources-live main .studio-image{padding: 0px; order: 2 !important;}
.resources-live main .studio-title{order: 1 !important;}
.resources-live main .studio-image img{height: 280px;}
.resources-live main .gallery-intro > div{display: block;}
.resources-live main .gallery-intro .cta{margin-top: 25px;}
.resources-live main .concept-grid{grid-template-columns: 1fr; gap: 45px;}
.resources-live main .concept-description h2{font-size: 32px;}
.resources-live main .gallery-note{padding: 60px 0px;}
.resources-live main .closing{padding: 45px 0px;}
.resources-live main .footer{gap: 15px;}
.resources-live main .reader{padding: 22px;}
.resources-live main .reader h2{font-size: 35px;}
.resources-live main .reader img{aspect-ratio: 1.5 / 1;}
.resources-live main .reader-lede{font-size: 18px;}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}
.resources-live main *{transition: none !important;}}
.resources-live main{--page-gutter: max(32px,calc((100vw - 1280px)/2));}
.resources-live main .wrap{width: calc(100% - var(--page-gutter) - var(--page-gutter));}
.resources-live main .review-bar{padding-left: var(--page-gutter); padding-right: var(--page-gutter);}
.resources-live main .story-rail{padding-left: var(--page-gutter); padding-right: var(--page-gutter);}
.resources-live main .cover-caption{right: var(--page-gutter);}
.resources-live main .split-cover > div{padding-left: var(--page-gutter);}
.resources-live main .split-reading{padding-right: var(--page-gutter);}
@media (max-width: 1050px){.resources-live main{--page-gutter: 25px;}}
@media (max-width: 700px){.resources-live main{--page-gutter: 20px;}
.resources-live main .split-cover > div,.resources-live main .split-reading{padding-left: var(--page-gutter); padding-right: var(--page-gutter);}}
.resources-live main .tone-light{--paper: #fff; --ink: #10181b; --line: #d3d8d8;}
.resources-live main .tone-dark{--paper: #0d1418; --ink: #f5f6f3; --line: #38474d;}
.resources-live main .tone-band{position: relative; isolation: isolate; background: var(--paper); color: var(--ink);}
.resources-live main .tone-band.wrap::before{content: ""; position: absolute; inset: 0 calc(-1 * var(--page-gutter)); z-index: -1; background: var(--paper); pointer-events: none;}
.resources-live main .tone-dark h1 em,.resources-live main .tone-dark h2 em,.resources-live main .tone-dark .number{color: rgb(57, 200, 237);}
.resources-live main .tone-dark .story h3 a:hover,.resources-live main .tone-dark .story h3 button:hover{color: rgb(57, 200, 237);}
.resources-live main .tone-dark input::placeholder{color: rgb(183, 195, 200); opacity: 1;}
.resources-live main .tone-dark .meta{opacity: 0.85;}
.resources-live main .editorial-lead.tone-band,.resources-live main .notes-layout.tone-band{padding-top: 65px; padding-bottom: 65px;}
.resources-live main .index-cover.tone-band{padding-top: 55px; padding-bottom: 55px;}
.resources-live main .numbered.tone-band{margin-top: 0px; padding-top: 60px; padding-bottom: 45px;}
.resources-live main .photo-mosaic.tone-band{padding-top: 55px; padding-bottom: 55px;}
.resources-live main .press.tone-band{padding-bottom: 60px;}
.resources-live main .chapter.tone-band{background: var(--paper);}
.resources-live main .studio-stories.tone-band{padding-top: 30px; padding-bottom: 30px;}
.resources-live main .concept-grid.tone-band{padding-top: 65px; padding-bottom: 65px;}
.resources-live main .gallery-note.tone-band{padding-top: 75px; padding-bottom: 75px;}
.resources-live main .closing.tone-band{border-top: 0px; display: grid; grid-template-columns: 1fr auto; column-gap: 50px; align-items: end;}
.resources-live main .closing.tone-band .eyebrow{grid-column: 1 / -1;}
.resources-live main .closing.tone-band .cta{justify-self: start; margin-bottom: 5px;}
.resources-live main .footer.tone-band{border-top: 1px solid var(--line);}
.resources-live main .reader{--paper: #f4f2ed; --ink: #10181b;}
@media (max-width: 700px){.resources-live main .editorial-lead.tone-band,.resources-live main .notes-layout.tone-band,.resources-live main .index-cover.tone-band,.resources-live main .photo-mosaic.tone-band,.resources-live main .concept-grid.tone-band{padding-top: 40px; padding-bottom: 40px;}
.resources-live main .closing.tone-band{display: block;}}
.resources-live main{background: rgb(255, 255, 255); --paper: #fff; --ink: #10181b; --line: #d3d8d8;}
.resources-live main .cover-five{height: 610px;}
.resources-live main .cover-five h1{font-size: clamp(56px, 5.7vw, 88px);}
.resources-live main .cover-five > img{object-position: 64% center;}
.resources-live main .cover-five::after{background: linear-gradient(90deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.35));}
.resources-live main .trust-strip{height: 66px; display: flex; align-items: center; overflow: hidden; background: rgb(16, 16, 16); color: rgb(238, 238, 238); border-block: 1px solid rgb(51, 51, 51);}
.resources-live main .trust-track{width: max-content; display: flex; align-items: center; gap: 48px; white-space: nowrap;}
.resources-live main .trust-track small{color: rgb(153, 153, 153); font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase;}
.resources-live main .trust-track i{width: 1px; height: 22px; background: rgb(68, 68, 68);}
.resources-live main .trust-track span{font: 400 16px / 1.5 Fraunces, serif; letter-spacing: 0.13em; text-transform: uppercase;}
.resources-live main .long-features{padding-bottom: 10px;}
.resources-live main .long-features h2{font-size: clamp(34px, 3.5vw, 52px);}
.resources-live main .library h3{font-size: 28px; line-height: 1.15;}
.resources-live main .story-photo img{height: auto; aspect-ratio: 1.6 / 1; object-position: center center;}
.resources-live main .long-features img{object-position: center center;}
.resources-live main .browse-controls{align-items: center; flex-wrap: wrap;}
.resources-live main .footer small{opacity: 0.75;}
.resources-live main .article-heading{padding-top: 55px; padding-bottom: 65px;}
.resources-live main .breadcrumb{display: inline-block; font-size: 13px; border-bottom: 1px solid; margin-bottom: 45px;}
.resources-live main .article-heading h1{font-size: clamp(42px, 5vw, 76px); max-width: 1080px; line-height: 1.08;}
.resources-live main .article-heading > p{max-width: 780px; font-size: 19px; margin-top: 30px;}
.resources-live main .byline{font-size: 12px; margin-top: 28px; display: flex; gap: 25px; flex-wrap: wrap; color: rgb(191, 204, 209);}
.resources-live main .article-cover{margin-top: 0px; margin-bottom: 0px;}
.resources-live main .article-cover img{height: 480px; object-position: center center;}
.resources-live main .article-layout{display: grid; grid-template-columns: 260px minmax(0px, 760px); justify-content: space-between; gap: 70px; padding-top: 65px; padding-bottom: 75px;}
.resources-live main .article-toc{position: sticky; top: 35px; align-self: start; font-size: 13px;}
.resources-live main .article-toc nav{display: grid; gap: 15px; border-left: 2px solid rgb(0, 173, 217); padding-left: 18px;}
.resources-live main .article-toc nav a:hover{color: rgb(0, 139, 176);}
.resources-live main .article-body{font-size: 17px; line-height: 1.85; min-width: 0px;}
.resources-live main .article-body p{margin: 0px 0px 24px; opacity: 1;}
.resources-live main .article-body h2{font-size: 35px; line-height: 1.18; margin: 45px 0px 22px; scroll-margin-top: 25px;}
.resources-live main .article-body h2:first-child{margin-top: 0px;}
.resources-live main .article-body li{margin: 9px 0px; padding-left: 5px;}
.resources-live main .article-body ul,.resources-live main .article-body ol{padding-left: 25px; margin: 20px 0px 30px;}
.resources-live main .article-body a:not(.cta){color: rgb(0, 123, 156); text-decoration: underline; text-underline-offset: 4px;}
.resources-live main .article-body strong{font-weight: 600;}
.resources-live main .article-note,.resources-live main .article-source{font-size: 12px; color: rgb(85, 99, 105);}
.resources-live main .article-contact{border-top: 1px solid rgb(201, 209, 213); margin-top: 45px; padding-top: 10px;}
.resources-live main .article-contact .cta{margin-top: 10px;}
.resources-live main .related{padding-top: 65px; padding-bottom: 65px;}
.resources-live main .related h2{margin-bottom: 35px;}

@media (max-width: 1050px){.resources-live main .article-layout{grid-template-columns: 200px minmax(0px, 1fr); gap: 40px;}
}
@media (max-width: 700px){.resources-live main .cover-five{height: 610px;}
.resources-live main .cover-five h1{font-size: 54px;}
.resources-live main .cover-five .cover-caption{font-size: 8px; max-width: calc(100% - 40px);}
.resources-live main .cover-five::after{background: rgba(0, 0, 0, 0.66);}

.resources-live main .article-heading{padding-top: 35px; padding-bottom: 40px;}
.resources-live main .article-heading h1{font-size: 43px;}
.resources-live main .article-heading > p{font-size: 16px;}
.resources-live main .breadcrumb{margin-bottom: 30px;}
.resources-live main .article-cover img{height: 280px;}
.resources-live main .article-layout{display: block; padding-top: 35px; padding-bottom: 45px;}
.resources-live main .article-toc{position: static; margin-bottom: 35px;}
.resources-live main .article-body{font-size: 16px;}
.resources-live main .article-body h2{font-size: 29px;}
.resources-live main .related{padding: 45px 0px;}
.resources-live main .library h3{font-size: 29px;}
.resources-live main .long-features h2{font-size: 37px;}}/* Match the shared shell and Work / Our Story hero dimensions. */
.resources-live main{--page-gutter:max(20px,calc((100vw - 1152px)/2))}
.resources-live main .wrap{width:var(--shell)}
.resources-live main .cover-five{height:610px;min-height:610px;padding-top:80px;padding-bottom:20px}
.resources-live main .cover-five>img{object-position:70% center}
.resources-live main .article-heading{padding-top:140px}
.resources-live main .article-toc{top:115px}
.resources-live main .article-body h2{scroll-margin-top:105px}
@media(max-width:800px){
 .resources-live main{--page-gutter:max(14px,calc((100vw - 680px)/2))}
 .resources-live main .cover-five{height:auto;min-height:540px;padding:115px 0 70px}
 .resources-live main .cover-five h1{font-size:48px}
}
@media(max-width:560px){
 .resources-live main .cover-five{min-height:580px}
 .resources-live main .cover-five h1{font-size:44px}
 .resources-live main .cover-five>img{object-position:74% center}
 .resources-live main .article-heading{padding-top:115px}
}
/* Preserve editorial components when the shared site stylesheet is present. */
.resources-live main .number{position:static;inset:auto;letter-spacing:normal}
.resources-live main .section-heading{max-width:none}

/* One photographic hero per article, with the reading content directly below. */
.resources-live main .article-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:610px;background:#0d1418;color:#fff;--ink:#fff;--line:#536168}
.resources-live main .article-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.resources-live main .article-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,12,16,.88),rgba(5,12,16,.68) 60%,rgba(5,12,16,.4)),linear-gradient(0deg,rgba(5,12,16,.35),transparent 60%)}
.resources-live main .article-hero .article-heading{padding-top:125px;padding-bottom:55px;background:transparent}
.resources-live main .article-hero .breadcrumb{margin-bottom:28px}
.resources-live main .article-hero .meta{color:#e4e9eb}
.resources-live main .article-hero h1{font-size:clamp(40px,4.4vw,64px);max-width:1080px;color:#fff;text-wrap:balance}
.resources-live main .article-hero .article-heading>p{color:#f0f2f3;opacity:1;margin-top:24px}
.resources-live main .article-hero .byline{color:#e0e6e9;margin-top:24px}
@media(max-width:800px){
 .resources-live main .article-hero{min-height:540px}
 .resources-live main .article-hero .article-heading{padding-top:112px;padding-bottom:40px}
}
@media(max-width:560px){
 .resources-live main .article-hero{min-height:580px}
 .resources-live main .article-hero::before{background:rgba(5,12,16,.75)}
 .resources-live main .article-hero h1{font-size:38px}
 .resources-live main .article-hero .breadcrumb{margin-bottom:24px}
}

/* Keep the article-library introduction together above the category filters. */
.resources-live main .browse-section > .section-heading{display:block}
.resources-live main .browse-section > .section-heading > p{max-width:720px;margin:20px 0 0;text-align:left}

/* Article links retain their underline and gain clear pointer/keyboard feedback. */
.resources-live main .read-link{transition:color .2s ease}
.resources-live main .read-link:hover,.resources-live main .read-link:focus-visible{color:#00aeef}
@media(prefers-reduced-motion:reduce){.resources-live main .read-link{transition:none}}

/* Category filters: rollover feedback without obscuring the selected state. */
.resources-live main .filters button{cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease}
.resources-live main .filters button:hover,.resources-live main .filters button:focus-visible{color:#00aeef;border-color:#00aeef;background:rgba(0,174,239,.1)}
.resources-live main .filters button[aria-pressed="true"]:hover,.resources-live main .filters button[aria-pressed="true"]:focus-visible{color:#07141a;background:#00aeef;border-color:#00aeef}
@media(prefers-reduced-motion:reduce){.resources-live main .filters button{transition:none}}

/* Reuse the homepage pill classes for the Resources hero action. */
.resources-live main .cover-five .pill-blue{color:#fff;margin-top:40px}