.portfolio-main{max-width:1320px;margin:auto;padding:50px 5% 100px}.portfolio-title{font:600 clamp(34px,4vw,56px)/1.14 Manrope,Inter,sans-serif}.portfolio-kicker{font:700 12px Inter,sans-serif;letter-spacing:.13em;color:#b89b39}.portfolio-intro{color:#68665f;max-width:760px}.backlink{display:inline-block;margin-bottom:34px;color:#9c802f}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.detail-grid img{width:100%;height:260px;object-fit:cover}.lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.95);display:none;align-items:center;justify-content:center;padding:64px}.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:100%;object-fit:contain}.lightbox button{border:0;background:transparent;color:white;font-size:44px;cursor:pointer;position:absolute}.lightbox-close{top:10px;right:26px}.lightbox-prev{left:15px}.lightbox-next{right:15px}@media(max-width:850px){.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-grid img{height:220px}}@media(max-width:530px){.detail-grid{grid-template-columns:1fr}.lightbox{padding:55px 20px}}/* Mixed gallery and native mobile playback. */
.gallery-photo{display:block;position:relative;background:#242424;overflow:hidden}.detail-grid .gallery-video-preview{width:100%;height:260px;object-fit:cover;pointer-events:none}.gallery-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-size:48px;text-shadow:0 2px 8px #000;background:linear-gradient(transparent,rgba(0,0,0,.3))}.gallery-play small{font:600 14px Inter,sans-serif}.lightbox-content{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;max-height:100%;min-height:0}.lightbox-content img,.lightbox-content video{max-width:100%;max-height:calc(100dvh - 170px);object-fit:contain;min-height:0}.lightbox-video{width:min(100%,1100px);background:#000}.lightbox [hidden]{display:none!important}.lightbox-status{color:#fff;text-align:center;margin:10px 0 0;font:14px Inter,sans-serif}.lightbox-file{color:white;text-decoration:underline}.lightbox button{min-width:44px;min-height:44px;z-index:2}.gallery-photo:focus-visible,.lightbox :focus-visible{outline:3px solid #d7b447;outline-offset:3px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%)}@media(max-width:850px){.detail-grid .gallery-video-preview{height:220px}}@media(max-width:530px){.lightbox{padding:60px 48px}.lightbox-prev{left:0}.lightbox-next{right:0}.lightbox-close{right:8px}}@media(orientation:landscape) and (max-height:530px){.lightbox{padding:45px 50px}.lightbox-content img,.lightbox-content video{max-height:calc(100dvh - 110px)}}