.art-hero{padding:36px var(--pad) 42px;border-bottom:1px solid var(--line)}.art-hero h1{font-size:clamp(62px,12vw,180px);line-height:.9;letter-spacing:-.07em;text-transform:uppercase;margin:45px 0 30px}.art-hero h1 span{margin-left:15vw}.art-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.art-intro p{font-size:clamp(18px,1.8vw,25px);line-height:1.35;margin:0;max-width:42ch}.art-intro .micro{font-size:12px}.art-nav{display:flex;gap:25px;flex-wrap:wrap;padding:20px var(--pad);border-bottom:1px solid var(--line)}.art-nav a{font-size:14px;text-decoration:none}.art-nav a:hover{text-decoration:underline}.collection{padding:55px var(--pad)}.collection-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;margin-bottom:35px}.collection h2{font-size:clamp(36px,5vw,76px);line-height:1;letter-spacing:-.045em;font-weight:500;margin:15px 0 0}.collection-head p{max-width:48ch;margin:0}.art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.artwork{margin:0;min-width:0}.art-square{aspect-ratio:1/1;background:var(--paper2);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;padding:20px;position:relative;overflow:hidden}.art-square:before,.art-square:after{content:'';position:absolute;background:var(--line);pointer-events:none}.art-square:before{width:1px;top:0;bottom:0;left:50%}.art-square:after{height:1px;left:0;right:0;top:50%}.slot-top,.slot-bottom{display:flex;justify-content:space-between;font-size:12px;text-transform:uppercase;letter-spacing:.04em;z-index:1}.slot-center{align-self:center;text-align:center;background:var(--paper2);padding:12px;z-index:1}.slot-center strong{font-size:clamp(27px,3vw,46px);font-weight:500;letter-spacing:-.035em;display:block}.slot-center span{font-size:13px}.artwork figcaption{border:0;background:none;padding:12px 0 0;display:flex;justify-content:space-between;gap:12px;font-size:13px}.artwork:nth-child(6n+1) .art-square{border-top:5px solid var(--signal)}.artwork:nth-child(6n+4) .slot-top{color:var(--ink);background:var(--signal);margin:-20px -20px 0;padding:12px 20px}.art-square img{width:100%;height:100%;object-fit:contain;display:block}.art-square:has(img){padding:0;background:var(--paper)}.art-square:has(img):before,.art-square:has(img):after{display:none}.collection-end{margin-top:30px;font-size:14px}.art-interlude{background:var(--signal);color:#0b0b0b;padding:45px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:35px}.art-interlude h2{font-size:clamp(35px,5vw,70px);letter-spacing:-.045em;line-height:1.05;margin:0}.art-interlude p{max-width:48ch;font-size:18px;margin:0;align-self:end}.art-footer{margin-top:15px}.art-footer .footer-title{font-size:clamp(48px,8vw,120px)}
@media(max-width:900px){.art-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-head,.art-intro,.art-interlude{grid-template-columns:1fr}.art-hero h1 span{margin-left:0}}
@media(max-width:520px){.art-grid{grid-template-columns:1fr}.art-hero h1{font-size:16vw}.art-nav{gap:15px}.actions #colour span{display:none}.slot-center strong{font-size:40px}.collection{padding-top:35px}.art-square{padding:18px}.artwork:nth-child(6n+4) .slot-top{margin:-18px -18px 0;padding:12px 18px}}