.portfolio{background:#000;padding-top:var(--section-y);padding-bottom:calc(var(--section-y) * .7)}.portfolio__head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1.5rem 3rem;margin-bottom:clamp(28px,4vw,64px)}.portfolio__lede{margin:0;max-width:34ch;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.55;color:var(--gray-200)}.portfolio-scene{position:relative;height:clamp(560px,calc(var(--svh) * 92),1000px);overflow:hidden;background:#000;perspective:1600px;perspective-origin:50% 45%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.portfolio-scene.is-dragging{cursor:grabbing}.portfolio-scene:focus-visible{outline-offset:-4px}.portfolio-scene__stage{position:absolute;top:50%;left:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform,filter}.portfolio-scene__zoom{position:absolute;right:var(--page-x);bottom:clamp(16px,2.4vw,32px);z-index:6;display:flex;gap:8px;touch-action:manipulation}.portfolio-scene__zoom button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:400 1.35rem/1 var(--font-sans);display:grid;place-items:center;cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.portfolio-scene__zoom button:hover{background:#fff;color:#000;border-color:#fff}.p-card{position:absolute;top:0;left:0;transform-style:preserve-3d}.p-card__anchor,.p-card__float{transform-style:preserve-3d}.p-card__thumb{position:relative;display:block;width:150px;aspect-ratio:9 / 16;padding:0;border:none;background:#0a0a0a;overflow:hidden;cursor:pointer;transform:translate(-50%,-50%);transition:box-shadow var(--t-fast) var(--ease)}.p-card__thumb:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.85);transition:border-color var(--t-fast) var(--ease);pointer-events:none}.p-card__thumb:hover,.p-card__thumb:focus-visible{box-shadow:0 0 26px #ffffff21}.p-card__thumb:hover:after,.p-card__thumb:focus-visible:after{border-color:#fff}.p-card__video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}.p-card__thumb:hover .p-card__video{transform:scale(1.05)}.p-card__thumb--empty{background:#050505}.p-card__thumb--wide{width:250px;aspect-ratio:16 / 9}.p-card__poster{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease);-webkit-user-drag:none}.p-card__thumb:hover .p-card__poster{transform:scale(1.05)}.p-card__label{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;gap:.18rem;padding:1.6rem .65rem .6rem;background:linear-gradient(0deg,#000000e0,#0000);text-align:left;pointer-events:none}.p-card__label b{font:700 .6rem/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:#fff}.p-card__label i{font:600 .5rem/1.2 var(--font-sans);font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:#ffffff9e}.p-card__thumb--wide .p-card__label b{font-size:.7rem}.p-card__thumb--wide .p-card__label i{font-size:.56rem}.p-card__thumb--blank{background:radial-gradient(120% 90% at 30% 20%,#ffffff12,#fff0 55%),linear-gradient(135deg,#0d0d0d,#181818)}.p-card__thumb--blank:before{content:"";position:absolute;left:50%;top:44%;width:38px;height:38px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.5);border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23fff'/%3E%3C/svg%3E") 55% 50% / 15px no-repeat;pointer-events:none}.p-card.is-active{z-index:20}.p-expand{position:fixed;z-index:300;overflow:hidden;background:#000;border:2px solid #ffffff;touch-action:none}.p-expand video{width:100%;height:100%;display:block;object-fit:cover}.p-expand video[src]{background:#000}.p-expand--embed{background:#000 center / cover no-repeat}.p-expand__frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.player-chrome{position:fixed;inset:0;z-index:290;opacity:0;visibility:hidden;pointer-events:none;overscroll-behavior:contain;touch-action:none;background:#000000d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff;font-family:var(--font-sans);transition:opacity .35s var(--ease),visibility .35s var(--ease)}.player-chrome.is-open{opacity:1;visibility:visible;pointer-events:auto}.player-chrome__close{position:fixed;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:#00000080;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.player-chrome__close:hover{background:#fff;color:#000}.player-chrome__controls{position:fixed;display:flex;align-items:center;gap:.9rem}.player-chrome__progress{flex:1;height:2px;background:#ffffff38;position:relative;cursor:pointer}.player-chrome__progress:before{content:"";position:absolute;inset:-14px 0}.player-chrome__progress-fill{position:absolute;left:0;top:0;height:100%;width:0%;background:#fff;pointer-events:none}.player-chrome__btn{width:44px;height:44px;flex:0 0 auto;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.player-chrome__btn:hover{background:#fff;color:#000}.player-chrome__btn svg{grid-area:1 / 1}#player-play[data-state=paused] .i-pause,#player-play[data-state=playing] .i-play,#player-volume[data-state=on] .i-vol-off,#player-volume[data-state=muted] .i-vol-on{display:none}.player-chrome__meta{position:fixed}.player-chrome__title{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:-.01em}.player-chrome__subtitle{margin:.45rem 0 0;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-200)}.player-chrome__desc{margin:.6rem 0 0;max-width:60ch;font-size:.92rem;line-height:1.5;color:var(--gray-200)}.player-chrome__link{display:inline-block;margin-top:.9rem;padding-bottom:3px;font:600 .68rem/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.5);transition:border-color var(--t-fast) var(--ease)}.player-chrome__link:hover{border-color:#fff}.player-chrome__link[hidden]{display:none}@media(max-width:900px),(pointer:coarse){.portfolio-scene{height:clamp(480px,calc(var(--svh) * 70),720px)}}@media(max-width:720px){.p-card__thumb{width:110px}.p-card__thumb--wide{width:190px}.p-card__label b{font-size:.52rem}.p-card__label i{font-size:.44rem}}@media(prefers-reduced-motion:reduce){.p-card__video,.p-card__poster{transition-duration:.01s}.p-card__thumb:hover .p-card__video,.p-card__thumb:hover .p-card__poster{transform:none}}