/* Kohana. build-07 r9 (2026-11-03, local, not published) — loaded after build07f.css.
   1. Hero: the official logo (mizuhiki over the script Kohana.) in the middle of the first view, on warm ivory with a soft light.
      - The mark is the existing hero mizuhiki img.miz (assets/img/miz.webp, the same artwork as the mark of logo-lockup.webp,
        in higher resolution), so its reveal, its re-arm on scroll and the petals around it stay as they were.
      - The script is cut from logo-lockup.webp (rows 294–432) and placed under the mark at the lockup's own proportions
        (lockup units: mark box x126–425 / y11–254, script box x14–472 / y294–432; miz.webp artwork 49–1239 / 48–1013).
      - The couple photo is no longer shown (the file stays in assets/img). The doors open on the logo instead of the photo.
   2. IBJ AWARD: no band under the header any more. The official banner sits at the lower right of the hero (where the large
      mizuhiki was), and appears once, softly, a little after the page opens. Shown at once with reduced motion; CSS only.
   3. Header and footer: the same two official images side by side (mark left, script right), small.
   4. Type: section headings 23–28px, body 15px (phone) / 15.5px (PC), large serif lines one step quieter. */

/* 1. hero */
#top-fv{--st:min(46svh,420px);--lw:min(62vw,250px,calc((var(--st) - 44px)*1.0877));--lu:calc(var(--lw)/459);--lh:calc(var(--lu)*422);
 --lx:calc(50% - var(--lw)/2);--ly:calc(var(--hh) + (var(--st) - var(--lh))/2 - 8px);
 background:
  radial-gradient(ellipse 58% 34% at 50% calc(var(--hh) + var(--st)*.5),rgba(255,253,247,.95),rgba(255,253,247,0) 70%),
  radial-gradient(circle at 4% calc(var(--hh) + var(--st)*.28),rgba(239,217,207,.42),rgba(239,217,207,0) 34%),
  radial-gradient(circle at 98% calc(var(--hh) + var(--st)*.1),rgba(234,220,196,.5),rgba(234,220,196,0) 36%),
  linear-gradient(180deg,#f8f1e6,var(--washi) 70%)}
@media(min-width:37.5em){#top-fv{--lw:min(300px,calc((var(--st) - 56px)*1.0877))}}
@media(min-width:64em){
 #top-fv{--lw:min(clamp(300px,25vw,400px),calc((100svh - var(--hh) - 160px)*1.0877));--lx:calc(70% - var(--lw)/2);--ly:calc(50% + var(--hh)/2 - var(--lh)/2);
  background:
   radial-gradient(ellipse 34% 46% at 70% calc(50% + var(--hh)/2),rgba(255,253,247,.95),rgba(255,253,247,0) 72%),
   radial-gradient(circle at 44% 12%,rgba(239,217,207,.38),rgba(239,217,207,0) 26%),
   radial-gradient(circle at 99% 88%,rgba(234,220,196,.5),rgba(234,220,196,0) 30%),
   linear-gradient(180deg,#f8f1e6,var(--washi) 75%)}
}
#top-fv .ph{z-index:1}
#top-fv .ph::after{display:none}
#top-fv .miz{left:calc(var(--lx) + var(--lu)*99.66);top:calc(var(--ly) - var(--lu)*12.09);right:auto;bottom:auto;width:calc(var(--lu)*327.5);z-index:0}
.fv-logo{position:absolute;left:var(--lx);top:var(--ly);width:var(--lw);height:var(--lh);z-index:0;pointer-events:none}
.fv-script{position:absolute;left:0;top:calc(var(--lu)*283);width:calc(var(--lu)*459);height:calc(var(--lu)*139);
 background:url(../img/logo-lockup.webp) no-repeat calc(var(--lu)*-14) calc(var(--lu)*-294)/calc(var(--lu)*485) calc(var(--lu)*446)}

/* 2. IBJ AWARD */
#top-fv>.iaw-adopted{--aw:64px;left:auto;right:16px;top:calc(var(--hh) + var(--st) + 28px - var(--aw));width:var(--aw);display:block;padding:0;
 background:none;border:0;box-shadow:none;animation:iaw-pop 1.3s cubic-bezier(.22,.61,.36,1) 1.1s both}
#top-fv>.iaw-adopted a{width:100%;box-shadow:0 6px 18px rgba(43,36,32,.16)}
#top-fv>.iaw-adopted .lbl{display:none}
@keyframes iaw-pop{from{opacity:0;transform:translateY(10px) scale(.94);filter:blur(3px)}55%{filter:blur(0)}to{opacity:1;transform:none;filter:none}}
@media(max-width:359px){#top-fv>.iaw-adopted{--aw:60px;right:14px}}
@media(min-width:37.5em){#top-fv>.iaw-adopted{--aw:84px;right:34px}}
@media(min-width:64em){#top-fv>.iaw-adopted{--aw:104px;top:auto;right:6%;bottom:clamp(28px,7svh,72px)}}
@media(prefers-reduced-motion:reduce){#top-fv>.iaw-adopted{animation:none}}

/* 3. header / footer lockup (decorative spans; the links keep their names) */
.lk{--u:.13;display:inline-flex;align-items:center;gap:calc(var(--u)*30px)}
.lk-m{flex:none;width:calc(var(--u)*300px);height:calc(var(--u)*244px);
 background:url(../img/miz.webp) no-repeat calc(var(--u)*-12.34px) calc(var(--u)*-12.09px)/calc(var(--u)*327.5px) calc(var(--u)*268px)}
.lk-s{flex:none;width:calc(var(--u)*459px);height:calc(var(--u)*139px);margin-top:calc(var(--u)*56px);
 background:url(../img/logo-lockup.webp) no-repeat calc(var(--u)*-14px) calc(var(--u)*-294px)/calc(var(--u)*485px) calc(var(--u)*446px)}
.hdr .logo{height:auto;display:flex;align-items:center;min-height:44px}
@media(max-width:359px){.hdr .lk{--u:.12}}
@media(min-width:64em){.hdr .lk{--u:.17}}
.ft .lk{--u:.2}
.ft .brandcol>a{display:block;line-height:0}

/* 4. type */
:root{--fs-h2:clamp(1.4375rem,1.15rem + .75vw,1.75rem);--fs-body:.9375rem}
@media(min-width:64em){:root{--fs-body:.96875rem}}
#top-fv h1{font-size:clamp(1.5rem,1.1rem + 1.2vw,2rem)}
#counselor .quote{font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem)}
.band-q p.big{font-size:clamp(1.3rem,1.1rem + .9vw,1.75rem)}
.big-h{font-size:clamp(1.15rem,1rem + .6vw,1.45rem)!important}
#contact.talk.invite h2{font-size:clamp(1.5rem,1.2rem + .8vw,1.875rem)}
.steps p{font-size:.9375rem}
.tm-kind{font-size:12px}
.fv .note{letter-spacing:.02em}   /* 375px: 「※1」 no longer alone on a third line */