.foy-study{--ink:#302d2a;--muted:#827c76;--orange:#FF6D2D;background:#fff;color:var(--ink);font-family:Planc,Arial,sans-serif;font-size:18px;line-height:1.45;min-height:100vh;padding:0 clamp(28px,5vw,88px);box-sizing:border-box}.foy-study *{box-sizing:border-box}.foy-study a{color:inherit;text-decoration:none}.foy-study a:hover{color:var(--orange)}.foy-study header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;gap:24px}.foy-study .wordmark{font-family:Georgia,serif;font-weight:bold;font-size:60px;line-height:1;color:var(--orange);letter-spacing:-4px}.foy-study nav{display:flex;gap:32px;font-size:16px}.foy-study .intro{padding:72px 0 44px}.foy-study .study-note{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 20px}.foy-study h1{font-size:clamp(48px,6vw,88px);line-height:1.05;letter-spacing:-.045em;font-weight:400;margin:0 0 42px}.foy-study .intro-bottom{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end}.foy-study .summary{max-width:720px;font-size:clamp(20px,2vw,28px);line-height:1.3;margin:0 0 24px}.foy-study .tags{display:flex;gap:8px;flex-wrap:wrap}.foy-study .tags span{background:#f2f0ed;padding:5px 10px;font-size:13px;color:#68635f}.foy-study details{font-size:16px}.foy-study summary{cursor:pointer;list-style:none;border-bottom:1px solid #aaa;padding:10px 0;min-width:185px}.foy-study summary::-webkit-details-marker{display:none}.foy-study summary:after{content:'+';float:right;margin-left:24px}.foy-study details[open] summary:after{content:'−'}.foy-study .project-info{font-size:14px;padding-top:16px;max-width:280px}.foy-study .project-info dl{margin:0;display:grid;grid-template-columns:80px 1fr;gap:12px}.foy-study dt{color:var(--muted)}.foy-study dd{margin:0}.foy-study figure{margin:0}.foy-study .media img{display:block;width:100%;height:auto}.foy-study figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding-top:12px}.foy-study .text-section{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:64px 0;max-width:1240px;margin:auto}.foy-study .section-label{font-size:13px;margin:6px 0;color:var(--muted)}.foy-study .text-section p{margin:0;font-size:clamp(24px,2.8vw,40px);line-height:1.3;font-weight:300;letter-spacing:-.02em}.foy-study .pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.foy-study .wide{margin-top:32px}.foy-study .closing{margin-top:100px;border-top:1px solid #ddd;padding:40px 0 64px;display:flex;justify-content:space-between;gap:32px;align-items:center}.foy-study .closing h2{font-size:clamp(30px,4vw,54px);font-weight:400;letter-spacing:-.03em;margin:6px 0}.foy-study .closing a{font-size:40px}.foy-study footer{border-top:1px solid #ddd;display:flex;justify-content:space-between;gap:24px;padding:28px 0;font-size:14px;color:var(--muted)}.foy-study footer div{display:flex;gap:24px}@media(min-width:1800px){.foy-study{padding-left:max(56px,calc((100vw - 1800px)/2));padding-right:max(56px,calc((100vw - 1800px)/2))}}@media(max-width:700px){.foy-study header{padding:24px 0}.foy-study .wordmark{font-size:48px}.foy-study nav{gap:18px;font-size:14px}.foy-study .intro{padding:48px 0 32px}.foy-study h1{margin-bottom:28px}.foy-study .intro-bottom{grid-template-columns:1fr;gap:24px}.foy-study details{max-width:260px}.foy-study .text-section{grid-template-columns:1fr;gap:20px;padding:36px 0}.foy-study .pair{gap:14px}.foy-study .wide{margin-top:24px}.foy-study .closing{margin-top:60px}.foy-study footer{flex-direction:column}.foy-study figcaption{font-size:11px}}
/* Full-width black footer */
.foy-study footer{background:#000;color:#fff;border:0;margin-left:calc(-1 * clamp(28px,5vw,88px));margin-right:calc(-1 * clamp(28px,5vw,88px));padding:36px clamp(28px,5vw,88px)}.foy-study footer a{color:#fff}.foy-study footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}@media(min-width:1800px){.foy-study footer{margin-left:calc(-1 * max(56px,calc((100vw - 1800px)/2)));margin-right:calc(-1 * max(56px,calc((100vw - 1800px)/2)));padding-left:max(56px,calc((100vw - 1800px)/2));padding-right:max(56px,calc((100vw - 1800px)/2))}}

/* Match the live brand mark dimensions and top alignment. */
.foy-study header{padding:44px 0 0}.foy-study .wordmark{display:block;line-height:0;letter-spacing:normal;flex-shrink:0}.foy-study .wordmark img{display:block;width:112px;height:auto}@media(max-width:700px){.foy-study{padding-left:28px;padding-right:28px}.foy-study header{padding:28px 0 0}.foy-study .wordmark img{width:84px}}

@media(max-width:700px){.foy-study footer{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}}
/* Continuous black closing section and footer. */
.foy-study .closing{background:#000;color:#fff;border:0;margin-left:calc(-1 * clamp(28px,5vw,88px));margin-right:calc(-1 * clamp(28px,5vw,88px));padding:48px clamp(28px,5vw,88px) 64px;margin-bottom:0}.foy-study .closing .section-label,.foy-study .closing a{color:#fff}.foy-study .closing a:hover{color:#fff;opacity:.75}@media(min-width:1800px){.foy-study .closing{margin-left:calc(-1 * max(56px,calc((100vw - 1800px)/2)));margin-right:calc(-1 * max(56px,calc((100vw - 1800px)/2)));padding-left:max(56px,calc((100vw - 1800px)/2));padding-right:max(56px,calc((100vw - 1800px)/2))}}@media(max-width:700px){.foy-study .closing{margin-left:-28px;margin-right:-28px;padding:40px 28px 48px}}
/* Content rows collapse when no content is assigned. */
body.foy-project-page{margin:0}.foy-study .media video{display:block;width:100%;height:auto;background:#000}.foy-content-row + .foy-content-row{margin-top:32px}.foy-content-row:has(.text-section),.foy-content-row:has(.text-section) + .foy-content-row{margin-top:0}.foy-content-row.pair .text-section{display:block;padding:32px 0}.foy-content-row.pair .text-section h2{margin-bottom:20px}.foy-study .text-section:not(:has(h2)){display:block;max-width:820px}@media(max-width:700px){.foy-content-row + .foy-content-row{margin-top:24px}.foy-content-row:has(.text-section),.foy-content-row:has(.text-section) + .foy-content-row{margin-top:0}}

/* Optional editorial labels sit 50px from their copy, rather than in a wide empty column. */
.foy-study .text-section{grid-template-columns:max-content minmax(0,820px);justify-content:center;column-gap:50px;align-items:start}
.foy-study .text-section h2{max-width:180px;margin-top:6px}
.foy-study .text-section.text-size-large p{font-size:30pt}
.foy-study .text-section.text-size-medium p{font-size:20pt;line-height:1.4}
.foy-study .text-section.text-size-small p{font-size:10pt;line-height:1.6;letter-spacing:0;font-weight:400}
.foy-content-row.pair .text-section h2{margin-bottom:50px}
@media(max-width:700px){.foy-study .text-section{grid-template-columns:1fr;row-gap:50px}.foy-study .text-section h2{margin:0}.foy-study .text-section.text-size-medium p{font-size:20pt}.foy-study .text-section.text-size-large p{font-size:30pt}}
/* Shared text column: consistent start and flush with the media's right edge. */
@media(min-width:701px){
 .foy-study .foy-content-row.single .text-section{max-width:none;width:100%;grid-template-columns:180px minmax(0,820px);justify-content:end;column-gap:50px}
 .foy-study .foy-content-row.single .text-section h2{width:180px;text-align:right}
 .foy-study .foy-content-row.single .text-section:not(:has(h2)){display:block;width:calc(100% - 230px);max-width:820px;margin-left:auto;margin-right:0}
}
/* Editorial copy follows the same two-column grid as paired images. */
@media(min-width:701px){
 .foy-study .foy-content-row.single .text-section{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;justify-content:normal;max-width:none;width:100%}
 .foy-study .foy-content-row.single .text-section h2{width:auto;max-width:none;text-align:right;justify-self:end}
 .foy-study .foy-content-row.single .text-section:not(:has(h2)){width:calc((100% - 24px)/2);max-width:none;margin-left:auto;margin-right:0}
}
@media(max-width:700px){.foy-study .text-section{row-gap:14px}.foy-content-row.pair .text-section h2{margin-bottom:14px}}