@charset "UTF-8";

/* =========================================================
   wi1258「藤」= アトリエシリーズ（基準 wi1263）の絵柄展開
   ---------------------------------------------------------
   レイアウト・アニメーション・本文セクションはシリーズ共通なので
   基準ファイルを @import し、品番固有の差分だけをここに書く。
   Blade は共用不可なので invitation_wi1258.blade.php /
   naire/_naire_wi1258.blade.php を実ファイルで持っている。

   絵柄はトワルシリーズ wi1270 と同じモネ作品だが、レイアウトが別系統
   （本ファイル＝アトリエ／CSS 開幕演出、wi1270＝Lottie）なので素材は共有しない。

   ※ 支給素材の img_cover.png / bg_art.jpg は 801x1301 で書き出されており、
     最右列（x=800）が半透明の継ぎ目になっている。表紙は background-size:cover で
     左右 0.5px ずつ切り落とされるため実害は出ない。端2pxを除いた抜き窓の実測 bbox は
     他品番と一致（x71..728 / y67..889）で、座標の上書きは不要。
   ========================================================= */

@import url("/web_invitation/design_resource/wi1263/design.css");

/* ---------------------------------------------------------
   品番固有の絵柄
   @import 内の url() は「宣言があるスタイルシート」= wi1263/ 基準で
   解決されるため、自品番の画像を使わせるには再宣言が要る。
   ここに挙げていない素材（bg_paper / text_1 / text_2 / journey / to / forever /
   title_*）は全品番で md5 一致のため、基準品番から解決させて重複配信を避ける。
   reply_title.png は CSS ではなく title_common.blade.php が $design_code 由来の
   パスで参照するため、ここでの宣言は不要。
   --------------------------------------------------------- */
/* 2026-08-18 アルファ補正済み
   支給時、地のアルファに Figma のグループ不透明度が焼き付いて 80.0% になっており、
   楕円からはみ出したお客様写真の角がこのカバーを透けて矩形に見えていた。
   alpha' = round(alpha * 255 / 204) の線形リマップで地を完全不透明へ引き上げた
   （RGB は無変更 / 抜き窓と縁のアンチエイリアスは保存）。
   旧ファイルは storage/app/asset_backup/2026-08-18_atelier_img_cover_alpha/ に保管。
   機序と実測手順は基準品番 wi1263/design.css の z2 のコメント参照。 */
.c-invitationPage--wi1258 .c-invitationSec--title__imgCover {
    background: url("img_cover.png") no-repeat center / cover;
}
.c-invitationPage--wi1258 .c-invitationSec--title__art   { background-image: url("bg_art.jpg"); }
.c-invitationPage--wi1258 .c-invitationSec--title__cover { background-image: url("bg_cover.png"); }
.c-invitationPage--wi1258 .c-invitationSec--title__label { background-image: url("label_art.png"); }
.c-invitationPage--wi1258 .c-invitationSec--countdown {
    background: url("countdown.jpg") no-repeat center / cover;
}

/* ---------------------------------------------------------
   色
   --atelier-navy は bg_cover.png 中央の実測色から導出（HSL で s*2.03 / l*0.455）。
   この係数は基準品番で検算済み: wi1263 の bg_cover #375a72 -> #0b2c42 で、
   手打ちの既存宣言 #0b2d41 と 1/255 以内で一致する。
   本品番の実測は #437b91 -> #0c4054。
   --atelier-line / --atelier-gold は本品番の全体コンプが無く実測できないため
   基準品番の値を継いでいる。コンプ受領後に要上書き。
   --------------------------------------------------------- */
.c-invitationPage--wi1258 {
    --atelier-navy: #0c4054;
}