
#pk-home-work-selected .pk-index-layout{grid-template-columns:minmax(200px,.8fr) minmax(0,2.2fr);gap:4.5%}
#pk-home-work-selected .pk-index-nav{min-width:0}
#pk-home-work-selected .pk-project-select>span:nth-child(2){font-size:clamp(18px,1.65cqw,26px);letter-spacing:-.03em}
#pk-home-work-selected .pk-gallery{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:18px;margin-bottom:28px}
#pk-home-work-selected .pk-gallery figure{margin:0;min-width:0;display:flex;flex-direction:column}
#pk-home-work-selected .pk-gallery .pk-gallery-cover{grid-row:span 2}
#pk-home-work-selected .pk-gallery .pk-gallery-open{display:flex;position:relative;justify-content:center;align-items:center;min-width:0;overflow:hidden;background:transparent;border:0;text-decoration:none}
#pk-home-work-selected .pk-gallery-cover .pk-gallery-open{flex:1;padding:0}
#pk-home-work-selected .pk-gallery img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .5s cubic-bezier(.22,1,.36,1)}
#pk-home-work-selected .pk-gallery-open:hover img{transform:scale(1.015)}
#pk-home-work-selected .pk-gallery-open:focus-visible{outline:2px solid #f4f4f1;outline-offset:5px}
#pk-home-work-selected .pk-gallery figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:13px 0 0;color:#f4f4f1;font-size:12px;line-height:1.5}
#pk-home-work-selected .pk-gallery figcaption span:last-child{color:#a6a6a3;font-size:11px}
#pk-home-work-selected .pk-gallery-zoom{position:absolute;bottom:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;background:#111e;border:1px solid #ffffff40;color:#f4f4f1;transition:background .2s}
#pk-home-work-selected .pk-gallery-open:hover .pk-gallery-zoom{background:#292929}
#pk-home-work-selected .pk-index-panel[data-project="academy-aylin"] .pk-project-meta{font-size:10px}
#pk-home-work-selected .pk-index-panel[data-project="academy-aylin"] .pk-project-title{font-size:clamp(30px,3.25cqw,48px);letter-spacing:-.035em}
#pk-home-work-selected .pk-index-panel[data-project="academy-aylin"] .pk-project-text{max-width:64ch}
#pk-home-work-selected .pk-index-panel[data-project="academy-aylin"] .pk-project-note{max-width:86ch;font-size:11px}
#projekt-index{scroll-margin-top:28px}
.pk-image-viewer{box-sizing:border-box;position:fixed;inset:0;width:calc(100% - 48px);max-width:1560px;height:calc(100dvh - 48px);max-height:none;padding:0;margin:auto;background:#111;color:#f4f4f1;border:1px solid #ffffff35;font:400 14px/1.5 "PK Hero Inter",Arial,sans-serif;overflow:hidden}
.pk-image-viewer::backdrop{background:#000e}
.pk-image-viewer *{box-sizing:border-box}
.pk-image-viewer-inner{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.pk-image-viewer header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-bottom:1px solid #ffffff26}
.pk-image-viewer h2{margin:3px 0 0;font-weight:500;font-size:23px;letter-spacing:-.025em;line-height:1.2}
.pk-image-viewer header p{margin:0;color:#aaa;font-size:12px}
.pk-image-viewer button,.pk-image-viewer a{color:inherit;font:inherit}
.pk-image-close{flex:none;display:grid;place-items:center;width:44px;height:44px;background:transparent;border:1px solid #ffffff40;cursor:pointer}
.pk-image-canvas{display:flex;align-items:center;justify-content:center;min-height:0;background:#030303;padding:20px;overflow:auto}
.pk-image-canvas img{display:block;max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}
.pk-image-viewer footer{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px 24px;border-top:1px solid #ffffff26}
.pk-image-viewer nav{display:flex;gap:8px;flex-wrap:wrap}
.pk-image-viewer nav button{cursor:pointer;min-height:44px;background:transparent;border:1px solid #ffffff40;padding:10px 16px}
.pk-image-viewer nav button[aria-pressed="true"]{background:#f4f4f1;color:#111;border-color:#f4f4f1}
.pk-image-original{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
.pk-image-viewer :where(button,a):focus-visible{outline:2px solid #f4f4f1;outline-offset:4px}
.pk-image-viewer ::selection{background:#f4f4f1;color:#111}
@container pk-sections (width<=1050px){#pk-home-work-selected .pk-index-layout{grid-template-columns:minmax(170px,.8fr) minmax(0,2.2fr);gap:4%}#pk-home-work-selected .pk-gallery{gap:12px}#pk-home-work-selected .pk-gallery-cover .pk-gallery-open{padding:0}}
@container pk-sections (width<=700px){#pk-home-work-selected .pk-index-layout{display:flex;gap:30px}#pk-home-work-selected .pk-project-select>span:nth-child(2){font-size:16px}#pk-home-work-selected .pk-gallery{grid-template-columns:minmax(0,1fr);gap:28px;margin-bottom:30px}#pk-home-work-selected .pk-gallery .pk-gallery-cover{grid-row:auto}#pk-home-work-selected .pk-gallery-cover .pk-gallery-open{padding:0}#pk-home-work-selected .pk-gallery figcaption{font-size:13px}#pk-home-work-selected .pk-gallery-zoom{width:40px;height:40px}#pk-home-work-selected .pk-index-panel[data-project="academy-aylin"] .pk-project-meta{font-size:9px}#pk-home-work-selected .pk-index-panel[data-project="academy-aylin"] .pk-project-note{font-size:11px}}
@media(max-width:700px){.pk-image-viewer{width:100%;height:100dvh;border:0}.pk-image-viewer header{padding:16px}.pk-image-viewer h2{font-size:20px}.pk-image-canvas{padding:8px}.pk-image-viewer footer{flex-direction:column;align-items:flex-start;padding:12px 16px;gap:4px}.pk-image-viewer nav{width:100%}.pk-image-viewer nav button{padding:10px 12px;flex:1}.pk-image-original{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){#pk-home-work-selected .pk-gallery img,#pk-home-work-selected .pk-gallery-zoom{transition:none}}
@media(forced-colors:active){#pk-home-work-selected .pk-gallery-open,.pk-image-viewer,.pk-image-viewer button{border-color:canvastext}}

#pk-home-work-selected .pk-gallery-pair{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
#pk-home-work-selected .pk-gallery-pair .pk-gallery-cover{grid-row:auto}
#pk-home-work-selected .pk-gallery-pair .pk-gallery-open{flex:1;padding:0}
#pk-home-work-selected .pk-gallery-pair .pk-gallery-logo .pk-gallery-open{padding:0}
#pk-home-work-selected .pk-gallery-note{font-size:12px;line-height:1.6;color:#aaa;margin-top:12px}
@container pk-sections (width<=700px){#pk-home-work-selected .pk-gallery-pair{grid-template-columns:minmax(0,1fr)}#pk-home-work-selected .pk-gallery-pair .pk-gallery-open{padding:0}#pk-home-work-selected .pk-gallery-pair .pk-gallery-logo .pk-gallery-open{padding:0;min-height:0}}

#pk-home-work-selected .pk-gallery figcaption .pk-gallery-note{flex-basis:100%;margin-top:8px}
