.project-detail-hero{height:calc(100vh - 82px);min-height:680px;position:relative;overflow:hidden;background:#171717;color:#fff}.project-detail-hero>img{height:100%;object-fit:cover}.project-detail-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 58%),linear-gradient(90deg,rgba(0,0,0,.2),transparent 60%)}.project-detail-title{position:absolute;z-index:2;left:8vw;bottom:8vh;max-width:900px}.project-detail-title p{font:700 10px Arial;letter-spacing:.26em;color:#ed1c24}.project-detail-title h1{font-size:clamp(48px,6vw,88px);line-height:1.06;margin:15px 0 20px;text-shadow:0 2px 18px rgba(0,0,0,.18)}.project-detail-title span{font-size:12px;letter-spacing:.14em;color:#ddd}.project-brand-watermark,.gallery-watermark,.lightbox-brand{display:flex;align-items:center;gap:9px;border-radius:4px;background:rgba(248,246,240,.76);box-shadow:0 5px 18px rgba(0,0,0,.14);color:#171717;font-family:"Noto Serif SC","STZhongsong","Songti SC",serif;font-weight:650;letter-spacing:.08em}.project-brand-watermark{position:absolute;z-index:2;right:3vw;bottom:3vw;padding:9px 13px}.project-brand-watermark img,.gallery-watermark img,.lightbox-brand img{width:118px;height:auto}.project-intro{display:grid;grid-template-columns:.55fr 1.25fr .7fr;gap:8vw;padding:110px 8vw;background:#f3f0e9}.project-intro>div:first-child{display:flex;flex-direction:column;align-items:flex-start}.project-intro>div:first-child span{font:700 9px Arial;letter-spacing:.22em;color:#ed1c24}.project-intro>div:first-child strong{font:400 112px/1 Georgia;color:#d8d2c8;margin-top:23px}.project-intro h2{font-size:48px;margin:0 0 24px}.project-intro p{font-size:13px;line-height:2;color:#77736b}.project-intro dl{margin:0}.project-intro dt,.project-intro dd{padding:15px 0;border-bottom:1px solid #d5d0c6;font-size:12px}.project-intro dt{color:#8a857c}.project-intro dd{margin:0}.project-gallery-section{padding:110px 3px 3px;background:#151515;color:#fff}.project-gallery-head{display:flex;justify-content:space-between;align-items:end;padding:0 8vw 65px}.project-gallery-head p{font:700 9px Arial;letter-spacing:.24em;color:#ed1c24}.project-gallery-head h2{font-size:52px;margin:12px 0 0}.project-gallery-head>span{font-size:11px;color:#777}.project-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}.project-gallery figure{grid-column:span 6;height:620px;position:relative;overflow:hidden;margin:0;background:#222;cursor:zoom-in}.project-gallery figure:nth-child(5n+1),.project-gallery figure:nth-child(5n+4){grid-column:span 7}.project-gallery figure:nth-child(5n+2),.project-gallery figure:nth-child(5n+5){grid-column:span 5}.project-gallery figure:nth-child(7n+3){grid-column:span 12;height:76vh;min-height:650px}.project-gallery figure>img{height:100%;object-fit:cover;transition:transform .85s,filter .5s}.project-gallery figure:hover>img{transform:scale(1.018);filter:brightness(1.03)}.gallery-watermark{position:absolute;right:25px;bottom:24px;z-index:2;padding:8px 12px;font-size:15px;opacity:.84}.gallery-watermark img{width:25px;height:29px}.project-gallery figcaption{position:absolute;left:25px;bottom:25px;z-index:2;font:9px Arial;letter-spacing:.18em;color:#eee;text-shadow:0 1px 8px rgba(0,0,0,.8)}.project-gallery figure:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.38),transparent);pointer-events:none}.next-project{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:45px;padding:80px 8vw;background:#ed1c24;color:#fff}.next-project span{font:700 9px Arial;letter-spacing:.25em}.next-project strong{font:400 42px "STSong","Songti SC",serif}.next-project i{font:normal 44px Arial}.project-lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;background:rgba(10,10,10,.94);color:#fff}.project-lightbox.open{display:flex}.project-lightbox figure{position:relative;width:min(82vw,1500px);height:86vh;margin:0;display:flex;align-items:center;justify-content:center}.project-lightbox figure>img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;z-index:3;border:0;background:transparent;color:#fff;cursor:pointer}.lightbox-close{right:28px;top:18px;font:36px Arial}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);font:30px Arial;padding:25px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-brand{position:absolute;right:18px;bottom:18px;padding:8px 12px;font-size:15px}.lightbox-brand img{width:25px;height:29px}.project-lightbox figcaption{position:absolute;left:18px;bottom:18px;font:10px Arial;letter-spacing:.16em;color:#ccc}
@media(max-width:960px){.project-detail-hero{height:calc(100vh - 116px)}.project-intro{grid-template-columns:1fr 1.3fr;gap:50px}.project-intro dl{grid-column:1/-1}.project-gallery figure,.project-gallery figure:nth-child(n){grid-column:span 6;height:560px;min-height:0}.project-gallery figure:nth-child(5n+1){grid-column:span 12;height:68vh}}
@media(max-width:600px){.project-detail-hero{height:680px;min-height:0}.project-detail-title{left:24px;right:24px;bottom:80px}.project-detail-title h1{font-size:44px}.project-brand-watermark{right:18px;bottom:20px;padding:8px 11px;font-size:15px}.project-brand-watermark img{width:25px;height:29px}.project-intro{grid-template-columns:1fr;padding:75px 24px;gap:35px}.project-intro>div:first-child strong{font-size:76px}.project-intro h2{font-size:38px}.project-intro dl{grid-column:auto}.project-gallery-section{padding-top:75px}.project-gallery-head{align-items:start;flex-direction:column;gap:16px;padding:0 24px 45px}.project-gallery-head h2{font-size:40px}.project-gallery{grid-template-columns:1fr}.project-gallery figure,.project-gallery figure:nth-child(n){grid-column:auto;height:520px;min-height:0}.gallery-watermark{right:18px;bottom:20px}.next-project{grid-template-columns:1fr auto;padding:55px 24px;gap:20px}.next-project span{grid-column:1/-1}.next-project strong{font-size:30px}.project-lightbox figure{width:100vw;height:82vh}.lightbox-prev,.lightbox-next{top:auto;bottom:0}.lightbox-brand{right:15px;bottom:18px}.project-lightbox figcaption{left:15px;bottom:62px}}
