:root{--ink:#171a1f;--muted:#687079;--paper:#f5f3ef;--white:#fff;--line:#dcd8d0;--accent:#255f54;--warm:#b9754c}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans JP",sans-serif;line-height:1.8}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
.site-header{height:72px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(245,243,239,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.brand{font:700 20px/1 "Shippori Mincho",serif;letter-spacing:.02em}.brand span{font:600 11px/1 "Noto Sans JP",sans-serif;letter-spacing:.16em;margin-left:8px;color:var(--muted)}
.header-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink)}
.hero,.works,.scope{max-width:1200px;margin:auto;padding-inline:clamp(20px,5vw,72px)}
.hero{padding-top:clamp(80px,10vw,142px);padding-bottom:clamp(72px,9vw,120px)}
.eyebrow{margin:0 0 18px;font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--accent)}
h1,h2,h3,p{margin-top:0}
h1{max-width:920px;margin-bottom:30px;font:700 clamp(40px,7vw,82px)/1.28 "Shippori Mincho",serif;letter-spacing:-.035em}
h1 span{color:var(--accent)}
.hero-copy{max-width:780px;margin-bottom:36px;font-size:clamp(15px,1.6vw,18px);color:#41484e}
.demo-notice{max-width:880px;padding:20px 22px;display:grid;grid-template-columns:auto 1fr;gap:18px;background:#ebe7df;border-left:4px solid var(--warm);font-size:13px}
.demo-notice strong{white-space:nowrap}
/* 作品一覧の後ろへ移した免責（ファーストビューに「実績ではありません」を出さないため。2026-08-14） */
.demo-notice--footnote{margin-top:clamp(36px,5vw,56px)}
.works{padding-bottom:clamp(90px,11vw,150px)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.section-heading h2,.scope>h2{margin-bottom:28px;font:700 clamp(28px,4vw,46px)/1.35 "Shippori Mincho",serif}
.section-heading>p{font-size:12px;color:var(--muted);margin-bottom:30px}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
.work-card{overflow:hidden;background:var(--white);border:1px solid var(--line);transition:transform .25s ease,box-shadow .25s ease}
.work-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(21,26,31,.11)}
.preview{aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#d9ddd7,#e8ddd2)}
.preview img{height:100%;object-fit:cover;object-position:top;transition:transform .5s ease}
.work-card:hover .preview img{transform:scale(1.025)}
.card-body{padding:24px 25px 26px}
.tags{display:flex;gap:7px;margin-bottom:12px}.tags span{padding:3px 8px;border:1px solid #c8c4bc;border-radius:99px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#555d64}
.card-body h3{margin-bottom:10px;font:700 clamp(22px,2.5vw,31px)/1.35 "Shippori Mincho",serif}
.card-body p{min-height:3.6em;margin-bottom:22px;font-size:13px;color:var(--muted)}
.view{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid #ebe8e2;font-size:12px;font-weight:700}.view b{font-size:17px;color:var(--accent)}
.scope{padding-bottom:clamp(90px,11vw,150px)}
.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.scope-grid>div{padding:32px 28px;border-right:1px solid var(--line)}.scope-grid>div:last-child{border:0}.scope-grid span{font-size:11px;font-weight:800;color:var(--warm)}.scope-grid h3{margin:12px 0 10px;font:700 22px/1.4 "Shippori Mincho",serif}.scope-grid p{margin:0;font-size:13px;color:var(--muted)}
footer{padding:34px clamp(20px,5vw,72px);display:flex;justify-content:space-between;gap:20px;background:var(--ink);color:#fff}footer span{font-family:"Shippori Mincho",serif;font-weight:700}footer small{color:#b8bdc2}
@media(max-width:720px){.site-header{height:60px}.brand span{display:none}.hero{padding-top:44px;padding-bottom:40px}h1{font-size:34px;margin-bottom:20px}.eyebrow{margin-bottom:12px}.hero-copy{font-size:14px;margin-bottom:0}.demo-notice{grid-template-columns:1fr;gap:5px}.work-grid{grid-template-columns:1fr}.section-heading{align-items:start}.section-heading>p{display:none}.card-body p{min-height:0}.scope-grid{grid-template-columns:1fr}.scope-grid>div{border-right:0;border-bottom:1px solid var(--line)}.scope-grid>div:last-child{border-bottom:0}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work-card,.preview img{transition:none}}

/* 中間幅で見出しがカタカナ語の途中（スタデ/ィ 等）で折れるのを防ぐ。
   折り返しはスペース・句読点の位置のみ許可 */
.section-heading h2,.scope>h2,.card-body h3,.scope-grid h3{word-break:keep-all;overflow-wrap:anywhere}


/* 行崩れ対策 2026-08-11: 見出しは行長を均し、本文は行末の1〜2文字残りを避ける（対応ブラウザのみ・非対応でも従来表示） */
h1,h2,h3{text-wrap:balance}
p,li,dt,dd{text-wrap:pretty}
.bw{display:inline-block}