.pdp{width:100%;max-width:var(--site-max);color:#0b1b33;margin:0 auto;container-type:inline-size}.pdh{--d:calc(100cqw / 678);height:calc(424 * var(--d));position:relative}.pdh__disc-clip{inset:0 calc(var(--gut) * -1) auto 0;height:calc(379 * var(--d));pointer-events:none;position:absolute;overflow:hidden}.pdh__disc{right:calc(-267 * var(--d) + var(--gut));top:calc(-113 * var(--d));width:calc(606 * var(--d));height:calc(606 * var(--d));will-change:transform;background:#fdf3cc;border-radius:50%;position:absolute}.pdh__copy{z-index:2;left:calc(22 * var(--d));top:calc(58 * var(--d));width:calc(300 * var(--d));position:absolute}.pdh__crumbs{align-items:center;gap:calc(5 * var(--d));font-size:max(13px, calc(6.4 * var(--d)));color:#6a6f75;display:flex}.pdh__crumbs a{transition:color .2s}.pdh__crumbs a:hover{color:#0b1b33}.pdh__crumbs svg{width:max(6px, calc(3.4 * var(--d)));height:max(9px, calc(5 * var(--d)))}.pdh__title{margin-top:calc(26 * var(--d));font-size:max(40px, calc(35 * var(--d)));letter-spacing:-.012em;color:#0b1b33;font-weight:700;line-height:1.12}.pdh__line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.pdh__line-in{will-change:transform;display:inline-block}.pdh__sub{margin-top:calc(3 * var(--d));font-size:max(24px, calc(21.5 * var(--d)));color:#5f6368;font-weight:600;line-height:1.2}.pdh__lead{max-width:calc(284 * var(--d));margin-top:calc(8 * var(--d));font-size:max(16px, calc(11.4 * var(--d)));color:#63686e;line-height:1.25}.pdh__weight{margin-top:calc(8 * var(--d));font-size:max(26px, calc(23.5 * var(--d)));color:#0b1b33;font-weight:700;line-height:1.2}.pdh__plate{z-index:1;right:calc(25 * var(--d));top:calc(61 * var(--d));width:calc(280 * var(--d));aspect-ratio:830/753;will-change:transform;position:absolute}.pdh__plate-spin,.pdh__plate-img{position:absolute;inset:0}.pdh__plate-img img{object-fit:contain}.pdh__plate-img.is-cutout{filter:drop-shadow(0 calc(10 * var(--d)) calc(14 * var(--d)) #78601e2e)}.pdh__plate-img.is-drawn img{scale:1.08}.pdh__plate-img.is-round{border:calc(7 * var(--d)) solid #fbfaf6;box-shadow:0 calc(10 * var(--d)) calc(22 * var(--d)) #78601e38;border-radius:50%;inset:3% 6%;overflow:hidden}.pdh__plate-img.is-round img{object-fit:cover;transform:scale(1.12)}.pdh__picker{z-index:3;left:calc(22 * var(--d));top:calc(282 * var(--d));align-items:flex-start;gap:calc(11 * var(--d));display:flex;position:absolute}.pdh__arrow{margin-top:calc(48 * var(--d));min-width:34px;min-height:34px;width:calc(16 * var(--d));height:calc(16 * var(--d));color:#0b1b33;box-shadow:0 calc(1 * var(--d)) calc(4 * var(--d)) #0d22352e;cursor:pointer;background:#fff;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:scale .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:grid}.pdh__arrow:disabled{opacity:.35;cursor:default;scale:1}.pdh__arrow:hover:not(:disabled){box-shadow:0 calc(3 * var(--d)) calc(8 * var(--d)) #0d223538;scale:1.12}.pdh__arrow svg{width:32%;height:40%}.pdh__cards{width:calc(310 * var(--d));perspective:900px;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;position:relative}.pdh__cards.is-dragging{cursor:grabbing}.pdh__card{top:calc(8 * var(--d));width:calc(88 * var(--d));margin-left:calc(-44 * var(--d));will-change:transform;position:absolute;left:50%}.pdh__card img{-webkit-user-drag:none;pointer-events:none}.pdh__dots{display:none}.pdh__card-btn{--glow:0;--gx:50%;--gy:-30%;width:100%;height:100%;padding:calc(3 * var(--d)) calc(3 * var(--d)) calc(6 * var(--d));border-radius:calc(9 * var(--d));font:inherit;text-align:left;color:#0b1b33;cursor:pointer;box-shadow:0 calc(1 * var(--d)) calc(2 * var(--d)) #0d223514, 0 calc(6 * var(--d)) calc(16 * var(--d)) #0d223524;will-change:transform;background:#fff;border:0;flex-direction:column;transition:box-shadow .5s;display:flex;position:relative;overflow:hidden}.pdh__card.is-active .pdh__card-btn{box-shadow:0 0 0 max(2px, calc(1 * var(--d))) #ffc807, 0 0 0 calc(var(--glow) * 6 * var(--d)) rgba(255, 200, 7, calc(var(--glow) * .35)), 0 calc(10 * var(--d)) calc(22 * var(--d)) #e6aa0047}.pdh__card-btn:focus-visible{outline-offset:3px;outline:2px solid #0b1b33}.pdh__card-sheen{z-index:3;pointer-events:none;background:radial-gradient(circle at var(--gx) var(--gy), #ffffff73, #fff0 55%);mix-blend-mode:soft-light;opacity:0;transition:opacity .4s;position:absolute;inset:0}.pdh__card.is-active .pdh__card-btn:hover .pdh__card-sheen{opacity:1}.pdh__card-media{aspect-ratio:216/187;border-radius:calc(7 * var(--d));background:#f4f4f4;display:block;position:relative;overflow:hidden}.pdh__card-media:after{content:"";pointer-events:none;background:linear-gradient(#04162800,#04162847);position:absolute;inset:55% 0 0}.pdh__card-media img{object-fit:cover}.pdh__card-media.is-cutout{background:#fff}.pdh__card-media.is-cutout:after{display:none}.pdh__card-media.is-cutout img{object-fit:contain;padding:4%}.pdh__card-badge{z-index:1;left:calc(3 * var(--d));top:calc(3 * var(--d));padding:max(3px, calc(1.2 * var(--d))) max(7px, calc(2.8 * var(--d)));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:max(10px, calc(3 * var(--d)));letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#0d2235b8;border-radius:999px;font-weight:700;position:absolute}.pdh__card-weight{z-index:1;right:calc(3 * var(--d));bottom:calc(3 * var(--d));padding:max(3px, calc(1.2 * var(--d))) max(8px, calc(2.8 * var(--d)));font-size:max(11px, calc(3.6 * var(--d)));white-space:nowrap;color:#0b1b33;box-shadow:0 calc(1 * var(--d)) calc(3 * var(--d)) #0003;background:#ffc807;border-radius:999px;font-weight:700;position:absolute}.pdh__card-tick{z-index:4;right:calc(5 * var(--d));top:calc(5 * var(--d));width:max(22px, calc(7.5 * var(--d)));height:max(22px, calc(7.5 * var(--d)));color:#0b1b33;box-shadow:0 calc(1 * var(--d)) calc(3 * var(--d)) #00000040;background:#ffc807;border-radius:50%;place-items:center;display:grid;position:absolute}.pdh__card-tick svg{width:50%;height:50%}.pdh__card-name{margin:calc(5 * var(--d)) calc(2 * var(--d)) 0;font-size:max(13.5px, calc(4.4 * var(--d)));font-weight:700;line-height:1.3}.pdh__card-cut{margin:calc(2 * var(--d)) calc(2 * var(--d)) 0;padding:max(2px, calc(.8 * var(--d))) max(8px, calc(2.6 * var(--d)));font-size:max(12px, calc(3.8 * var(--d)));color:#7a5800;background:#fff4cc;border-radius:999px;align-self:flex-start;font-weight:600;line-height:1.35}.pdh__card-meta{margin:calc(3 * var(--d)) calc(2 * var(--d)) 0;font-size:max(11.5px, calc(3.6 * var(--d)));color:#6b7785;line-height:1.4}.pdh__card-name,.pdh__card-cut,.pdh__card-meta{transition:opacity .4s}.pdh__card:not(.is-active) .pdh__card-cut,.pdh__card:not(.is-active) .pdh__card-meta{opacity:0}.pdh__card:not(.is-active) .pdh__card-name{opacity:.55}.pdh__cards:after{content:"";left:18%;right:18%;bottom:calc(-4 * var(--d));height:calc(10 * var(--d));filter:blur(4px);pointer-events:none;z-index:-1;background:radial-gradient(closest-side,#0d223538,#0d223500);border-radius:50%;position:absolute}@media (max-width:767px){.pdh{--d:1px;flex-direction:column;height:auto;padding:12px 16px 36px;display:flex}.pdh__copy{width:auto;position:static}.pdh__title{margin-top:18px;font-size:40px}.pdh__lead{max-width:none}.pdh__disc-clip{height:360px;top:300px}.pdh__disc{width:360px;height:360px;top:0;right:-140px}.pdh__plate{width:88%;margin:20px auto 0;position:relative;top:auto;right:auto}.pdh__picker{margin-top:24px;display:block;position:relative;top:auto;left:auto}.pdh__arrow{z-index:5;min-width:38px;min-height:38px;margin:0;position:absolute;top:88px;box-shadow:0 4px 14px #0d223533}.pdh__arrow:first-child{left:-8px}.pdh__arrow:last-child{right:-8px}.pdh__cards{width:100%}.pdh__card{width:52%;margin-left:-26%;top:10px}.pdh__card-btn:hover{transform:none}.pdh__dots{justify-content:center;gap:8px;margin-top:4px;display:flex}.pdh__dot{background:#d9dde2;border-radius:999px;width:8px;height:8px;transition:width .45s cubic-bezier(.22,1,.36,1),background-color .3s}.pdh__dot.is-active{background:#ffc807;width:24px}}