.piece{--piece-top:clamp(96px, 11vh, 132px);--piece-bottom:clamp(40px, 6vh, 72px);--cap-block:84px;--art-max-w:46vw;--next-w:clamp(92px, 10.3vw, 148px);--art-h:max(260px, calc(100svh - var(--piece-top) - var(--cap-block) - var(--piece-bottom)));padding-block:var(--piece-top) var(--piece-bottom);position:relative}.piece__content{z-index:1;column-gap:var(--gutter);min-height:calc(100vh - var(--piece-top) - var(--piece-bottom));min-height:calc(100svh - var(--piece-top) - var(--piece-bottom));grid-template-columns:minmax(0,1fr) auto;align-content:center;align-items:start;display:grid;position:relative}.piece__main{min-width:0;margin:0}.piece__art{width:min(var(--art-max-w), calc(var(--art-h) * var(--ar,.8)));aspect-ratio:var(--ar,.8);background:#26251f0f;display:block;position:relative;overflow:hidden}.piece__img{object-fit:cover}.piece__cap{text-align:left;align-self:stretch;max-width:44ch;margin-top:24px}.piece__title,.piece__line{font-family:var(--font-serif), Georgia, serif;letter-spacing:0;color:var(--ink);margin:0;font-size:13px;font-weight:400;line-height:1.5}.piece__next{width:var(--next-w);color:inherit;place-self:center end;text-decoration:none;display:block}.piece__next-frame{background:#26251f0f;display:block;position:relative;overflow:hidden}@media (min-width:1200px){.piece{--cap-block:0px;--cap-w:clamp(190px, 18vw, 280px)}.piece__main{align-items:flex-end;gap:var(--gutter);display:flex}.piece__art{width:calc(var(--art-h) * var(--ar,.8));flex:0 auto}.piece__cap{flex:0 0 var(--cap-w);align-self:flex-end;max-width:none;margin-top:0}}@media (max-width:760px){.piece{--peek:68px;--art-max-w:76vw;--art-h:max(200px, calc(100svh - var(--piece-top) - var(--cap-block) - var(--peek) - 24px));--next-w:clamp(84px, 24vw, 132px);padding-bottom:0}.piece__content{grid-template-columns:minmax(0,1fr);align-content:start;min-height:0}.piece__main{min-height:calc(100vh - var(--piece-top) - var(--peek));min-height:calc(100svh - var(--piece-top) - var(--peek));flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.piece__next{margin-block:0 var(--piece-bottom);justify-self:end}}.piece .mark-layer{color:#fff}.piece{--piece-in:.56s;--piece-stagger:.22s}.piece__art,.piece__next-frame{opacity:0;animation:piece-fade-in var(--piece-in) ease-out forwards}.piece__cap{opacity:0;animation:piece-fade-in var(--piece-in) ease-out var(--piece-stagger) forwards}@keyframes piece-fade-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.piece__art,.piece__next-frame,.piece__cap{opacity:1;animation:none}}