.pdp{--pdp-cream:#fff8ee;--pdp-hue-ink:color-mix(in oklab, var(--hue) 78%, black);background:radial-gradient(60rem 30rem at 15% 0%, color-mix(in oklab, var(--hue) 10%, transparent), transparent 70%), var(--pdp-cream);padding:2rem max(1rem,50% - 40rem) 3.5rem}.pdp-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,3vw,3rem);display:grid}.pdp-media{min-width:0;position:sticky;top:6rem}.pdg{grid-template-columns:4.5rem minmax(0,1fr);grid-template-areas:"thumbs main";gap:.9rem;display:grid}.pdg-main{aspect-ratio:1;background:#fff;border-radius:26px;grid-area:main;position:relative;overflow:hidden;box-shadow:0 0 0 1px #140f3a12,0 22px 48px #140f3a1f}.pdg-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;height:100%;display:flex;overflow:auto hidden}.pdg-track::-webkit-scrollbar{display:none}.site .pdg-track:focus-visible{outline-offset:-4px;box-shadow:none;border-radius:26px}.pdg-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;place-items:center;height:100%;display:grid;position:relative;overflow:hidden;container-type:size}.pdg-tone-ba{background:radial-gradient(circle at 72% 40%, color-mix(in oklab, var(--hue) 20%, var(--pdp-cream)), transparent 60%), var(--pdp-cream)}.pdg-tone-cover{background:radial-gradient(circle at 50% 45%, color-mix(in oklab, var(--hue) 28%, var(--pdp-cream)), color-mix(in oklab, var(--hue) 7%, var(--pdp-cream)) 72%)}.pdg-tone-page{background:#fdf7ec}.pdg-tone-learn{background:#fffdf8}.pdg-arrow{z-index:3;width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:#fffffff0;border-radius:50%;place-items:center;transition:opacity .2s,transform .15s;display:grid;position:absolute;top:50%;translate:0 -50%;box-shadow:0 6px 16px #140f3a33}.pdg-arrow:hover{transform:scale(1.06)}.pdg-arrow svg{width:1.4rem;height:1.4rem}.pdg-arrow:disabled{opacity:0;pointer-events:none}.pdg-prev{left:.75rem}.pdg-next{right:.75rem}.pdg-count{z-index:3;color:#fff;background:#140f3ab8;border-radius:999px;padding:.15rem .6rem;font-size:.8rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.pdg-thumbs{scrollbar-width:none;flex-direction:column;grid-area:thumbs;gap:.6rem;height:0;min-height:100%;margin:-3px;padding:3px;display:flex;overflow-y:auto}.pdg-thumbs::-webkit-scrollbar{display:none}.pdg-thumb{aspect-ratio:1;opacity:.72;cursor:pointer;background:#fff;border-radius:14px;flex:none;width:100%;padding:0;transition:opacity .2s,box-shadow .2s;overflow:hidden;box-shadow:0 0 0 1px #140f3a1f}.pdg-thumb:hover{opacity:1}.pdg-thumb[aria-current=true]{opacity:1;box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--pdp-hue-ink)}.pdg-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pdg-thumb-icon{background:color-mix(in oklab, var(--hue) 16%, #fff);width:100%;height:100%;color:var(--pdp-hue-ink);place-items:center;display:grid}.pdg-thumb-icon svg{width:42%;height:42%}.pdp-ba{place-items:center;width:100%;height:100%;padding:7cqw 5cqw 5cqw 9cqw;display:grid}.pdp-ba .ba{width:100%}.ba[data-compact] .ba-stage{grid-template-columns:minmax(0,.85fr) minmax(0,.5fr) minmax(0,1.25fr);grid-template-areas:"before arrow after"}.ba[data-compact] .ba-before,.ba[data-compact] .ba-after{justify-self:stretch;width:auto;margin:0}.ba[data-compact] .ba-arrow{place-self:center stretch;width:auto;margin:0;padding-inline:.3rem}.ba[data-compact] .ba-arrow>.ba-arrow-side{display:block}.ba[data-compact] .ba-arrow>.ba-arrow-down{display:none}.ba[data-compact] .ba-family{width:76%;bottom:-12%;left:-16%}@container (max-width:30rem){.ba[data-compact] .ba-label{padding:.2rem .55rem;font-size:.72rem}.ba[data-compact] .ba-label-icon{width:.85rem;height:.85rem}.ba[data-compact] .ba-learn{white-space:normal;text-align:center;max-width:6.5rem;padding:.2rem .45rem;font-size:.6rem}.ba[data-compact] .ba-chip-tag{font-size:.55rem}}.pds-cover{width:min(52cqh,60cqw);translate:-3%}.pds-page{flex-direction:column;align-items:center;gap:1.6cqw;width:100%;height:100%;margin:0;padding:3.5cqw 3.5cqw 2.4cqw;display:flex}.pds-art{background:#e9e0cf;border-radius:2.6cqw;flex:auto;width:100%;min-height:0;position:relative;overflow:hidden}.pds-art img{object-fit:cover;object-position:50% 30%;-webkit-user-drag:none}.pds-words{text-align:center;flex-direction:column;align-items:center;gap:.8cqw;display:flex}.pds-big{color:var(--hue);font-size:max(1.6rem,8.4cqw);font-weight:700;line-height:1}.pds-text{white-space:pre-line;text-wrap:balance;color:var(--ink);font-size:max(.92rem,3.5cqw);font-weight:600;line-height:1.3}.pds-talk{background:var(--navy);color:#fff;border-radius:1.8cqw;width:100%;padding:1.3cqw 2.6cqw;font-size:max(.72rem,2.3cqw);line-height:1.35}.pds-talk b{color:var(--sun);font-size:max(.78rem,2.5cqw);display:block}.pds-foot{color:var(--ink-soft);align-self:flex-end;font-size:max(.64rem,1.8cqw)}.pds-learn{flex-direction:column;justify-content:center;gap:3.5cqw;width:100%;height:100%;padding:5cqw 5cqw 6cqw;display:flex}.pds-learn-title{text-align:center;color:var(--pdp-hue-ink);font-size:max(1.25rem,5.4cqw);font-weight:700;line-height:1.1}.pds-learn-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:2.6cqw;min-height:0;margin:0;padding:0;list-style:none;display:grid}.pds-learn-grid li{min-height:0;display:flex}.pds-learn-card{background:color-mix(in oklab, var(--hue) 8%, #fff);width:100%;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--hue) 22%, #fff);color:var(--ink);text-align:left;border-radius:3.6cqw;grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:center;gap:1.8cqw 2.2cqw;padding:3cqw;display:grid;overflow:hidden}button.pds-learn-card{cursor:pointer;transition:transform .15s,box-shadow .15s}button.pds-learn-card:hover{box-shadow:inset 0 0 0 2px var(--hue);transform:translateY(-2px)}.pds-learn-thumb{aspect-ratio:1;background:color-mix(in oklab, var(--hue) 20%, #fff);width:13cqw;color:var(--pdp-hue-ink);border-radius:2.4cqw;place-items:center;display:grid;overflow:hidden}.pds-learn-thumb img{object-fit:cover;width:100%;height:100%}.pds-learn-thumb svg{width:50%;height:50%}.pds-learn-name{font-size:max(.84rem,3.1cqw);font-weight:700;line-height:1.15}.pds-learn-ex{color:var(--ink-soft);grid-column:1/-1;font-size:max(.74rem,2.6cqw);line-height:1.35}.pdp-info{background:#fffdf8;border-radius:28px;flex-direction:column;gap:1rem;min-width:0;padding:clamp(1.4rem,2.6vw,2.2rem);display:flex;box-shadow:0 0 0 1px #140f3a0f,0 18px 40px #140f3a12}.pdp-tag{background:var(--pdp-hue-ink,color-mix(in oklab, var(--hue) 78%, black));color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-self:flex-start;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}.pdp-tag svg{width:1rem;height:1rem}.pdp-title{text-wrap:balance;margin:0;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:700;line-height:1.02}.pdp-subtitle{color:var(--ink-soft);text-wrap:balance;margin:-.55rem 0 0;font-size:1.1rem;font-weight:600;line-height:1.3}.pdp-slogan{color:var(--pdp-hue-ink);margin:-.55rem 0 0;font-size:1.1rem;font-weight:700;line-height:1.3}.pdp-starring{color:var(--pdp-hue-ink);margin-top:-.55rem;font-size:1.25rem;font-weight:600}.pdp-price{align-items:baseline;gap:.4rem;display:flex}.pdp-price-from{color:var(--ink-soft);font-weight:600}.pdp-price-now{font-size:2rem;font-weight:700}.pdp-price-after{color:var(--ink-soft)}.pdp-act{border-block:1.5px dashed #140f3a24;flex-direction:column;gap:.75rem;padding-block:1rem;display:flex}.pdp-name{flex-direction:column;gap:.35rem;display:flex}.pdp-name-label{font-size:.95rem;font-weight:600}.pdp-opt{color:var(--ink-soft);font-weight:500}.pdp-name-input{width:100%;color:var(--ink);font:600 1.1rem var(--font-display), system-ui, sans-serif;background:#fff;border:2px solid #140f3a2e;border-radius:14px;padding:.7rem 1rem}.pdp-name-input::placeholder{color:#57507ab3}.pdp-name-input:hover{border-color:#140f3a59}.pdp .btn-primary.pdp-cta{justify-content:center;gap:.55rem;width:100%;margin-top:.25rem}.pdp-cta svg{width:1.25rem;height:1.25rem}.pdp-refund{text-align:center;font-size:.88rem}.pdp-refund a{color:var(--ink-soft);text-underline-offset:3px;text-decoration:underline}.pdp-about p{font-size:1.04rem;line-height:1.6}.pdp-about .pdp-note{color:var(--ink-soft);margin-top:.5rem;font-size:.88rem}.pdp-bullets{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.pdp-bullets li{align-items:center;gap:.75rem;line-height:1.4;display:flex}.pdp-bullets svg{background:color-mix(in oklab, var(--hue) 14%, #fff);width:2.3rem;height:2.3rem;color:var(--pdp-hue-ink);border-radius:12px;flex:none;padding:.5rem}.pdp-trust{background:color-mix(in oklab, var(--mint) 11%, #fff);color:var(--ink-soft);border-radius:16px;gap:.45rem;margin:0;padding:.85rem 1rem;font-size:.88rem;line-height:1.45;list-style:none;display:grid}.pdp-trust li{align-items:flex-start;gap:.55rem;display:flex}.pdp-trust svg{color:#13805d;flex:none;width:1.05rem;height:1.05rem;margin-top:.12rem}.pdp-fine{color:var(--ink-soft);font-size:.78rem}@media (max-width:959px){.pdp{padding-top:0}.pdp-grid{grid-template-columns:minmax(0,1fr);gap:.9rem}.pdp-media{margin-inline:-1rem;position:static}.pdg{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""thumbs";gap:.6rem}.pdg-main{border-radius:0;box-shadow:0 1px #140f3a14}.pdg-arrow{width:2.3rem;height:2.3rem}.pdg-arrow svg{width:1.15rem;height:1.15rem}.pdg-prev{left:.5rem}.pdg-next{right:.5rem}.pdg-thumbs{flex-direction:row;height:auto;min-height:0;margin:0;padding:4px 1rem;overflow:auto hidden}.pdg-thumb{border-radius:11px;width:3.25rem}.pdp-info{box-shadow:none;background:0 0;border-radius:0;gap:.65rem;padding:0}.pdp-title{font-size:clamp(1.8rem,8vw,2.4rem)}.pdp-starring{font-size:1.1rem}.pdp-price-now{font-size:1.7rem}.pdp-act{gap:.55rem;padding-block:.65rem}.pdp-name-input{padding-block:.6rem}.pdp-starring{margin-top:-.45rem}}@media (min-width:960px) and (max-width:1100px){.pdg{grid-template-columns:4rem minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.pdg-arrow,.pdg-thumb,button.pds-learn-card{transition:none}}.psn .book-order{gap:1.5rem;padding-top:2rem}.psn-head{flex-direction:column;gap:1rem;width:min(100%,44rem);margin-inline:auto;display:flex}.psn-back{color:var(--ink-soft);align-self:flex-start;align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.psn-back:hover{color:var(--ink)}.psn-back svg{width:1.1rem;height:1.1rem}.psn-book{align-items:center;gap:1rem;display:flex}.psn-cover{border-radius:4px 10px 10px 4px;flex:none;width:5.5rem;overflow:hidden;box-shadow:0 10px 24px #140f3a38}.psn-cover img{width:100%;height:auto;display:block}.psn-copy{flex-direction:column;align-items:flex-start;gap:.45rem;min-width:0;display:flex}.psn-copy .pdp-tag{background:color-mix(in oklab, var(--hue) 78%, black)}.psn-title{text-wrap:balance;margin:0;font-size:clamp(1.5rem,4.4vw,2.3rem);font-weight:700;line-height:1.06}