:root{--pdd-d-max: 1240px;--pdd-d-pad: clamp(4rem, 3rem + 5vw, 7.5rem)}.pdd-work__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:clamp(1.25rem,2.5vw,2rem);margin:0;padding:0;list-style:none}.pdd-work-card{min-width:0}.js [data-pdd-portfolio]:not(.is-ready) [data-beyond]{display:none}.pdd-work-card__link{display:flex;flex-direction:column;gap:1rem;color:var(--pdd-ink);text-decoration:none}.pdd-work-card__frame{display:block;overflow:hidden;border:1px solid rgba(80,75,71,.14);border-radius:var(--pdd-radius-m);background:#fff;box-shadow:0 1px 2px #1f1f1f0d,0 24px 48px -32px #504b478c;transition:transform var(--pdd-ease),box-shadow var(--pdd-ease)}.pdd-work-card__bar{display:flex;align-items:center;gap:.35rem;height:2rem;padding-inline:.8rem;border-bottom:1px solid rgba(80,75,71,.1);background:#f6f1f0}.pdd-work-card__bar i{width:.55rem;height:.55rem;border-radius:50%;background:#ddcfcd}.pdd-work-card__bar i:first-child{background:var(--pdd-pink)}.pdd-work-card__host{overflow:hidden;margin-left:.6rem;color:#635c57;font-size:.75rem;white-space:nowrap;text-overflow:ellipsis}.pdd-work-card__screen{position:relative;display:block;aspect-ratio:4 / 4.6;overflow:hidden;background:#f3eeec}.pdd-work-card__shot{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(0);transition:top 4.5s cubic-bezier(.45,0,.55,1),transform 4.5s cubic-bezier(.45,0,.55,1)}.pdd-work-card__link:hover .pdd-work-card__shot,.pdd-work-card__link:focus-visible .pdd-work-card__shot{top:100%;transform:translateY(-100%)}.pdd-work-card__link:hover .pdd-work-card__frame,.pdd-work-card__link:focus-visible .pdd-work-card__frame{transform:translateY(-4px);box-shadow:0 1px 2px #1f1f1f0d,0 32px 60px -30px #504b4799}.pdd-work-card__link:focus-visible{outline:none}.pdd-work-card__link:focus-visible .pdd-work-card__frame{outline:3px solid var(--pdd-rose);outline-offset:4px}.pdd-work-card__placeholder{display:grid;place-items:center;height:100%;color:#504b474d}.pdd-work-card__body{display:grid;gap:.2rem;padding-inline:.25rem}.pdd-work-card__title{margin:0;color:var(--pdd-charcoal);font-size:1.1875rem;line-height:1.25}.pdd-work-card__link:hover .pdd-work-card__title{text-decoration:underline;text-decoration-color:var(--pdd-pink);text-decoration-thickness:2px;text-underline-offset:.2em}.pdd-work-card__meta{color:#6b645f;font-size:.9375rem}.pdd-work__filters{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.pdd-work__more{margin:clamp(2rem,4vw,3rem) 0 0;text-align:center}.pdd-work-page__body{max-width:calc(var(--pdd-d-max) + 2 * var(--pdd-gutter));margin-inline:auto;padding:clamp(2.5rem,5vw,4rem) var(--pdd-gutter) var(--pdd-d-pad)}.pdd-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.pdd-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:2.75rem;padding:.4rem 1rem;border:1px solid var(--pdd-line);border-radius:var(--pdd-radius-pill);background:#fff;color:var(--pdd-charcoal);font-size:.9375rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color var(--pdd-ease),border-color var(--pdd-ease),color var(--pdd-ease)}.pdd-chip:hover{border-color:var(--pdd-charcoal)}.pdd-chip[aria-current]{border-color:var(--pdd-charcoal);background:var(--pdd-charcoal);color:#fff}.pdd-chip .pdd-chips__count{min-width:1.5rem;padding:.05rem .45rem;border-radius:var(--pdd-radius-pill);background:var(--pdd-mist);color:var(--pdd-charcoal);font-size:.8125rem;text-align:center}.pdd-chip[aria-current] .pdd-chips__count{background:#fff3;color:#fff}.pdd-ncard{position:relative;display:grid;grid-template-columns:7rem minmax(0,1fr);gap:1rem;align-items:start;color:var(--pdd-ink)}@media (min-width: 640px){.pdd-ncard{grid-template-columns:minmax(12rem,.42fr) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.25rem);align-items:center}}.pdd-ncard__media{position:relative;aspect-ratio:1;overflow:hidden;border-radius:var(--pdd-radius-m);background:var(--pdd-blush)}@media (min-width: 640px){.pdd-ncard__media{aspect-ratio:3 / 2}}.pdd-ncard__img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.1,1)}.pdd-ncard:hover .pdd-ncard__img{transform:scale(1.03)}.pdd-ncard__placeholder{display:grid;place-items:center;height:100%;color:#504b474d}.pdd-ncard__body{display:grid;gap:.5rem;min-width:0}.pdd-ncard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;margin:0;color:#6b645f;font-size:.875rem;font-weight:500}.pdd-ncard__cat{color:var(--pdd-rose-deep);font-weight:700}.pdd-ncard__title{margin:0;color:var(--pdd-charcoal);font-size:clamp(1.125rem,1rem + .5vw,1.4375rem);line-height:1.25;letter-spacing:-.01em}.pdd-ncard__link{color:inherit;text-decoration:none}.pdd-ncard__link:after{content:"";position:absolute;inset:0}.pdd-ncard:hover .pdd-ncard__link,.pdd-ncard__link:focus-visible{text-decoration:underline;text-decoration-color:var(--pdd-pink);text-decoration-thickness:2px;text-underline-offset:.2em}.pdd-ncard__link:focus-visible{outline:none}.pdd-ncard:has(.pdd-ncard__link:focus-visible){outline:3px solid var(--pdd-rose);outline-offset:6px;border-radius:var(--pdd-radius-s)}.pdd-ncard__excerpt{display:-webkit-box;margin:0;overflow:hidden;color:#4a4541;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 639.98px){.pdd-ncard--row .pdd-ncard__excerpt{display:none}}.pdd-ncard--feature{grid-template-columns:minmax(0,1fr)}@media (min-width: 900px){.pdd-ncard--feature{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.pdd-ncard--feature .pdd-ncard__media{aspect-ratio:3 / 2;border-radius:var(--pdd-radius-l)}.pdd-ncard--feature .pdd-ncard__title{font-size:clamp(1.625rem,1.2rem + 1.6vw,2.5rem);line-height:1.1}.pdd-ncard--feature .pdd-ncard__excerpt{-webkit-line-clamp:3;font-size:1.0625rem}.pdd-news__body{max-width:calc(76rem + 2 * var(--pdd-gutter));margin-inline:auto}.pdd-news__heading{margin:0 0 clamp(1.25rem,2.5vw,1.75rem);color:var(--pdd-charcoal);font-size:clamp(1.625rem,1.3rem + 1.3vw,2.375rem);line-height:1.1;letter-spacing:-.02em}.pdd-news__featured{margin-bottom:clamp(3rem,6vw,4.5rem);padding-bottom:clamp(3rem,6vw,4.5rem);border-bottom:1px solid var(--pdd-line)}.pdd-news__featured-grid{display:grid;gap:1.75rem;margin:0;padding:0;list-style:none}.pdd-news__featured-grid .pdd-ncard--feature{grid-template-columns:minmax(0,1fr);align-items:start}.pdd-news__featured-grid .pdd-ncard--feature .pdd-ncard__title{font-size:clamp(1.625rem,1.2rem + 1.4vw,2.375rem)}@media (min-width: 900px){.pdd-news__featured-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:2rem clamp(2rem,4vw,3.5rem)}.pdd-news__featured-grid>li:first-child{grid-row:1 / span 2}.pdd-news__featured-grid>li+li .pdd-ncard{grid-template-columns:minmax(0,1fr);gap:1rem}.pdd-news__featured-grid>li+li+li{padding-top:2rem;border-top:1px solid var(--pdd-line)}.pdd-news__featured-grid>li+li .pdd-ncard__excerpt{-webkit-line-clamp:2}}@media (min-width: 1200px){.pdd-news__featured-grid>li+li .pdd-ncard{grid-template-columns:minmax(10rem,.8fr) minmax(0,1fr);gap:1.5rem}}@media (min-width: 640px){.pdd-news__list .pdd-ncard{grid-template-columns:clamp(11rem,18vw,15rem) minmax(0,1fr)}}.pdd-news__list>li{padding-block:clamp(1.1rem,2vw,1.5rem)}.pdd-news__title:focus{outline:none}.pdd-news__body{padding:clamp(1.5rem,3vw,2.25rem) var(--pdd-gutter) var(--pdd-d-pad)}.pdd-news__topics{margin-bottom:1.25rem}@media (max-width: 767.98px){.pdd-news__topics .pdd-chips{flex-wrap:nowrap;margin-inline:calc(-1 * var(--pdd-gutter));padding:.25rem var(--pdd-gutter);overflow-x:auto;scrollbar-width:none;scroll-padding-inline:var(--pdd-gutter)}.pdd-news__topics .pdd-chips::-webkit-scrollbar{display:none}}.pdd-news__filters{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding-bottom:1.25rem;border-bottom:1px solid var(--pdd-line)}.pdd-news__search{position:relative;flex:1 1 18rem}.pdd-news__search input[type=search]{min-height:3rem;padding-inline:2.75rem 2.75rem;border-radius:var(--pdd-radius-pill);background:var(--pdd-mist);border-color:transparent}.pdd-news__search input[type=search]:focus-visible{background:#fff}.pdd-news__search-icon{position:absolute;top:50%;left:1rem;color:#6b645f;transform:translateY(-50%);pointer-events:none}.pdd-news__clear{position:absolute;top:50%;right:.4rem;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;color:var(--pdd-charcoal);transform:translateY(-50%)}.pdd-news__clear:hover{background:var(--pdd-blush)}.pdd-news__sort{display:flex;align-items:center;gap:.5rem}.pdd-news__sort label{color:#4a4541;font-weight:600}.pdd-news__sort label{cursor:pointer}.pdd-news__sort select{width:auto;min-height:3rem;padding:.5rem 2.9rem .5rem 1.25rem;border:1px solid var(--pdd-line);border-radius:var(--pdd-radius-pill);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23504b47' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 1.1rem center / 1rem no-repeat;color:var(--pdd-charcoal);font-weight:600;cursor:pointer;-webkit-appearance:none;appearance:none;transition:border-color var(--pdd-ease),background-color var(--pdd-ease),box-shadow var(--pdd-ease)}.pdd-news__sort select:hover{border-color:var(--pdd-charcoal);background-color:var(--pdd-mist)}.pdd-news__sort select:focus-visible{border-color:var(--pdd-charcoal);outline:3px solid var(--pdd-rose);outline-offset:2px}@supports (appearance: base-select){.pdd-news__sort select,.pdd-news__sort select::picker(select){appearance:base-select}.pdd-news__sort select{display:inline-flex;align-items:center}.pdd-news__sort select::picker-icon{display:none}.pdd-news__sort select::picker(select){margin-top:.4rem;padding:.4rem;border:1px solid var(--pdd-line);border-radius:1rem;background:#fff;box-shadow:0 2px 4px #504b470f,0 24px 48px -24px #504b4780}.pdd-news__sort option{padding:.6rem .9rem;border-radius:.65rem;color:var(--pdd-charcoal);font-weight:500;cursor:pointer}.pdd-news__sort option::checkmark{display:none}.pdd-news__sort option:hover,.pdd-news__sort option:focus-visible{background:var(--pdd-mist);outline:none}.pdd-news__sort option:checked{background:var(--pdd-blush);font-weight:700}}.js .pdd-news__apply{display:none}.pdd-news__status{margin:1.25rem 0 0;color:#6b645f;font-size:.9375rem;font-weight:500}.pdd-news__results{transition:opacity .2s ease}.pdd-news.is-loading .pdd-news__results{opacity:.45}.pdd-news__list{margin:0;padding:0;list-style:none}.pdd-news__list>li{border-bottom:1px solid var(--pdd-line)}.pdd-news__list>li:has(.pdd-ncard--feature){padding-block:clamp(1.5rem,3vw,2.5rem)}.pdd-news__pages ul{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;list-style:none}.pdd-news__pages .page-numbers{display:inline-grid;place-items:center;min-width:2.75rem;min-height:2.75rem;padding:0 .75rem;border:1px solid var(--pdd-line);border-radius:var(--pdd-radius-pill);color:var(--pdd-charcoal);font-weight:600;text-decoration:none}.pdd-news__pages a.page-numbers:hover{border-color:var(--pdd-charcoal)}.pdd-news__pages .page-numbers.current{border-color:var(--pdd-charcoal);background:var(--pdd-charcoal);color:#fff}.pdd-news__pages .page-numbers.dots{border-color:transparent}.pdd-news__empty{padding:clamp(2rem,5vw,4rem) 0;text-align:center}.pdd-news__empty p:first-child{max-width:44ch;margin-inline:auto;font-size:1.125rem}.pdd-project__header{display:grid;gap:clamp(2rem,4vw,4rem);max-width:calc(var(--pdd-d-max) + 2 * var(--pdd-gutter));margin-inline:auto;padding:clamp(2.5rem,5vw,4.5rem) var(--pdd-gutter)}@media (min-width: 960px){.pdd-project__header{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.pdd-project__intro{position:sticky;top:calc(var(--pdd-header-h) + var(--pdd-admin-bar) + 2rem)}}.pdd-project__eyebrow{margin:0 0 .75rem;color:var(--pdd-rose-ink, #8a454a);font-weight:600}.pdd-project__title{margin:0;font-size:clamp(2.25rem,1.5rem + 3vw,4rem);line-height:1.02;letter-spacing:-.03em}.pdd-project__content{margin-top:1.5rem;max-width:56ch}.pdd-project__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.pdd-project__device{overflow:hidden;border:1px solid rgba(80,75,71,.14);border-radius:var(--pdd-radius-l);background:#fff;box-shadow:0 40px 80px -40px #504b4780}.pdd-project__screen{max-height:min(80svh,56rem);overflow-y:auto;overscroll-behavior:contain}.pdd-project__shot{display:block;width:100%;height:auto}.pdd-project__related{max-width:calc(var(--pdd-d-max) + 2 * var(--pdd-gutter));margin-inline:auto;padding:clamp(2rem,4vw,3.5rem) var(--pdd-gutter) var(--pdd-d-pad);border-top:1px solid var(--pdd-line)}.pdd-project__related h2{margin-bottom:2rem}@media (prefers-reduced-motion: reduce){.pdd-work-card__shot{transition:none}.pdd-work-card__link:hover .pdd-work-card__shot,.pdd-work-card__link:focus-visible .pdd-work-card__shot{top:0;transform:none}}