:root{color-scheme:dark;--bg:#10141b;--fg:#f7f3ea;--muted:#b4bbc2;--edge:#394049;--ice:#c8dbea}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #ffda86;outline-offset:4px}a:hover{text-decoration:underline;text-underline-offset:.25em}h1,h2,h3,.brand,.large,.hero-credit{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1,h2,h3,p,figure{margin:0}h1{font-size:clamp(55px,7vw,104px);line-height:1.02;letter-spacing:-.055em}h2{font-size:clamp(36px,4vw,62px);letter-spacing:-.055em;line-height:1.1}h3{font-size:clamp(20px,2vw,31px);line-height:1.15;letter-spacing:-.035em}em{color:var(--ice)}header,footer{padding:20px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}header{border-bottom:1px solid var(--edge);background:#10141b}.brand{display:inline-flex;align-items:center;gap:12px;font-size:clamp(23px,2vw,31px);letter-spacing:-.045em;white-space:nowrap}.star{font:38px/1 Georgia;color:#e7d3a0}nav,.socials,.pager,.filters{display:flex;align-items:center;gap:clamp(17px,3vw,44px)}nav a{font-size:15px}nav a[aria-current]{border-bottom:1px solid #e0c793}.skip{position:absolute;left:10px;top:-100px;z-index:9;background:white;color:#000;padding:10px}.skip:focus{top:8px}
.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(560px,73vh,850px);overflow:hidden;background:#10151f}.hero-art{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#10151f 0%,rgba(16,21,31,.93) 19%,rgba(16,21,31,.56) 43%,transparent 72%),linear-gradient(0deg,rgba(9,13,19,.7),transparent 23%),url('art/expanding-universe.webp');background-repeat:no-repeat;background-size:cover,cover,74% auto;background-position:center,center,right 46%}.hero-content{padding:76px 6% 95px}.eyebrow,.meta,.hero-credit b,figcaption,.back{font:500 12px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.eyebrow{color:#d4c39e;display:flex;align-items:center;gap:12px}.eyebrow span{width:32px;border-top:1px solid}.hero h1{font-size:clamp(76px,8.7vw,145px);margin:24px 0 22px;line-height:.91}.intro{font-size:clamp(16px,1.35vw,20px);max-width:370px;color:#d5d8dc}.button{display:inline-flex;align-items:center;gap:32px;padding:13px 22px;margin-top:28px;background:#f2ede0;color:#18202a;font-size:14px;font-weight:600}.button b,.hero-credit b{font-size:18px}.hero-credit{display:flex;align-items:center;gap:12px;position:absolute;bottom:21px;right:5.5%;font-style:italic;font-size:15px;text-shadow:0 1px 4px #000}
.wrap,.detail,.spread{padding:clamp(42px,5vw,80px) 5.5%;max-width:1800px;margin:auto}.section-head,.caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.section-head{margin-bottom:30px}.line{border-bottom:1px solid #969b9d;padding-bottom:3px}.grid{display:grid;gap:36px 24px}.homegrid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallerygrid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-width:0;display:block}.card:hover{text-decoration:none}.card:hover h3{text-decoration:underline;text-underline-offset:3px}.frame{display:grid;place-items:center;aspect-ratio:1.3;background:#1a2027;padding:clamp(16px,2vw,32px)}.frame img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.caption{margin:15px 0 5px}.card p,figcaption,.detail p,.spread p{color:var(--muted)}.card p{font-size:14px}.sold{display:inline-flex;align-items:center;gap:6px;color:#e7e3dd;font:13px/1.5 "Segoe UI",Arial,sans-serif;white-space:nowrap}.sold:before{content:"";width:9px;height:9px;border-radius:50%;background:#f06057}.filters{margin:28px 0 32px;gap:10px;flex-wrap:wrap}.filters a{padding:8px 15px;border:1px solid var(--edge);font-size:14px}.filters a[aria-current]{background:var(--fg);color:var(--bg)}.detail{display:grid;grid-template-columns:1.3fr 1fr;gap:24px 5%}.back,.pager{grid-column:1/-1}.detail figure img,.spread img{width:100%;max-height:72vh;object-fit:contain;display:block}.detail figure img{background:#1b2027}.worktext{align-self:center}.worktext h1{font-size:clamp(40px,5vw,80px)}.worktext p,.spread p{margin:20px 0}.worktext .meta{margin-top:0}.pager{justify-content:space-between;border-top:1px solid var(--edge);padding-top:20px}.spread{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%}.spread .large{font-size:clamp(24px,2.4vw,38px);line-height:1.25;color:var(--fg)}.spread p{max-width:56ch}.spread h1{margin:16px 0}.socials{margin-top:32px}figcaption{letter-spacing:.04em;text-transform:none;margin-top:10px}footer{border-top:1px solid var(--edge);padding-block:30px;color:var(--muted);font-size:14px}
@media(max-width:700px){header{padding:16px 5%;gap:10px}nav{gap:15px}nav a{font-size:14px}.brand{gap:6px;font-size:23px}.star{font-size:28px}.hero{min-height:600px;align-items:flex-end}.hero-art{background-size:cover,cover,112% auto;background-position:center,center,right top;background-image:linear-gradient(0deg,#10151f 3%,rgba(16,21,31,.9) 25%,rgba(16,21,31,.4) 60%,transparent 85%),linear-gradient(90deg,rgba(12,16,22,.3),transparent),url('art/expanding-universe.webp')}.hero-content{padding:160px 6% 69px}.hero h1{font-size:clamp(56px,13.5vw,92px)}.hero-credit{left:6%;right:auto;font-size:12px}.homegrid,.gallerygrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.homegrid .card:first-child{grid-column:1/-1}.frame{padding:8px;aspect-ratio:1}.section-head{gap:10px}.section-head .line{font-size:13px}.caption{display:block}.card p{font-size:12px}.detail,.spread{display:block}.detail figure{margin:20px 0}.worktext h1{margin-top:30px}.spread figure,.pager{margin-top:35px}footer{flex-wrap:wrap}.spread .eyebrow{margin-top:0}}@media(max-width:370px){header{flex-wrap:wrap}.hero-credit{font-size:11px}}