/* Owner's mobile design: bold Japanese type, a quiet logo, and two clear actions. */
:root{
  --ink:#001d17;
  --muted:#596563;
  --paper:#fafbf9;
  --sans:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
  --serif:var(--sans);
}
.brand-symbol{background:url(assets/logo-symbol.svg) center/contain no-repeat;mask:none;-webkit-mask:none}
.brand-word{background:url(assets/logo-wordmark.svg) center/contain no-repeat;mask:none;-webkit-mask:none}
.section-heading h2,.featured-work__body h3,.work-row__body h3,.about-message h2,.contact h2{font-weight:700;letter-spacing:-.02em}

/* Existing sections below the FV retain their previous styling. */
.hero-reference+.company-intro{border-top:0}
.company-intro{display:grid;gap:20px;border-bottom:1px solid var(--line);padding-top:40px}
.company-intro .section-index{margin-bottom:10px;color:#006037}
.company-intro h2{font-size:1.5rem;line-height:1.65;letter-spacing:-.02em}
.company-intro__copy{font-size:.9375rem;line-height:1.95;color:var(--muted)}
.company-intro__copy p+p{margin-top:12px}
@media(min-width:640px){
  .company-intro{grid-template-columns:1fr 1fr;gap:36px;align-items:start;padding-top:56px}
  .company-intro h2{font-size:1.75rem}
  .company-intro__copy{font-size:1rem}
}
@media(min-width:900px){
  .company-intro{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:90px;align-items:center;padding-top:72px;padding-bottom:72px}
  .company-intro h2{font-size:2rem}
  .company-intro__copy{font-size:1.0625rem;max-width:640px}
}