.pd__back-nav{position:fixed;top:var(--space-6);left:var(--space-6);z-index:50;mix-blend-mode:difference}@media(min-width:768px){.pd__back-nav{top:var(--space-8);left:var(--space-12)}}.pd__back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:#fff;opacity:.7;transition:opacity var(--duration-fast) var(--ease-out-expo)}.pd__back-link:hover{opacity:1}.pd__back-link svg{width:14px;height:14px;transition:transform var(--duration-normal) var(--ease-out-expo)}.pd__back-link:hover svg{transform:translate(-3px)}.pd__hero{position:relative;padding-top:var(--space-32);padding-bottom:0}.pd__hero-text{margin-bottom:var(--space-12);position:relative}@media(min-width:768px){.pd__hero-text{margin-bottom:var(--space-16)}}.pd__hero-index{display:flex;align-items:baseline;gap:4px;font-family:var(--font-display);font-size:.6875rem;font-weight:400;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-6);opacity:0;animation:pdFadeUp .8s var(--ease-out-expo) .1s forwards}.pd__hero-index-sep{opacity:.3;color:var(--text-secondary)}.pd__hero-index-total{color:var(--text-secondary);opacity:.5}.pd__title{font-family:var(--font-heading);font-size:clamp(3rem,10vw,6.5rem);font-weight:600;color:var(--text-primary);letter-spacing:-.04em;line-height:.95;max-width:14ch;opacity:0;animation:pdFadeUp .9s var(--ease-out-expo) .2s forwards}.pd__hero-meta{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6);font-family:var(--font-display);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);opacity:0;animation:pdFadeUp .8s var(--ease-out-expo) .35s forwards}.pd__meta-dot{width:4px;height:4px;border-radius:50%;background:var(--color-accent);flex-shrink:0}.pd__hero-image{width:100%;padding:0 var(--space-6);opacity:0;animation:pdRevealImage 1s var(--ease-out-expo) .5s forwards}@media(min-width:768px){.pd__hero-image{padding:0 var(--space-12)}}@media(min-width:1024px){.pd__hero-image{padding:0 var(--space-16)}}.pd__hero-image-inner{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-color);box-shadow:var(--shadow-lg),0 0 0 1px var(--border-color)}.pd__hero-image-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:32px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:2;display:flex;align-items:center}.pd__hero-image-inner:after{content:"";position:absolute;top:10px;left:12px;width:8px;height:8px;border-radius:50%;z-index:3;box-shadow:0 0 0 1px var(--border-color),16px 0 0 0 var(--bg-secondary),16px 0 0 1px var(--border-color),32px 0 0 0 var(--bg-secondary),32px 0 0 1px var(--border-color)}.pd__hero-image-inner img{width:100%;height:auto;display:block;margin-top:32px}.pd__info{padding:var(--space-20) 0}@media(min-width:768px){.pd__info{padding:var(--space-24) 0}}.pd__info-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12)}@media(min-width:768px){.pd__info-grid{grid-template-columns:1.8fr 1fr;gap:var(--space-20)}}.pd__info-label{font-family:var(--font-display);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-5)}.pd__info-text{font-size:1.0625rem;line-height:1.85;color:var(--text-secondary)}.pd__live-link{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-8);font-family:var(--font-display);font-size:.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);padding-bottom:2px;border-bottom:1px solid transparent;transition:border-color var(--duration-fast) var(--ease-out-expo)}.pd__live-link:hover{border-color:var(--color-accent)}.pd__live-link svg{width:14px;height:14px;transition:transform var(--duration-normal) var(--ease-out-expo)}.pd__live-link:hover svg{transform:translate(2px,-2px)}.pd__info-sidebar{display:flex;flex-direction:column;gap:var(--space-8)}.pd__info-value{font-size:.9375rem;font-weight:500;color:var(--text-primary);line-height:1.5}.pd__tech-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pd__tech-tag{display:inline-block;padding:var(--space-1) var(--space-3);font-family:var(--font-display);font-size:.6875rem;font-weight:500;letter-spacing:.04em;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo)}.pd__tech-tag:hover{border-color:var(--color-accent);color:var(--color-accent)}.pd__contributions{padding:var(--space-20) 0;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.pd__section-label{font-family:var(--font-display);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-12)}.pd__contributions-list{list-style:none;counter-reset:none;display:grid;grid-template-columns:1fr;gap:var(--space-1)}@media(min-width:768px){.pd__contributions-list{grid-template-columns:repeat(2,1fr);gap:var(--space-1)}}.pd__contribution{display:flex;gap:var(--space-5);padding:var(--space-6) var(--space-6);border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--border-color);transition:border-color var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo);opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo);transition-delay:calc(var(--i, 0) * .08s)}.pd__contribution.is-visible{opacity:1;transform:translateY(0)}.pd__contribution:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.pd__contribution-num{font-family:var(--font-display);font-size:.6875rem;font-weight:600;color:var(--color-accent);line-height:1.7;flex-shrink:0;opacity:.6}.pd__contribution p{font-size:.9375rem;line-height:1.7;color:var(--text-primary)}.pd__gallery{padding:var(--space-24) 0;border-top:1px solid var(--border-color)}.pd__gallery-header{display:flex;align-items:baseline;justify-content:space-between}.pd__gallery-count{font-family:var(--font-display);font-size:.6875rem;color:var(--text-secondary);letter-spacing:.04em}.pd__gallery-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:768px){.pd__gallery-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.pd__gallery-item--hero{grid-column:1 / -1}}.pd__gallery-item{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo);transition-delay:calc(var(--i, 0) * .06s)}.pd__gallery-item.is-visible{opacity:1;transform:translateY(0)}.pd__gallery-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);background:var(--card-bg);box-shadow:var(--shadow-md);transition:box-shadow var(--duration-normal) var(--ease-out-expo)}.pd__gallery-item:hover .pd__gallery-frame{box-shadow:var(--shadow-lg)}.pd__gallery-bar{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);height:28px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.pd__gallery-dots{display:flex;gap:5px}.pd__gallery-dots span{width:7px;height:7px;border-radius:50%;background:var(--border-color)}.pd__gallery-bar-title{font-family:var(--font-display);font-size:.5625rem;font-weight:500;letter-spacing:.04em;color:var(--text-secondary);opacity:.6}.pd__gallery-frame img{width:100%;height:auto;display:block}.pd__gallery-caption{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-4) 0;font-size:.8125rem;line-height:1.5;color:var(--text-secondary)}.pd__gallery-num{font-family:var(--font-display);font-size:.625rem;font-weight:500;color:var(--color-accent);opacity:.6;letter-spacing:.05em;flex-shrink:0}.pd__pager{border-top:1px solid var(--border-color)}.pd__pager-inner{display:flex;justify-content:space-between;gap:var(--space-6);padding-top:var(--space-16);padding-bottom:var(--space-16)}.pd__pager-link{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8) var(--space-8);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:0;max-width:48%;transition:border-color var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo),background-color var(--duration-normal) var(--ease-out-expo)}.pd__pager-link:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);background-color:var(--bg-secondary)}.pd__pager-link--next{text-align:right;margin-left:auto;align-items:flex-end}.pd__pager-dir{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent)}.pd__pager-dir svg{width:14px;height:14px;transition:transform var(--duration-normal) var(--ease-out-expo)}.pd__pager-link--prev:hover .pd__pager-dir svg{transform:translate(-3px)}.pd__pager-link--next:hover .pd__pager-dir svg{transform:translate(3px)}.pd__pager-name{font-family:var(--font-heading);font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}@keyframes pdFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pdRevealImage{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.pd__hero-index,.pd__title,.pd__hero-meta,.pd__hero-image{opacity:1;animation:none}.pd__gallery-item,.pd__contribution{opacity:1;transform:none}.pd__back-link:hover svg,.pd__pager-link--prev:hover .pd__pager-dir svg,.pd__pager-link--next:hover .pd__pager-dir svg,.pd__live-link:hover svg{transform:none}}