:root{--pair-red:#a86e61;--pair-silver:#aeb8b5}
main{position:relative}
.pair-hero{width:min(1180px,90vw);min-height:100dvh;margin:auto;padding:130px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center}
.pair-heading>p:first-child{font:14px/1.5 var(--kai);color:var(--accent)}
.pair-heading h1{max-width:620px;margin-top:24px;font-size:clamp(44px,5.4vw,76px);line-height:1.06}
.pair-deck{max-width:520px;margin-top:34px;color:var(--body);font-size:15px;line-height:2}
.pair-images{position:relative;height:min(72vh,720px)}
.pair-images figure{position:absolute;overflow:hidden;background:#20211e}
.pair-images img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.5) contrast(1.04) brightness(.76)}
.kane-image,.pair-a{left:0;top:0;width:67%;height:76%}
.farewell-image,.pair-b{right:0;bottom:0;width:54%;height:57%;box-shadow:-22px -22px 0 var(--night)}
.farewell-image img,.pair-b img{filter:saturate(.75) contrast(1.02) brightness(.8)}
.pair-thesis{width:min(980px,86vw);margin:clamp(80px,10vw,150px) auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}
.pair-thesis h2,.comparison>header h2,.writing-return h2{font-size:clamp(35px,4.7vw,62px);font-weight:400;line-height:1.16;letter-spacing:-.035em}
.pair-thesis div{padding-top:8px}
.pair-thesis p{color:var(--body);font-size:15px;line-height:2}.pair-thesis p+p{margin-top:24px}
.comparison{width:min(1180px,90vw);margin:auto;padding:clamp(70px,9vw,120px) 0;border-top:1px solid var(--line)}
.comparison>header{max-width:700px;margin-bottom:80px}.comparison>header p{max-width:520px;margin-top:22px;color:var(--body);font-size:14px;line-height:1.9}
.comparison-row{display:grid;align-items:center;margin-top:clamp(70px,10vw,140px)}
.comparison-row:first-of-type{margin-top:0}
.comparison-row figure{overflow:hidden;background:#20211e}
.comparison-row img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.04) brightness(.79) blur(.8px);transition:filter 360ms cubic-bezier(.23,1,.32,1)}
.comparison-row:hover img{filter:saturate(.75) contrast(1.02) brightness(.87) blur(0)}
.comparison-copy{max-width:470px}
.comparison-name{margin-bottom:18px;color:var(--accent);font:15px/1 var(--kai)}
.comparison-copy h3{font-size:clamp(29px,3.6vw,48px);font-weight:400;line-height:1.22}
.comparison-copy>p:last-child{margin-top:22px;color:var(--body);font-size:14px;line-height:2}
.space-row{grid-template-columns:1.35fr .65fr;gap:7vw}.space-row figure{aspect-ratio:16/10}
.body-row{grid-template-columns:.68fr 1.32fr;gap:8vw}.body-row figure{aspect-ratio:16/9}.body-row .comparison-copy{justify-self:end}
.audience-row{grid-template-columns:1.15fr .85fr;gap:8vw}
.audience-images{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:16px}.audience-images figure:first-child{aspect-ratio:4/3}.audience-images figure:last-child{aspect-ratio:3/4}
.writing-return{width:min(1040px,86vw);margin:clamp(100px,14vw,190px) auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:start}
.writing-return>div>p{max-width:500px;margin-top:28px;color:var(--body);font-size:14px;line-height:2}
.writing-return ol{list-style:none;border-top:1px solid var(--line)}
.writing-return li{display:grid;grid-template-columns:70px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--line);color:var(--body);font-size:14px;line-height:1.9}
.writing-return li span{color:var(--accent);font-family:var(--kai)}
.pair-end{display:grid;grid-template-columns:1fr 1fr .7fr;border-top:1px solid var(--line)}
.pair-end a{min-height:145px;padding:34px 4vw;border-right:1px solid var(--line);font-size:22px;transition:background .25s ease}
.pair-end a:last-child{border-right:0}.pair-end a:hover{background:rgba(255,255,255,.025)}
.pair-end small{display:block;margin-bottom:20px;color:var(--accent);font:13px/1 var(--kai)}
@media(max-width:800px){
  .pair-hero{min-height:100dvh;padding:118px 0 36px;grid-template-columns:1fr;gap:28px}
  .pair-heading h1{font-size:clamp(44px,13vw,67px)}
  .pair-images{height:330px;min-height:0}
  .kane-image{width:78%;height:70%}.farewell-image{width:62%;height:52%}
  .pair-thesis,.writing-return{grid-template-columns:1fr;gap:38px}
  .comparison>header{margin-bottom:52px}
  .space-row,.body-row,.audience-row{grid-template-columns:1fr;gap:34px}
  .body-row figure{grid-row:1}.body-row .comparison-copy{justify-self:start}
  .audience-images{width:100%}
  .pair-end{grid-template-columns:1fr}.pair-end a{min-height:115px;border-right:0;border-bottom:1px solid var(--line)}
}
@media(prefers-reduced-motion:reduce){.comparison-row img{transition:none}.comparison-row:hover img{transform:none}}