.case-hero{min-height:800px;padding:165px 10.8vw 90px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;position:relative;overflow:hidden;background:linear-gradient(110deg,rgba(248,248,246,.96),rgba(235,235,232,.84)),url('../images/home-paper-texture.jpg') center/cover}.case-hero small,.case-intro small,.case-categories small,.case-cta small{font-size:15px;letter-spacing:.13em}.case-hero h1{margin:25px 0 22px;font:400 clamp(52px,5.6vw,62px)/1.22 "Noto Serif TC"}.case-hero p{font-size:17px;line-height:2}.case-hero figure{height:510px;margin:0;overflow:hidden}.case-hero figure img{height:100%;object-fit:cover}.case-hero>span{position:absolute;right:2.6vw;bottom:75px;font:14px "Cormorant Garamond";letter-spacing:.18em;writing-mode:vertical-rl}.case-intro{padding:125px 10.8vw;display:grid;grid-template-columns:.9fr 1fr;gap:10vw;align-items:end;background:#fff}.case-intro h2,.case-cta h2{margin:23px 0 0;font:400 clamp(32px,3.2vw,36px)/1.3 "Noto Serif TC"}.case-intro>p{margin:0;font-size:17px;line-height:2}.case-categories{padding:20px 10.8vw 155px;display:grid;grid-template-columns:1fr 1fr;gap:120px 7vw;background:#fff}.case-categories>a{display:block}.case-categories>a:nth-child(even){transform:translateY(85px)}.case-categories figure{height:560px;margin:0;overflow:hidden}.case-categories img{height:100%;object-fit:cover;filter:saturate(.78);transition:transform .8s,filter .5s}.case-categories a:hover img{transform:scale(1.025);filter:saturate(1)}.case-categories>a>div{padding:25px 5px 0;position:relative;border-top:1px solid #888}.case-categories i{position:absolute;right:4px;top:23px;font:normal 20px "Cormorant Garamond"}.case-categories h3{margin:15px 0 20px;font:400 25px "Noto Serif TC"}.case-categories span{display:inline-block;padding-bottom:6px;border-bottom:1px solid #aaa;font:12px "Cormorant Garamond";letter-spacing:.12em}.case-cta{padding:105px 10.8vw;display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:center;color:#f7f7f4;background:linear-gradient(90deg,rgba(45,43,40,.9),rgba(45,43,40,.68)),url('../images/case/05/01.jpg') center 45%/cover}.case-cta>p{margin:0;font:400 clamp(44px,4.5vw,52px)/1.2 "Cormorant Garamond"}.case-cta a{display:inline-block;margin-top:28px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.7);font-size:14px}.site-footer{height:auto;padding:78px 10.8vw 28px;display:block;color:#5f5c58;background:linear-gradient(100deg,rgba(239,239,236,.96),rgba(249,249,247,.92)),url('../images/home-paper-texture.jpg') center/cover}.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;height:86px;object-fit:contain}.footer-brand b{display:block;font:500 21px "Noto Serif TC"}.footer-brand span{display:block;margin-top:8px;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;align-items:flex-start;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-categories{gap:90px 5vw}.case-categories figure{height:440px}.footer-main{grid-template-columns:1.3fr 1fr 1fr}.footer-social{grid-column:2}}@media(max-width:700px){.case-hero{min-height:680px;padding:125px 6vw 65px;grid-template-columns:1fr;gap:38px}.case-hero h1{font-size:36px}.case-hero figure{height:330px;width:94vw;margin-left:-6vw}.case-hero>span{display:none}.case-intro{padding:85px 6vw;grid-template-columns:1fr;gap:30px}.case-categories{padding:0 7vw 110px;grid-template-columns:1fr;gap:65px}.case-categories>a:nth-child(even){transform:none}.case-categories figure{height:440px}.case-cta{padding:80px 7vw;grid-template-columns:1fr;gap:45px}.case-cta>p{font-size:42px}.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}}
