.pp{padding-top:28px;padding-bottom:56px}.pp-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start}
.pp-gallery{position:sticky;top:18px}.pp-stage{background:#f1f2f3;border-radius:18px;padding:28px;display:flex;align-items:center;justify-content:center;min-height:420px}.pp-stage svg{width:100%;height:auto;max-height:72vh}.pp-stage.pp-magazine svg{max-width:440px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.pp-covers{padding:22px}.pp-covers img{width:auto;max-width:100%;max-height:68vh;aspect-ratio:2/3;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.pp-cover-thumbs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:12px}.pp-cover-thumbs button{border:0;padding:0;background:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;font:inherit;font-size:11px;line-height:1.25;color:inherit;text-align:center}
.pp-cover-thumbs img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:3px;border:2px solid transparent}.pp-cover-thumbs button[aria-pressed=true] img{border-color:var(--ink,#181a1d)}.pp-cover-thumbs button:focus-visible img{outline:2px solid var(--red,#c92a35);outline-offset:2px}
.pp-create .btn{display:flex;justify-content:center;width:100%;box-sizing:border-box}.pp-create .small{margin:10px 0 0}
@media(max-width:860px){.pp-cover-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}.pp-covers img{max-height:56vh}}
.pp-note{margin:10px 0 0;font-size:13px;color:var(--muted,#62676e);text-align:center}
.pp-panel h1{margin:6px 0 12px;font-size:clamp(34px,4.4vw,52px);line-height:1.02}.pp-lead{font-size:18px;line-height:1.55;margin:0 0 16px}
.pp-price{display:flex;align-items:baseline;gap:10px;margin:0 0 22px;font-size:26px}.pp-price s{color:var(--muted,#62676e);font-size:18px}.pp-save{font-size:13px;font-weight:700;color:#fff;background:var(--red,#c92a35);border-radius:999px;padding:3px 10px}
.pp-form{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:0 0 22px}.pp-field{display:flex;flex-direction:column;gap:6px}.pp-field:first-child{grid-column:1/-1}
.pp-field label,.pp-option legend{font-weight:700;font-size:14px}.pp-field input{padding:13px 14px;border:1px solid var(--line,#dde0e3);border-radius:10px;font:inherit;font-size:17px;text-transform:uppercase;letter-spacing:.04em}
.pp-field input:focus{outline:2px solid var(--red,#c92a35);outline-offset:1px}
.pp-option{grid-column:1/-1;border:0;margin:0;padding:0}.pp-option legend{padding:0;margin:0 0 8px}.pp-option legend span{font-weight:400;color:var(--muted,#62676e);margin-left:6px}
.pp-choices{display:flex;flex-wrap:wrap;gap:8px}.pp-choice{position:relative;cursor:pointer}.pp-choice input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.pp-choice>span:not(.sr-only){display:block;padding:10px 14px;border:1px solid var(--line,#dde0e3);border-radius:10px;font-size:14px;font-weight:600;background:#fff}
.pp-choice input:checked+span{border-color:var(--ink,#181a1d);box-shadow:inset 0 0 0 1px var(--ink,#181a1d)}.pp-choice input:focus-visible+span{outline:2px solid var(--red,#c92a35);outline-offset:2px}
.pp-swatch .pp-dot{display:block;width:36px;height:36px;border-radius:50%;border:1px solid rgba(0,0,0,.18);box-shadow:inset 0 0 0 3px #fff}.pp-swatch input:checked+.pp-dot{outline:2px solid var(--ink,#181a1d);outline-offset:2px}
.pp-buy{background:#f7f7f5;border:1px solid var(--line,#dde0e3);border-radius:14px;padding:18px;margin:0 0 20px}.pp-soon{margin:0 0 12px}.pp-waitlist-row{display:flex;gap:10px}.pp-waitlist-row input{flex:1;min-width:0;padding:13px 14px;border:1px solid var(--line,#dde0e3);border-radius:10px;font:inherit}
.pp-waitlist-row .btn{flex:none}.pp-msg{margin:10px 0 0;font-weight:600}.pp-msg:empty{display:none}.pp-buy .small{margin:10px 0 0}.pp-buy.is-done .pp-waitlist-row{display:none}
.pp-bullets{list-style:none;padding:0;margin:0;display:grid;gap:8px}.pp-bullets li{padding-left:26px;position:relative}.pp-bullets li:before{content:"";position:absolute;left:4px;top:.55em;width:10px;height:10px;border-radius:50%;background:var(--red,#c92a35)}
.pp-faq{max-width:760px;margin:56px auto 0}.pp-faq details{border-top:1px solid var(--line,#dde0e3);padding:14px 0}.pp-faq summary{font-weight:700;cursor:pointer}.pp-faq p{margin:10px 0 0;line-height:1.6}
.pp-pairs{margin:56px 0 0}.pp-pairs h2{margin:0 0 6px}.pp-pairs-lead{margin:0 0 18px;color:var(--muted,#62676e)}.pp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.pp-card{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid var(--line,#dde0e3);border-radius:14px;color:inherit;text-decoration:none;background:#fff;transition:transform .15s ease,box-shadow .15s ease}.pp-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08)}
.pp-card-tag{position:absolute;left:8px;bottom:8px;background:#181a1dd9;color:#fff;font-style:normal;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px}
.pp-card-art{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#f1f2f3;border-radius:10px;overflow:hidden;margin-bottom:6px}.pp-card-art svg,.pp-card-art img{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}.pp-card-art img{object-fit:cover;padding:0}
.pp-card small{color:var(--muted,#62676e);line-height:1.4}.pp-card>span:last-child{font-weight:700;margin-top:4px}.pp-card-soon{color:var(--red,#c92a35)}
.order-done .pp-pairs{margin:28px 0 8px;padding-top:22px;border-top:1px solid var(--line,#dde0e3)}.order-done .pp-cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.pp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line,#dde0e3);box-shadow:0 -6px 18px rgba(0,0,0,.08)}.pp-sticky[hidden]{display:none}.pp-sticky s{color:var(--muted,#62676e);font-size:14px}.pp-sticky .btn{min-height:46px;padding:0 18px}body.has-pp-sticky{padding-bottom:76px}
.pp-index-head{max-width:640px;margin:0 0 28px}.pp-index-head h1{font-size:clamp(34px,4.4vw,52px);line-height:1.02;margin:6px 0 12px}.pp-index-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.pp-index-group{margin:0 0 40px}.pp-index-group-title{font-size:clamp(22px,2.4vw,28px);line-height:1.15;margin:0 0 14px}
.pp-index-group .pp-cards{gap:20px}.pp-index-group .pp-card{padding:14px;gap:5px}.pp-index-group .pp-card strong{font-size:18px;line-height:1.25}.pp-index-group .pp-card small{font-size:15px}
/* Sports: six columns, the first two cards (poster and canvas, landscape photos) three wide, the rest two wide: rows of 2 and 3. */
.pp-index-sport{grid-template-columns:repeat(6,minmax(0,1fr))}.pp-index-sport>.pp-card{grid-column:span 2}.pp-index-sport>.pp-card:nth-child(-n+2){grid-column:span 3}.pp-index-sport>.pp-card:nth-child(-n+2) .pp-card-art{aspect-ratio:3/2}
/* Hobbies: one column per hobby (cover, then light-up). */
.pp-index-hobbies{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
@media(max-width:860px){.pp-index-group .pp-cards{gap:12px}.pp-index-group .pp-card{padding:10px}.pp-index-group .pp-card strong{font-size:16px}.pp-index-group .pp-card small{font-size:14px}
 .pp-index-sport{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-index-sport>.pp-card:nth-child(n){grid-column:span 1}.pp-index-sport>.pp-card:first-child{grid-column:span 2}.pp-index-sport>.pp-card:nth-child(2) .pp-card-art{aspect-ratio:4/3}
 .pp-index-hobbies{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row}}.pp-index-note{text-align:left;margin-top:18px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:860px){.pp-grid{grid-template-columns:1fr;gap:22px}.pp-gallery{position:static}.pp-stage{min-height:0;padding:16px}.pp-stage svg{max-height:52vh}.pp{padding-top:14px}}
@media(max-width:480px){.pp-waitlist-row{flex-direction:column}.pp-form{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.pp-card{transition:none}}