/* Reference lock: Equinox's white/black canvas, campaign type and dimension tints.
   The drawing moves; the evidence and native page scroll stay in place. */
.v7-accessible-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#feeling .v7-chapter-heading{display:grid;grid-template-columns:1.3fr 1fr;column-gap:8vw;align-items:end}
#feeling .v7-chapter-label{grid-column:1/-1}
#feeling h2{font-size:clamp(40px,5.5vw,78px);max-width:17ch}
#feeling .v7-deck{max-width:30ch;margin-bottom:4px}
#feeling .v7-feeling-pair{gap:clamp(36px,8vw,120px);margin-top:54px;max-width:1200px}
#feeling .v7-feeling-metric{padding-top:16px;position:relative}
#feeling .v7-metric-top{font-size:9px;letter-spacing:.065em}
.v7-feeling-touch{position:relative;display:block;width:100%;aspect-ratio:1.02;border:0;padding:0;margin:0;background:transparent;color:inherit;cursor:pointer;touch-action:pan-y;isolation:isolate;-webkit-tap-highlight-color:transparent}
.v7-feeling-touch .v7-story-art{position:absolute;inset:0;aspect-ratio:auto;max-height:none;height:100%;pointer-events:none;contain:layout paint}
.v7-feeling-touch .v7-story-art svg{overflow:hidden}
.v7-feeling-touch .v7-story-number{position:absolute;left:50%;top:47.22%;transform:translate(-50%,-50%);font-size:clamp(76px,7.5vw,104px);letter-spacing:-.065em;pointer-events:none}
.v7-feeling-touch .v7-story-number>span:not(.sc-interp){font-size:.27em;top:.22em;margin-left:.16em}
.v7-touch-hint{position:absolute;bottom:8px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;font:9px/1.4 'Messina Mono',monospace;letter-spacing:.03em;color:#555;pointer-events:none}
.v7-touch-hint i{font-style:normal;display:grid;place-items:center;border:1px solid #aaa;width:22px;height:22px;border-radius:50%;font-size:14px;transition:transform 180ms ease,border-color 180ms ease}
.v7-feeling-touch:active .v7-touch-hint i{transform:scale(.84);border-color:#111}
.v7-feeling-touch:focus-visible{outline-offset:0;outline:1px solid #555}
#feeling .v7-story-statement{font-size:clamp(23px,2.6vw,34px);line-height:1.15;letter-spacing:-.02em;max-width:23ch;min-height:2.3em;margin:12px auto 0;text-align:center;text-wrap:balance}
#feeling .v7-feeling-metric>.v7-story-link{margin-top:24px;padding:16px 0}
#feeling>.v7-data-note{max-width:61ch;text-align:center;margin-top:44px;color:#666}
.v7-passage-bridge{position:relative;height:340px;text-align:center;color:#000;background:linear-gradient(#fff 0 74%,#000 74% 100%);overflow:hidden}
.v7-passage-bridge p{position:relative;z-index:1;display:inline-block;margin-top:42px;background:#fff;padding:16px 24px;font-size:clamp(23px,3vw,36px);line-height:1.2;letter-spacing:-.025em;text-wrap:balance}
.v7-bridge-black{position:absolute;inset:74% 0 0;background:#000}
.v7-bridge-art{position:absolute;inset:0;mix-blend-mode:difference;color:#fff;pointer-events:none}
.v7-bridge-art svg{width:100%;height:100%;display:block}
#inway{padding-top:0;overflow:clip}
.v7-threshold{position:relative;min-height:calc(100svh + 140px);padding-top:40px}
.v7-threshold .v7-absence-lead{position:sticky;top:88px;min-height:calc(100svh - 152px);gap:6vw;padding-block:24px;box-sizing:border-box}
.v7-threshold .v7-chapter-heading{position:relative;z-index:2}
.v7-threshold h2{font-size:clamp(42px,5.8vw,82px);margin-top:30px}
.v7-threshold .v7-deck{font-size:clamp(16px,1.55vw,20px);max-width:33ch;margin-top:24px}
.v7-threshold .v7-glass-photo{height:min(66svh,700px);min-height:380px;overflow:hidden;isolation:isolate}
.v7-threshold .v7-glass-photo>img{inset:-52px 0;height:calc(100% + 104px);opacity:.75;will-change:auto}
.v7-threshold .v7-photo-filaments{inset:0;opacity:1;z-index:1}
.v7-threshold .v7-photo-filaments svg{overflow:hidden}
.v7-threshold .v7-photo-caption{font-size:9px;bottom:24px;left:24px;right:24px}
#inway .v7-absence-list{margin-top:16px}
#inway .v7-story-strip{height:72px;max-width:320px;margin:20px 0 0}
#inway .v7-story-strip svg{overflow:visible}
#inway .v7-absence-copy .v7-story-link{margin-top:6px}
#inway .v7-absence-copy p{line-height:1.4}
@media(hover:hover) and (pointer:fine){
 .v7-feeling-touch:hover .v7-touch-hint i{transform:rotate(90deg);border-color:#111}
}
@media(min-width:768px){
 #feeling{padding-top:48px;padding-bottom:28px}
 #feeling .v7-chapter-heading{grid-template-columns:1.65fr 1fr;column-gap:6vw}
 #feeling h2{font-size:clamp(40px,4vw,58px);max-width:23ch;margin-top:28px;text-wrap:initial}
 #feeling .v7-feeling-pair{margin-top:36px}
 .v7-feeling-touch{aspect-ratio:auto;height:clamp(330px,36vw,410px)}
 .v7-feeling-touch .v7-story-number{font-size:clamp(76px,6.5vw,94px)}
 #feeling .v7-story-statement{font-size:clamp(23px,2.2vw,30px);min-height:2.3em}
}
@media(max-width:767px){
 #feeling{padding-top:48px;padding-bottom:0}
 #feeling .v7-chapter-heading{display:block}
 #feeling h2{font-size:clamp(36px,9.7vw,52px);line-height:1.03;margin-top:28px}
 #feeling .v7-deck{font-size:17px;line-height:1.4;margin-top:24px;max-width:32ch}
 #feeling .v7-feeling-pair{gap:48px;margin-top:40px}
 #feeling .v7-metric-top{font-size:8px;letter-spacing:.045em}
 .v7-feeling-touch{aspect-ratio:1;max-width:410px;margin:auto}
 .v7-feeling-touch .v7-story-number{font-size:clamp(72px,21vw,92px)}
 .v7-touch-hint{bottom:0;font-size:9px}
 #feeling .v7-story-statement{font-size:25px;max-width:22ch;min-height:0;margin-top:16px;line-height:1.17}
 #feeling .v7-feeling-metric>.v7-story-link{margin-top:20px;font-size:12px}
 #feeling>.v7-data-note{font-size:11px;line-height:1.5;margin-top:32px;max-width:37ch}
 .v7-passage-bridge{height:330px}
 .v7-passage-bridge p{font-size:26px;margin-top:40px;padding-inline:20px}
 .v7-threshold{min-height:calc(100svh + 130px);padding-top:24px;margin-inline:-24px}
 .v7-threshold .v7-absence-lead{top:72px;min-height:0;grid-template-columns:1fr;gap:24px;padding:0 24px 28px}
 .v7-threshold h2{font-size:clamp(36px,9.6vw,46px);margin-top:24px;max-width:16ch}
 .v7-threshold h2 br:last-of-type{display:none}
 .v7-threshold .v7-deck{font-size:16px;line-height:1.4;max-width:36ch;margin-top:20px}
 .v7-threshold .v7-glass-photo{height:clamp(220px,35svh,340px);min-height:0;margin-inline:0}
 .v7-threshold .v7-photo-caption{bottom:18px;left:18px;right:18px;font-size:8px}
 #inway .v7-absence-list{margin-top:4px}
 #inway .v7-story-strip{height:62px;margin-top:18px}
 html[data-view="home"] #inway .v7-absence-row.af-inway-row{padding:32px 0!important}
}
/* Short screens and large text get a normal document, with no sticky reading hold. */
@media(max-height:720px){
 .v7-threshold{min-height:0;padding-block:36px 20px}
 .v7-threshold .v7-absence-lead{position:relative;top:auto;min-height:0}
}
@media(prefers-reduced-motion:reduce){
 .v7-threshold{min-height:0;padding-block:40px 20px}
 .v7-threshold .v7-absence-lead{position:relative;top:auto;min-height:0}
 .v7-touch-hint{display:none}
 .v7-feeling-touch{cursor:default}
 .v7-threshold .v7-glass-photo>img{transform:none!important}
}
