html{background:#fffff8}body{min-width:320px;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}#root{min-height:100vh}:root{--paper: #fffff8;--ink: #111;--muted: #555;--link: #0645ad;--visited: #0b0080;--bubble: #ffe3ae;--highlight: #00b4d8}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink)}.page-shell{width:min(100% - 2rem,640px);margin:0 auto;padding:1.1rem 0 4rem}.site-nav{display:flex;gap:.8rem;margin-bottom:1.4rem;font-size:.95rem}a{color:var(--link);text-decoration:underline}a:visited{color:var(--visited)}.hero,.intro-section,.tracker-section,.text-section,.layout-section,.reflection{padding:0}.hero,.text-section,.layout-section,.reflection{margin-top:1.35rem;padding-top:1.35rem}.hero{border-top:0;margin-top:0;padding-top:0}.hero-copy,.section-copy,.text-section .section-copy,.reflection .section-copy,.layout-section .section-copy{width:100%;max-width:none}h1,h2{margin:0;color:var(--ink);font-family:inherit;font-weight:700;letter-spacing:0}h1{max-width:28rem;font-size:clamp(1.5rem,3vw,1.95rem);line-height:1.12;text-transform:none}.year-line{margin:.3rem 0 0;color:var(--muted);font-size:.95rem;text-align:right;white-space:nowrap}h2{margin-top:.1rem;font-size:1.35rem;line-height:1.2}p,li,figcaption{font-size:1.05rem;line-height:1.55}p{margin:.85rem 0 0}.date-line,.byline,.eyebrow,.argument-label,.assumptions{margin-top:.55rem;color:var(--muted);font-size:.95rem;font-weight:400}.byline{color:var(--muted)}.date-line{color:var(--ink)}.argument-label{margin-bottom:.15rem}.meta-list,.argument-list,.factor-list{margin:.5rem 0 0;padding-left:1.35rem}.meta-list{list-style:disc}.meta-list li,.argument-list li,.factor-list li{margin:.02rem 0;line-height:1.35}.figure{margin:1.25rem 0}.figure img{display:block;width:100%;height:auto}.hero-figure img{max-height:none;object-fit:contain}.figure figcaption{display:grid;gap:.15rem;max-width:58rem;margin-top:.35rem;color:var(--muted);font-size:.78rem;line-height:1.35}.figure figcaption a,.figure figcaption a:visited{color:var(--muted)}.intro-section{margin-top:1.25rem}.tracker-section{display:grid;gap:.8rem;min-width:0;width:calc(100vw - 2rem);max-width:1180px;margin:1.8rem 50% 0;padding:1.25rem;transform:translate(-50%);background:#f6ead1}.tracker-section .section-copy{width:min(100%,640px);margin:0 auto}.tracker-question{margin-top:0;font-size:1.18rem;line-height:1.4}.subway-app{width:100%;overflow-x:auto;padding:20px;font-family:Arial,Helvetica,sans-serif;background:var(--paper)}.svg-container{position:relative;display:inline-block;overflow:visible;padding-top:64px;padding-bottom:64px}.svg-container svg{display:block;max-width:100%;height:auto}.seat{cursor:pointer;transition:opacity .15s ease}.seat:hover{opacity:.8}.selected-seat{stroke:#000!important;stroke-width:4px!important}.eye-contact-seat{stroke:var(--highlight)!important;stroke-width:5px!important}.bubble-pointer-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:90;width:100%;height:100%;overflow:visible;pointer-events:none}.bubble-pointer-shape{fill:var(--bubble);stroke:#000;stroke-width:1px;vector-effect:non-scaling-stroke}.eye-contact-bubble{position:absolute;z-index:100;pointer-events:none}.eye-contact-bubble.above{transform:translate(-50%,-100%)}.eye-contact-bubble.below{transform:translate(-50%)}.bubble-content{display:flex;align-items:center;gap:8px;padding:8px 16px;white-space:nowrap;background:var(--bubble);border:1px solid black;border-radius:4px}.eyes-emoji{font-size:1.5rem}.count{font-size:1.1rem;font-weight:500}.image-pair,.comparison-grid,.looking-grid{width:min(100%,640px);display:grid;gap:1rem;margin:1.25rem 0;margin-inline:auto}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.image-pair{grid-template-columns:minmax(0,1fr);width:min(100%,420px)}.looking-grid{grid-template-columns:max-content max-content;justify-content:center;width:min(100vw - 2rem,980px);align-items:end;overflow-x:auto;padding-bottom:.35rem}.looking-grid .figure{display:grid;align-self:end;height:28rem;margin:0}.looking-grid .figure img{width:auto;height:28rem;object-fit:contain;object-position:center bottom;margin-inline:auto}.looking-grid .figure:first-child{overflow:hidden}.looking-grid .figure:first-child img{max-width:none;transform:translate(-.75rem)}.looking-grid .figure:nth-child(2){height:28rem;width:38rem;overflow:hidden}.looking-grid .figure:nth-child(2) img{max-width:none;transform:translate(-1.5rem)}.looking-grid.single{grid-template-columns:minmax(0,1fr);width:min(100%,520px)}.layout-photo{display:grid;grid-template-rows:14rem auto;align-self:start;margin:0}.layout-photo img{width:100%!important;height:14rem!important;min-height:14rem;max-height:14rem;object-fit:cover!important;object-position:center bottom}.layout-photo figcaption span:first-child{color:var(--muted);font-size:.95rem;line-height:1.35}.layout-photo figcaption span:last-child{font-size:.78rem}.direction-markers{margin:.85rem 0 0;color:var(--muted);font:inherit;line-height:1.35;white-space:pre}.wide-figure,.diagram-figure,.closing-figure{width:min(100%,640px);margin-inline:auto}.diagram-figure{max-width:640px;margin-inline:auto}.reflection{padding-bottom:1rem}.closing-figure{max-width:420px;margin-inline:auto}.closing-figure img{aspect-ratio:1 / 1;object-fit:cover}@media (max-width: 720px){.page-shell{width:min(100% - 1.2rem,640px)}.site-nav{flex-wrap:wrap}.image-pair,.comparison-grid,.looking-grid{grid-template-columns:1fr}.tracker-section{width:calc(100vw - 1.2rem)}.subway-app{padding-inline:1rem}.svg-container{min-width:720px}}