/* Phone gallery: actual cover and interior captures in a quiet square composition. */
.pg-stage{position:relative;display:block;min-width:0;aspect-ratio:1;background:#eeeae3;border-radius:5px;overflow:hidden;color:#6c3444;text-decoration:none}
.pg-composition{position:relative;display:block;width:100%;aspect-ratio:1;background:radial-gradient(ellipse at 34% 76%,#d3c7b777,transparent 45%),linear-gradient(135deg,#f1eeea,#e7e3d9)}
.pg-device{position:absolute;z-index:2;left:16%;top:21%;width:31.5%;display:block;padding:3px;border-radius:15% / 7%;background:#25231f;box-shadow:-8px 13px 15px -6px #5a49276b,0 2px 3px #221e1a66;transform:translateZ(0)}
.pg-screen{position:relative;display:block;overflow:hidden;aspect-ratio:390/844;border-radius:13% / 6%;background:#f8f4ec}
.pg-speaker{position:absolute;top:2.4%;left:36%;width:28%;height:2.6%;border-radius:999px;background:#191918;z-index:3}
.pg-sheet{position:absolute;z-index:1;right:15%;top:13%;width:29%;display:block;overflow:hidden;aspect-ratio:390/844;border-radius:5px;background:#f8f4ec;box-shadow:0 3px 7px #52433129}
.pg-stage .pg-image{display:block;width:100%;height:100%!important;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:top;border:0;border-radius:0;box-shadow:none;margin:0}
.pg-stage .pg-screen-poster .pg-image{object-fit:contain;object-position:center}
.pg-device-solo{left:34.25%;top:16%}
.pg-preview-cue{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#654d43;background:#ffffff78;transition:background .2s,color .2s}
.pg-stage:hover .pg-preview-cue{background:#71233e;color:#fff}
.pg-stage:focus-visible,.pg-detail-link:focus-visible{outline:3px solid #8b3455;outline-offset:4px}
.pg-detail-link{display:block;text-decoration:none;border-radius:5px}
.pg-detail-link:focus-visible{outline-offset:-3px}
.iv-home .iv-collection>.iv-wrap{width:calc(100% - 80px);max-width:1360px}
.iv-home .iv-design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 20px;max-width:none;margin-inline:0}
.iv-home .iv-design-art.pg-stage{display:block;height:auto!important;aspect-ratio:1;padding:0;background:#eeeae3;perspective:none}
.iv-home .iv-design-meta{display:block;padding-top:14px}
.iv-home .iv-design-meta h3{font-family:var(--iv-sans, 'Be Vietnam Pro',sans-serif);font-size:.92rem;line-height:1.4;letter-spacing:0;font-weight:500;margin:0 0 5px;overflow-wrap:anywhere}
.iv-home .iv-design-meta p{font-size:.76rem;line-height:1.6;color:#827a74;min-height:2.4em;margin:0}
.iv-home .iv-select{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:9px 0;min-height:44px;font-size:.78rem;font-weight:500}
.site .pg-related>.wrap{max-width:1400px;padding-inline:40px}
.site .pg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 20px;align-items:start}
.site .pg-card{display:block;min-width:0;border:0;background:transparent;box-shadow:none;overflow:visible}
.site .pg-card>.body{padding:14px 0 0;gap:0}
.site .pg-card h3{font-family:var(--fb);font-size:.92rem;line-height:1.4;font-weight:500;letter-spacing:0;margin:0 0 5px;text-transform:none;overflow-wrap:anywhere}
.site .pg-description{color:var(--ink-2);font-size:.76rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2em}
.site .pg-card .mk-card-actions{display:flex;gap:16px;padding:0;margin-top:5px;flex-wrap:wrap}
.site .pg-card .mk-card-actions>a{display:inline-flex;align-items:center;gap:5px;min-height:44px;font-size:.78rem;font-weight:400;text-decoration:none}
.site .mk-poster.pg-stage{width:100%;max-width:440px;padding:0;border:0;box-shadow:none;aspect-ratio:1;background:#eeeae3}
.site .mk-tpl{grid-template-columns:minmax(0,1fr);gap:2rem}
@media(min-width:48rem){.site .mk-tpl{grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:3rem}}
@media(max-width:1100px) and (min-width:701px){.iv-home .iv-design-grid,.site .pg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .iv-home .iv-collection>.iv-wrap{width:calc(100% - 40px)}
 .iv-home .iv-design-grid,.site .pg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px;max-width:none}
 .site .pg-related>.wrap{padding-inline:20px}
 .pg-device{padding:2px;box-shadow:-5px 8px 11px -5px #5a492766,0 1px 2px #221e1a66}
 .pg-preview-cue{top:7px;right:7px;width:21px;height:21px}.pg-preview-cue svg{width:14px;height:14px}
 .iv-home .iv-design-meta,.site .pg-card>.body{padding-top:12px}
 .iv-home .iv-design-meta h3,.site .pg-card h3{font-size:.83rem;line-height:1.45}
 .iv-home .iv-design-meta p,.site .pg-description{font-size:.72rem;line-height:1.6;min-height:3.2em}
 .iv-home .iv-select,.site .pg-card .mk-card-actions>a{font-size:.75rem}
 .site .pg-card .mk-card-actions{gap:10px}
}
@media(prefers-reduced-motion:reduce){.pg-preview-cue{transition:none}}