.case-detail-hero{padding:165px 10.8vw 85px;display:grid;grid-template-columns:1fr auto;gap:8vw;align-items:end;background:linear-gradient(110deg,rgba(248,248,246,.96),rgba(235,235,232,.84)),url('../images/home-paper-texture.jpg') center/cover}.case-detail-hero nav{margin-bottom:55px;display:flex;gap:10px;color:#888;font-size:13px}.case-detail-hero nav i{font-style:normal}.case-detail-hero small{font-size:15px;letter-spacing:.13em}.case-detail-hero h1{margin:24px 0 0;font:400 clamp(42px,4.7vw,58px)/1.25 "Noto Serif TC"}.case-detail-hero>span{font:18px "Cormorant Garamond";letter-spacing:.12em}.case-gallery{padding:75px 10.8vw 150px;display:grid;grid-template-columns:repeat(3,1fr);gap:65px 30px;background:#fff}.case-gallery button{padding:0;border:0;background:none;text-align:left;cursor:zoom-in}.case-gallery button:nth-child(3n+2){transform:translateY(45px)}.case-gallery figure{height:480px;margin:0;overflow:hidden}.case-gallery img{height:100%;object-fit:cover;filter:saturate(.78);transition:transform .7s,filter .4s}.case-gallery button:hover img{transform:scale(1.02);filter:saturate(1)}.case-gallery span{display:block;margin-top:15px;font:13px "Cormorant Garamond";letter-spacing:.1em}.case-back{padding:70px 10.8vw;display:flex;justify-content:space-between;background:#efefec}.case-back a{padding-bottom:7px;border-bottom:1px solid #888;font-size:14px}.lightbox{position:fixed;z-index:100;inset:0;padding:28px 4vw 22px;display:none;grid-template-rows:minmax(0,1fr) 105px;background:rgba(25,24,23,.96)}.lightbox.is-open{display:grid}.lightbox-stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center}.lightbox-main{width:100%;height:100%;object-fit:contain}.lightbox-close{position:absolute;right:0;top:0;width:52px;height:52px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}.lightbox-prev,.lightbox-next{position:absolute;top:50%;width:55px;height:55px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(20,20,20,.3);color:#fff;font-size:22px;cursor:pointer}.lightbox-prev{left:0}.lightbox-next{right:0}.lightbox-count{position:absolute;left:0;top:15px;color:#fff;font:14px "Cormorant Garamond"}.lightbox-thumbs{padding-top:15px;display:flex;gap:10px;overflow-x:auto;justify-content:center}.lightbox-thumbs button{flex:0 0 72px;height:72px;padding:0;border:1px solid transparent;background:none;opacity:.45;cursor:pointer}.lightbox-thumbs button.is-active{border-color:#fff;opacity:1}.lightbox-thumbs img{width:100%;height:100%;object-fit:cover}.site-footer{height:auto;padding:78px 10.8vw 28px;display:block;background:#efefec}.footer-main{display:grid;grid-template-columns:1.55fr 1.2fr .72fr .7fr;gap:clamp(38px,5vw,90px)}.footer-brand{display:grid;grid-template-columns:86px 1fr;gap:25px}.footer-brand img{width:86px}.footer-brand b{display:block;font:500 21px "Noto Serif TC"}.footer-brand span{font:14px "Cormorant Garamond"}.footer-brand p{font-size:14px;line-height:1.9}.footer-main small{display:block;margin-bottom:24px;font:13px "Cormorant Garamond"}.footer-info,.footer-nav,.footer-social{display:flex;flex-direction:column;gap:13px;font-size:14px}.footer-bottom{margin-top:65px;padding-top:24px;border-top:1px solid #ccc;display:flex;justify-content:space-between;font-size:12px}@media(max-width:900px){.case-gallery{grid-template-columns:repeat(2,1fr)}.case-gallery button:nth-child(3n+2){transform:none}.case-gallery button:nth-child(even){transform:translateY(35px)}.footer-main{grid-template-columns:1.3fr 1fr 1fr}.footer-social{grid-column:2}}@media(max-width:700px){.case-detail-hero{padding:125px 7vw 65px;grid-template-columns:1fr}.case-detail-hero h1{font-size:34px}.case-detail-hero>span{margin-top:30px}.case-gallery{padding:55px 7vw 100px;grid-template-columns:1fr;gap:45px}.case-gallery button:nth-child(even){transform:none}.case-gallery figure{height:440px}.case-back{padding:50px 7vw;display:block}.case-back a{display:inline-block;margin:8px 20px 8px 0}.lightbox{padding:15px 0 12px;grid-template-rows:minmax(0,1fr) 85px}.lightbox-prev,.lightbox-next{width:44px;height:44px}.lightbox-thumbs{justify-content:flex-start;padding-inline:12px}.lightbox-thumbs button{flex-basis:60px;height:60px}.lightbox-count{left:12px}.lightbox-close{right:5px}.site-footer{padding:60px 7vw 25px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand,.footer-info{grid-column:1/-1}.footer-bottom{display:block}}
/* Lightbox motion */
.lightbox {
    display: grid;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .38s ease, visibility 0s linear .38s;
}

.lightbox.is-open {
    display: grid;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .38s ease;
}

.lightbox-main {
    opacity: 1;
    transition: opacity .22s ease;
}

.lightbox-main.is-changing { opacity: 0; }

@media (prefers-reduced-motion: reduce) {
    .lightbox,
    .lightbox-main { transition: none; }
}