/* The approved full-screen photograph, scoped to the first home scene.
 * Shared verbatim with the WordPress theme; text and photo fields stay editable. */
[data-office12-home] [data-section="hero"] { color:#fff; background:#23372f; }
[data-office12-home] [data-section="hero"] [class$="__heroImages"] { inset:0; width:100%; height:100%; }
[data-office12-home] [data-section="hero"] [class$="__heroShade"] { display:block; z-index:2; background:linear-gradient(90deg,rgba(9,23,21,.66),rgba(9,23,21,.16) 62%,rgba(9,23,21,.04)),linear-gradient(0deg,rgba(8,23,22,.48),transparent 43%); }
[data-office12-home] [data-section="hero"] [class$="__cornerTop"],
[data-office12-home] [data-section="hero"] [class$="__cornerRight"],
[data-office12-home] [data-section="hero"] [class$="__cornerBottom"] { display:block; position:absolute; z-index:3; pointer-events:none; background:#fff; }
[data-office12-home] [data-section="hero"] [class$="__cornerTop"] { width:105px; height:105px; left:0; top:0; border-radius:0 0 100% 0; }
[data-office12-home] [data-section="hero"] [class$="__cornerRight"] { width:210px; height:230px; right:0; top:0; border-radius:0 0 0 100%; }
[data-office12-home] [data-section="hero"] [class$="__cornerBottom"] { width:175px; height:230px; right:0; bottom:0; border-radius:100% 0 0 0; }
[data-office12-home] [data-section="hero"] [class$="__cornerBottom"]::after { content:none; }
[data-office12-home] [data-section="hero"] [class$="__heroMicro"] { top:36px; left:15%; right:auto; margin:0; padding:0; border:0; z-index:4; font:600 11px/1.5 var(--font-inter); letter-spacing:.2em; }
[data-office12-home] [data-section="hero"] [class$="__heroMicro"] span { margin:0; padding-inline:8px; }
[data-office12-home] [data-section="hero"] [class$="__heroAside"] { top:38%; left:2%; z-index:4; font-weight:600; }
[data-office12-home] [data-section="hero"] [class$="__heroLead"] { top:auto; bottom:15%; left:11%; width:min(760px,70%); }
[data-office12-home] [data-section="hero"] [class$="__heroLead"] > p { margin:0 0 22px; font-size:13px; font-weight:700; letter-spacing:.18em; }
[data-office12-home] [data-section="hero"] h1 { font-size:clamp(56px,6.15vw,94px); line-height:1.26; letter-spacing:.075em; text-shadow:0 2px 16px #13231b45; }
[data-office12-home] [data-section="hero"] h1 > span { color:inherit; font-size:.8em; margin-top:0; }
[data-office12-home] [data-section="hero"] [class$="__heroActions"] { flex-direction:row; flex-wrap:wrap; align-items:center; gap:12px 26px; max-width:430px; margin-top:27px; }
[data-office12-home] [data-section="hero"] [class$="__heroActions"] a { display:inline-flex; gap:24px; min-height:48px; padding:0 16px 0 0; border-bottom:1px solid #ffffffbf; font-size:13px; font-weight:700; letter-spacing:.05em; }
[data-office12-home] [data-section="hero"] [class$="__heroActions"] a:hover { border-color:#fff; color:#d7fff1; }
[data-office12-home] [data-section="hero"] [class$="__heroActions"] a span { font-size:20px; font-weight:400; }
[data-office12-home] [data-section="hero"] [class$="__slideControl"] { top:31px; bottom:auto; right:34px; width:164px; height:164px; border:1px solid #263b36b0; border-radius:50%; align-items:center; justify-content:center; gap:2px; color:#263b36; }
[data-office12-home] [data-section="hero"] [class$="__slideControl"] button { width:40px; height:44px; color:inherit; font-size:22px; }
[data-office12-home] [data-section="hero"] [class$="__slideControl"] button:hover { color:var(--color-chat-green-deep); }
[data-office12-home] [data-section="hero"] [class$="__slideControl"] [class$="__playButton"] { position:absolute; bottom:23px; width:40px; height:25px; font-size:12px; }
[data-office12-home] [data-section="hero"] [class$="__slideControl"] > span { position:absolute; top:24px; order:initial; margin:0; font:700 11px var(--font-inter); letter-spacing:.12em; }
[data-office12-home] [data-section="hero"] [class$="__scrollCue"] { left:30px; bottom:32px; gap:20px; font-size:18px; }
[data-office12-home] [data-section="hero"] [class$="__scrollCue"] span { font-size:11px; font-weight:700; letter-spacing:.15em; }
[data-office12-home] [data-section="hero"] [class$="__photoNote"] { display:block; position:absolute; z-index:4; right:22px; bottom:18px; margin:0; color:#fff; font-size:10px; text-shadow:0 1px 4px #000; }
[data-office12-home][data-active-stage="top"] [aria-label="ページ内の現在位置"] button::before { border-color:#fff; background:#23232380; box-shadow:0 0 3px #0007; }
[data-office12-home][data-active-stage="top"] [aria-label="ページ内の現在位置"] button[aria-current]::before { background:#fff; }
@media(max-width:1100px) and (min-width:768px) {
  [data-office12-home] [data-section="hero"] [class$="__heroLead"] { left:10%; width:76%; }
  [data-office12-home] [data-section="hero"] h1 { font-size:clamp(48px,6.15vw,68px); }
}
@media(max-width:767px) {
  [data-office12-home] [data-section="hero"] [class$="__heroShade"] { background:linear-gradient(0deg,rgba(8,23,22,.72),transparent 62%),linear-gradient(90deg,rgba(8,23,22,.32),transparent); }
  [data-office12-home] [data-section="hero"] [class$="__cornerTop"] { width:86px; height:86px; }
  [data-office12-home] [data-section="hero"] [class$="__cornerRight"] { width:112px; height:240px; }
  [data-office12-home] [data-section="hero"] [class$="__cornerBottom"] { width:88px; height:125px; }
  [data-office12-home] [data-section="hero"] [class$="__heroMicro"] { top:24px; left:111px; right:100px; font-size:8px; line-height:1.5; letter-spacing:.11em; }
  [data-office12-home] [data-section="hero"] [class$="__heroMicro"] span { padding-inline:3px; }
  [data-office12-home] [data-section="hero"] [class$="__heroAside"] { top:30%; left:5%; font-size:9px; }
  [data-office12-home] [data-section="hero"] [class$="__heroLead"] { top:auto; bottom:12%; left:15%; right:30px; width:auto; }
  [data-office12-home] [data-section="hero"] [class$="__heroLead"] > p { margin-bottom:17px; font-size:11px; letter-spacing:.06em; }
  [data-office12-home] [data-section="hero"] h1 { font-size:clamp(38px,9vw,53px); line-height:1.46; letter-spacing:.06em; }
  [data-office12-home] [data-section="hero"] h1 > span { font-size:.78em; }
  [data-office12-home] [data-section="hero"] [class$="__slideControl"] { top:14px; right:14px; width:83px; height:83px; gap:0; border-color:#59645d8c; }
  [data-office12-home] [data-section="hero"] [class$="__slideControl"] button { width:26px; height:44px; font-size:16px; }
  [data-office12-home] [data-section="hero"] [class$="__slideControl"] [class$="__playButton"] { bottom:3px; width:40px; height:25px; font-size:9px; }
  [data-office12-home] [data-section="hero"] [class$="__slideControl"] > span { top:8px; font-size:8px; }
  [data-office12-home] [data-section="hero"] [class$="__scrollCue"] { left:16px; bottom:25px; gap:9px; }
  [data-office12-home] [data-section="hero"] [class$="__scrollCue"] span { font-size:9px; }
  [data-office12-home] [data-section="hero"] [class$="__photoNote"] { right:9px; bottom:7px; font-size:8px; }
}
@media(max-height:700px) and (min-width:768px) {
  [data-office12-home] [data-section="hero"] h1 { font-size:clamp(45px,5vw,66px); }
  [data-office12-home] [data-section="hero"] [class$="__heroActions"] { margin-top:18px; gap:6px 20px; }
  [data-office12-home] [data-section="hero"] [class$="__heroActions"] a { min-height:44px; }
}
@media(max-height:700px) and (max-width:767px) {
  [data-office12-home] [data-section="hero"] h1 { font-size:36px; }
  [data-office12-home] [data-section="hero"] [class$="__heroLead"] > p { font-size:9px; }
}