/* =========================================================
   ①ファーストビュー ／ ③導入　スマートフォン表示の文字組み
   - 役割の整理（①＝世界観／③＝世界をめぐる旅）に伴う文字組みの調整
   - すべて @media (max-width:760px) 内。PC（761px以上）には一切適用しない
   - グローバルセレクタへの新規指定なし
========================================================= */
@media (max-width: 760px) {

  /* ---- ① 見出し：大きく・軽く・行間ゆったり ---- */
  .icx-hero .icx-sp-title{
    line-height: 1.5;
    letter-spacing: .02em;
    font-weight: 500;
  }
  .icx-hero .icx-sp-t1{ font-size: 30px; }
  .icx-hero .icx-sp-t2{ font-size: 30px; }
  .icx-hero .icx-sp-t3{ font-size: 38px; margin-top: 2px; }
  .icx-hero .icx-sp-title strong{ font-weight: 500; color: #a67928; }

  /* 見出しの上に細い飾り罫＋菱形（他セクションと同じ意匠） */
  .icx-hero .icx-sp-lead{ position: relative; padding-top: 26px; }
  .icx-hero .icx-sp-lead::before{
    content:""; position:absolute; left:2px; top:12px; width:86px; height:1px;
    background: linear-gradient(90deg, #c9a35c, rgba(201,163,92,0));
  }
  .icx-hero .icx-sp-lead::after{
    content:"✦"; position:absolute; left:92px; top:3px;
    font-size:11px; color:#c9a35c; line-height:1;
  }

  /* ---- ① サブコピー・本文 ---- */
  .icx-hero .icx-hero-subtitle{ font-size: 17px; margin-top: 14px; }
  .icx-hero .icx-hero-body{
    display: block; order: 3;
    margin: 12px 0 0;
    font-family: "Noto Sans JP","Yu Gothic",sans-serif;
    font-size: 17px; font-weight: 400; line-height: 1.85;
    letter-spacing: .01em; color: #4a3a2c;
    font-feature-settings: "palt" 1;
  }
  .icx-hero .icx-hero-copy{ padding-bottom: 26px; }

  /* ---- ③ 見出し ---- */
  .icx-intro .icx-sp-headline{
    font-size: 30px; font-weight: 500; line-height: 1.5; letter-spacing: .02em;
    padding-top: 20px; position: relative;
  }
  .icx-intro .icx-sp-headline strong{ font-weight: 500; color: #a67928; }
  .icx-intro .icx-sp-headline::before{
    content:""; position:absolute; left:2px; top:6px; width:86px; height:1px;
    background: linear-gradient(90deg, #c9a35c, rgba(201,163,92,0));
  }
  .icx-intro .icx-sp-headline::after{
    content:"✦"; position:absolute; left:92px; top:-3px;
    font-size:11px; color:#c9a35c; line-height:1;
  }

  /* ---- ③ 導入文（新規） ---- */
  .icx-intro .icx-sp-lead2{
    display: block; margin: 12px 0 18px;
    font-family: "Noto Sans JP","Yu Gothic",sans-serif;
    font-size: 17px; font-weight: 400; line-height: 1.85;
    letter-spacing: .01em; color: #4a3a2c;
    font-feature-settings: "palt" 1;
  }

  /* ---- ③ 見出し：2行構成（1行目に件数を含める） ---- */
  .icx-intro .icx-sp-l1{
    display: block; margin: 0 0 4px;
    /* 1行に収まるよう画面幅に追従（17px〜21px） */
    font-size: clamp(17px, calc((100vw - 42px) / 19.3), 21px);
    font-weight: 500; line-height: 1.45; letter-spacing: .01em;
    color: #4a3a2c; font-feature-settings: "palt" 1;
  }
  .icx-intro .icx-sp-l1 b{
    font-size: 1.15em; font-weight: 600; color: #a67928;
    letter-spacing: .01em; margin-right: 1px;
  }
  .icx-intro .icx-sp-l2{
    display: block; font-size: 34px; font-weight: 500;
    line-height: 1.35; letter-spacing: .02em; color: #a67928;
  }

  /* ---- ③ 写真の下の1行 ---- */
  .icx-intro .icx-sp-summary{ font-size: 15px; color: #6b5c4a; }
}
/* 761px以上（PC版）では新規要素を出さない */
.icx-sp-lead2{ display: none; }

/* 761px以上（PC版）では新規要素を出さない */
.icx-sp-l1{ display: none; }

/* =========================================================
   2026-09-05 追加：スマートフォンTOPヒーロー
   ・タイトル「知らなかった、／会員制クルーズクラブの／世界へ」を
     写真の中に置く（PC版と同じ考え方）
   ・写真は白いベールを重ねて透過処理し、背景としてなじませる
   ・写真の下端は「世界へ」の下端に合わせる
   ・元画像の下端にある寄港地写真3枚の帯は、本文と重なるため
     CSSで切り落としている（画像ファイルは変更していない）
   ・すべて max-width:760px の中。PC（761px以上）には一切適用しない
   ========================================================= */
@media (max-width: 760px){
  .icx-hero{ position:relative; padding:0; background:#fffdf9; overflow:hidden; }
  .icx-hero-visual{
    position:absolute; left:0; top:0; z-index:0;
    width:100%; height:278px;
    object-fit:cover; object-position:88% top;
    border-radius:0;
    clip-path: inset(0 0 64px 0);
  }
  .icx-hero::after{
    content:""; display:block; position:absolute; left:0; top:0; z-index:1;
    width:100%; height:214px;
    background:linear-gradient(180deg,
      rgba(255,253,249,.60) 0%,
      rgba(255,253,249,.44) 52%,
      rgba(255,253,249,.80) 86%,
      rgba(255,253,249,1) 100%) !important;
  }
  .icx-hero-copy{
    position:relative; z-index:2;
    margin-top:0; padding:20px 22px 26px;
    background:none; border-radius:0;
  }
  .icx-hero .icx-sp-lead{ padding-top:20px; }
}
/* 355px未満はタイトルが1行増えるため、写真の下端も合わせて下げる */
@media (max-width: 354px){
  .icx-hero-visual{ height:336px; clip-path: inset(0 0 77px 0); }
  .icx-hero::after{ height:259px; }
}

/* =========================================================
   2026-09-05 追加：スマートフォンTOPの文字組みを、ご提供のデザイン
   画像どおりに作り直す（憲法の例外適用のご指示による）。
   ・文字は画像に焼き込まず、HTMLテキストのまま（SEO・編集性を保つ）
   ・「世界へ」は金のグラデーション、下に金の飾り曲線（CSS／SVG）
   ・写真はCSSで背景として敷き、白いベールで透過処理
   ・すべて max-width:760px の中。PC版には適用しない
   ========================================================= */
@media (max-width: 760px){
  .icx-hero .icx-sp-title{
    line-height:1.30;
    letter-spacing:.01em;
    color:#371a0c;
    text-shadow:0 1px 3px rgba(255,255,255,.85), 0 0 14px rgba(255,255,255,.7);
  }
  .icx-hero .icx-sp-t1{ font-size:30px; }
  .icx-hero .icx-sp-t2{ font-size:30px; }
  .icx-hero .icx-sp-t3{
    font-size:44px; margin-top:6px; line-height:1.18;
    position:relative; display:block;
  }
  /* 「世界へ」：金のグラデーション */
  .icx-hero .icx-sp-title strong{
    font-weight:600;
    background:linear-gradient(180deg,#e8cfa0 0%,#c9922c 42%,#b57109 72%,#dcb463 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    text-shadow:none;
  }
  /* 「世界へ」の下の金の飾り曲線 */
  .icx-hero .icx-sp-t3::after{
    content:""; display:block; margin:2px 0 0 2px;
    width:min(300px,86%); height:16px;
    background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20320%2026%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23c9922c%27%20stop-opacity%3D%27.15%27%2F%3E%3Cstop%20offset%3D%27.18%27%20stop-color%3D%27%23b57109%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23e3ba6b%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23c38c2a%27%20stop-opacity%3D%27.45%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%27M3%2019%20C%2055%2024%2C%20105%2020%2C%20152%2012%20C%20200%204%2C%20258%202%2C%20317%208%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g%29%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E") no-repeat left center / 100% 100%;
  }
}

/* =========================================================
   2026-09-05 変更：ご指示により、白いベールを薄くして写真を鮮やかに戻す。
   （前の設定は文字の読みやすさを優先しすぎて、TOPの印象が弱かった）
   ・写真は左側だけ軽く明るくし、船と夫婦の側は元の色のまま出す
   ・文字は白いにじみ（グロー）で浮かせて読ませる
   ・すべて max-width:760px の中。PC版には適用しない
   ========================================================= */
@media (max-width: 760px){
  .icx-hero::after{
    background:
      linear-gradient(102deg,
        rgba(255,253,249,.55) 0%,
        rgba(255,253,249,.26) 42%,
        rgba(255,253,249,.02) 72%,
        rgba(255,253,249,0) 100%),
      linear-gradient(180deg,
        rgba(255,253,249,0) 62%,
        rgba(255,253,249,.84) 92%,
        rgba(255,253,249,1) 100%) !important;
  }
  .icx-hero .icx-sp-title{
    color:#2a1408;
    text-shadow:
      0 1px 2px rgba(255,255,255,.96),
      0 0 10px rgba(255,255,255,.92),
      0 0 28px rgba(255,255,255,.80);
  }
  .icx-hero .icx-sp-title strong{
    text-shadow:none;
    filter:
      drop-shadow(0 1px 2px rgba(255,255,255,.92))
      drop-shadow(0 0 14px rgba(255,255,255,.80));
  }
}

/* =========================================================
   2026-09-05 追加：PC版TOPヒーローの文字組みを、ご提供のデザイン画像に
   合わせる（「ルールより目的」とのご指示により、PC変更の例外を適用）。
   ・文字は画像に焼き込まず、HTMLテキストのまま
   ・2行目を1行目と同じ大きさに、「世界へ」を大きく金のグラデーションに
   ・金の罫線／✦／飾り曲線はCSSで描画（写真からは消してある）
   ・写真は hero-visual-plain.jpg（焼き込みの金装飾を除いたもの）
   ========================================================= */
@media (min-width: 761px){
  .icx-compass{ display:none !important; }
  .icx-hero-copy{ width:57%; top:2.2%; }
  .icx-hero-copy::before{
    content:""; position:absolute; left:3px; top:min(30px,1.56vw);
    width:min(330px,17.2vw); height:2px;
    background:linear-gradient(90deg,#b8892a 0%,rgba(184,137,42,.15) 100%);
  }
  .icx-hero-copy::after{
    content:"\2726"; position:absolute; left:min(352px,18.3vw); top:min(8px,.42vw);
    font-size:min(36px,1.87vw); line-height:1; color:#d4ae57;
  }
  .icx-hero-title{ margin-top:min(62px,3.23vw); }
  .icx-hero-title span:first-child{ font-size:min(95.5px,4.975vw); }
  .icx-hero-title span:nth-child(2){ font-size:min(95.5px,4.975vw); margin-top:min(8px,.42vw); }
  .icx-hero-title strong{
    font-size:min(132px,6.88vw); margin-top:min(2px,.1vw); font-weight:600;
    background:linear-gradient(180deg,#e8cfa0 0%,#c9922c 40%,#b57109 70%,#dcb463 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
    text-shadow:none;
  }
  .icx-hero-title::after{
    content:""; display:block;
    width:min(560px,29.2vw); height:min(34px,1.77vw);
    margin:min(2px,.1vw) 0 0 min(6px,.31vw);
    background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20560%2034%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%270%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23c9922c%27%20stop-opacity%3D%27.12%27%2F%3E%3Cstop%20offset%3D%27.16%27%20stop-color%3D%27%23b57109%27%2F%3E%3Cstop%20offset%3D%27.55%27%20stop-color%3D%27%23e3ba6b%27%2F%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23c38c2a%27%20stop-opacity%3D%27.35%27%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%27M4%2025%20C%2095%2032%2C%20185%2027%2C%20266%2016%20C%20350%205%2C%20452%202%2C%20556%2010%27%20fill%3D%27none%27%20stroke%3D%27url%28%23g%29%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%2F%3E%3C%2Fsvg%3E") no-repeat left center / 100% 100%;
  }
  .icx-hero-subtitle{ margin-top:min(16px,.83vw); }
  .icx-hero-body{ max-width:min(660px,41.2vw); }
}

/* --- PC：写真は「寄港地3枚の帯」を外して全景を見せ、下半分をアイボリーへ
       溶かす。リード文と本文はその上（読める面）に置く。ヒーローの高さは
       従来どおり634px相当のままなので、以降のレイアウトは動かない。 --- */
@media (min-width: 761px){
  .icx-hero-visual{
    height:min(488px,30.5vw);
    object-fit:cover; object-position:center top;
    inset:auto; left:0; top:0; width:100%;
  }
  .icx-hero::after{
    content:""; display:block; position:absolute; left:0; top:0; z-index:1;
    width:100%; height:min(488px,30.5vw);
    background:linear-gradient(180deg,
      rgba(255,253,249,0) 0%,
      rgba(255,253,249,0) 62%,
      rgba(255,253,249,.72) 82%,
      rgba(255,253,249,1) 100%);
  }
  .icx-hero-body{
    color:#3a2b1e;
  }
}

/* =========================================================
   2026-09-05 修正：スマートフォンで「クラブの」が夫婦の写真に重なって
   いたため、2行目を「会員制クルーズ／クラブの」で折り返し、1行目・2行目を
   30px→28px に少し小さくした（大見出しの下限28pxは維持）。
   写真の下端は、飾り曲線の下にそろえ直している。
   ========================================================= */
@media (max-width: 760px){
  .icx-hero .icx-sp-t1{ font-size:28px; }
  .icx-hero .icx-sp-t2{ font-size:28px; max-width:7.2em; }
  .icx-hero-visual{ height:301px; clip-path: inset(0 0 69px 0); }
  .icx-hero::after{ height:232px; }
}
/* 狭い端末でも折り返し位置が変わらないため、354px以下の特例は不要になった */
@media (max-width: 354px){
  .icx-hero-visual{ height:301px; clip-path: inset(0 0 69px 0); }
  .icx-hero::after{ height:232px; }
}

/* =========================================================
   2026-09-06 追加：専用ページから「はじめてクルーズ」へ戻る導線
   ・末尾（.bkto）：読み終えた方の三つ目の行き先
   ・中盤（.bkto-mini）：料金・仕組みのあとの控えめな一行
   ・上部バーの文言（.ic-back-short / .ic-back-long）
   色は既存のアイボリー・シャンパンゴールド・ダークブラウンのみ。
   申込ボタン（オレンジ）とは意図的に差をつけ、競合させていない。
   ========================================================= */

/* --- 上部バー：行き先が分かる文言に --- */
.ic-back-short{ display:none; }
@media (max-width: 768px){
  .ic-back-long{ display:none !important; }
  .ic-back-short{ display:inline; }
}

/* --- 末尾の導線 --- */
.bkto{
  background:#fdfbf7;
  border-top:1px solid #eadfc7;
}
.bkto__in{
  width:min(1000px, calc(100% - 40px));
  margin:0 auto;
  padding:clamp(38px,3.4vw,58px) 0 clamp(42px,3.8vw,64px);
  text-align:center;
  font-family:"Noto Serif JP","Noto Serif CJK JP",YuMincho,"Yu Mincho",serif;
  color:#3b2a1e;
}
.bkto__eyebrow{
  margin:0 !important;
  font-size:clamp(14px,1.0vw,18px);
  letter-spacing:.08em;
  color:#9a7b45;
  font-weight:600;
}
.bkto__title{
  margin:clamp(8px,.7vw,14px) 0 0 !important;
  font-size:clamp(25px,2.2vw,38px);
  line-height:1.45;
  font-weight:600;
  color:#3b2a1e;
}
.bkto__body{
  margin:clamp(12px,1.1vw,18px) 0 0 !important;
  font-family:"Noto Sans JP","Yu Gothic",sans-serif;
  font-size:clamp(17px,1.15vw,20px);
  line-height:1.85;
  font-weight:400;
  color:#4a3a2c;
}
.bkto__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-top:clamp(20px,1.8vw,30px);
  padding:clamp(14px,1.1vw,18px) clamp(26px,2.2vw,40px);
  min-height:54px;
  border:1.5px solid #c9a35c;
  border-radius:999px;
  background:#ffffff;
  color:#8a6520;
  font-family:"Noto Sans JP","Yu Gothic",sans-serif;
  font-size:clamp(17px,1.15vw,20px);
  font-weight:700;
  letter-spacing:.02em;
  text-decoration:none;
  transition:background-color .2s ease, color .2s ease;
}
.bkto__btn i{ font-style:normal; font-size:1.1em; opacity:.85; }
.bkto__btn:hover{ background:#f6eeda; color:#6f4f13; }

/* --- 中盤の一行 --- */
.bkto-mini{
  margin:0 !important;
  padding:16px 20px 22px;
  text-align:center;
  background:#fdfbf7;
}
.bkto-mini a{
  display:inline-block;
  text-align:center;
  min-height:44px;
  padding:9px 6px;
  font-family:"Noto Sans JP","Yu Gothic",sans-serif;
  font-size:16px;
  line-height:25px;   /* 端数を出さず、下のレイアウトを1pxも動かさないため */
  color:#8a6520;
  text-decoration:none;
  border-bottom:1px solid rgba(201,163,92,.55);
}
.bkto-mini a i{ font-style:normal; opacity:.8; margin-left:6px; }
.bkto-br{ display:none; }
@media (max-width: 700px){ .bkto-br{ display:inline; } }
.bkto-mini a:hover{ color:#6f4f13; border-bottom-color:#c9a35c; }

@media (max-width: 768px){
  .bkto__btn{ width:100%; max-width:346px; }
  .bkto-mini{ padding:14px 18px 20px; }
  .bkto-mini a{ font-size:16px; }
}

/* =========================================================
   2026-09-06 追加（PC版のみ）
   ・重複する2セクションをPCでは非表示にする
     - 現実味を感じられる数字の流れ（#incruises-cards95）
     - 特典を活用することで旅が身近に（#incruises-value-flow）
   ・「世界をめぐる、クルーズの旅へ」を1600px幅の横並びで新設（.icw）
   スマートフォン表示には一切影響しない。
   HTMLからは何も削除していない（すべてCSSでの非表示）。
   ========================================================= */
@media (min-width: 769px){
  #incruises-cards95{ display:none !important; }
  #incruises-value-flow{ display:none !important; }
}

/* --- 世界をめぐる、クルーズの旅へ（PCのみ）
       2026-09-06 変更：ヒーロー直下へ移動。タイトルを上、写真は横幅いっぱいに
       1列で並べる。写真は元データ（540×720）と同じ縦横比のまま。 --- */
.icw{ display:none; }

@media (min-width: 769px){
  .icw{
    display:block;
    background:#fffdf9;
    border-bottom:1px solid #eee3cf;
  }
  .icw__in{
    width:min(1600px, calc(100% - 48px));
    margin:0 auto;
    padding:56px 0 60px;
  }
  .icw__text{
    text-align:center;
    font-family:"Noto Serif JP","Noto Serif CJK JP",YuMincho,"Yu Mincho",serif;
    color:#2a170f;
    margin-bottom:clamp(28px,2.4vw,42px);
  }
  .icw__lead{
    margin:0 !important;
    font-size:clamp(19px,1.25vw,24px);
    line-height:1.6;
    font-weight:600;
    color:#3b2a1e;
  }
  .icw__lead b{ font-weight:700; font-size:1.2em; color:#b05c0b; }
  .icw__title{
    margin:6px 0 0 !important;
    font-size:clamp(38px,2.9vw,52px);
    line-height:1.3;
    font-weight:700;
    letter-spacing:.03em;
    color:#2a170f;
  }
  .icw__body{
    margin:16px 0 0 !important;
    font-family:"Noto Sans JP","Yu Gothic",sans-serif;
    font-size:clamp(17px,1.1vw,20px);
    line-height:1.9;
    color:#4a3a2c;
  }
  .icw__photos{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:clamp(12px,1.1vw,20px);
  }
  .icw__ph{ margin:0; }
  .icw__ph img{
    display:block;
    width:100% !important;
    height:auto !important;
    aspect-ratio:540/720;   /* 元データと同じ縦横比（切り取らない） */
    object-fit:cover;
    border-radius:10px;
    box-shadow:0 3px 12px rgba(90,70,45,.14);
  }
  /* 写真そのものに地名が焼き込まれているため、下の文字は出さない
     （読み上げ用に、マークアップは残してある） */
  .icw__ph figcaption{
    position:absolute; width:1px; height:1px; overflow:hidden;
    clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;
  }
}

/* ============================================================
   2026-09-07　PC版の文字サイズ統一（フォントサイズ統一ルール v2）
   大見出し54 / 本文20。「船の選び方も、旅行の総額も。」はセクション見出しではなく
   誘導パネルの見出しのため、統一対象から外して現状のままとする。
   ============================================================ */
@media (min-width: 769px) {
  .icw__title { font-size: 54px; }
  .icw__body  { font-size: 20px; }
  .bkto__eyebrow { font-size: 18px; }
}

/* =========================================================
   2026-09-08：ファーストビューを1600pxで固定する（PCのみ）
   ・これまで写真の枠は幅に比例して伸び続ける一方、文字は約1920pxで頭打ち
     だったため、画面が広い／ブラウザを縮小表示すると、写真が上下に切れて
     文字だけ小さく見えていた。
   ・枠は .icx-hero に max-width:1600px を入れて止め（incruises-top-redesign.css）、
     ここでは基準を vw（画面幅）から cqw（枠の幅）へ置き換える。
   ・1600px以下では cqw ＝ vw なので、見え方はこれまでとまったく同じ。
   ・760px以下（スマートフォン）には一切適用しない。
   ・横バー（.ic-subnav-inner）は元から max-width:1661px で固定済み。変更なし。
   ========================================================= */
@media (min-width: 761px){
  .icx-hero-copy::before{ top:1.56cqw; width:17.2cqw; }
  .icx-hero-copy::after{ left:18.3cqw; top:.42cqw; font-size:1.87cqw; }
  .icx-hero-title{ margin-top:3.23cqw; }
  .icx-hero-title span:first-child{ font-size:4.975cqw; }
  .icx-hero-title span:nth-child(2){ font-size:4.975cqw; margin-top:.42cqw; }
  .icx-hero-title strong{ font-size:6.88cqw; margin-top:.1cqw; }
  .icx-hero-title::after{ width:29.2cqw; height:1.77cqw; margin:.1cqw 0 0 .31cqw; }
  .icx-hero-subtitle{ font-size:1.725cqw; margin-top:.83cqw; padding-bottom:.619cqw; }
  .icx-hero-body{ font-size:1.381cqw; margin-top:2.119cqw; max-width:41.2cqw; }
  .icx-hero-visual{ height:30.5cqw; }
  .icx-hero::after{ height:30.5cqw; }
}