.ph-hang{--stage-h:calc(100svh - var(--bar-h));--strip-gap:8px;--strip-b:calc(var(--dock-space) + var(--s-4));--strip-x0:max(8px, 1vw);--card-w:min(83vw, (var(--stage-h) - var(--strip-b) - 150px) * .8);--card-h:calc(var(--card-w) * 1.25);padding-block-end:var(--section);position:relative;overflow-x:clip}@media (width>=768px){.ph-hang{--strip-b:4vh;--card-w:min(27.7vw, (var(--stage-h) - var(--strip-b) - 150px) * .8)}}.ph-hang__head{z-index:12;gap:var(--s-1);padding:var(--s-5) var(--margin) var(--s-7);display:grid;position:relative}.ph-hang__title{font-size:var(--fs-h2);line-height:var(--lh-h2);letter-spacing:var(--track-display)}.ph-hang__line{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink)}.ph-hang__note{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2)}@media (width>=1024px){.ph-hang__head{align-items:end;column-gap:var(--s-7);padding-block:var(--s-5) var(--s-8);grid-template-columns:minmax(0,1fr) auto}.ph-hang__title{grid-row:1/span 2}.ph-hang__line,.ph-hang__note{text-align:end;justify-self:end}}.ph-hang__wall{column-gap:var(--strip-gap);row-gap:var(--s-9);padding-inline:var(--s-3);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;margin:0;display:grid}.ph-frame{grid-column:var(--pc);aspect-ratio:var(--ar);min-inline-size:0;position:relative}.ph-frame--p:nth-child(3n+2){margin-block-start:var(--s-8)}@media (width>=768px){.ph-hang__wall{padding-inline:var(--strip-x0);grid-template-columns:repeat(14,minmax(0,1fr));row-gap:clamp(80px,18vh,300px)}.ph-frame,.ph-frame--p:nth-child(3n+2){grid-column:var(--c) / span var(--s);grid-row:var(--r);margin-block-start:var(--dy)}}.ph-frame__card{color:inherit;-webkit-user-drag:none;text-decoration:none;display:block;position:absolute;inset:0}.ph-frame__card:focus-visible{outline-offset:4px}.ph-frame__pic{background:var(--sandal);position:absolute;inset:0;overflow:hidden}.ph-frame__pic .sd-pic,.ph-frame__pic .sd-pic img{block-size:100%;inline-size:100%}.ph-frame__pic .sd-pic img{object-fit:cover;object-position:50% 40%;-webkit-user-drag:none}.ph-frame__cap{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--ink-2);gap:0;padding-block-start:var(--s-2);display:grid;position:absolute;inset-block-start:100%;inset-inline:0}.ph-frame__rite{color:var(--ink);flex-wrap:wrap;align-items:baseline;column-gap:.4em;font-weight:500;display:flex}.ph-frame__from{color:var(--ink-2)}.ph-frame__tag{padding-block:.2em var(--s-2);display:none;position:absolute;inset-block-end:100%;inset-inline-start:0;overflow:hidden}.ph-frame__tag>span{display:block}.ph-frame.is-armed .ph-frame__pic{clip-path:inset(0 0 100%)}.ph-frame.is-armed .ph-frame__cap{opacity:0}.ph-frame.is-armed.is-in .ph-frame__pic{clip-path:inset(0 0 0%);transition:clip-path 1.3s var(--ease-reveal) var(--wipe-delay,0s)}.ph-frame.is-armed.is-in .ph-frame__cap{opacity:1;transition:opacity var(--d-base) var(--ease-out) calc(var(--wipe-delay,0s) + .4s)}.ph-hang[data-state=deck] .ph-frame,.ph-hang[data-state=strip] .ph-frame{position:static}.ph-hang[data-state=deck] .ph-frame__card,.ph-hang[data-state=strip] .ph-frame__card{inline-size:var(--card-w);block-size:var(--card-h);inset:auto}.ph-hang[data-state=deck] .ph-frame__cap,.ph-hang[data-state=strip] .ph-frame__cap,.ph-hang[data-state=deck] .ph-frame[data-k="-1"],.ph-hang[data-state=strip] .ph-frame[data-k="-1"]{visibility:hidden}.ph-hang[data-state=deck] .ph-frame__card{left:calc(50% - var(--card-w) / 2);top:calc(var(--stage-h) * .45 - var(--card-h) / 2);z-index:calc(10 - var(--k));transform:scale(.4)}.ph-hang[data-state=deck] .ph-frame:is([data-k="0"],[data-k="1"],[data-k="2"]) .ph-frame__pic{clip-path:inset(0 0 100%)}.ph-hang[data-state=deck]:not(.is-running) .ph-frame[data-k="3"] .ph-frame__card{opacity:0}.ph-hang[data-state=deck] .ph-frame:is([data-k="4"],[data-k="5"]){visibility:hidden}.ph-hang[data-state=strip] .ph-frame__card{left:calc(var(--strip-x0) + var(--k) * (var(--card-w) + var(--strip-gap)) + var(--strip-dx,0px));top:calc(var(--stage-h) - var(--strip-b) - var(--card-h));z-index:calc(10 - var(--k));transform:scale(var(--strip-s,1))}.ph-hang[data-state=strip] .ph-frame__tag,.ph-hang.is-dealt .ph-frame__tag{display:block}.ph-hang[data-state=strip] .ph-frame__card{touch-action:pan-y;cursor:grab}.ph-hang.is-dragging .ph-frame__card{cursor:grabbing}.ph-cursor{z-index:var(--z-sticky);padding:var(--s-1) var(--s-3);border-radius:var(--radius-pill);background:var(--ivory);color:var(--kohl);font-size:var(--fs-label);line-height:var(--lh-small);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--d-short) var(--ease-out);font-weight:600;position:fixed;inset-block-start:0;inset-inline-start:0}.ph-cursor.is-on{opacity:1}.sd-photos{position:relative}.sd-ph-print{row-gap:var(--s-4)}.sd-ph-print__line{max-inline-size:20ch}
