.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:14px;z-index:50}.skip:focus{top:10px}body:has(dialog[open]){overflow:hidden}
:root{--ink:#10251f;--paper:#f7f0e3;--gold:#bfa06b;--muted:#66756f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.gallery-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:22px 5%;gap:24px;background:var(--ink);color:var(--paper);border-bottom:1px solid #ffffff24}.gallery-header .brand{font:30px Georgia,serif;color:var(--gold);display:flex;align-items:center;gap:16px;text-decoration:none}.brand span{font:12px Arial,sans-serif;letter-spacing:.12em;color:var(--paper)}.brand small{display:block;font-size:8px;letter-spacing:.14em;margin-top:6px}.gallery-header nav{display:flex;gap:24px;flex-wrap:wrap}.gallery-header nav a{color:var(--paper);font-size:13px;text-decoration:none;padding:10px 0}.gallery-header a:hover{text-decoration:underline}.gallery-hero{max-width:1440px;margin:auto;padding:64px 5% 44px;display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:64px}.eyebrow{font:10px/1.7 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#78643d}h1{font:clamp(60px,6.4vw,94px)/.98 Georgia,serif;letter-spacing:-.05em;margin:23px 0}h1 em{color:#967548}.hero-intro{font:22px/1.45 Georgia,serif;margin:24px 0 18px}.hero-small{font-size:13px;line-height:1.7;color:var(--muted)}.gallery-hero figure{margin:0}.gallery-hero img{width:100%;height:auto;display:block;border-radius:4px}.gallery-hero figcaption{font:italic 12px/1.7 Georgia,serif;color:#66756f;padding-top:12px}.gallery-doors{max-width:1440px;margin:0 auto 46px;padding:0 5%;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-door{position:relative;border:1px solid #a6987d70;padding:22px 20px 30px;text-decoration:none;color:var(--ink);min-height:175px;background:#fff8eb}.gallery-door>span{display:block;font-size:9px;letter-spacing:.12em;color:#78643d;text-transform:uppercase}.gallery-door strong{display:block;font:31px Georgia,serif;margin:14px 0 10px}.gallery-door small{display:block;font:12px/1.6 Arial,sans-serif;max-width:23ch;color:#5b6d64}.gallery-door b{position:absolute;right:16px;bottom:16px;font-size:21px;color:#947747}.gallery-door:hover,.gallery-door[aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.gallery-door:hover small,.gallery-door[aria-current=page] small{color:#e8decb}.gallery-door:hover>span,.gallery-door[aria-current=page]>span{color:#dfbf88}.pictures{background:#e9e3d7;padding:42px max(5%,calc((100% - 1296px)/2)) 64px;scroll-margin-top:20px}.collection-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}h2{font:clamp(27px,3vw,40px)/1.15 Georgia,serif;font-weight:normal;letter-spacing:-.025em;margin:8px 0 14px}.search{display:block;font-size:11px;min-width:270px;color:#465b50}.search input{display:block;width:100%;background:#fbf7ef;color:var(--ink);border:1px solid #b3b0a3;border-radius:0;margin:8px 0 0;padding:13px;font:14px Arial,sans-serif}.collection-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #9b9f90;padding:10px 18px;font:12px Arial,sans-serif;color:var(--ink);cursor:pointer;min-height:42px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}#picture-count{font-size:12px;color:#53645c;white-space:nowrap}.picture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.picture-card{min-width:0;background:#faf6ed;border:1px solid #c3bda9;display:flex;flex-direction:column}.picture-card[hidden]{display:none!important}.art-link{display:block;position:relative;background:#132b28;overflow:hidden}.art-link>img{display:block;width:100%;height:260px;object-fit:contain}.zoom{position:absolute;bottom:10px;right:10px;color:white;background:#10251fe8;padding:8px 10px;font:10px Arial,sans-serif}.picture-copy{padding:20px 20px 22px;display:flex;flex:1;flex-direction:column}.category-label{text-transform:uppercase;font:9px/1.5 Arial,sans-serif;letter-spacing:.16em;color:#806335;margin:0 0 9px}h3{font:24px/1.18 Georgia,serif;margin:0 0 12px}.credit{font:12px/1.7 Arial,sans-serif;color:#5d6c62;margin:0 0 20px}.source{font-size:12px;line-height:1.6;text-underline-offset:4px;color:#204f43;margin-top:auto}.portrait-detail{height:260px;background-image:url('/room-of-selfies/art/anime-after-rain-r2.webp');background-size:600%;background-position:var(--px) var(--py);background-repeat:no-repeat}.gallery-footnote{max-width:1000px;margin:54px auto;padding:0 5%}.gallery-footnote p{font-size:14px;line-height:1.8;color:#52645a;max-width:75ch}.gallery-footnote>div{display:flex;flex-wrap:wrap;gap:24px;margin-top:24px}.gallery-footnote a{font-size:12px;color:#285b49}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;background:var(--ink);color:var(--paper);padding:28px 5%;font:12px/1.6 Arial,sans-serif}footer a{color:inherit}footer p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b87929;outline-offset:4px}#picture-dialog{max-width:min(1200px,94vw);width:94vw;max-height:94vh;padding:20px;border:1px solid var(--gold);background:#10251f;color:var(--paper)}#picture-dialog::backdrop{background:#07100eeb}.dialog-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-toolbar h2{font:24px Georgia,serif}.dialog-toolbar button{background:var(--paper);color:var(--ink);border:0;padding:12px 18px;cursor:pointer;font-size:14px;flex-shrink:0}#dialog-image{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain}#dialog-credit{font:12px/1.65 Arial,sans-serif;color:#d1d1be}#dialog-original{color:#e4c38c;font-size:12px}#no-results{padding:40px 0;font-size:17px}[hidden]{display:none!important}@media(min-width:1500px){.art-link>img,.portrait-detail{height:300px}}@media(max-width:900px){.gallery-hero{gap:30px;padding-top:40px}.gallery-doors{grid-template-columns:repeat(2,1fr)}.gallery-door{min-height:150px}.picture-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-heading{align-items:flex-start;flex-direction:column}.search{width:100%}.gallery-header{align-items:flex-start}.gallery-header nav{gap:15px}}@media(max-width:550px){.gallery-header{display:block;padding:18px 6%}.gallery-header nav{margin-top:15px;gap:20px}.gallery-header nav a{font-size:11px}.gallery-hero{padding:32px 6% 24px;grid-template-columns:1fr;gap:24px}.gallery-hero h1{font-size:64px;margin-top:13px}.hero-intro{font-size:20px}.hero-small{margin-bottom:0}.gallery-doors{padding:0 6%;gap:9px;margin-bottom:26px}.gallery-door{padding:16px 14px 26px;min-height:170px}.gallery-door strong{font-size:27px}.gallery-door small{font-size:11px}.pictures{padding:30px 6% 42px}.collection-tools{display:block}.filters{gap:6px}.filters button{padding:10px 14px}.picture-grid{grid-template-columns:1fr;gap:20px}.art-link>img{height:auto;max-height:440px;min-height:170px}.portrait-detail{height:330px}.picture-copy{padding:18px}.gallery-footnote{margin:36px auto}footer{display:block}footer p{margin:20px 0}.dialog-toolbar h2{font-size:19px}#picture-dialog{padding:14px}.dialog-toolbar button{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}