.ph-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 10px}.ph-controls label{gap:4px}.ph-playback-bar{position:sticky;top:0;z-index:25;align-items:center;margin:0;padding:10px;background:#08151bf5;border-block:1px solid #66837b66;box-shadow:0 6px 20px #0006;gap:8px}.ph-playback-bar label{display:flex;align-items:center;gap:8px;font-size:.85rem}.ph-playback-bar select{background:#11252c;color:#eae6d8;border:1px solid #a5c7c54d;min-height:46px;padding:8px;font:inherit}.ph-closeup-section{margin:14px 0}.ph-closeup-section>h3{margin-bottom:8px}.ph-closeup-section>p{font-size:.9rem;line-height:1.45;margin-bottom:12px}.ph-closeups{gap:12px;margin:12px 0 24px}.ph-closeups figure{padding:12px}.ph-closeups svg{margin:6px 0}.ph-closeups figcaption{gap:3px}.ph-closeups h4{font-size:1.4rem}@media(max-width:780px){.ph-controls{grid-template-columns:repeat(2,minmax(0,1fr));font-size:.85rem}.ph-controls label:last-child{grid-column:1/-1}.ph-playback-bar{gap:6px;padding:8px 4px}.ph-playback-bar label{flex:1 1 100%;justify-content:space-between}.ph-playback-bar select{max-width:65%;flex:1}.ph-playback-bar button{flex:1;padding:9px 7px;font-size:.8rem}.ph-closeups svg{max-height:170px}.ph-closeups figure{padding:12px}.ph-closeup-section>p{font-size:.85rem}}@media(max-height:500px){.ph-playback-bar{position:static}}