/* Kohana. build-07 r20 PROTOTYPE (2026-11-03, local, not published) — loaded after build07r.css. CSS only.
   Hero, "editorial minimal": one quiet axis instead of a wide frame.
   - Tablets / PC: the copy and IBJ AWARD sit in a 720px frame (was 880px), so the copy (left) and the award (right) hold the
     centred mizuhiki between them instead of drifting to the edges; the award's top lines up with the first line of the copy.
   - The hero is a little lower on PC (stage 40svh, max 400px), so the mizuhiki ornament of ご成婚エピソード already shows at
     the bottom of a 1440×900 first view.
   - Type: a fine gold rule before 「山口の結婚相談所 Kohana.」 (an editorial mark, drawn once, it does not move afterwards),
     proportional punctuation in the heading (palt), the notes in a darker warm grey that reads at small size (contrast 4.5:1+).
   Logo, mizuhiki, IBJ AWARD (image, fade) and every animation are unchanged. */
#top-fv .eyebrow{display:flex;align-items:center;gap:12px}
#top-fv .eyebrow::before{content:"";flex:none;width:24px;height:1px;background:var(--gold-line);transform-origin:0 50%;
 animation:eb-rule 1.2s cubic-bezier(.22,.61,.36,1) 2.2s both}
@keyframes eb-rule{from{transform:scaleX(0)}to{transform:none}}
#top-fv h1{font-feature-settings:"palt";letter-spacing:.06em}
#top-fv .note{color:#6f6056}
@media(prefers-reduced-motion:reduce){#top-fv .eyebrow::before{animation:none}}
@media(max-width:37.49em){#top-fv .eyebrow{gap:8px}#top-fv .eyebrow::before{width:16px}}   /* phones: keeps the line clear of IBJ AWARD */

@media(min-width:37.5em){
 #top-fv{--bw:min(calc(100% - 64px),720px);--bx:calc((100% - var(--bw))/2);--aw:124px}
 #top-fv>.iaw-adopted{--aw:124px;top:calc(var(--hh) + var(--st) + 20px)}
 #top-fv .copy{padding-bottom:20px}
}
@media(min-width:64em){
 #top-fv{--st:clamp(300px,40svh,400px);--lw:min(320px,calc((var(--st) - 48px)*1.0877));--aw:136px}
 #top-fv>.iaw-adopted{--aw:136px}
 #top-fv .cta-wrap{margin-top:16px}
 #top-fv .note{margin-top:12px}
 html[data-v="7"] #top-fv + #letters{padding-top:44px}
}