/* ===================================================================
   lp.css — MAGNET Creator LP エディトリアル本文（Müller-Brockmann）
   ===================================================================
   読み込み順：grid.css → lp.css
   原則：flush-left / グロテスク＋mono / 巨大数字 / ハニーライン /
   角丸・影・グラデーション一切なし / 配色は 紙白・墨・MAGNET Blue単色。
   余白・行高はすべて baseline(8px) の倍数。
   =================================================================== */

/* ===== タイポグラフィ・スケール（line-height は 8px 倍数の固定px） ===== */
.h1{
  font-family:"Inter","Zen Kaku Gothic New",system-ui,sans-serif;
  font-weight:900; font-size:64px; line-height:72px; letter-spacing:-0.02em;
  margin:0; text-wrap:balance;
}
.h2{
  font-family:"Inter","Zen Kaku Gothic New",system-ui,sans-serif;
  font-weight:800; font-size:40px; line-height:48px; letter-spacing:-0.015em;
  margin:0; text-wrap:balance;
}
.h3{
  font-family:"Inter","Zen Kaku Gothic New",system-ui,sans-serif;
  font-weight:700; font-size:20px; line-height:24px; letter-spacing:-0.01em; margin:0;
}
.lead{ font-size:18px; line-height:24px; color:var(--ink); margin:0; text-wrap:pretty; }
p{ margin:0; }
.body{ font-size:16px; line-height:24px; color:var(--ink-soft); text-wrap:pretty; }
.small{ font-size:13px; line-height:24px; color:var(--ink-soft); }

/* 巨大数字（データを大きく見せるSwiss定石）。英数字は Inter、和字単位は Noto */
.numeral{
  font-family:"Inter","Zen Kaku Gothic New",system-ui,sans-serif;
  font-weight:800; font-size:88px; line-height:88px; letter-spacing:-0.03em;
  margin:0; display:block; font-variant-numeric:tabular-nums;
}
.numeral .u{ font-size:24px; font-weight:700; letter-spacing:0; vertical-align:6px; margin-left:2px; }
.numeral .cur{ font-size:40px; font-weight:700; vertical-align:10px; }
.numeral.accent{ color:var(--accent); }

/* モノラベル（kicker / folio / caption）：技術的レジスター */
.kicker{
  font-family:"Inter","Zen Kaku Gothic New",system-ui,sans-serif; font-size:17px; line-height:24px;
  letter-spacing:0; text-transform:none; color:var(--ink); font-weight:700; margin:0;
  display:flex; align-items:baseline; gap:12px;
}
.kicker .n{ color:var(--accent); font-weight:800; font-variant-numeric:tabular-nums; }
.folio{
  font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:11px; line-height:24px;
  letter-spacing:.06em; color:var(--ink-soft);
}
.mono{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; letter-spacing:.04em; }

/* ハニーライン（baseline 上に乗せる） */
.rule{ height:1px; background:var(--ink); border:0; margin:0; }
.rule-soft{ height:1px; background:rgba(17,19,21,.16); border:0; margin:0; }
.rule-accent{ height:2px; background:var(--accent); border:0; margin:0; width:48px; }

/* ===== セクション見出しの定型バンド ===== */
.shead{ margin-bottom:var(--lh); }
.shead .kicker{ margin-bottom:8px; }

/* リンク */
a{ color:inherit; text-decoration:none; }
.link{ color:var(--accent); border-bottom:1px solid currentColor; }

/* ===== ボタン（矩形・フラット・角丸なし） ===== */
.btnrow{ display:flex; flex-wrap:wrap; gap:16px; align-items:center; }
.btn{
  display:inline-flex; align-items:center; gap:10px;
  font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-weight:600; font-size:15px; line-height:24px;
  padding:12px 22px; background:var(--accent); color:#fff; border:0; cursor:pointer;
  transition:background .15s ease, transform .15s ease;
}
.btn:hover{ background:#1a2ea8; }
.btn .ar{ transition:transform .15s ease; }
.btn:hover .ar{ transform:translateX(3px); }
.btn-ghost{
  display:inline-flex; align-items:center; gap:10px;
  font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-weight:600; font-size:15px; line-height:24px;
  padding:12px 22px; background:transparent; color:var(--ink);
  box-shadow:inset 0 0 0 1px var(--ink); transition:background .15s ease,color .15s ease;
}
.btn-ghost:hover{ background:var(--ink); color:#fff; }

/* ===== Masthead / Nav ===== */
.masthead{ align-items:center; }
.brand img{ height:34px; width:auto; }
.nav{ display:flex; gap:22px; justify-content:flex-end; align-items:center; flex-wrap:wrap; }
.nav a{ font-size:16px; line-height:24px; color:var(--ink); transition:color .15s ease; }
.nav a:hover{ color:var(--accent); }
.nav .navcta{ color:var(--accent); font-weight:600; }
/* ログイン: 既存 .btn-ghost と同じ inset ボーダー語彙（角丸・影なし）で軽く囲う。 */
.nav .navlogin{ font-weight:600; padding:4px 12px; box-shadow:inset 0 0 0 1px var(--ink);
  transition:background .15s ease, color .15s ease; }
.nav .navlogin:hover{ background:var(--ink); color:#fff; }
@media (max-width:760px){ .nav{ display:none; } }

/* ===== Hero diagram（INPUT → AI → OUTPUT を活字と罫で表現） ===== */
.diagram{ border:1px solid var(--ink); }
.diagram .seg{ padding:16px 20px; border-bottom:1px solid rgba(17,19,21,.16); }
.diagram .seg:last-child{ border-bottom:0; }
.diagram .seg.ai{ background:var(--accent); color:#fff; display:flex; align-items:center; justify-content:space-between; }
.diagram .seglab{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--ink-soft); display:block; margin-bottom:8px; }
.diagram .seg.ai .seglab{ color:rgba(255,255,255,.8); margin-bottom:0; }
.diagram .seg.ai .ainame{ font-family:"Inter",sans-serif; font-weight:800; font-size:18px; letter-spacing:.02em; }
.diagram .items{ display:flex; flex-wrap:wrap; gap:8px 20px; }
.diagram .items span{ font-size:15px; font-weight:600; }
.diagram .items .tagnum{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:11px; color:var(--accent); margin-right:6px; }

/* ===== 数値メトリクス（課題・効果・料金） ===== */
.stat .numeral{ margin-bottom:4px; }
.stat .cap{ font-size:13px; line-height:24px; color:var(--ink-soft); }
.stat .was{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:11px; color:var(--ink-soft); letter-spacing:.06em; }

/* ===== 機能 / ステップ：罫線区切りのモジュール ===== */
.mod{ padding-top:16px; border-top:1px solid var(--ink); }
.mod .idx{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:14px; font-weight:800; letter-spacing:0; color:var(--accent); display:block; margin-bottom:6px; }
.mod h3{ margin:0 0 8px; }
.mod p{ font-size:14px; line-height:24px; color:var(--ink-soft); }
.mod .kindtag{ display:inline-block; margin-top:12px; font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:12px; font-weight:600; letter-spacing:0; text-transform:none; color:var(--ink-soft); box-shadow:none; padding:0; }

/* ===== 料金 ===== */
.price{ padding-top:16px; border-top:2px solid var(--ink); }
.price.add{ border-top-color:rgba(17,19,21,.3); }
.price .plan{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--ink-soft); display:block; margin-bottom:8px; }
/* 金額非開示時の価格表示（お問い合わせ誘導）。numeral の巨大数字は使わず抑制した見出し。 */
.price .askprice{ font-family:"Inter","Zen Kaku Gothic New",system-ui,sans-serif; font-weight:800; font-size:26px; line-height:40px; letter-spacing:-0.01em; color:var(--ink); display:block; }
.price ul{ list-style:none; margin:16px 0 0; padding:16px 0 0; border-top:1px solid rgba(17,19,21,.16); display:flex; flex-direction:column; gap:8px; }
.price li{ font-size:14px; line-height:24px; color:var(--ink-soft); padding-left:18px; position:relative; }
.price li::before{ content:"—"; position:absolute; left:0; color:var(--accent); }
.price li strong{ color:var(--ink); font-weight:700; }
.pricing-notes{ list-style:none; margin:0; padding:0; font-size:12px; line-height:24px; color:var(--ink-soft); }
.pricing-notes li::before{ content:"※ "; }

/* ===== 更新情報（リリースノート） ===== */
.rel-item{ padding:16px 0; border-top:1px solid rgba(17,19,21,.16); }
.rel-item.latest{ border-top:2px solid var(--accent); }
.rel-head{ display:flex; align-items:baseline; gap:16px; flex-wrap:wrap; margin-bottom:8px; }
.rel-ver{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:16px; font-weight:700; color:var(--ink); letter-spacing:.02em; }
.rel-item.latest .rel-ver{ color:var(--accent); }
.rel-date{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:12px; color:var(--ink-soft); }
.rel-flag{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:10px; letter-spacing:.12em; text-transform:uppercase; color:#fff; background:var(--accent); padding:2px 8px; }
.rel-sum{ font-size:15px; line-height:24px; color:var(--ink); margin:0 0 12px; max-width:60ch; }
.rel-tags{ display:flex; flex-wrap:wrap; gap:8px; }
.rel-tags span{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:11px; letter-spacing:.04em; color:var(--ink-soft); box-shadow:inset 0 0 0 1px rgba(17,19,21,.25); padding:3px 9px; }

/* ===== FAQ ===== */
.faq-item{ border-top:1px solid rgba(17,19,21,.16); }
.faq-item details{ padding:0; }
.faq-item summary{ list-style:none; cursor:pointer; display:flex; gap:16px; align-items:baseline; padding:16px 0; }
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item .qn{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:12px; color:var(--accent); flex-shrink:0; }
.faq-item .q{ font-size:16px; line-height:24px; font-weight:700; color:var(--ink); margin:0; flex:1; }
.faq-item .plus{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:16px; color:var(--ink-soft); transition:transform .2s ease; }
.faq-item details[open] .plus{ transform:rotate(45deg); color:var(--accent); }
.faq-item .a{ font-size:14px; line-height:24px; color:var(--ink-soft); margin:0; padding:0 0 16px 40px; max-width:64ch; }

/* ===== 反転スプレッド（最終CTA） ===== */
.spread.invert{ background:var(--ink); color:var(--paper); }
.spread.invert .h2{ color:#fff; }
.spread.invert .lead{ color:rgba(255,255,255,.72); }
.spread.invert .kicker{ color:#fff; }
.spread.invert .btn-ghost{ color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.5); }
.spread.invert .btn-ghost:hover{ background:#fff; color:var(--ink); }
.spread.invert .rule{ background:rgba(255,255,255,.3); }
.spread.invert .stat .cap{ color:rgba(255,255,255,.6); }
/* 最終CTAの数字帯（支え情報・横並び） */
.cta-facts{ display:flex; flex-wrap:wrap; gap:48px; align-items:baseline;
  border-top:1px solid rgba(255,255,255,.2); padding-top:16px; }
.cta-facts .fact{ display:flex; align-items:baseline; gap:10px; }
.cta-facts .fnum{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-weight:800;
  font-size:30px; line-height:32px; letter-spacing:-0.01em; color:var(--accent); }
.cta-facts .flabel{ font-size:13px; line-height:24px; color:rgba(255,255,255,.7); }
/* 暗背景ではアクセント青を明るめにして可読性を確保（青×黒の見にくさ対策） */
.spread.invert .kicker .n{ color:#8aa0ff; }
.spread.invert .cta-facts .fnum{ color:#8aa0ff; }
.spread.invert .wrap{ padding-bottom:56px; }

/* ===== 問い合わせフォーム（反転セクション・フラット/角丸・影なし） ===== */
.cform{ display:flex; flex-direction:column; gap:16px; }
.cform-row{ display:flex; gap:16px; flex-wrap:wrap; }
.cform-row .cform-field{ flex:1 1 220px; }
.cform-field{ display:flex; flex-direction:column; gap:6px; }
.cform-label{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:12px; letter-spacing:.04em; color:rgba(255,255,255,.7); }
.cform-label em{ font-style:normal; color:#8aa0ff; font-size:11px; margin-left:6px; letter-spacing:.08em; }
.cform-input{ font-family:inherit; font-size:15px; line-height:24px; color:#fff; background:transparent;
  border:0; box-shadow:inset 0 0 0 1px rgba(255,255,255,.32); padding:10px 12px; width:100%;
  transition:box-shadow .15s ease; }
.cform-input::placeholder{ color:rgba(255,255,255,.4); }
/* フォーカスリングはアクセシビリティ用途（装飾ではない） */
.cform-input:focus{ outline:none; box-shadow:inset 0 0 0 2px #8aa0ff; }
textarea.cform-input{ resize:vertical; min-height:120px; }
/* ハニーポットは画面外へ退避（表示せず、支援技術からも隠す） */
.cform-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.cform-actions{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.cform .btn:disabled{ opacity:.5; cursor:not-allowed; }
.cform-status{ font-size:13px; line-height:20px; margin:0; }
.cform-status.ok{ color:#8aa0ff; }   /* 送信成功 */
.cform-status.err{ color:#ff9a9a; }  /* 入力/送信エラー（可読性のため機能色） */

/* ===== Footer ===== */
.footer{ background:var(--ink); color:rgba(255,255,255,.7); }
.footer .wrap{ padding-top:32px; padding-bottom:32px; }
.footer .brand img{ height:22px; }
.footer .tagline{ font-size:13px; line-height:24px; color:rgba(255,255,255,.6); max-width:48ch; margin:16px 0 0; }
.footer .flinks{ display:flex; flex-wrap:wrap; gap:20px; justify-content:flex-end; align-items:flex-start; }
.footer .flinks a{ font-size:13px; line-height:24px; color:rgba(255,255,255,.7); }
.footer .flinks a:hover{ color:#fff; }
.footer .colophon{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:12px; letter-spacing:0; color:rgba(255,255,255,.55); }

/* ===== 画像スロット（.fig=モノクロ・エディトリアル写真 / .shot=実画面キャプチャ） =====
   画像が無い間は mono のプレースホルダ（ファイル名・寸法）を表示。
   .fig は grayscale を強制し、写真でも配色（紙白・墨・青）を崩さない。 */
.fig{ position:relative; overflow:hidden; background:#e9ebee; }
.shot{ position:relative; overflow:hidden; background:#f2f3f5; border:1px solid var(--ink); }
.fig .ph, .shot .ph{ position:absolute; inset:0; z-index:0; display:flex; align-items:center; justify-content:center;
  font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:11px; letter-spacing:.08em; color:var(--ink-soft); text-align:center; padding:16px; }
.fig img{ position:relative; z-index:1; width:100%; height:100%; object-fit:cover; display:block; filter:grayscale(1) contrast(1.05); }
.shot img{ position:relative; z-index:1; width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
.figcap{ font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:11px; letter-spacing:.06em; color:var(--ink-soft); }

/* .iso = アイソメ・イラスト（透過PNG・墨＋MAGNET Blueの2色）。grayscale はかけない。 */
.iso{ position:relative; min-height:384px; display:grid; place-items:center; }
.iso .ph{ position:absolute; inset:0; z-index:0; display:flex; align-items:center; justify-content:center;
  font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:11px; letter-spacing:.08em; color:var(--ink-soft);
  text-align:center; padding:16px; border:1px dashed rgba(17,19,21,.22); }
.iso img{ position:relative; z-index:1; width:100%; height:auto; max-height:480px; object-fit:contain; display:block; }

/* .device = 端末モック（透過PNG）。切り抜かず contain・枠なし・中央寄せ。 */
.device{ position:relative; min-height:280px; }
.device .ph{ position:absolute; inset:0; z-index:0; display:flex; align-items:center; justify-content:center;
  font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:11px; letter-spacing:.08em; color:var(--ink-soft);
  text-align:center; padding:16px; border:1px dashed rgba(17,19,21,.22); }
.device img{ position:relative; z-index:1; display:block; margin:0 auto; width:auto; height:auto; max-width:100%; max-height:680px; object-fit:contain; }

/* ===== 機能カード（アイソメ・パネル付き／リファレンス準拠） ===== */
.fcard{ display:flex; flex-direction:column; }
.fcard .panel{ position:relative; background:#eef0f4; height:280px; display:grid; place-items:center; overflow:hidden; margin-bottom:20px; }
.fcard .panel .ph{ position:absolute; inset:0; z-index:0; display:flex; align-items:center; justify-content:center;
  font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:11px; color:var(--ink-soft); text-align:center; padding:12px; }
.fcard .panel img{ position:relative; z-index:1; width:auto; height:auto; max-width:80%; max-height:80%; object-fit:contain; }
.fcard .head{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.fcard .badge{ flex:0 0 auto; width:30px; height:30px; display:grid; place-items:center;
  background:var(--accent); color:#fff; font-family:"Inter",sans-serif; font-weight:800; font-size:14px; }
.fcard h3{ margin:0; }
.fcard .sub{ margin:0 0 16px; color:var(--ink-soft); font-size:15px; line-height:24px; }
.fcard .fbul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.fcard .fbul li{ position:relative; padding-left:18px; font-size:14px; line-height:24px; color:var(--ink-soft); }
.fcard .fbul li::before{ content:"—"; position:absolute; left:0; color:var(--accent); }

/* ===== フロー上部のアイソメ・パイプライン ===== */
.flowiso{ position:relative; background:#eef0f4; min-height:160px; display:grid; place-items:center; overflow:hidden; padding:40px 24px; }
.flowiso .ph{ position:absolute; inset:0; z-index:0; display:flex; align-items:center; justify-content:center;
  font-family:"Inter","Zen Kaku Gothic New",sans-serif; font-size:11px; color:var(--ink-soft); }
.flowiso img{ position:relative; z-index:1; width:100%; max-width:980px; height:auto; object-fit:contain; }

/* ===== レスポンシブ：列スパンを縦積みに ===== */
@media (max-width:900px){
  .h1{ font-size:44px; line-height:48px; }
  .h2{ font-size:30px; line-height:32px; }
  .numeral{ font-size:64px; line-height:64px; }
  /* モバイルでは全バンドの子を1カラムに縦積み */
  .band > *{ grid-column:1 / -1 !important; }
  .masthead{ display:flex; justify-content:space-between; }
  .fig, .shot{ height:280px !important; }
  .iso{ min-height:240px; }
  .device img{ max-height:420px; }
  .fcard .panel{ height:220px; }
  .flowiso{ padding:24px 16px; }
}
@media (max-width:560px){
  .h1{ font-size:34px; line-height:40px; }
  .numeral{ font-size:52px; line-height:56px; }
  .fig, .shot{ height:200px !important; }
}

/* ===================================================================
   モーション（公開版）— Swiss の静謐さは保ちつつ、動きで単調さを解消。
   角丸・影・グラデーションは引き続き使わない。
   =================================================================== */

/* スクロール出現：JS有効時のみ初期非表示にし、.in でフェードアップ。
   JS無効・reduced-motion 時は常時表示（下のメディアクエリで上書き）。 */
.js-anim .reveal{
  opacity:0;
  transform:translateY(20px);
  transition:opacity .7s cubic-bezier(.16,.7,.3,1),
             transform .7s cubic-bezier(.16,.7,.3,1);
  will-change:opacity, transform;
}
.js-anim .reveal.in{ opacity:1; transform:none; }

/* スクロール進捗バー（上端・アクセント細線） */
.scrollprog{
  position:fixed; top:0; left:0; right:0; height:3px; z-index:300;
  background:var(--accent); transform:scaleX(0); transform-origin:0 50%;
  transition:transform .1s linear;
}

/* 機能カード：ホバーで持ち上げ＋上罫がアクセント色で伸び、画像が微ズーム（影なし） */
.fcard{ position:relative; transition:transform .25s ease; }
.fcard::before{
  content:""; position:absolute; top:0; left:0; height:2px; width:0;
  background:var(--accent); transition:width .3s ease; z-index:2;
}
.fcard:hover{ transform:translateY(-4px); }
.fcard:hover::before{ width:100%; }
.fcard .panel img{ transition:transform .4s ease; }
.fcard:hover .panel img{ transform:scale(1.04); }

/* ナビ：ホバーでアクセントの下線がスライドイン（CTA・ログインボタンは除外） */
.nav a:not(.navcta):not(.navlogin){ position:relative; }
.nav a:not(.navcta):not(.navlogin)::after{
  content:""; position:absolute; left:0; bottom:-3px; height:1px; width:0;
  background:var(--accent); transition:width .2s ease;
}
.nav a:not(.navcta):not(.navlogin):hover::after{ width:100%; }

/* リリースタグ：ホバーでアクセント縁取り */
.rel-tags span{ transition:color .15s ease, box-shadow .15s ease; }
.rel-tags span:hover{ color:var(--accent); box-shadow:inset 0 0 0 1px var(--accent); }

/* ボタン：押下時の微反応 */
.btn:active, .btn-ghost:active{ transform:translateY(1px); }

/* ヒーローのアイソメ画像をゆっくり浮遊させ、静的さを軽減 */
@media (prefers-reduced-motion: no-preference){
  #hero .iso img{ animation:floaty 6s ease-in-out infinite; }
  @keyframes floaty{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }
}

/* ===== Amicro 由来のマイクロトランジション（バニラ移植・影/角丸/グラデ無し） ===== */
/* (A) テキストリベール：行をクリップし内側をせり上げる */
.tr-line{ display:block; overflow:hidden; }
.tr-line-i{ display:inline-block; transform:translateY(108%);
  transition:transform .9s cubic-bezier(.16,.7,.3,1); will-change:transform; }
.tr-in .tr-line-i{ transform:none; }

/* (B) 磁石ボタン：追従/復帰を滑らかに（変位量は JS が付与） */
.btn, .btn-ghost{ will-change:transform; }
.nav .navcta, .nav .navlogin{ transition:transform .15s ease, color .15s ease, background .15s ease; will-change:transform; }

/* (C) 傾斜カード：カーソル追従が鈍らないよう transform の戻りを軽く速める */
.fcard{ transition:transform .2s cubic-bezier(.16,.7,.3,1); }

/* (D) ズームイン出現：.reveal のズーム版（初期に縮小＋下げ、.in で解除） */
.js-anim .reveal.reveal-zoom{ transform:translateY(20px) scale(.955); }
.js-anim .reveal.reveal-zoom.in{ transform:none; }

/* アクセシビリティ：動きを抑える設定では一切アニメーションしない */
@media (prefers-reduced-motion: reduce){
  .js-anim .reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
  .js-anim .reveal.reveal-zoom{ transform:none !important; }
  .tr-line-i{ transform:none !important; transition:none !important; }
  .scrollprog{ display:none; }
  #hero .iso img{ animation:none !important; }
  *{ scroll-behavior:auto !important; }
}