.work-page{--wp:clamp(22px,6vw,92px);color:#f2f0e9;background:#0b0b0c;min-height:100vh;overflow:hidden}.work-nav{height:88px;padding:0 var(--wp);background:0 0;border-bottom:1px solid #ffffff18;position:absolute}.work-nav img{object-fit:cover;mix-blend-mode:screen;border-radius:50%;width:64px;height:64px}.work-title{padding:190px var(--wp) 120px}.work-title small,.case-page small{letter-spacing:.18em;color:#8c8d8f;font-size:9px}.work-title h1,.case-hero h1{letter-spacing:-.075em;margin:30px 0;font-size:clamp(65px,9vw,145px);line-height:.84}.work-title em,.case-cta em{color:#ef483f;font-family:Georgia,serif;font-weight:400}.work-title p{color:#999;max-width:480px;line-height:1.7}.work-list{padding:0 var(--wp) 130px}.work-list>a{border-top:1px solid #2a2b2e;grid-template-columns:.8fr 1.2fr;min-height:650px;display:grid}.work-list>a:last-child{border-bottom:1px solid #2a2b2e}.work-list>a>div{flex-direction:column;align-items:flex-start;padding:70px 8vw 70px 0;display:flex}.work-list h2{letter-spacing:-.06em;margin:55px 0 25px;font-size:clamp(40px,5vw,75px);line-height:.9}.work-list p{color:#999;font-size:13px;line-height:1.7}.work-list span{border-bottom:1px solid;margin-top:auto;padding-bottom:7px;font-size:9px}.work-list figure{background:#151515;min-height:650px;margin:0;overflow:hidden}.work-list img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.work-list>a:hover img{transform:scale(1.025)}.case-hero{min-height:80vh;padding:190px var(--wp) 100px;flex-direction:column;justify-content:flex-end;display:flex}.case-hero h1{max-width:1200px}.case-hero p{color:#aaa;max-width:630px;font-size:15px;line-height:1.75}.case-cover{margin:0 var(--wp);background:#151515;height:min(82vh,900px);overflow:hidden}.case-cover img{object-fit:cover;width:100%;height:100%}.case-story{padding:140px var(--wp);border-bottom:1px solid #2a2b2e;grid-template-columns:1fr 1fr;gap:10vw;display:grid}.case-story h2{letter-spacing:-.055em;font-size:clamp(42px,5vw,75px);line-height:.92}.case-story>p{color:#aaa;align-self:center;font-size:15px;line-height:1.8}.case-approach{padding:130px var(--wp)}.case-approach ol{border-top:1px solid #2a2b2e;margin:55px 0 0;padding:0;list-style:none}.case-approach li{border-bottom:1px solid #2a2b2e;grid-template-columns:80px 1fr;padding:28px 0;font-size:21px;display:grid}.case-approach b{color:#ef483f;font-size:9px}.case-gallery{padding:0 var(--wp) 130px;grid-template-columns:1fr 1fr;gap:12px;display:grid}.case-gallery figure{background:#151515;height:620px;margin:0;overflow:hidden}.case-gallery .wide{grid-column:1/-1;height:850px}.case-gallery img{object-fit:cover;width:100%;height:100%}.case-services{padding:70px var(--wp);border-bottom:1px solid #2a2b2e;justify-content:space-between;display:flex}.case-services div{flex-wrap:wrap;gap:10px;display:flex}.case-services span{border:1px solid #333;border-radius:99px;padding:10px 14px;font-size:9px}.case-cta{min-height:80vh;padding:130px var(--wp);background:#ef483f;flex-direction:column;justify-content:center;display:flex}.case-cta small{color:#ffffffb0}.case-cta h2{letter-spacing:-.075em;font-size:clamp(60px,9vw,145px);line-height:.82}.case-cta em{color:#111}.case-cta a{border-bottom:1px solid;align-self:flex-start;padding-bottom:8px;font-size:11px}@media (max-width:760px){.work-nav{height:76px}.work-nav img{width:54px;height:54px}.work-title{padding-top:160px}.work-list>a{grid-template-columns:1fr;min-height:0;padding:70px 0}.work-list>a>div{min-height:430px;padding:0 0 45px}.work-list figure{height:450px;min-height:0}.case-hero{min-height:750px;padding-top:150px}.case-cover{height:620px;margin:0}.case-story{grid-template-columns:1fr;gap:35px;padding-top:95px;padding-bottom:95px}.case-approach{padding-top:95px;padding-bottom:95px}.case-approach li{grid-template-columns:45px 1fr;font-size:17px}.case-gallery{grid-template-columns:1fr;padding:0 0 95px}.case-gallery .wide{grid-column:auto}.case-gallery figure,.case-gallery .wide{height:540px}.case-services{flex-direction:column;align-items:flex-start;gap:30px}.case-cta{min-height:650px}.case-cta h2{font-size:16vw}}.work-list figure{position:relative}.work-list figure:before{content:"作品 · 選集";z-index:2;color:#f2f0e9;letter-spacing:.22em;background:#0b0b0ccc;border-left:2px solid #ef483f;padding:8px 11px;font-size:8px;position:absolute;top:22px;left:22px}.work-list figure:after{content:"";z-index:2;border:1px solid #ef483f;border-radius:50%;width:42px;height:42px;position:absolute;bottom:22px;right:22px;box-shadow:inset 0 0 0 11px #0b0b0caa}.case-cover{position:relative}.case-cover:after{content:"静かな発想 · CLEAR PRODUCT THINKING";color:#f2f0e9;letter-spacing:.2em;background:#0b0b0cd9;border-left:2px solid #ef483f;padding:10px 13px;font-size:8px;position:absolute;bottom:24px;left:25px}.case-gallery figure{position:relative}.case-gallery figure:after{content:"NS · 作品";color:#eee;letter-spacing:.18em;background:#0b0b0cbb;padding:7px 9px;font-size:7px;position:absolute;bottom:16px;right:16px}.work-list img,.case-cover img,.case-gallery img{image-rendering:auto}@media (max-width:760px){.work-list figure:before{top:14px;left:14px}.case-cover:after{bottom:14px;left:14px;right:14px}.work-list figure:after{bottom:14px;right:14px}}