/* Typography transcribed from the supplied Figma PDF. Only layout responds to viewport width. */
body[data-page=peripheric] h1{font-size:60.5px;line-height:62px;font-weight:400}body[data-page=peripheric] h1 strong{display:inline-block;font-family:Georgia,'Times New Roman',serif;font-size:inherit;font-weight:700;line-height:inherit;margin-top:20px;color:inherit}body[data-page=peripheric] h2{font-size:47.5px;line-height:1.15}body[data-page=peripheric] .hero-description p{font-size:21px;line-height:32px}body[data-page=peripheric] .hero-description{max-width:760px;margin-top:40px}body[data-page=peripheric] .hero-copy{transform:translateY(-43%)}body[data-page=peripheric] .hero{min-height:900px;height:100svh;max-height:1100px}body[data-page=peripheric] p{font-size:18px;line-height:29.7px}body[data-page=peripheric] .section{padding:112px 0}body[data-page=peripheric] .section .container{border:0;padding-bottom:0}body[data-page=peripheric] .section+.section{padding-top:0}.perspective h2{margin-bottom:64px;max-width:none}.perspective-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center}.perspective-grid strong{font-size:18px;font-weight:700}.conservation-statement{background:#192c21;color:var(--body);padding:24px 28px;margin:40px 0 0;font-size:20px!important;line-height:35px!important;font-weight:700}.erasure-art img{width:100%;height:auto;display:block}.challenge-section h2{font-size:44px!important;line-height:54px!important;max-width:none;margin-bottom:80px}.challenge-list{display:grid;gap:104px}.challenge-row{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:64px;align-items:center;scroll-margin-top:32px}.challenge-copy{min-width:0}.challenge-row h3{font-size:28px;font-weight:700;line-height:1.23;margin:0 0 40px}.challenge-description{margin:0 0 32px}.response-card{background:#23382b;padding:26px 28px 24px;scroll-margin-block:28px}.challenge-details>summary{position:relative;padding-right:34px}.challenge-stat{display:block;font-size:20.8px;font-weight:700;line-height:1.45;color:var(--ink);margin-bottom:26px}.response-intro{display:block;color:var(--ink);font-size:18px;line-height:29.7px}.challenge-details .disclosure{position:absolute;right:-13px;bottom:0}.expanded-copy{border-top:1px solid #87957a80;margin-top:24px;padding-top:24px}.expanded-copy p{margin:0 0 28px}.expanded-copy p:last-child{margin-bottom:0}.project-links{border-top:1px solid #87957a80;margin-top:24px;padding-top:18px;gap:10px 25px}.project-links .eyebrow{font:11px/1.6 'Courier New',monospace;letter-spacing:.12em;margin:0 0 2px}.project-links a,.project-links button{font-size:16px;font-weight:400;line-height:1.5}.challenge-animation{width:100%;align-self:center}.challenge-animation canvas{width:100%;height:auto;display:block;background:transparent}.anim-01{max-width:250px;justify-self:center}.method-section h2{margin-bottom:56px;max-width:none}.method-intro{margin-bottom:56px}.method-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;align-items:start}.method-pillar{background:#192c21}.method-pillar summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:24px 20px}.method-pillar h3{font-size:27px;line-height:1.23;margin:0}.pillar-copy{padding:26px 20px 32px;border-top:1px solid #a5b98c}.pillar-copy p{font-size:17px!important;line-height:28px!important}.method-pillar:last-child p{font-size:18px!important;line-height:29.7px!important}body[data-page=peripheric] .closing .container{min-height:360px;padding-block:64px}body[data-page=peripheric] .closing h2{font-size:46px;line-height:53px;margin-bottom:32px}.closing-art{position:absolute;top:0;right:-6%;width:58%;height:100%;z-index:0;opacity:.65;pointer-events:none}body[data-page=peripheric] .closing:after{background:linear-gradient(90deg,var(--surface) 34%,transparent 75%)}
@media(max-width:1000px){.perspective-grid,.challenge-row{gap:36px}.desktop-break{display:none}.method-pillars{gap:20px}.response-card{padding:24px}.method-pillar summary{flex-wrap:wrap}.hero-copy h1{overflow-wrap:normal}}
@media(max-width:700px){body[data-page=peripheric] .hero{min-height:1080px;height:auto}body[data-page=peripheric] .hero-copy{position:relative;top:auto;left:auto;right:auto;transform:none;padding:210px 24px 110px}.hero h1 br:first-child{display:none}body[data-page=peripheric] .hero h1 br{display:block}body[data-page=peripheric] h1{overflow-wrap:anywhere}.perspective-grid,.challenge-row,.method-pillars{grid-template-columns:minmax(0,1fr)}body[data-page=peripheric] .section{padding:72px 0}body[data-page=peripheric] .section+.section{padding-top:0}.perspective h2{margin-bottom:40px}.challenge-section h2{margin-bottom:56px}.challenge-list{gap:72px}.challenge-row h3{margin-bottom:28px}.challenge-animation{max-width:420px;justify-self:center}.anim-01{max-width:220px}.response-card{padding:22px}.challenge-details>summary{padding-right:30px}.conservation-statement{padding:24px;margin-top:32px}.method-section h2{margin-bottom:36px}.method-intro{margin-bottom:36px}.method-pillar summary{flex-wrap:nowrap}.closing-copy{width:100%}.closing-art{width:100%;right:-38%;opacity:.35}body[data-page=peripheric] .closing .container{min-height:420px}.actions{gap:14px}.button{font-size:15px}body[data-page=peripheric] .hero-description p{font-size:21px;line-height:32px}}
@media(max-width:700px){body[data-page=peripheric] .hero{max-height:none}}
.method-pillars{align-items:stretch}.method-pillars:has(.method-pillar:not([open])){align-items:start}

/* November 3 PDF: compact landscape studies align with response cards. */
.perspective-grid{grid-template-columns:minmax(0,580px) minmax(0,1fr);gap:160px;align-items:center}
.perspective-grid>div{min-width:0}
.conservation-statement{margin:16px 0 0;padding:18px 21px;font-size:18px!important;line-height:29.7px!important;font-weight:400}
body[data-page=peripheric] .conservation-statement p{font-size:18px;line-height:29.7px;margin:0 0 20px}
body[data-page=peripheric] .conservation-statement p:last-child{margin:0}
.erasure-art{width:509px;max-width:calc(100% + 150px);justify-self:start}
.erasure-art img{aspect-ratio:509/341;object-fit:cover}
.perspective h2{margin-bottom:76px}
.challenge-row{grid-template-columns:minmax(0,632px) minmax(0,1fr);gap:120px;align-items:end}
.challenge-animation{align-self:end}
.anim-01{width:374px;max-width:100%;justify-self:center;transform:translateX(32px)}
.anim-03{width:400px;max-width:100%;justify-self:center;transform:translateX(32px)}
.anim-04{width:596px;max-width:calc(100% + 208px);justify-self:start;margin-left:-56px}
@media(max-width:1200px){.perspective-grid{grid-template-columns:1.1fr .9fr;gap:70px}.erasure-art{width:100%;max-width:100%}.challenge-row{grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:64px}.anim-01,.anim-03{transform:none}.anim-04{width:100%;max-width:100%;margin-left:0}}
@media(max-width:900px){.perspective-grid{gap:36px}.challenge-row{gap:36px}.perspective h2{margin-bottom:45px}}
@media(max-width:700px){.perspective-grid,.challenge-row{grid-template-columns:minmax(0,1fr);gap:32px}.erasure-art{width:min(100%,509px);justify-self:center}.anim-01{width:min(100%,374px);max-width:374px}.anim-03{width:min(100%,420px);max-width:420px}.anim-04{width:min(100%,520px);max-width:520px;justify-self:center}.conservation-statement{padding:18px 21px}}
/* Allow the artwork to meet the page edge without horizontal scrolling. */
.perspective,.challenge-section{overflow:clip}