/* The actual project is the centrepiece; the controls remain a quiet index. */
.copy.works{top:17svh}
.works h2{font-size:clamp(32px,3.2vw,64px);margin-bottom:22px}
html[data-portfolio-project="0"] .works h2{font-size:clamp(28px,2.7vw,52px);margin-bottom:22px}
html[data-portfolio-project="0"] .works .project-description{font-size:clamp(38px,3.6vw,68px);margin-bottom:8px}
html[data-portfolio-project="0"] .works .project-category{font-size:17px;margin-bottom:14px;max-width:330px}
.vlentu-case{pointer-events:auto;max-width:360px;margin-top:20px}
.vlentu-case[hidden]{display:none}
.case-scene-tabs{display:flex;border-bottom:1px solid #c0a17a45;gap:18px}
.case-scene-tabs button{font:inherit;font-size:14px;color:#a5a29b;border:0;background:none;padding:10px 0;position:relative;cursor:pointer}
.case-scene-tabs button::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#edd0a6;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.case-scene-tabs button[aria-pressed=true]{color:#fff0d7}
.case-scene-tabs button[aria-pressed=true]::after,.case-scene-tabs button:hover::after{transform:scaleX(1)}
.case-scene-tabs button:hover{color:#edd0a6}
.case-scene-description{font-size:15px;line-height:1.6;color:#b9b7ae;margin:15px 0;min-height:72px}
.case-expand{font:inherit;font-size:15px;border:0;border-bottom:1px solid #c5aa8050;background:none;color:#f4e4c9;padding:9px 0;cursor:pointer;display:flex;align-items:center;gap:22px}
.case-expand span{display:inline-block;transition:transform .35s}.case-expand:hover span{transform:translate(4px,-4px)}
.works .project-nav{margin:18px 0 16px}
.case-viewer-open{overflow:hidden}
.case-viewer{background:#101214;color:#eee8dc;border:1px solid #bfa27c45;padding:0;width:min(1420px,94vw);max-width:94vw;max-height:94svh;overflow:auto;box-shadow:0 30px 140px #000b}
.case-viewer::backdrop{background:#030405d9}
.case-viewer[open]{animation:case-open .4s cubic-bezier(.2,.8,.2,1)}
.case-viewer-shell{padding:26px 32px}
.case-viewer-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px}
.case-viewer-kicker{font-size:11px;letter-spacing:.12em;color:#b6a387}
.case-viewer h2{margin:9px 0 0;font-size:29px;letter-spacing:-.045em;font-weight:500;display:flex;align-items:center;gap:28px}
.case-viewer h2 span{font-size:14px;color:#aaa99f;letter-spacing:0;font-weight:400}
.case-viewer-close{border:1px solid #a8997b60;border-radius:50%;background:transparent;color:#ead8bc;width:43px;height:43px;font-size:19px;cursor:pointer;transition:rotate .3s,background .3s}
.case-viewer-close:hover{rotate:90deg;background:#ead8bc20}
.case-viewer-stage{background:#080b0d;border:1px solid #c6ab8050;overflow:hidden}
.case-viewer-image{display:block;width:100%;height:auto;max-height:57svh;object-fit:contain;animation:case-image-in .4s ease}
.case-viewer-bottom{display:flex;justify-content:space-between;gap:24px;padding:22px 0}
.case-viewer-caption h3{font-size:21px;font-weight:500;letter-spacing:-.025em;margin:0 0 8px}
.case-viewer-caption p{font-size:15px;line-height:1.5;color:#aaa99f;margin:0;max-width:650px}
.case-viewer-actions{display:flex;gap:18px;align-items:center;flex-shrink:0}
.case-viewer-actions a{font-size:14px;color:#eee0c8;text-decoration:none;border-bottom:1px solid #b99c7055;padding:11px 0;transition:color .2s}
.case-viewer-actions a:first-child{border:1px solid #b99c7055;padding:11px 18px;display:flex;gap:30px}
.case-viewer-actions a:hover{color:#ffdc9f;border-color:#ffdc9f}
.case-viewer-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid #b99c702b;padding-top:16px}
.case-viewer-scenes button{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:16px;background:none;border:1px solid transparent;color:#a4a39b;font:inherit;text-align:left;padding:7px;cursor:pointer;transition:border-color .25s,color .25s,background .25s}
.case-viewer-scenes img{width:76px;aspect-ratio:16/9;object-fit:cover;filter:brightness(.65);transition:filter .3s}
.case-viewer-scenes span{font-size:14px}
.case-viewer-scenes button:hover,.case-viewer-scenes button[aria-pressed=true]{color:#f4d5a6;border-color:#bfa17a70;background:#ead8bc06}
.case-viewer-scenes button:hover img,.case-viewer-scenes button[aria-pressed=true] img{filter:brightness(1)}
.case-viewer :focus-visible,.vlentu-case :focus-visible{outline:2px solid #eac591;outline-offset:4px}
@keyframes case-open{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}
@keyframes case-image-in{from{opacity:.3;transform:scale(1.015)}to{opacity:1;transform:none}}
@media(max-height:850px){.copy.works{top:14svh}.works .eyebrow{margin-bottom:14px}html[data-portfolio-project="0"] .works h2{font-size:2.3vw;margin-bottom:15px}.project-register{margin-bottom:12px;padding-top:12px}.vlentu-case{margin-top:10px}.case-scene-description{min-height:55px;margin:10px 0}.case-viewer-shell{padding:18px 24px}.case-viewer-header{padding-bottom:15px}.case-viewer-image{max-height:52svh}.case-viewer-bottom{padding:15px 0}}
@media(max-width:1000px){.case-viewer-bottom{display:block}.case-viewer-actions{margin-top:15px}.case-viewer-scenes{gap:8px}.case-viewer-scenes button{grid-template-columns:1fr;gap:8px}.case-viewer h2{display:block}.case-viewer h2 span{display:block;margin-top:5px}.case-scene-tabs{gap:12px}}
@media(prefers-reduced-motion:reduce){.case-viewer[open],.case-viewer-image{animation:none}.case-expand span,.case-scene-tabs button::after{transition:none}}