/* 6th「霜華 -SHIMOBANA-」アルバムページ。album-art.css / higanbana.css の骨組みの上に、霜・硝子・白を足す。
   色は「いちばん色のないアルバム」。緋は涙ぼくろの一点（.tear）だけに使う。 */
body.album-6{--paper:#f2f4f5;--ink:#22303a;--mute:#6a7781;--line:#cbd3d9;--accent:#5f7b8f;--wash:#e6ebee;--frost:#ffffff;--tear:#c8102e;background:var(--paper);color:var(--ink)}
.album-6 .site-header .brand img{content:url('logo_haika_kanji_dark.png')}
.album-6 .site-header{background:#f2f4f5d9;backdrop-filter:blur(6px)}

/* 霜が縁から伸びる模様（細い斜線を2方向に重ね、縁だけ残す） */
.frost-edge{position:relative;isolation:isolate}
.frost-edge:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(118deg,#fff0 0 22px,#ffffffb3 23px 24px,#fff0 25px 58px),repeating-linear-gradient(62deg,#fff0 0 30px,#ffffff99 31px 32px,#fff0 33px 74px),repeating-linear-gradient(90deg,#fff0 0 46px,#ffffff66 47px 48px,#fff0 49px 120px);
  -webkit-mask:radial-gradient(130% 90% at 50% 45%,#0000 52%,#000 100%);mask:radial-gradient(130% 90% at 50% 45%,#0000 52%,#000 100%);opacity:.9}

/* HERO */
.album-6 .album-hero{background:radial-gradient(90% 70% at 78% 40%,#ffffff 0,#f2f4f5 46%,#e2e8ec 100%)}
.album-6 .hero-copy h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(60px,7vw,112px);letter-spacing:.08em;line-height:1.2;font-weight:400}
.album-6 .eyebrow{margin-bottom:24px;color:var(--mute)}
.album-6 .coming-soon{display:flex;align-items:center;gap:18px;font-size:13px;letter-spacing:.15em;color:var(--accent);margin-bottom:30px}
.album-6 .coming-soon span{font-size:9px;letter-spacing:.2em;padding:5px 9px 4px;border:1px solid currentColor}
.album-6 .hero-poem{color:#33424d}
.album-6 .hero-meta{margin-top:44px}
.album-6 .hero-art img{width:100%;aspect-ratio:1;object-fit:cover;box-shadow:0 30px 80px #22303a2e,0 0 0 1px #ffffff inset}
.tear{display:inline-block;width:.42em;height:.58em;margin-left:.12em;background:var(--tear);border-radius:50% 50% 50% 50%/62% 62% 38% 38%;transform:translateY(-.05em)}

/* CONCEPT（霜の硝子越し） */
.album-6 .concept-section{background:linear-gradient(180deg,#e6ebee,#eef2f4)}
.album-6 .concept{background:#ffffff8c;border:1px solid #ffffff;box-shadow:0 20px 60px #22303a14;padding:56px 5%;backdrop-filter:blur(4px)}
.album-6 .concept h2{color:#22303a}
.album-6 .release-note strong{color:var(--accent)}

/* TRACKS */
.album-6 .upcoming-track{grid-template-columns:32px minmax(0,1fr) auto 128px;gap:22px}
.track-credit6{font-size:10px;letter-spacing:.06em;color:var(--mute);white-space:nowrap;text-align:right}
.track-thumb{display:block;width:128px;aspect-ratio:16/9;overflow:hidden;background:var(--wash)}
.track-thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.02);transition:transform .8s cubic-bezier(.2,.75,.2,1)}
.upcoming-track:hover .track-thumb img{transform:scale(1.06)}
.album-6 .upcoming-track:hover .track-name{color:var(--accent)}
.album-6 .record-listen a{border-color:var(--line)}

/* 全幅の場面 */
.shimobana-scene{position:relative;margin:0;overflow:hidden;background:#dfe5e9}
.shimobana-scene img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center 38%}
.shimobana-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 55%,#0f171dcc);pointer-events:none}
.shimobana-scene figcaption{position:absolute;z-index:1;left:5%;right:5%;bottom:27px;display:flex;justify-content:space-between;gap:24px;color:#f1f4f6;font:10px/1.8 Arial,sans-serif;letter-spacing:.14em}
.shimobana-scene figcaption span:first-child{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:15px;letter-spacing:.12em}

/* 11 SCENES */
.scenes-section{background:var(--paper)}
.scenes-heading{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end;margin-bottom:56px}
.scenes-heading h2{font:400 clamp(44px,5.4vw,78px)/1 Georgia,serif;letter-spacing:-.04em}
.scenes-heading h2 small{display:block;font:12px/2 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.12em;margin-top:18px;color:var(--mute)}
.scenes-heading p{font:13px/2.3 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.06em;color:#3d4b55}
.scenes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 34px}
.scene-card{margin:0;scroll-margin-top:32px}
.scene-card .frame{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--wash);box-shadow:0 18px 50px #22303a1f}
.scene-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}
.scene-card:hover img{transform:scale(1.025)}
.scene-card figcaption{display:grid;grid-template-columns:30px 1fr;gap:6px 10px;padding:18px 0 0;border-bottom:1px solid var(--line);padding-bottom:16px}
.scene-card figcaption>span{font-size:10px;color:var(--mute);letter-spacing:.08em;padding-top:4px}
.scene-card figcaption strong{font:400 17px/1.5 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.06em}
.scene-card figcaption strong small{font:10px/1 Arial,sans-serif;letter-spacing:.12em;color:var(--mute);margin-left:10px}
.scene-card figcaption q{grid-column:2;font:13px/2 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.08em;color:#3d4b55;quotes:"「" "」"}
.scene-card--wide{grid-column:1/-1}

/* JACKET（表のみ） */
.album-6 .jacket-section{background:linear-gradient(180deg,#eef2f4,#e2e8ec)}
.jacket-solo{max-width:720px;margin:0 auto}
.jacket-solo .jacket-frame{aspect-ratio:1;overflow:hidden;box-shadow:0 34px 90px #22303a33}
.jacket-solo img{display:block;width:100%;height:100%;object-fit:cover}
.jacket-solo figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}
.jacket-solo figcaption span{font-size:9px;letter-spacing:.15em;color:var(--mute)}
.jacket-solo figcaption strong{font:400 16px/1.5 Georgia,"Yu Mincho",serif}

/* CLOSING / FOOTER */
.album-6 .closing{background:radial-gradient(70% 90% at 50% 0,#ffffff,#f2f4f5 70%)}
.closing-listen{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;margin-top:34px;font-size:11px;letter-spacing:.1em}
.closing-listen a{padding-bottom:6px;border-bottom:1px solid var(--line)}
.closing-listen a:hover{color:var(--accent)}
.album-6 .album-footer{background:#18212a;color:#eef1f3}
.album-6 .album-footer .brand img{content:url('logo_haika_kanji_light.png')}
.album-6 .album-links{grid-template-columns:repeat(4,1fr)}

@media(max-width:980px){.album-6 .concept h2{font-size:27px}.album-6 .hero-poem{font-size:15px;letter-spacing:.06em}.album-6 .album-links{grid-template-columns:repeat(2,1fr)}.scenes-heading{grid-template-columns:1fr;gap:20px}.album-6 .upcoming-track{grid-template-columns:32px minmax(0,1fr) 104px}.track-credit6{display:none}.track-thumb{width:104px}}
@media(max-width:680px){.album-6 .hero-copy h1{font-size:70px}.album-6 .album-hero{gap:36px}.album-6 .concept{padding:36px 7%}.album-6 .upcoming-track{grid-template-columns:24px minmax(0,1fr) 88px;gap:10px;min-height:88px}.track-thumb{width:88px}.scenes-grid{grid-template-columns:1fr;gap:38px}.shimobana-scene img{aspect-ratio:1.4}.shimobana-scene figcaption{left:6%;right:6%;bottom:15px}.shimobana-scene figcaption span:first-child{font-size:12px}.album-6 .album-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.track-thumb img,.scene-card img{transition:none}}
.tear-period{color:var(--tear)}

/* THE BAND（霜の季節の五人） */
.band-section{background:linear-gradient(180deg,#f2f4f5,#e6ebee)}
.band-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 30px}
.band-shot{margin:0;scroll-margin-top:32px}
.band-shot--wide{grid-column:1/-1}
.band-shot .frame{display:block;aspect-ratio:1672/941;overflow:hidden;background:var(--wash);box-shadow:0 22px 60px #22303a24}
.band-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.75,.2,1)}
.band-shot:hover img{transform:scale(1.02)}
.band-shot figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.band-shot figcaption span{font-size:10px;letter-spacing:.14em;color:var(--mute);white-space:nowrap}
.band-shot figcaption strong{font:400 16px/1.6 "Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.08em;text-align:right}
@media(max-width:680px){.band-grid{grid-template-columns:1fr;gap:34px}.band-shot figcaption{flex-direction:column;gap:6px}.band-shot figcaption strong{text-align:left;font-size:15px}}
@media(prefers-reduced-motion:reduce){.band-shot img{transition:none}}

/* 霜の描写（2026-10-04） */
[data-frost]{position:relative;isolation:isolate}
[data-frost]:before,[data-frost]:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(34vw,420px);aspect-ratio:1;
  background:#8fa2af;-webkit-mask:url(shimobana/frost-corner.svg) no-repeat 0 0/100% 100%;mask:url(shimobana/frost-corner.svg) no-repeat 0 0/100% 100%;opacity:.42}
[data-frost]:before{top:0;left:0}
[data-frost]:after{right:0;bottom:0;transform:rotate(180deg)}
.concept-section[data-frost]:after,.jacket-section[data-frost]:after{opacity:.4}
.closing[data-frost]:before{opacity:.22}.closing[data-frost]:after{opacity:.22}

/* 写真に張る霜：画面に入ってしばらくすると溶ける。ホバーでも溶ける */
.scene-card .frame,.band-shot .frame{position:relative}
.is-frosted:after{content:"";position:absolute;z-index:1;pointer-events:none;width:34%;aspect-ratio:1;right:0;bottom:0;background:#fff;transform:rotate(180deg);
  -webkit-mask:url(shimobana/frost-corner.svg) no-repeat 0 0/100% 100%;mask:url(shimobana/frost-corner.svg) no-repeat 0 0/100% 100%;opacity:.8;transition:opacity 2.4s cubic-bezier(.4,0,.2,1)}
.is-frosted:before{content:"";position:absolute;z-index:1;pointer-events:none;width:46%;aspect-ratio:1;top:0;left:0;background:#fff;
  -webkit-mask:url(shimobana/frost-corner.svg) no-repeat 0 0/100% 100%;mask:url(shimobana/frost-corner.svg) no-repeat 0 0/100% 100%;opacity:.9;transition:opacity 2.4s cubic-bezier(.4,0,.2,1)}
.is-frosted.is-thawed:after,.is-frosted:hover:after{opacity:0}
.is-frosted.is-thawed:before,.is-frosted:hover:before{opacity:0}
.is-frosted:hover:after,.is-frosted:hover:before{transition-duration:.9s}

/* 霜の間奏（既存の .shimobana-scene を流用） */
.frost-interlude img{aspect-ratio:16/6;object-position:center 45%;filter:contrast(1.04)}
.frost-interlude:after{background:linear-gradient(180deg,#0000 50%,#10171dcc)}

@media(max-width:680px){[data-frost]:before,[data-frost]:after{width:62vw}.frost-interlude img{aspect-ratio:1.3}}
@media(prefers-reduced-motion:reduce){.is-frosted:after,.is-frosted:before{transition:none}}

/* 場面ごとの YouTube（2026-10-06） */
.scene-yt{grid-column:2;display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:.08em}
.scene-yt .track-date{color:var(--mute)}
.scene-yt .track-yt{color:var(--accent)}
.scene-yt .track-yt:hover{text-decoration:underline}