/* 施工事例 — 家と庭の、かたち。 */
.work-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--white);border-radius:8px;overflow:hidden;margin:0 0 55px;color:var(--ink)}
.work-feature figure{margin:0;overflow:hidden;min-height:510px}.work-feature figure img{width:100%;height:100%;object-fit:cover;object-position:center 60%;transition:transform .5s}.work-feature:hover figure img{transform:scale(1.025)}
.work-feature-copy{padding:48px 46px;display:flex;flex-direction:column;justify-content:center}.work-kicker{font-family:var(--latin);font-size:13px;color:var(--gold);letter-spacing:.15em;display:flex;gap:20px;align-items:center}.work-kicker span{font-family:var(--sans,'Noto Sans JP',sans-serif);font-size:10px;letter-spacing:.1em}.work-location{font-size:11px;letter-spacing:.12em;margin:20px 0 13px;color:var(--muted)}
.work-feature :is(h2,h3){font-family:var(--serif);font-size:30px;line-height:1.85;font-weight:500;letter-spacing:.06em}.work-feature-copy>p:not(.work-kicker):not(.work-location){font-size:11px;line-height:2.25;color:var(--muted);margin:20px 0}.work-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:20px 0}.work-tags li{font-size:10px;letter-spacing:.03em;border:1px solid var(--line);padding:5px 10px;border-radius:2px;line-height:1.5}.work-read{display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--gold-light);font-size:11px;margin-top:18px;padding-bottom:10px;align-self:flex-start}.work-read svg{width:25px;height:20px}.gallery-subheading{font-family:var(--serif);font-size:20px;border-top:1px solid var(--line);padding-top:35px;margin-bottom:28px}
.works-main{padding-top:0}.breadcrumbs{padding-top:24px;font-size:10px;color:var(--muted)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px 14px;list-style:none;padding:0;margin:0}.breadcrumbs li+li:before{content:'/';color:var(--gold);margin-right:14px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.works-heading{padding:70px 0 55px}.works-heading h1{font-family:var(--serif);font-size:52px;line-height:1.6;font-weight:500;letter-spacing:.12em}.works-heading>p:last-child{font-size:12px;line-height:2.3;color:var(--muted);margin-top:24px}.works-page .work-feature{margin-bottom:90px}.works-page .work-feature figure{max-height:650px}
.case-heading{padding:55px 0 42px;text-align:center}.case-heading .work-kicker,.case-heading .work-tags{justify-content:center}.case-heading .work-location{margin:20px 0 15px}.case-heading h1{font-family:var(--serif);font-size:clamp(31px,3.2vw,45px);font-weight:500;line-height:1.7;letter-spacing:.08em}.case-lead{font-size:12px;line-height:2.3;color:var(--muted);margin:24px auto}.case-heading .work-tags{margin:24px auto 0}
.case-opening{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:70px;align-items:center}.case-cover{margin:0}.case-cover>img{width:100%;height:auto;border-radius:8px}.case-cover figcaption{font-size:10px;line-height:1.8;color:var(--muted);margin-top:13px}.case-summary h2{font-size:30px;line-height:1.9;margin-top:25px;letter-spacing:.1em}.case-summary>p:not(.work-kicker){font-size:12px;line-height:2.4;color:var(--muted);margin:24px 0}.case-summary dl{font-size:11px;border-top:1px solid var(--line);margin:30px 0}.case-summary dl>div{display:grid;grid-template-columns:75px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.case-summary dt{color:var(--muted)}.case-summary dd{margin:0;line-height:2}.case-summary .text-link{font-size:11px;gap:45px}
.case-section{padding:100px 0}.case-section-title{margin-bottom:40px}.case-section-title h2{font-size:34px;line-height:1.8;margin-top:22px;font-weight:500}.case-section-title>p:last-child{font-size:12px;color:var(--muted);line-height:2.3;margin-top:20px}.case-day-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.case-photo{display:block;width:100%;text-align:left;border:0;padding:0;background:none;color:inherit;font:inherit;cursor:zoom-in}.case-image{display:block;position:relative;border-radius:8px;overflow:hidden;background:#dcdace}.case-image img{display:block;width:100%;height:auto;transition:transform .5s}.case-photo:hover img{transform:scale(1.015)}.case-caption{display:block;padding-top:13px;font-size:11px;line-height:1.9;color:var(--muted)}.case-caption strong{font-weight:400}.case-side-note{text-align:center}.case-big-word{display:block;font-family:var(--serif);font-size:92px;color:var(--gold);line-height:1.3;margin-bottom:30px}.case-side-note h3{font-family:var(--serif);font-size:27px;font-weight:500;line-height:1.9}.case-side-note p{font-size:11px;color:var(--muted);line-height:2.3;margin-top:25px}
.case-night{background:#1e392b;color:var(--white);padding:85px 0 95px;scroll-margin-top:110px}.case-night .work-kicker{color:var(--gold-light)}.case-night .case-section-title>p:last-child,.case-night .case-caption{color:#d2d8ca}.case-night-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 30px}.case-night-wide{grid-column:1/-1;max-width:600px;justify-self:center;margin-top:15px}.case-return{padding-block:55px 75px;text-align:center}.case-return>.text-link{font-size:11px;display:table;margin:0 auto 42px}.case-return>p{font-family:var(--serif);font-size:22px;margin-bottom:25px}.case-return>.button{font-size:11px}.works-page .contact{margin-top:0}.works-page :is(a,button):focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:1200px){.works-main{padding-top:0}.work-feature-copy{padding:35px 30px}.work-feature :is(h2,h3){font-size:26px}.case-opening,.case-day-grid{gap:45px}}
@media(max-width:1000px){.works-main{padding-top:0}.work-feature :is(h2,h3){font-size:23px}.work-feature-copy{padding:30px 25px}.work-feature figure{min-height:490px}.case-summary h2{font-size:26px}.case-opening,.case-day-grid{gap:30px}.case-section-title h2{font-size:30px}}
@media(max-width:760px){.works-main{padding-top:0}.breadcrumbs{padding-top:19px;font-size:9px}.breadcrumbs ol{gap:7px 10px}.breadcrumbs li+li:before{margin-right:10px}.works-heading{padding:42px 0 35px}.works-heading h1{font-size:38px}.works-heading>p:last-child{font-size:11px}.work-feature{grid-template-columns:1fr;margin-bottom:35px}.work-feature figure{min-height:0;aspect-ratio:4/5;max-height:none!important}.work-feature figure img{object-position:center 58%}.work-feature-copy{padding:29px 24px 32px}.work-feature :is(h2,h3){font-size:25px;line-height:1.8}.work-feature-copy>p:not(.work-kicker):not(.work-location){font-size:11px;margin:18px 0}.work-location{margin:17px 0 12px}.work-tags{margin:18px 0;gap:6px}.work-tags li{font-size:9px;padding:5px 8px}.work-read{font-size:11px;margin-top:12px}.gallery-subheading{padding-top:28px;font-size:18px}.works-page .work-feature{margin-bottom:55px}.case-heading{padding:38px 0 30px}.case-heading h1{font-size:clamp(21px,6.3vw,32px);letter-spacing:.03em;line-height:1.8}.case-lead{font-size:11px;margin:22px auto}.case-heading .work-tags{margin-top:20px}.case-opening{display:block}.case-cover figcaption{font-size:9px}.case-summary{padding-top:38px}.case-summary h2{font-size:27px;margin-top:19px}.case-summary>p:not(.work-kicker){font-size:11px;margin:21px 0}.case-summary dl{margin:25px 0}.case-summary dl>div{padding:14px 0;font-size:10px}.case-section{padding:65px 0}.case-section-title{margin-bottom:28px}.case-section-title h2{font-size:27px;letter-spacing:.03em;margin-top:19px}.case-section-title>p:last-child{font-size:11px;margin-top:20px}.case-section-title br{display:none}.case-day-grid{display:block}.case-side-note{padding:40px 0 0}.case-big-word{font-size:65px;margin-bottom:18px}.case-side-note h3{font-size:24px}.case-side-note p{font-size:11px;margin-top:19px}.case-night{padding:60px 0;scroll-margin-top:88px}.case-night-grid{grid-template-columns:1fr;gap:30px}.case-night-wide{grid-column:auto;max-width:none;margin-top:0}.case-caption{font-size:10px;padding-top:11px}.case-return{padding-block:38px 55px}.case-return>p{font-size:18px}.case-return>.button{font-size:10px;padding-inline:18px;gap:8px}.case-return>.button .arrow{width:18px;margin-left:0}.case-return>.text-link{margin-bottom:32px}.work-kicker span{font-size:9px}}