.pp h1{font-size:46px}.pp h2{font-size:34px}.pp-lede{max-width:52ch;color:var(--muted);margin-top:18px}.pp-order{height:calc(100svh - var(--header-h));background:var(--bg);grid-template-rows:minmax(0,1fr);min-height:680px;padding-block:24px}.pp-card{min-height:0;display:flex}.pp-card>*{flex:1;min-width:0}.pp-gallery{grid-column:1/9}.pp-panel{grid-column:9/13;align-items:center}.pg{background:#fbf8f2;flex-direction:column;padding:32px 24px 20px;display:flex}.pg-stage{flex:1;min-height:0;position:relative}.pg-stage img{object-fit:contain}.pg-thumbs{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex}.pg-thumbs button{opacity:.45;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;width:56px;height:56px;padding:0;transition:opacity .2s,border-color .2s;position:relative}.pg-thumbs img{object-fit:contain;padding:4px}.pg-thumbs img.pg-thumb-detail{object-fit:cover;padding:0}.pg-thumbs button:hover{opacity:.8}.pg-thumbs button[aria-pressed=true]{opacity:1;border-bottom-color:var(--text)}.pg-stage img.pg-detail{object-fit:cover;object-position:50% 35%;-webkit-mask-image:linear-gradient(#000 70%,#0000 98%);mask-image:linear-gradient(#000 70%,#0000 98%)}.pg-hint{text-align:center;font:12px var(--mono);color:var(--muted);pointer-events:none;animation:2.8s 1.2s both pg-hint;position:absolute;inset:auto 0 0}@keyframes pg-hint{0%,to{opacity:0}15%,75%{opacity:1}}.pg-turn{cursor:grab;touch-action:pan-y;position:absolute;inset:0}.pg-turn:active{cursor:grabbing}.pg-turn img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%}.op{flex-direction:column;max-width:420px;display:flex}.op h1{font-size:36px}.op-price{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:8px;font-size:20px}.op-price small{font:13px var(--mono);color:var(--muted)}.op-variants{border:0;flex-direction:column;gap:10px;min-width:0;margin:36px 0 0;padding:0;display:flex}.op-variant{border:1px solid var(--line);cursor:pointer;grid-template-columns:1fr auto;align-items:baseline;column-gap:16px;padding:16px 18px;transition:border-color .2s,box-shadow .2s;display:grid}.op-variant:hover{border-color:#b9b09d}.op-variant:has(input:checked){border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)}.op-variant:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.op-variant input{opacity:0;pointer-events:none;position:absolute}.op-variant-name{font-size:17px;font-weight:550}.op-variant-sub{color:var(--muted);grid-row:2;font-size:14px}.op-variant-price{font-variant-numeric:tabular-nums;grid-row:1/3;align-self:center;font-size:15px}.op-actions{gap:10px;margin-top:24px;display:flex}.op-stepper{border:1px solid var(--line);align-items:center;display:flex}.op-stepper button{width:40px;height:52px;color:var(--text);cursor:pointer;background:0 0;border:0;font-size:18px}.op-stepper button:disabled{color:#c9c1b0;cursor:default}.op-stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:20px;font-size:15px}.op-qty-num{animation:.3s cubic-bezier(.2,.7,.3,1) op-tick}@keyframes op-tick{0%{opacity:0;transform:translateY(6px)}}.op-buy{background:var(--text);min-height:52px;color:var(--bg);font:500 16px var(--sans);font-variant-numeric:tabular-nums;cursor:pointer;border:0;flex:1;transition:background .2s}.op-buy:hover{background:#000}.op-buy{position:relative}.op-buy[data-placing]{pointer-events:none}.op-buy[data-placing] .op-buy-label{visibility:hidden}.op-buy .pixel-spinner{margin:auto;position:absolute;inset:0}.op-pay{flex-wrap:wrap;gap:5px;margin-top:14px;display:flex}.op-pay img{width:34px;height:auto;display:block}.op-note{color:var(--muted);margin-top:12px;font-size:13px}.op-note a{color:inherit;text-underline-offset:4px;text-decoration:underline}.op-links{margin-top:6px}.op-disclaimer{background:#f6dc7a;margin-top:16px;padding:16px 18px;font-size:13px;line-height:1.5}.op-bar{display:none}.pp-sec{border-top:1px solid var(--line);background:var(--bg);padding-block:96px}.pp-sec-head{grid-column:1/5}.pp-compare{grid-column:6/13;grid-template-columns:1fr 1fr;gap:12px;display:grid}.hc{border:1px solid var(--line);background:#fbf8f2;flex-direction:column;padding:28px;display:flex}.hc-head{justify-content:space-between;align-items:baseline;display:flex}.hc-head h3{letter-spacing:-.01em;font-size:22px;font-weight:550}.hc-head span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}.hc-time{letter-spacing:-.04em;margin-top:48px;font-size:64px;font-weight:400;font-stretch:112%;line-height:1}.hc-time small{letter-spacing:-.01em;color:var(--muted);font-size:22px}.hc-time-label{font:13px var(--mono);color:var(--muted);margin-top:8px}.hc-best{color:var(--muted);margin-top:auto;padding-top:20px;font-size:15px}.pp-compare .pp-foot{grid-column:1/-1;margin-top:4px}.pp-foot{font:12px/1.5 var(--mono);color:var(--muted);margin-top:12px}.pp-specs-title{grid-column:1/-1;margin-bottom:32px}.pp-tiles{grid-column:1/7;grid-template-columns:1fr 1fr;gap:10px;display:grid}.pp-tiles>div{border:1px solid var(--line);text-align:center;background:#fbf8f2;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;padding:24px 16px;display:flex}.pp-tiles dt{font:13px/1.4 var(--mono);color:var(--muted)}.pp-tiles dd{letter-spacing:-.03em;flex-direction:column;gap:6px;margin:0;font-size:30px;font-weight:450;font-stretch:112%;line-height:1.1;display:flex}.pp-tiles small{font:12px/1.4 var(--mono);letter-spacing:0;color:var(--muted)}.pp-tiles a{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px}.pp-tiles a:hover{text-decoration-thickness:2px}.pp-rows{border:1px solid var(--line);background:#fbf8f2;grid-column:7/13;align-self:start;margin-inline:12px;padding:8px 32px}.pp-rows>div{grid-template-columns:120px 1fr;gap:16px;padding:18px 0;display:grid}.pp-rows>div+div{border-top:1px solid var(--line)}.pp-rows dt{font:13px/1.6 var(--mono);color:var(--muted)}.pp-rows dd{margin:0;font-size:15px;line-height:1.5}.pp-rows ul{flex-direction:column;gap:6px;display:flex}.pp-rows li{gap:10px;display:flex}.pp-rows li:before{content:"·";font-family:var(--mono);color:var(--muted)}.pp-box{scroll-margin-top:calc(var(--header-h) + 8px);grid-column:1/-1;margin-top:56px}.pp-box h3{letter-spacing:-.01em;font-size:22px;font-weight:550}.pp-box ul{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.pp-box li{border:1px solid var(--line);outline-offset:-1px;background:#fbf8f2;flex-direction:column;align-items:center;gap:12px;padding:28px 16px 22px;display:flex}.pp-box-fig{aspect-ratio:1;width:100%;max-width:200px;position:relative}.pp-box-fig img{object-fit:contain;mix-blend-mode:multiply;opacity:0;transition:opacity .3s}.pp-box-fig svg{transition:opacity .3s;display:block}.pp-box li:hover .pp-box-fig img,.pp-box li:focus .pp-box-fig img{opacity:1}.pp-box li:hover .pp-box-fig svg,.pp-box li:focus .pp-box-fig svg{opacity:0}.pp-box svg{width:100%;height:auto;color:var(--text)}.pp-box svg .d-thin{stroke-width:.9px;stroke-opacity:.55}.pp-box span{font:13px/1.4 var(--mono);color:var(--muted);text-align:center}.pp-faq-head{grid-column:1/5}.pp-faq-head a{color:var(--text);text-underline-offset:4px;text-decoration:underline}.pp-faq{grid-column:6/13}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-item h3{font:inherit;letter-spacing:normal}.faq-item button{width:100%;min-height:64px;color:var(--text);font:17px/1.4 var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:24px;padding:0;display:flex}.faq-item button span{flex:none;width:14px;height:14px;position:relative}.faq-item button span:before,.faq-item button span:after{content:"";background:var(--text);height:1px;transition:transform .4s cubic-bezier(.3,.7,.2,1);position:absolute;inset:6.5px 0 auto}.faq-item button span:after{transform:rotate(90deg)}.faq-item[data-open] button span:after{transform:rotate(0)}.faq-a{grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.3,.7,.2,1);display:grid}.faq-a>div{min-height:0;overflow:hidden}.faq-a p{max-width:60ch;color:var(--muted);opacity:0;padding-bottom:22px;transition:opacity .3s,transform .45s cubic-bezier(.3,.7,.2,1);transform:translateY(-6px)}.faq-item[data-open] .faq-a{grid-template-rows:1fr}.faq-item[data-open] .faq-a p{opacity:1;transition-delay:80ms;transform:none}@media (max-width:1100px){.pp h1{font-size:38px}.pp h2{font-size:28px}.pp-order{grid-template-rows:none;height:auto;min-height:0;padding-block:0 56px}.pp-gallery,.pp-panel,.pp-sec-head,.pp-compare,.pp-tiles,.pp-rows,.pp-faq-head,.pp-faq{grid-column:1/-1}.pp-gallery{padding-inline:0}.pg-stage{aspect-ratio:1;max-height:62svh}.pp-panel{margin-top:32px}.op{max-width:none}.op h1{font-size:30px}body:has(.op-bar){padding-bottom:76px}.op-bar{z-index:10;padding:10px 20px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg);align-items:center;gap:16px;transition:transform .3s,visibility;display:flex;position:fixed;inset:auto 0 0}.op-bar[data-hidden]{visibility:hidden;transition:transform .3s,visibility 0s .3s;transform:translateY(100%)}.op-bar>div{min-width:0;color:var(--muted);flex-direction:column;flex:1;font-size:13px;display:flex}.op-bar output{color:var(--text);font-variant-numeric:tabular-nums;font-size:20px}.op-bar .op-buy{flex:none;min-height:48px;padding-inline:24px}.pp-sec{padding-block:72px}.pp-compare,.pp-faq{margin-top:32px}.pp-rows{margin-top:10px}.pp-box{margin-top:40px}.pp-specs-title{margin-bottom:24px}}@media (max-width:650px){.pp h1{font-size:31px;line-height:1.12}.pp h2{font-size:24px}.op h1{font-size:28px}.pg{padding:20px 12px 14px}.op-variants{margin-top:24px}.op-pay{flex-wrap:nowrap;gap:4px}.op-pay li{flex:0 34px;min-width:0}.op-pay img{width:100%}.pp-compare{grid-template-columns:1fr}.hc{padding:22px}.hc-time{margin-top:36px;font-size:52px}.faq-item button{font-size:16px}.pp-box ul{grid-template-columns:1fr 1fr}.pp-box li{padding:20px 12px 16px}.pp-tiles>div{min-height:140px;padding:18px 10px}.pp-tiles dd{font-size:23px}.pp-rows{margin-inline:14px;padding:4px 16px}.pp-rows>div{grid-template-columns:92px 1fr;gap:12px;padding:14px 0}}@media (prefers-reduced-motion:reduce){.op-qty-num,.pg-hint{animation:none}.faq-a,.faq-a p,.faq-item button span:after,.op-bar,.op-bar[data-hidden],.pp-box-fig img,.pp-box-fig svg{transition:none}}