/* css/project.css */
.pd-root{display:block}.pd{padding:0 var(--pad) clamp(48px,6vw,96px);overflow-x:clip}.pd-noscript{padding:48px var(--pad)}.pd-top{padding:clamp(14px,1.8vw,22px) 0 clamp(12px,1.6vw,18px)}.pd-back svg,.pd-pn svg{flex:none}.pd-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(32px,4.5vw,84px);align-items:start;min-width:0;max-width:100%}.pd-gallery{position:relative;width:100%;min-width:0;max-width:100%;overflow:hidden;--px: -6px;--py: -6px}.pd-stage{position:relative;width:100%;aspect-ratio:3 / 2;max-height:clamp(420px,calc(100vh - 180px),900px);background:var(--paper);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.pd-stage:active{cursor:grabbing}.pd-stage:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.pd-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--teal);transform-origin:left center;transform:scaleX(0);z-index:5;pointer-events:none}.pd-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .8s var(--ease),visibility 0s .8s}.pd-slide.is-active{opacity:1;visibility:visible;transition:opacity .8s var(--ease),visibility 0s}.pd-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .7s var(--ease);-webkit-user-drag:none;pointer-events:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.pd-slide img.is-in,[data-prerendered] .pd-slide.is-active img{opacity:1}.pd-gallery.is-contain .pd-slide img{object-fit:contain}.pd-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px}.pd-count{font-variant-numeric:tabular-nums;color:var(--steel)}.pd-count b{font-weight:var(--fw-medium)}.pd-arrows{display:flex;align-items:center;gap:8px}.pd-arrow{width:44px;height:44px}.pd-arrow:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.pd-arrow[aria-pressed=true]{background:var(--steel);border-color:var(--steel);color:var(--white)}.pd-thumbs{display:flex;gap:8px;overflow-x:auto;max-width:100%;margin:0;padding:12px 0 6px;scrollbar-width:thin;scrollbar-color:var(--steel) transparent;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.pd-thumb{position:relative;flex:none;width:clamp(84px,9vw,140px);aspect-ratio:3 / 2;background:var(--paper);overflow:hidden;opacity:.62;transition:opacity .3s;border:0;padding:0;cursor:pointer}.pd-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pd-thumb:after{content:"";position:absolute;inset:0;border:2px solid var(--teal);opacity:0;transition:opacity .4s var(--ease);pointer-events:none}.pd-thumb:hover,.pd-thumb[aria-current=true]{opacity:1}.pd-thumb[aria-current=true]:after{opacity:1}.pd-thumb:focus-visible{outline:2px solid var(--teal);outline-offset:-2px;opacity:1}.pd--single .pd-bar,.pd--single .pd-thumbs,.pd--single .pd-progress{display:none}.pd--single .pd-stage{cursor:default}.pd-details{min-width:0;max-width:100%;display:flex;flex-direction:column;gap:clamp(16px,2.2vw,28px)}.pd-head{padding:0;display:grid;gap:clamp(10px,1.2vw,16px);justify-items:start}.pd-title{font-size:clamp(2rem,3.2vw,3.8rem);line-height:.96;letter-spacing:-.03em;max-width:18ch}.pd-disc{font-family:var(--display);font-weight:var(--fw-light);font-size:clamp(1.15rem,1.6vw,1.55rem);line-height:1.2;letter-spacing:-.015em;color:var(--teal)}.pd-chips{margin-top:4px}.pd-chips .chip{text-decoration:none}.pd-body{position:relative;display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px);padding:clamp(18px,2vw,26px) 0 0;border-top:1px solid var(--hair);align-items:stretch}.pd-facts{margin:0;display:grid;grid-template-columns:1fr;gap:0}.pd-facts>div{display:grid;grid-template-columns:minmax(75px,110px) 1fr;gap:6px 16px;padding:11px 0;border-top:1px solid var(--hair-strong)}.pd-facts>div:first-child{border-top:0;padding-top:0}.pd-facts dt{padding-top:.35em}.pd-facts dd{margin:0;font-family:var(--display);font-weight:var(--fw-light);font-size:clamp(1.05rem,1.35vw,1.25rem);line-height:1.3;letter-spacing:-.005em;color:var(--steel);overflow-wrap:anywhere;text-wrap:balance}.pd-desc{line-height:var(--lh-body);color:var(--ink);font-size:clamp(.95rem,1.05vw,1.08rem)}.pd-desc p+p{margin-top:.85em}.pd-desc p{text-wrap:pretty}.pd-plain{color:var(--ink)}.pd-pn{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(16px,3vw,48px);border-top:1px solid var(--hair-strong);margin-top:clamp(40px,6vw,72px)}.pd-pn__a{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"t l" "t n";gap:4px 18px;align-items:center;padding:clamp(22px,3vw,36px) 0;text-decoration:none;color:var(--steel);min-height:44px}.pd-pn__a--next{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l t" "n t";text-align:right}.pd-pn__t{grid-area:t;width:clamp(72px,9vw,128px);aspect-ratio:3 / 2;overflow:hidden;background:var(--paper)}.pd-pn__t img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.pd-pn__l{grid-area:l;display:inline-flex;align-items:center;gap:10px;align-self:end}.pd-pn__a--next .pd-pn__l{justify-self:end}.pd-pn__n{grid-area:n;align-self:start;font-family:var(--display);font-weight:var(--fw-light);font-size:clamp(1.3rem,2.6vw,2.4rem);line-height:1.08;letter-spacing:-.02em;transition:color .3s,transform .6s var(--ease);text-wrap:balance}.pd-pn__a:hover .pd-pn__n,.pd-pn__a:focus-visible .pd-pn__n{color:var(--teal)}.pd-pn__a:hover .pd-pn__t img,.pd-pn__a:focus-visible .pd-pn__t img{transform:scale(1.06)}.pd-pn__a:focus-visible{outline-offset:-3px}.pd-all{position:relative;display:flex;justify-content:center;padding:clamp(22px,3vw,36px) 0 0;border-top:1px solid var(--hair)}.pd-pn:after,.pd-all:after{content:"";position:absolute;left:-6px;right:-6px;top:-7px;height:var(--mark);background:var(--marks);pointer-events:none}.pd-nf{padding:clamp(56px,9vw,140px) var(--pad) clamp(72px,10vw,160px);display:grid;gap:clamp(18px,2.4vw,32px);justify-items:start}.pd-nf__title{font-size:var(--fs-title-sm);line-height:.94;letter-spacing:-.035em;max-width:14ch}.pd-nf p{max-width:var(--measure-lead)}@media(max-width:950px){.pd-layout{display:flex;flex-direction:column;gap:20px;width:100%}.pd-details{display:contents}.pd-head{order:1;gap:8px;width:100%}.pd-title{font-size:clamp(2rem,5.5vw,3.2rem)}.pd-gallery{order:2;width:100%}.pd-stage{aspect-ratio:16 / 10;max-height:none;height:auto;width:100%}.pd-body{order:3;padding-top:18px;width:100%}}@media(max-width:700px){.pd-pn{grid-template-columns:1fr}.pd-pn__a--next{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"t l" "t n";text-align:left;border-top:1px solid var(--hair)}.pd-pn__a--next .pd-pn__l{justify-self:start}.pd-pn__a--next .pd-pn__t{order:0}}@media(max-width:480px){.pd-stage{aspect-ratio:4 / 3}}@media(prefers-reduced-motion:reduce){.pd-slide,.pd-slide.is-active,.pd-slide img,.pd-thumb,.pd-thumb:after{transition-duration:.01ms!important;transition-delay:0s!important}.pd-progress{display:none!important}}
