:root{--paper:#e6e2d6;--ink:#33362d;--muted:#77786b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.22' d='M0 0h160v160H0z'/%3E%3C/svg%3E");z-index:3}main{max-width:1920px;min-height:100svh;margin:auto;padding:0 24px;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:24px;height:58px;flex-shrink:0}header a{font:bold 18px/1 Arial,sans-serif;letter-spacing:-.07em;text-decoration:none;color:inherit}header>h1{margin:0;font-weight:normal;font-style:italic;font-size:13px;color:var(--muted)}header small{margin-left:auto;font:10px 'Courier New',monospace;letter-spacing:.08em;color:var(--muted)}#crew{flex:1;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));min-height:530px;height:calc(100svh - 111px);max-height:1120px;gap:0 6px;align-items:center}.face{position:relative;display:block;width:100%;height:100%;min-height:0;padding:0;border:0;background:none;cursor:grab;touch-action:pan-y}.face:active{cursor:grabbing}.face canvas{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.face .name{position:absolute;left:50%;bottom:2px;transform:translateX(-50%);font:italic 12px Georgia,serif;white-space:nowrap;opacity:0;color:var(--muted);pointer-events:none}.face:focus-visible .name,.face:hover .name{opacity:1}.face:focus-visible{outline:1px dashed var(--muted);outline-offset:-4px}footer{display:flex;align-items:center;gap:16px;min-height:53px;flex-shrink:0;padding:10px 0 13px;font-size:13px}footer a{color:var(--muted);font-style:italic;text-decoration:none}footer a span{color:var(--ink);margin-left:8px}footer a:hover span{text-decoration:underline}button{color:inherit;font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:1050px){#crew{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));min-height:760px;height:calc(100svh - 110px)}footer{flex-wrap:wrap;gap:8px 15px}}
@media(max-width:600px){main{padding:0 12px}header{height:66px;gap:12px}header a{font-size:17px}header>h1{font-size:11px;line-height:1.4;max-width:220px}header small{display:none}#crew{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(8,140px);height:auto;min-height:0;max-height:none;gap:0 4px}.face:nth-child(n+25){display:none}.face .name{font-size:10px;bottom:0}footer{padding:14px 0;gap:10px;justify-content:space-between}footer a{font-size:12px}footer a span{margin-left:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

header .blog-link{margin-left:auto;font:14px Georgia,serif;letter-spacing:0;white-space:nowrap}@media(max-width:600px){header{flex-wrap:wrap;height:auto;min-height:88px;padding:12px 0;gap:8px 12px}header>h1{flex:1}header .blog-link{width:100%;font-size:13px}}

header nav.blog-link{display:flex;gap:22px}header nav.blog-link a{font:14px Georgia,serif;letter-spacing:0}header nav.blog-link a:first-child{color:#a33c2c}