:root{--ink:#3d1f00;--muted:#785b40;--paper:#faf6f0;--line:#ddcbb5}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #a86e32;outline-offset:5px}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:20px;background:white;z-index:9}header{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-bottom:1px solid var(--line);background:#fff}.brand{font-size:20px;font-weight:700;letter-spacing:.06em}.home{font-size:13px}.intro{max-width:1200px;margin:auto;padding:65px 40px 48px}.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:600}.intro h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(38px,5vw,68px);line-height:1.5;letter-spacing:.1em;margin:24px 0}.intro-bottom{display:flex;justify-content:space-between;align-items:end;gap:24px}.intro-bottom p{color:var(--muted);font-size:14px;margin:0}.intro-bottom>span{font-size:11px;letter-spacing:.12em;white-space:nowrap}.intro-bottom>span span{margin-left:32px;font-size:24px}.gallery{max-width:1320px;margin:auto;padding:0 40px}.case{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:7%;padding:40px 0 65px;border-top:1px solid var(--line)}.case:nth-child(even){grid-template-columns:1fr 1.3fr}.case:nth-child(even) .photo{order:2}.case:nth-child(even) .case-copy{order:1;padding-left:8%}.photo{position:relative;display:block;background:#e7dfd5;overflow:hidden}.photo img{display:block;width:100%;height:auto}.number{font-size:11px;letter-spacing:.2em;color:var(--muted)}.age{margin:25px 0 15px;font-size:17px}.age>span{font-size:56px;font-family:Georgia,serif;line-height:1;margin:0 5px}.case h2{font-size:clamp(20px,2.2vw,30px);font-weight:500;line-height:1.8;margin:0 0 24px;overflow-wrap:anywhere}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{border:1px solid var(--line);font-size:11px;padding:3px 10px;border-radius:2px}.case-link{display:flex;justify-content:space-between;gap:15px;font-size:13px;border-bottom:0;padding:18px 0 12px;margin-top:30px}.consult{background:var(--ink);color:#fff;text-align:center;padding:65px 24px}.consult .eyebrow{color:#d4b38e}.consult h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:clamp(26px,3.3vw,40px);line-height:1.7}.consult>p:not(.eyebrow){font-size:13px;color:#e0cdb8}.cta{max-width:400px;display:flex;justify-content:space-between;margin:30px auto 0;background:#fff;color:var(--ink);padding:18px 24px;font-weight:600}footer{padding:35px 5%;background:white;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p{font-size:10px;color:var(--muted)}.fixed{display:none}@media(min-width:900px){.case:nth-child(3) .photo{max-width:560px}.case:nth-child(4) .photo{max-width:500px;justify-self:end}}@media(max-width:700px){header{padding:18px 20px}.brand{font-size:16px}.home{font-size:11px}.intro{padding:35px 22px}.intro h1{font-size:39px}.intro-bottom{align-items:start}.intro-bottom p{font-size:12px}.intro-bottom>span{font-size:9px}.intro-bottom>span span{display:block;text-align:right;margin:8px 0}.gallery{padding:0 20px}.case,.case:nth-child(even){display:flex;flex-direction:column;gap:0;padding:25px 0 38px;align-items:stretch}.case:nth-child(even) .photo{order:0}.case:nth-child(even) .case-copy{order:0;padding-left:0}.case-copy{padding-top:20px}.age{margin:12px 0}.age>span{font-size:42px}.case h2{font-size:22px;margin-bottom:15px}.case-link{margin-top:12px}.consult{padding:40px 22px}footer{display:block;padding:28px 22px 100px}.fixed{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1.3fr;gap:8px;background:#fff;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);z-index:5}.fixed a{font-size:13px;text-align:center;padding:12px 5px;border:1px solid var(--ink)}.fixed a:last-child{background:var(--ink);color:white}}

.window-case{border-top:1px solid var(--line);padding:40px 0 65px}.window-case h2{font-size:30px;font-weight:500;margin:12px 0 5px}.window-product{margin:0 0 22px;color:var(--muted);font-size:13px}.window-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.window-comparison figure{margin:0}.window-comparison figcaption{padding:10px 14px;background:#eee5da;font-size:14px}.window-comparison figure:last-child figcaption{background:var(--ink);color:white}.window-case .case-detail{max-width:850px;margin-top:22px}.window-case>.case-link{max-width:400px;margin-left:auto}@media(max-width:700px){.window-case{padding:25px 0 38px}.window-comparison{grid-template-columns:1fr;gap:24px}.window-case h2{font-size:25px}}


/* Construction photos are shown at a compact, high-quality display size. */
@media(min-width:701px){
  .case{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:9%}
  .case:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,400px)}
  .case .photo{max-width:360px}
  .case:nth-child(even) .photo{justify-self:end}
  .case:nth-child(3) .photo,.case:nth-child(4) .photo{max-width:360px}
  .window-comparison{max-width:960px}
}

@media(max-width:700px){
  .case .photo,.window-comparison{width:72%;margin-inline:auto}
}

.case-detail{margin-top:20px;color:var(--muted);font-size:14px;line-height:1.85}.case-detail p{margin:0}.case-detail p+p{margin-top:12px}

.case-spec{margin-top:14px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:4px}.case-spec h3{margin:0 0 5px;font-size:12px;letter-spacing:.04em}.case-spec dl{margin:0}.case-spec dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;padding:5px 0;border-top:1px solid #eee3d7;font-size:12px;line-height:1.45}.case-spec dt{color:var(--muted);font-weight:600}.case-spec dd{margin:0;overflow-wrap:anywhere}@media(max-width:700px){.case-spec{padding:11px 12px}.case-spec dl>div{grid-template-columns:88px minmax(0,1fr);gap:7px;padding:5px 0}}
.case-media{width:100%;min-width:0;max-width:360px}.case-media .photo{width:100%;max-width:none}.case:nth-child(even) .case-media{order:2;justify-self:end}.case-roof-gallery{width:100%;padding-top:14px;scroll-margin-top:110px}.case-roof-gallery h3{margin:0 0 8px;font-size:13px;font-weight:600}.case-roof-gallery figure{margin:0}.case-roof-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.case-roof-gallery figcaption{padding:6px 0;font-size:12px;color:var(--muted)}.case-roof-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(max-width:700px){.case-media{width:72%;margin-inline:auto}.case:nth-child(even) .case-media{order:0}.case-media .photo{width:100%}.case-roof-pair{grid-template-columns:1fr}}

/* Separate each WORK with the same strong line below its content. */
.case,.window-case{border-top:0;border-bottom:4px solid #6b4829}
.case-photo-caption{margin:6px 0 0;font-size:12px;color:var(--muted)}
.case-roof-gallery figure+figure{margin-top:14px}

.case-roof-pair figure+figure{margin-top:0}
.case,.window-case{scroll-margin-top:110px}