.pdx{background:var(--cream)}.pdx-head{padding-block:clamp(120px,14vw,170px) clamp(28px,4vw,44px)}.pdx-head .wrap,.pdx-body,.pdx-svc{max-width:calc(760px + 2 * var(--gut))}.pdx-back{color:var(--ink);margin-bottom:26px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.pdx-back:hover{color:var(--peri)}.pdx-head h1{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin-top:10px;font-size:clamp(38px,5.2vw,66px);font-weight:500;line-height:1.02}.pdx-by{align-items:center;gap:12px;margin:26px 0 0;font-size:15px;display:flex}.pdx-by img{border:1.5px solid var(--ink);object-fit:cover;border-radius:50%;width:44px;height:44px}.pdx-by a{color:var(--ink);text-underline-offset:3px;font-weight:600}.pdx-body{color:var(--ink);padding-block:clamp(40px,6vw,70px) 20px;font-size:clamp(17px,1.25vw,19px);line-height:1.7}.pdx-body>*+*{margin-top:1.1em}.pdx-body p{margin-bottom:0}.pdx-body h2{font-family:var(--display);margin-top:1.8em;font-size:clamp(28px,3vw,38px);font-weight:500;line-height:1.12}.pdx-body h3{font-family:var(--display);margin-top:1.6em;font-size:clamp(22px,2.2vw,28px);font-weight:500;line-height:1.2}.pdx-body h4,.pdx-body h5,.pdx-body h6{margin-top:1.5em;font-size:1em;font-weight:700}.pdx-body h2+*,.pdx-body h3+*,.pdx-body h4+*{margin-top:.6em}.pdx-body a{color:var(--peri);text-underline-offset:3px;text-decoration-thickness:1.5px}.pdx-body a:hover{color:var(--ink)}.pdx-body strong{font-weight:700}.pdx-body ul,.pdx-body ol{padding-left:1.3em}.pdx-body li+li{margin-top:.45em}.pdx-body li p{margin:0}.pdx-body li::marker{color:var(--peri);font-weight:700}.pdx-body blockquote{border-left:4px solid var(--pink);font-family:var(--display);margin-inline:0;padding:4px 0 4px 24px;font-size:clamp(22px,2vw,27px);line-height:1.3}.pdx-body blockquote p{margin:0}.pdx-body hr{border:0;border-top:1.5px solid var(--rule);margin-block:2.4em}.pdx-body table{border-collapse:collapse;width:100%;font-size:.9em;line-height:1.45;display:block;overflow-x:auto}.pdx-body th,.pdx-body td{border:1px solid var(--rule);text-align:left;vertical-align:top;padding:10px 12px}.pdx-body tr:first-child td,.pdx-body th{background:var(--pink-pale);font-weight:700}.pdx-body td p,.pdx-body th p{margin:0}.pdx-body figure{margin-block:2em;margin-inline:0}.pdx-body figure img,.pdx-body figure video{border-radius:6px;width:100%;height:auto;display:block}.pdx-body figure.small{max-width:480px;margin-inline:auto}.pdx-body figcaption{font-family:var(--hand);color:var(--ink-soft);text-align:center;margin-top:10px;font-size:20px}.pdx-body .pgal{grid-template-columns:repeat(3,1fr);gap:10px;margin-block:2em;display:grid}.pdx-body .pgal img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;height:100%}.pdx-body .pbox{background:var(--pink-pale);border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:center;gap:20px;margin-block:2em;padding:clamp(20px,3vw,30px);display:grid}.pdx-body .pbox>div>*+*{margin-top:.8em}.pdx-body .pbox img{border-radius:10px}.pdx-body .pbtn a.btn{color:var(--white);text-decoration:none}.pdx-svc{padding-block:clamp(40px,6vw,70px) clamp(70px,9vw,110px)}.pdx-svc a{color:var(--ink);background:var(--white);border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--peri);border-radius:22px;grid-template-columns:96px 1fr auto;align-items:center;gap:clamp(16px,2.4vw,28px);padding:clamp(18px,2.6vw,28px);text-decoration:none;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:grid}.pdx-svc a:hover{transform:rotate(-.6deg)}.pdx-svc .ic{color:var(--peri);line-height:0}.pdx-svc .ic svg{width:100%;height:auto}.pdx-svc .lab2{margin-bottom:4px}.pdx-svc b{font-family:var(--display);font-size:clamp(24px,2.4vw,32px);font-weight:500;line-height:1.1;display:block}.pdx-svc .tx>span:last-child{color:var(--ink-soft);margin-top:4px;display:block}.pdx-svc .go{white-space:nowrap;font-size:15px;font-weight:700}.pdx-more{background:var(--white);border-top:1.5px solid var(--ink);padding-block:clamp(70px,9vw,110px)}.pdx-more .row{grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.6vw,34px);margin-top:18px;display:grid}.pdx-more .xc{aspect-ratio:4/3.4}@media (width<=760px){.pdx-svc a{grid-template-columns:64px 1fr}.pdx-svc .go{grid-column:1/-1}.pdx-more .row{grid-template-columns:1fr}.pdx-body .pgal{grid-template-columns:repeat(2,1fr)}}.pdx .pdx-more+.jdx-close:before{background-image:radial-gradient(circle at 22px 0, var(--white) 21.5px, transparent 22.5px)}
