:root{--navy:#102a43;--orange:#e8623d;--paper:#f5f3ed;--ink:#263b47;--line:#d7d4cc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN",sans-serif;line-height:1.85}a{color:inherit}.works-header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:var(--navy);color:#fff;border-bottom:1px solid #ffffff35}.works-brand{display:flex;align-items:center;text-decoration:none}.works-brand img{display:block;max-width:210px;max-height:50px;object-fit:contain}.works-header nav{display:flex;align-items:center;gap:30px}.works-header nav a{text-decoration:none;font-size:12px}.contact-link{padding:10px 16px;border:1px solid #fff}.works-hero{padding:105px 7vw 95px;background:var(--navy);color:#fff}.works-hero>p{margin:0;color:#8fb0c5;font:700 11px Arial;letter-spacing:.22em}.works-hero h1{margin:.15em 0;font-size:clamp(50px,8vw,110px);line-height:1.2;letter-spacing:-.06em}.works-hero>span{font-size:16px}.works-browser{padding:90px 5vw 130px}.works-tabs{display:flex;overflow-x:auto;margin-bottom:50px;border-bottom:1px solid #bcc5ca}.works-tabs button{position:relative;flex:1 0 150px;padding:18px 20px;border:0;background:transparent;color:#50616c;text-align:left;font-weight:700;cursor:pointer}.works-tabs button small{display:block;margin-bottom:3px;color:#8698a3;font:700 9px Arial;letter-spacing:.15em}.works-tabs button span{position:absolute;right:14px;top:20px;font-size:10px}.works-tabs button[aria-selected=true]{color:#fff;background:var(--navy)}.works-tabs button[aria-selected=true] small{color:#9db8ca}.works-select-label{display:none}.works-panel{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(520px,1.2fr);gap:5vw;align-items:start}.works-panel[hidden]{display:none}.works-panel.no-map{display:block}.works-panel.no-map[hidden]{display:none}.project-map{position:sticky;top:25px}.map-canvas{position:relative}.map-canvas>img{display:block;width:100%;max-height:700px;object-fit:contain}.project-map>p{margin:14px 0;color:#71808a;font-size:11px}.project-pin{position:absolute;width:30px;height:30px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--orange);color:#fff;box-shadow:0 3px 10px #06182766;transform:translate(-50%,-50%);cursor:pointer}.project-pin span{font-size:10px;font-weight:800}.project-pin.active{z-index:2;background:var(--navy);transform:translate(-50%,-50%) scale(1.25)}.project-list{display:grid;gap:30px}.no-map .project-list{grid-template-columns:repeat(3,minmax(0,1fr))}.project-list article{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(260px,1fr);min-height:260px;background:#fff;transition:box-shadow .2s,transform .2s}.no-map .project-list article{display:block}.project-list article.active{box-shadow:0 14px 35px #102a4324;transform:translateY(-3px)}.work-gallery-trigger{height:100%}.project-photo{display:block;width:100%;height:100%;min-height:260px;background:#b7b9b5 center/cover no-repeat}.no-map .project-photo{height:auto;aspect-ratio:4/3;min-height:0}.project-photo.is-placeholder{position:relative}.project-photo.is-placeholder:after{content:"NO IMAGE";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:700 10px Arial;letter-spacing:.2em}.project-copy{padding:38px}.project-copy>p{margin:0;color:#71808a;font-size:11px}.project-copy>p span{display:inline-grid;place-items:center;width:25px;height:25px;margin-right:10px;background:var(--navy);color:#fff;border-radius:50%;font-size:9px}.project-copy h2{margin:.65em 0;font-size:clamp(21px,2vw,30px);line-height:1.45}.project-copy>div{font-size:13px}.empty{padding:50px;background:#fff;text-align:center;color:#71808a}.works-cta{text-align:center;padding:110px 20px;background:var(--orange);color:#fff}.works-cta>p{font:700 10px Arial;letter-spacing:.2em}.works-cta h2{font-size:clamp(34px,5vw,64px);line-height:1.45}.works-cta a{display:inline-block;padding:13px 30px;border:1px solid #fff;text-decoration:none}footer{display:flex;justify-content:space-between;padding:35px 6vw;background:#091b2b;color:#fff;font-size:11px}@media(max-width:900px){.works-tabs{display:none}.works-select-label{display:block;margin-bottom:35px;font-size:12px;font-weight:700}.works-select-label select{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #bcc5ca;background:#fff;font:inherit}.works-panel{display:block}.project-map{position:static;margin-bottom:45px}.project-list,.no-map .project-list{grid-template-columns:1fr}.project-list article,.no-map .project-list article{display:grid;grid-template-columns:190px 1fr}.no-map .project-photo{height:100%;aspect-ratio:auto;min-height:230px}}@media(max-width:650px){.works-header{height:74px;padding:0 20px}.works-brand img{max-width:155px;max-height:38px}.works-header nav a:not(.contact-link){display:none}.works-hero{padding:75px 22px 70px}.works-browser{padding:60px 20px 80px}.project-list article,.no-map .project-list article{display:block}.project-photo,.no-map .project-photo{height:auto;min-height:0;aspect-ratio:4/3}.project-copy{padding:25px}.project-pin{width:27px;height:27px}footer{display:grid;gap:12px}}