*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:#faf9f6;color:#292c2b;font-family:system-ui,-apple-system,"Yu Gothic","メイリオ",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:2px solid #50645d;outline-offset:5px}
.shell{width:min(1120px,calc(100% - 96px));margin:auto}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid #dedfd9}
.brand{text-decoration:none;font-family:Consolas,monospace;font-size:12px;letter-spacing:.09em;white-space:nowrap}
.nav{display:flex;gap:26px;font-size:12px}.nav a{text-decoration:none;padding:5px 0}.nav a[aria-current]{border-bottom:1px solid #707a73}
.breadcrumb{font-family:Consolas,monospace;font-size:11px;color:#777c75;padding:24px 0}.breadcrumb a{text-decoration:none}
.detail{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);grid-template-rows:auto 1fr;grid-template-areas:"photo heading" "photo meta";column-gap:clamp(40px,6vw,88px);padding:12px 0 56px;align-items:start}
.detail-heading{grid-area:heading;padding:32px 0 24px}.eyebrow{font:10px Consolas,monospace;letter-spacing:.14em;color:#757c75;margin:0 0 18px}
h1,h2{font-weight:400}.detail-heading h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(28px,3vw,40px);letter-spacing:.04em;line-height:1.5;margin:0 0 14px}
.status{font-size:11px;letter-spacing:.06em;color:#6a766b;margin:0}.status:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#859078;vertical-align:middle;margin-right:8px}
.work-photo{display:block;margin:0;min-width:0}.detail>.work-photo{grid-area:photo}.work-photo img{display:block;width:100%;height:auto}
.detail .work-photo img{max-height:calc(100svh - 200px);min-height:280px;object-fit:contain;object-position:left top;width:auto;max-width:100%}
.work-photo figcaption{font:10px/1.8 Consolas,monospace;color:#81857c;margin-top:12px;letter-spacing:.02em}
.detail-meta{grid-area:meta}.facts{margin:0;border-top:1px solid #dedfd9}.facts>div{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid #e7e7e1}.facts dt{font-size:10px;color:#7a8078;line-height:1.9}.facts dd{margin:0;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.facts dd a{text-decoration-color:#bac0b6}
.detail-copy{font-size:13px;line-height:2.1;color:#62685f;margin:24px 0 0;max-width:30em}
.footer{border-top:1px solid #dedfd9;padding:22px 0 28px;color:#81867d;font:10px/1.7 Consolas,monospace;letter-spacing:.08em;display:flex;justify-content:space-between;gap:20px}
.intro{padding:48px 0 36px}.intro h1{font-size:42px;letter-spacing:-.02em;margin:0 0 20px;line-height:1.15}.intro .eyebrow{margin-bottom:12px}.lead{font-size:13px;line-height:1.9;color:#73796f;margin:0}
.section-label{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #dedfd9;padding:18px 0;font-size:10px;letter-spacing:.1em;color:#777e72}
.work{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,1fr);gap:clamp(40px,6vw,88px);padding:8px 0 48px;align-items:center}.work>.work-photo{max-width:440px}.work-info h2{font-family:"Yu Mincho",serif;font-size:28px;letter-spacing:.03em;margin:16px 0}.id{font:10px/1.8 Consolas,monospace;color:#7a8175;letter-spacing:.06em}.description{font-size:13px;line-height:2;color:#62685f;max-width:28em}.record-link{display:inline-block;font-size:12px;margin-top:20px;padding-bottom:7px;text-decoration:none;border-bottom:1px solid #919b8a}
.note{border-top:1px solid #dedfd9;padding:24px 0 40px;display:grid;grid-template-columns:1fr 2fr;gap:32px}.note h2{font-size:12px;margin:0}.note p{font-size:12px;line-height:2;color:#73796f;margin:0}
@media(min-width:701px) and (max-height:650px){.detail .work-photo img{max-height:560px}}
@media(max-width:700px){.shell{width:calc(100% - 40px)}.header{padding:20px 0;gap:12px;flex-wrap:wrap}.brand{font-size:11px}.nav{gap:18px;font-size:11px}.breadcrumb{padding:20px 0 12px}.detail{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"heading" "photo" "meta";gap:0;padding:0 0 36px}.detail-heading{padding:12px 0 22px}.detail-heading .eyebrow{margin-bottom:8px;font-size:9px}.detail-heading h1{font-size:28px;margin-bottom:8px}.detail .work-photo img{width:100%;min-height:0;max-height:none}.work-photo figcaption{margin:10px 0 24px}.detail-meta .facts>div{grid-template-columns:80px 1fr;padding:13px 0}.detail-copy{margin-top:20px}.footer{font-size:9px;gap:10px;flex-wrap:wrap}.intro{padding:32px 0 28px}.intro h1{font-size:36px}.work{grid-template-columns:1fr;gap:22px;padding-bottom:32px}.work>.work-photo{max-width:none}.work-info h2{font-size:26px;margin:12px 0}.record-link{margin-top:12px}.note{grid-template-columns:1fr;gap:12px;padding:22px 0 32px}}
@media(max-width:360px){.header{align-items:flex-start;flex-direction:column;gap:12px}}