
.rules,.hud,.leader{display:none!important}

#pain{padding-block:clamp(64px,8vw,128px)}
#pain .sec-head{margin-bottom:clamp(28px,4vw,56px)}
.sec-num{letter-spacing:.08em}
#author .author2{gap:clamp(40px,7vw,110px);align-items:center}
#author .author2__role{line-height:1.8;color:var(--sand)}
#author .author2 .lead{font-size:18px;line-height:1.75;max-width:42ch}
#author .author2 h2{font-size:clamp(54px,7vw,100px)}
#pairs .pair-notes p{font-size:16px;line-height:1.7;max-width:44ch}
#pairs .compare{border:0}
#pairs .marks::before,#pairs .marks::after{display:none}

@media(max-width:900px){
#author .author2__photo{max-width:100%}
}

#author .author2{grid-template-columns:1fr;gap:var(--gap-block)}
#author .author2__photo{aspect-ratio:16/9;max-width:none;width:100%;background:var(--bg-2)}
#author .author2__photo img{object-fit:contain;object-position:center}
.author-video-label{position:absolute;bottom:20px;left:24px;background:var(--bg);color:var(--text-2);padding:10px 14px;font:13px/1.5 var(--f-text)}

#author .author2__body{max-width:720px}
#author .author2__role{margin-bottom:0}
#author .author2__text{margin-top:32px}
#author .author2 .lead{max-width:65ch;margin-top:0}
#author .author2 .lead + .lead{margin-top:20px}
@media(max-width:600px){.author-video-label{bottom:10px;left:10px;padding:6px 10px;font-size:11px}}

#author .author2__photo .khero__play{left:24px;top:auto;bottom:20px;width:56px;transform:none}
#author .author2__photo .author-video-label{left:90px;bottom:28px}
@media(max-width:600px){
  #author .author2__photo .khero__play{left:10px;bottom:10px;width:40px}
  #author .author2__photo .khero__play svg{width:16px;height:16px;margin-left:2px}
  #author .author2__photo .author-video-label{left:58px;bottom:16px}
}

#pairs .compare--portraits{aspect-ratio:3/4;max-width:600px;width:100%}
.compare--portraits>.compare__after{position:absolute;inset:0;overflow:hidden}
.compare--portraits>picture>img,.compare--portraits>.compare__after>picture>img{width:200%;max-width:none;height:100%;object-fit:fill;inset:0 auto 0 0;transform:none}
.compare--portraits>.compare__after>picture>img{left:-100%}
.portrait-pair>.pair-notes{max-width:760px;margin-inline:auto}
@media(max-width:480px){.compare--portraits .compare__tag{font-size:12px;padding:6px 8px}.compare--portraits .compare__tag--l{left:8px}.compare--portraits .compare__tag--r{right:8px}}

#pairs .compare--portraits{max-width:none;width:100%;aspect-ratio:4/3;border:0;border-radius:0;box-shadow:none;outline-offset:4px}
.compare--portraits>picture>img,.compare--portraits>.compare__after>picture>img{height:177.7778%;top:0;bottom:auto}
.portrait-pair>.pair-notes{max-width:none}

#pairs .compare--portraits:focus-visible{outline:none}
.compare--portraits:focus-visible .compare__knob{outline:2px solid var(--lime);outline-offset:4px}

#pairs .compare--portraits{width:100%;max-width:600px;aspect-ratio:3/4;border:0;border-radius:0;box-shadow:none;margin-inline:0}
.compare--portraits>picture>img,.compare--portraits>.compare__after>picture>img{height:100%;top:0;bottom:auto}
.portrait-pair>.pair-notes{max-width:none;margin-inline:0}

#pairs .portrait-pair>.lead{margin:0}
@media(min-width:1101px){
  #pairs .sec-head{display:block}
  #pairs .portrait-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr;column-gap:var(--gutter);row-gap:var(--gap-block);align-items:start}
  #pairs .portrait-pair>.compare{grid-column:1;grid-row:1/3}
  #pairs .portrait-pair>.lead{grid-column:2;grid-row:1}
  #pairs .portrait-pair>.pair-notes{grid-column:2;grid-row:2;grid-template-columns:1fr;row-gap:var(--gap-note);margin-top:0}
}
@media(max-width:1100px){
  #pairs .sec-head{margin-bottom:24px}
  #pairs .portrait-pair>.lead{margin-bottom:var(--gap-head)}
  #pairs .compare--portraits{margin-inline:auto}
  #pairs .portrait-pair>.pair-notes{max-width:600px;margin-inline:auto}
}
