.higata-page{padding-top:var(--header);background:#f4fbff}
.higata-hero{position:relative;padding:32px 0 42px;background:linear-gradient(120deg,#e1f6ff,#f4fcff)}
.higata-hero:after{content:"";position:absolute;bottom:-1px;inset-inline:0;height:20px;background:url('../images/header-wave.svg') center/100% 100%}
.higata-hero-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:center}
.higata-hero .eyebrow{font-size:12px;letter-spacing:.13em;color:var(--blue);margin-bottom:8px}.higata-hero h1{font-family:var(--rounded);font-size:clamp(30px,3.5vw,42px)}.higata-hero h1+p{margin-top:14px;font-size:17px}
.hero-creatures{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-creatures img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:50%;padding:12px;border:1px solid #d0e4f2}
.higata-content{padding-block:24px 64px}.higata-jump,.species-jump{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}.higata-jump a,.species-jump a{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 18px;border:1px solid #cce1ef;border-radius:30px;background:#fff;color:var(--navy);font-size:14px;font-weight:700}.higata-jump a:hover,.species-jump a:hover{background:#e4f5ff}
.higata-section{margin-bottom:40px;scroll-margin-top:calc(var(--header) + 24px)}.higata-heading{display:flex;gap:12px;align-items:baseline;margin-bottom:20px}.higata-heading>span{flex:none;font-size:17px;font-weight:800;color:#087fbd}.higata-heading h2{font-family:var(--rounded);font-size:27px}
.flat-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;padding:28px;border:1px solid #d0e4f2;border-radius:18px;background:#fff}.flat-intro p{font-size:16px;line-height:1.9}.flat-intro .flat-lead{font-family:var(--rounded);font-size:23px;font-weight:800;color:var(--navy);margin-bottom:12px}.flat-explanation{background:#eaf7ff;padding:22px;border-radius:14px}.flat-explanation>.icon{width:40px;height:40px;color:var(--blue);margin-bottom:12px}
.catalog-intro{margin-bottom:18px;font-size:16px}.species-jump{margin-bottom:22px}.species-jump a{font-size:13px;padding:8px 14px}.species-jump a span{color:var(--blue)}
.creature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.creature-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #d0e4f2;border-radius:18px;scroll-margin-top:calc(var(--header) + 24px)}
.creature-photo{position:relative;padding:24px 26px 12px;background:#fff}.creature-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.specimen-number{position:absolute;top:14px;left:14px;display:grid;place-items:center;width:36px;height:36px;background:#e8f6ff;border:1px solid #d0e4f2;border-radius:50%;color:var(--navy);font-weight:800;font-size:14px}
.creature-copy{padding:22px 26px 26px;border-top:1px solid #e5eff6}.creature-copy h3{font-family:var(--rounded);font-size:26px}.scientific-name{font-size:14px;color:#526d82;margin-top:5px;overflow-wrap:anywhere}.scientific-label{font-size:11px;margin-right:8px}.creature-description{margin-top:18px;font-size:16px;line-height:1.9}.creature-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;margin-top:18px;background:#eaf7ff;border:1px solid #cce1ef;border-radius:10px;color:var(--navy);font-size:14px;font-weight:700}.creature-link:hover{background:#dcefff}
.observe-panel{padding:26px;background:#eef8ed;border:1px solid #d2e7ce;border-radius:18px}.observe-panel .higata-heading{margin-bottom:12px}.observe-panel p{font-size:16px;line-height:1.9}
.asari-cta{display:flex;align-items:center;gap:24px;padding:30px;background:#e2f4ff;border-radius:20px}.asari-cta>.icon{width:64px;height:64px;color:var(--blue)}.asari-cta>div{min-width:0}.asari-cta h2{font-family:var(--rounded);font-size:26px}.asari-cta p{font-size:15px;margin:12px 0 20px}.asari-cta .button{font-size:16px}.higata-related h2{font-family:var(--rounded);font-size:23px;margin-bottom:16px}.higata-page+.site-footer{margin-top:0}
@media(max-width:1000px){.higata-hero-layout{grid-template-columns:1.4fr 1fr}.flat-intro{gap:20px}.creature-grid{gap:20px}.creature-copy{padding:20px}}
@media(max-width:768px){.higata-hero-layout,.flat-intro,.creature-grid{grid-template-columns:1fr}.hero-creatures{max-width:350px}.creature-photo img{max-width:580px;margin-inline:auto}.asari-cta{align-items:flex-start}.asari-cta>.icon{width:36px;height:36px}.higata-heading h2{font-size:24px}}
@media(max-width:600px){.higata-hero{padding:22px 0 32px}.higata-hero h1+p{font-size:15px}.higata-content{padding-top:18px}.higata-jump{gap:7px;margin-bottom:26px}.higata-jump a{font-size:13px;padding:9px 13px}.hero-creatures{max-width:290px}.higata-section{margin-bottom:30px}.higata-heading{gap:9px}.higata-heading h2{font-size:23px}.flat-intro{padding:20px 18px}.flat-intro p,.catalog-intro{font-size:15px}.flat-explanation{padding:18px}.creature-photo{padding:22px 18px 10px}.creature-copy{padding:20px 18px}.creature-copy h3{font-size:25px}.creature-description{font-size:15px}.scientific-name{font-size:13px}.observe-panel{padding:22px 18px}.observe-panel p{font-size:15px}.asari-cta{padding:24px 18px;gap:12px}.asari-cta h2{font-size:22px}.asari-cta .button{font-size:14px;padding:12px;gap:8px}.higata-related h2{font-size:21px}}

/* Photo-pending slot mirrors the existing creature image area. */
.higata-page .creature-placeholder{display:grid;place-items:center;width:100%;aspect-ratio:4/3;background:#f4fbff;color:#526d82;font-size:16px;text-align:center}
@media(max-width:768px){.higata-page .creature-placeholder{max-width:580px;margin-inline:auto}}

/* Field-guide opt-in: shared palette with numbered specimen cards. */
.higata-page.subpage-design .subpage-title h1+p{max-width:none}
.higata-page.subpage-design .hero-creatures{width:100%;max-width:320px;justify-self:center;gap:16px}
.higata-page.subpage-design .hero-creatures img{border-color:#dce9e9;box-shadow:0 5px 0 #124c700a}
.higata-page.subpage-design .higata-heading{padding-left:0;gap:16px;align-items:flex-start}
.higata-page.subpage-design .higata-heading>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e5f6f9;color:var(--navy);font-family:var(--subpage-rounded);font-size:19px;line-height:1}
.higata-page.subpage-design .flat-explanation{background:var(--subpage-aqua);border:1px solid #d4e8ea;border-radius:16px}
.higata-page.subpage-design .creature-grid{gap:26px;align-items:stretch}
.higata-page.subpage-design .creature-card{display:flex;flex-direction:column}
.higata-page.subpage-design .creature-copy{padding:24px 26px 28px;border-top-color:#dce9e9}
.higata-page.subpage-design .creature-copy h3{font-size:26px;line-height:1.55}
.higata-page.subpage-design .specimen-number{background:#e5f6f9;border-color:#bfdbe3;color:var(--navy);font-family:var(--subpage-rounded);box-shadow:0 3px 0 #124c7008}
.higata-page.subpage-design .creature-description{font-size:16px;line-height:1.9}
.higata-page.subpage-design .creature-placeholder{background:var(--subpage-aqua)}
.higata-page.subpage-design .creature-caution{padding:12px 16px;background:var(--subpage-sand);border:1px solid #f0dfb8;border-radius:14px;color:var(--navy);font-size:14px;line-height:1.8;margin-top:16px}
.higata-page.subpage-design .creature-link{background:#e9f8fb;border-color:#bfdbe3;border-radius:999px}
.higata-page.subpage-design .creature-link:hover{background:#d8f1f6;border-color:#70b7cd}
.higata-page.subpage-design .observe-panel{background:#eef8ed;border-color:#d2e7ce;padding:30px}
.higata-page.subpage-design .asari-cta{background:var(--subpage-aqua)}
.higata-page.subpage-design .asari-cta h2{font-size:clamp(24px,2.25vw,32px);line-height:1.55;letter-spacing:.015em}
.higata-page.subpage-design .button.coral{background:#007cba;color:#fff}
.higata-page.subpage-design .button.coral:hover{background:#006596;transform:translateY(-3px);box-shadow:0 6px 0 #124c7015}
.higata-page.subpage-design .species-jump a:hover{background:#e9f8fb;border-color:#70b7cd}
@media(max-width:1000px){.higata-page.subpage-design .creature-grid{gap:22px}}
@media(max-width:600px){
 .higata-page.subpage-design .hero-creatures{max-width:260px;gap:14px}
 .higata-page.subpage-design .higata-heading{gap:12px}
 .higata-page.subpage-design .higata-heading>span{width:38px;height:38px;border-radius:12px;font-size:17px}
 .higata-page.subpage-design .creature-copy{padding:20px 18px 24px}
 .higata-page.subpage-design .creature-copy h3{font-size:25px}
 .higata-page.subpage-design .creature-description{font-size:15px}
 .higata-page.subpage-design .creature-caution{font-size:14px;padding:12px 14px}
 .higata-page.subpage-design .observe-panel{padding:24px 20px}
 .higata-page.subpage-design .asari-cta h2{font-size:24px}
 .higata-page.subpage-design .asari-cta .button{max-width:100%;padding-inline:12px;gap:8px}
}
@media(prefers-reduced-motion:reduce){.higata-page.subpage-design .button.coral:hover{transform:none}}
