.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}}
