.ph-shell{max-width:var(--poster-max);margin-inline:auto;padding-inline:var(--poster-gutter)}.ph-print{transform:rotate(var(--tilt, 0deg))}.ph-print__body,.ph-print__drop{position:relative}.ph-print img,.ph-print__drop img{display:block;width:100%;height:auto;border:3px solid var(--c-poster-ink);box-shadow:var(--shadow, 8px) var(--shadow, 8px) 0 var(--c-poster-ink)}.ph-tape{position:absolute;z-index:2;top:calc(var(--poster-tape-h) / -2);left:var(--tape-left, 30%);width:var(--tape-w, 36%);height:var(--poster-tape-h);background:var(--tape, var(--c-poster-lime));transform:rotate(var(--tape-turn, -3deg));clip-path:polygon(0 0,100% 0,97% 26%,100% 52%,96% 78%,100% 100%,0 100%,3% 76%,0 50%,4% 24%)}.ph-tape--wide{--tape-w: 56%}.ph-tape--pink{--tape: var(--c-poster-pink)}.ph-tape--lilac{--tape: var(--c-poster-lilac)}.ph-list{--list-field: var(--c-poster-lilac);--list-field-deep: var(--c-poster-lilac-deep);--list-active: var(--c-poster-lime);--list-active-deep: var(--c-poster-lime-deep);--tape: var(--list-active)}.ph-list--on-lime{--list-field: var(--c-poster-lime);--list-field-deep: var(--c-poster-lime-deep);--list-active: var(--c-poster-lilac);--list-active-deep: var(--c-poster-lilac-deep)}.ph-work__head{padding-bottom:16px;border-bottom:3px solid var(--c-poster-ink)}.ph-work__head h2{margin:0;font-size:var(--t-poster-h2-sm);font-weight:800;line-height:.88;letter-spacing:-.04em}.ph-work__head p{margin:16px 0 0;max-width:25rem;font-size:var(--t-poster-ui);line-height:1.45;font-weight:450}.ph-work__head b,.ph-row__meta b,.ph-fig__caption b{font-weight:750}.ph-rows{margin:0;padding:0;list-style:none}.ph-rows>li{border-bottom:var(--poster-rule) solid var(--c-poster-ink);scroll-margin-top:24px}.ph-rows .ph-row,.ph-preview{display:none}.ph-row__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.ph-row__name{margin:0;min-width:0;font-size:var(--t-poster-row-sm);font-weight:800;line-height:.92;letter-spacing:-.035em}.ph-row__top svg{width:28px;height:28px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2.25px}.ph-row__meta{display:block;margin-top:8px;font-size:var(--t-poster-small);line-height:1.4;font-weight:450}.ph-acc{margin-inline:calc(var(--poster-gutter) * -1);transition:background-color .28s ease}.ph-acc[open]{background:var(--list-active)}.ph-acc__row{display:block;min-height:64px;padding:16px var(--poster-gutter) 14px;cursor:pointer;list-style:none}.ph-acc__row::-webkit-details-marker{display:none}.ph-acc__row svg{transition:transform .32s cubic-bezier(.2,.8,.2,1)}.ph-acc[open] .ph-acc__row svg{transform:rotate(90deg)}.ph-acc__row:focus-visible{outline-offset:-4px}.ph-acc__panel{padding:18px var(--poster-gutter) 30px}.ph-acc[open] .ph-acc__panel{animation:ph-open .32s ease-out both}.ph-fig{margin:0;--poster-tape-h: 26px;--shadow: 8px}.ph-fig--panel{--tape: var(--list-field)}.ph-acc[open] .ph-fig--panel .ph-print__body{animation:ph-settle .56s cubic-bezier(.2,.8,.2,1) var(--settle-delay, 0ms) both}.ph-fig__pair{display:flex;gap:8%;align-items:flex-start}.ph-fig__pair .ph-print{width:46%;--shadow: 7px}.ph-fig__pair .ph-print+.ph-print{margin-top:36px}.ph-fig__pair .ph-tape{--poster-tape-h: 24px}.ph-card{padding:22px 20px;border:3px solid var(--c-poster-ink);background:var(--list-field);box-shadow:var(--shadow) var(--shadow) 0 var(--c-poster-ink);--tape-left: 36%;--tape-w: 32%}.ph-card__title{margin:0 0 14px;font-size:var(--t-poster-small);line-height:1.4;font-weight:650;color:var(--list-field-deep)}.ph-card__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:0;padding:0;list-style:none;font-size:var(--t-poster-module);font-weight:780;line-height:1.1;letter-spacing:-.025em}.ph-card__list li{padding:9px 0 8px;border-top:var(--poster-rule) solid var(--c-poster-ink)}.ph-fig__caption{margin-top:26px;max-width:34rem;font-size:var(--t-poster-body);line-height:1.5;font-weight:420}.ph-fig__status,.ph-fig__media{display:block;margin-top:10px;font-weight:450}.ph-fig__link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:6px;font-weight:650;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.ph-fig__link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.25px}@media(min-width:900px){.ph-work__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;padding-bottom:18px}.ph-work__head h2{font-size:var(--t-poster-h2)}.ph-work__head p{margin:0}.ph-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:40px 56px}.ph-rows{flex:1 1 560px;min-width:0}.ph-acc{display:none}.ph-rows .ph-row{display:block;margin:0 -16px;padding:18px 16px 16px;color:var(--c-poster-ink);text-decoration:none;transition:background-color .28s ease}.ph-row:focus-visible{outline-offset:-4px}.ph-row.is-active{background:var(--list-active)}.ph-row .ph-row__top{gap:16px;transition:transform .36s cubic-bezier(.2,.8,.2,1)}.ph-row.is-active .ph-row__top{transform:translate(14px)}.ph-row .ph-row__name{font-size:var(--t-poster-row)}.ph-row .ph-row__top svg{width:34px;height:34px;opacity:0;transition:opacity .24s ease}.ph-row.is-active .ph-row__top svg{opacity:1}.ph-row .ph-row__meta{margin-top:10px;font-size:var(--t-poster-ui)}.ph-preview{flex:1 1 400px;min-width:0;position:sticky;top:24px;align-self:flex-start;display:grid;padding-top:40px}.ph-preview .ph-fig{grid-area:1 / 1;opacity:0;pointer-events:none;--poster-tape-h: 30px;--shadow: 12px;--tape-w: 34%}.ph-preview .ph-fig.is-active{z-index:1;opacity:1;pointer-events:auto}.ph-preview .ph-fig.is-active .ph-print__body{animation:ph-settle-lg .56s cubic-bezier(.2,.8,.2,1) var(--settle-delay, 0ms) both}.ph-preview .ph-fig__pair{gap:6%}.ph-preview .ph-fig__pair .ph-print{--shadow: 10px}.ph-preview .ph-fig__pair .ph-print+.ph-print{margin-top:48px}.ph-preview .ph-fig__pair .ph-tape{--poster-tape-h: 30px;--tape-w: 52%}.ph-preview .ph-card{padding:clamp(24px,3vw,40px);background:var(--list-active);--tape-w: 30%}.ph-preview .ph-card__title{margin-bottom:18px;color:var(--list-active-deep)}.ph-preview .ph-card__list{gap:0 24px}.ph-preview .ph-fig__caption{margin-top:34px}}@keyframes ph-rise{0%{opacity:0;transform:translateY(.36em)}to{opacity:1;transform:none}}@keyframes ph-settle{0%{opacity:0;transform:translateY(-22px) rotate(-3deg) scale(1.03)}68%{opacity:1;transform:translateY(3px) rotate(.5deg) scale(.995)}to{opacity:1;transform:none}}@keyframes ph-settle-lg{0%{opacity:0;transform:translateY(-30px) rotate(-4deg) scale(1.04)}68%{opacity:1;transform:translateY(3px) rotate(.5deg) scale(.995)}to{opacity:1;transform:none}}@keyframes ph-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
