:root {
  --green:#0F3B2E;
  --green-deep:#0A2B22;
  --gold:#B5934F;
  --paper:#fffdf8;
  --base:#F7F3EB;
  --line:rgba(32,36,32,.14);
  --text:#202925;
  --muted:#5d6661;
  --container:1160px;
  --pad:clamp(20px,4vw,48px);
  --serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP","Times New Roman",serif;
  --sans:"Hiragino Sans","Yu Gothic","Noto Sans JP",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--base);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.95;letter-spacing:.035em;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
p,h1,h2,h3,figure,address{margin:0}
.container{width:min(var(--container),calc(100% - var(--pad)*2));margin-inline:auto}
.site-header{background:rgba(255,253,248,.98);border-bottom:1px solid rgba(25,25,20,.08)}
.header-inner{width:min(1280px,calc(100% - var(--pad)*2));min-height:86px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:40px}
.logo img{width:274px}
.nav{display:flex;align-items:center;gap:clamp(24px,3vw,38px);font-family:var(--serif);font-size:14px;letter-spacing:.08em;white-space:nowrap}
.nav a{position:relative;padding-block:31px 29px}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:23px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left center;transition:transform .18s ease}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.sub-hero{display:grid;grid-template-columns:clamp(520px,42vw,700px) minmax(0,1fr);height:clamp(460px,46vw,610px);background:var(--green);overflow:hidden}
.sub-hero-copy{position:relative;display:flex;align-items:center;padding:0 clamp(56px,5vw,96px);color:var(--paper);isolation:isolate}