@charset "UTF-8";
/* ============================================================
   ID-TECHS 2026 共通CSS — design-k（K案）確定デザイン
   全ページ共有: リセット・変数・フォント・ヘッダー/モバイルメニュー/
   フッター・btn/tlink/eyebrow/squiggle/wave/reveal/badge/吹き出し/
   CTA帯・下層ページ帯（page-hero）・reduced-motion・共通ブレークポイント
   cream × tangerine × sky / Zen Maru Gothic
   ============================================================ */
:root{
  --cream:      #FFF6E8;
  --paper:      #FFFFFF;
  --ink:        #33302B;
  --ink-soft:   rgba(51, 48, 43, .74);
  --line:       rgba(51, 48, 43, .16);
  --dash:       rgba(51, 48, 43, .30);
  --tangerine:  #FF7A29;
  --tan-deep:   #B84300;
  --tan-pale:   #FFE9D6;
  --sky:        #2FA8E0;
  --sky-deep:   #146C93;
  --sky-pale:   #E7F4FB;
  --ease-pop:   cubic-bezier(.22, 1, .36, 1);
}

*, *::before, *::after{ box-sizing:border-box; margin:0; padding:0; }

html{ scroll-behavior:smooth; }

body{
  font-family:'Zen Maru Gothic', 'Hiragino Maru Gothic ProN', sans-serif;
  font-weight:500;
  font-size:1rem;
  line-height:1.9;
  letter-spacing:.04em;
  color:var(--ink);
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

body.no-scroll{ overflow:hidden; }

img{ max-width:100%; height:auto; display:block; }
/* {pic} の <picture> ラッパーはレイアウトに影響させない（子の <img> をそのまま扱う） */
picture{ display:contents; }

a{ color:inherit; }

::selection{ background:#FFD9BC; }

h1, h2, h3{
  font-weight:900;
  font-feature-settings:"palt" 1;
  letter-spacing:.02em;
  line-height:1.45;
}

a:focus-visible,
button:focus-visible{
  outline:3px solid var(--ink);
  outline-offset:3px;
  border-radius:6px;
}

.container{
  max-width:1120px;
  margin-inline:auto;
  padding-inline:clamp(20px, 4vw, 40px);
}

/* ---------- skip link ---------- */
.skip-link{
  position:fixed;
  top:-60px;
  left:16px;
  z-index:120;
  background:var(--ink);
  color:var(--cream);
  font-weight:700;
  padding:12px 22px;
  border-radius:0 0 14px 14px;
  text-decoration:none;
  transition:top .3s var(--ease-pop);
}
.skip-link:focus{ top:0; }

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.5em;
  min-height:56px;
  padding:.8em 2.2em;
  background:var(--tangerine);
  color:var(--ink);
  font-family:inherit;
  font-weight:900;
  font-size:1.02rem;
  letter-spacing:.04em;
  border:2px solid var(--ink);
  border-radius:999px;
  box-shadow:0 4px 0 var(--ink);
  text-decoration:none;
  transition:transform .25s var(--ease-pop), box-shadow .25s var(--ease-pop);
}
.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 0 var(--ink);
}
.btn:active{
  transform:translateY(3px) scale(.96);
  box-shadow:0 1px 0 var(--ink);
}
.btn--ink{
  background:var(--ink);
  color:var(--cream);
  box-shadow:0 4px 0 #96520E;
}
.btn--ink:hover{ box-shadow:0 6px 0 #96520E; }
.btn--ink:active{ box-shadow:0 1px 0 #96520E; }
.btn--small{
  min-height:46px;
  padding:.45em 1.5em;
  font-size:.92rem;
}
.btn .btn-arrow{ font-weight:900; }

/* ---------- text link（波下線） ---------- */
.tlink{
  display:inline-flex;
  align-items:center;
  gap:.45em;
  min-height:44px;
  color:var(--ink);
  font-weight:700;
  text-decoration:underline wavy var(--tangerine) 2px;
  text-underline-offset:7px;
  transition:color .3s;
}
.tlink:hover{ color:var(--tan-deep); }

/* ---------- eyebrow / heading ---------- */
.eyebrow{
  display:flex;
  align-items:center;
  gap:.9em;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--tan-deep);
  margin-bottom:14px;
}
.eyebrow .num{ font-feature-settings:"tnum" 1; letter-spacing:.08em; }
.eyebrow--sky{ color:var(--sky-deep); }

h2{ font-size:clamp(1.6rem, 3.4vw, 2.4rem); }

.squiggle{
  display:block;
  margin-top:12px;
}

.section-lead{
  margin-top:20px;
  max-width:34em;
  color:var(--ink-soft);
}

/* 日本語の不自然な折り返し防止: リード・注記・短文段落は文節単位で改行
   （Chrome/Edge の auto-phrase。非対応ブラウザは通常改行にフォールバック） */
.section-lead, .page-lead, .hero-sub,
.form-note, .form-hand, .aside-note, .mmenu-note,
.faq-note p, .flow-foot p, .smap-foot p, .works-banner p,
.cat-note, .art-note, .next-foot, .col-list-foot, .worries-foot,
.cta-copy p, .next-step p{
  word-break:auto-phrase;
}

/* ---------- reveal ---------- */
.reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .9s ease, transform .9s var(--ease-pop);
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}
.reveal.d1{ transition-delay:.08s; }
.reveal.d2{ transition-delay:.2s; }
.reveal.d3{ transition-delay:.32s; }
.reveal.d4{ transition-delay:.44s; }
.reveal.d5{ transition-delay:.56s; }

/* ---------- wave divider ---------- */
.wave{
  display:block;
  height:72px;
  background:var(--wave-bg);
  line-height:0;
  overflow:hidden;
}
.wave--live .wave-track{
  display:flex;
  width:200%;
  height:100%;
  animation:waveSlide 8s linear infinite;
}
.wave--live .wave-track svg{
  width:50%;
  flex:0 0 50%;
  height:100%;
}
@keyframes waveSlide{
  to{ transform:translateX(-50%); }
}
.wave svg{
  display:block;
  width:100%;
  height:100%;
}
.wave path{ fill:var(--wave-fill); }
.wave--flip svg{ transform:scaleX(-1); }

/* ============================================================
   header
   ============================================================ */
.site-header{
  position:sticky;
  top:0;
  z-index:80;
  background:var(--cream);
  border-bottom:2px solid var(--line);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  height:78px;
}
.brand{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  text-decoration:none;
}
.brand img{
  height:30px;
  width:auto;
  mix-blend-mode:multiply; /* クリーム背景で白箱を消す */
}
.gnav ul{
  display:flex;
  align-items:center;
  gap:2px;
  list-style:none;
}
.gnav a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:8px 14px;
  font-size:.95rem;
  font-weight:700;
  text-decoration:none;
  border-radius:999px;
  transition:color .3s;
}
.gnav a:hover{ color:var(--tan-deep); }
.gnav a[aria-current="page"]{
  color:var(--tan-deep);
  text-decoration:underline wavy var(--tangerine) 2px;
  text-underline-offset:8px;
}
.header-cta{ margin-left:10px; }

/* hamburger */
.burger{
  display:none;
  position:relative;
  z-index:90;
  width:52px;
  height:52px;
  border:2px solid var(--ink);
  border-radius:14px;
  background:var(--paper);
  box-shadow:0 3px 0 var(--ink);
  cursor:pointer;
  transition:transform .2s var(--ease-pop), box-shadow .2s var(--ease-pop);
}
.burger:active{
  transform:translateY(2px) scale(.96);
  box-shadow:0 1px 0 var(--ink);
}
.burger span{
  position:absolute;
  left:13px;
  width:22px;
  height:2.5px;
  border-radius:2px;
  background:var(--ink);
  transition:transform .35s var(--ease-pop), opacity .25s;
}
.burger span:nth-child(1){ top:17px; }
.burger span:nth-child(2){ top:24px; }
.burger span:nth-child(3){ top:31px; }
.burger.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.burger.is-open span:nth-child(2){ opacity:0; }
.burger.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* mobile menu */
.mobile-menu{
  position:fixed;
  inset:0;
  z-index:70; /* ヘッダー(80)より下: バーガーで閉じられるように */
  background:var(--cream);
  padding:110px clamp(24px, 7vw, 48px) 40px;
  overflow-y:auto;
  opacity:0;
  visibility:hidden;
  transition:opacity .35s ease, visibility .35s;
}
.mobile-menu.is-open{
  opacity:1;
  visibility:visible;
}
.mobile-menu ul{ list-style:none; }
.mobile-menu li + li{ border-top:2px dashed var(--dash); }
.mobile-menu a.mnav-link{
  display:flex;
  align-items:center;
  gap:.8em;
  min-height:60px;
  padding:10px 4px;
  font-size:1.3rem;
  font-weight:900;
  text-decoration:none;
  transition:color .3s;
}
.mobile-menu a.mnav-link:hover{ color:var(--tan-deep); }
.mobile-menu a.mnav-link[aria-current="page"]{ color:var(--tan-deep); }
.mobile-menu .mnav-num{
  font-size:.78rem;
  font-weight:700;
  color:var(--tan-deep);
  letter-spacing:.08em;
}
.mobile-menu .mmenu-cta{
  margin-top:28px;
  display:flex;
  flex-direction:column;
  gap:18px;
  align-items:flex-start;
}
.mobile-menu .mmenu-note{
  font-size:.85rem;
  color:var(--ink-soft);
}
.mobile-menu .mmenu-tel{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-size:1.15rem;
  font-weight:900;
  text-decoration:underline wavy var(--sky) 2px;
  text-underline-offset:7px;
}
.mobile-menu .mmenu-tel-hours{
  font-size:.7em;
  font-weight:700;
}

/* ============================================================
   page hero（下層タイトル帯）
   ============================================================ */
.page-hero{
  position:relative;
  background-color:var(--cream);
  background-image:radial-gradient(rgba(51, 48, 43, .10) 1.3px, transparent 1.3px);
  background-size:24px 24px;
  padding:clamp(40px, 6vw, 72px) 0 clamp(18px, 3vw, 32px);
}
.page-hero h1{
  font-size:clamp(2rem, 5vw, 3.2rem);
  line-height:1.3;
}
.page-hero .section-lead{ margin-top:16px; }
.ph-in{ animation:fadeUp .8s var(--ease-pop) both; }
.ph-d1{ animation-delay:.08s; }
.ph-d2{ animation-delay:.16s; }
.ph-d3{ animation-delay:.24s; }
@keyframes fadeUp{
  from{ opacity:0; transform:translateY(20px); }
  to{ opacity:1; transform:translateY(0); }
}

.breadcrumb{ margin-top:14px; }
.breadcrumb ol{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:0 .8em;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.06em;
  color:var(--ink-soft);
}
.breadcrumb li{
  display:inline-flex;
  align-items:center;
  gap:.8em;
}
.breadcrumb li + li::before{
  content:"›";
  color:var(--ink-soft);
}
.breadcrumb a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--ink);
  text-decoration:underline wavy var(--tangerine) 2px;
  text-underline-offset:6px;
  transition:color .3s;
}
.breadcrumb a:hover{ color:var(--tan-deep); }

.page-meta{
  margin-top:clamp(18px, 3vw, 30px);
  padding-top:16px;
  border-top:2px dashed var(--dash);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px 16px;
  flex-wrap:wrap;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.12em;
  color:var(--ink-soft);
  font-feature-settings:"tnum" 1;
}
.page-meta span{ white-space:nowrap; }

/* ============================================================
   ステッカー風バッジ
   ============================================================ */
.badge{
  position:absolute;
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  width:112px;
  aspect-ratio:1/1;
  border:2px solid var(--ink);
  border-radius:50%;
  font-weight:900;
  font-size:.85rem;
  line-height:1.4;
  letter-spacing:.02em;
  box-shadow:0 3px 0 var(--ink);
  animation:floaty 9s ease-in-out infinite;
}
.badge small{
  display:block;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.06em;
}
.badge--tan{
  background:var(--tangerine);
  top:-26px;
  left:-14px;
  --r:-9deg;
}
.badge--sky{
  background:var(--sky);
  right:-26px;
  top:26%;
  --r:7deg;
  animation-duration:10.5s;
  animation-delay:-3.5s;
}
.badge--white{
  background:var(--paper);
  border-style:dashed;
  left:-30px;
  bottom:12%;
  --r:-4deg;
  animation-duration:12s;
  animation-delay:-6s;
}
@keyframes floaty{
  0%, 100%{ transform:translate(0, 0) rotate(var(--r, 0deg)) scale(1); }
  50%{ transform:translate(6px, -22px) rotate(calc(var(--r, 0deg) + 5deg)) scale(1.05); }
}

/* ============================================================
   吹き出し（チャット会話）
   ============================================================ */
.chat{
  max-width:720px;
  margin:clamp(40px, 6vw, 64px) auto 0;
  display:grid;
  gap:44px;
}
.chat-scene{ display:grid; gap:16px; }
.chat-step{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:.7em;
  background:var(--paper);
  border:2px solid var(--ink);
  border-radius:999px;
  padding:7px 20px;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.06em;
}
.chat-step .n{
  color:var(--sky-deep);
  letter-spacing:.12em;
}
.speaker{
  font-size:.75rem;
  font-weight:700;
  color:var(--ink-soft);
  margin-bottom:-8px;
}
.speaker--me{ text-align:right; }
.bubble{
  position:relative;
  max-width:82%;
  padding:16px 22px;
  border:2px solid var(--ink);
  font-size:.95rem;
  line-height:1.85;
  background:var(--paper);
}
.bubble--me{
  margin-left:auto;
  border-radius:20px 20px 4px 20px;
}
.bubble--id{
  margin-right:auto;
  background:var(--tan-pale);
  border-radius:20px 20px 20px 4px;
}
.bubble strong{ font-weight:900; }

/* ============================================================
   CTA帯
   ============================================================ */
.cta{
  position:relative;
  background:var(--tangerine);
  padding:clamp(70px, 9vw, 110px) 0 clamp(80px, 10vw, 120px);
  overflow:hidden;
}
/* 上端のクリーム波。装飾の丸(cta-blob)の直線的な切り口を隠し、
   上のクリームセクションから波状につながる。z-index: blob(0) < これ(1) < 本文(2) */
.cta::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:100%;
  height:62px;
  z-index:1;
  pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%2060'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0,0%20L1440,0%20L1440,30%20C1200,48%20960,16%20720,32%20C480,48%20240,18%200,32%20Z'%20fill='%23FFF6E8'/%3E%3C/svg%3E") top center / 100% 100% no-repeat;
}
.cta-blob{
  position:absolute;
  background:rgba(255, 246, 232, .35);
  animation:blobDrift 30s ease-in-out infinite;
}
.cta-blob--a{
  width:min(26vw, 300px);
  aspect-ratio:1/1;
  right:clamp(-70px, -3vw, -40px);
  top:clamp(-90px, -7vw, -60px);
}
.cta-blob--b{
  width:min(20vw, 230px);
  aspect-ratio:1/1;
  left:clamp(-60px, -3vw, -36px);
  bottom:clamp(-70px, -6vw, -44px);
  animation-delay:-10s;
}
@keyframes blobDrift{
  0%, 100%{
    border-radius:58% 42% 55% 45% / 52% 48% 62% 38%;
    transform:translate(0, 0) rotate(0deg) scale(1);
  }
  50%{
    border-radius:38% 62% 44% 56% / 64% 36% 56% 44%;
    transform:translate(-48px, 34px) rotate(10deg) scale(1.08);
  }
}
.cta-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:clamp(28px, 4vw, 60px);
  align-items:center;
}
.cta h2{
  font-size:clamp(1.6rem, 3vw, 2.4rem);
  line-height:1.34;
  letter-spacing:.01em;
  /* 日本語を文節単位で改行（Edge/Chrome）。非対応ブラウザは通常改行にフォールバック */
  word-break:auto-phrase;
  line-break:strict;
}
.cta-copy p{
  margin-top:18px;
  max-width:28em;
  font-weight:700;
}
.cta-copy .btn{ margin-top:30px; }
.cta-contact{
  border-left:2px dashed rgba(51, 48, 43, .45);
  padding-left:clamp(24px, 3vw, 48px);
  display:grid;
  gap:14px;
}
.cta-contact .label{
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.14em;
}
.cta-tel{
  display:inline-flex;
  align-items:center;
  min-height:48px;
  font-size:clamp(1.5rem, 2.6vw, 2rem);
  font-weight:900;
  color:var(--ink);
  text-decoration:none;
  font-feature-settings:"tnum" 1;
  transition:opacity .3s;
}
.cta-tel:hover{ opacity:.75; }
.cta-reply{
  font-size:clamp(1.05rem, 1.8vw, 1.3rem);
  font-weight:900;
  line-height:1.7;
  color:var(--ink);
}
.cta-contact .hours{
  font-size:.85rem;
  font-weight:700;
  margin-top:-10px;
}
.cta-mail{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  font-weight:700;
  color:var(--ink);
  text-decoration:underline;
  text-underline-offset:5px;
  transition:opacity .3s;
}
.cta-mail:hover{ opacity:.75; }

/* ============================================================
   footer
   ============================================================ */
.site-footer{
  background:var(--ink);
  color:var(--cream);
  padding:clamp(56px, 8vw, 90px) 0 32px;
}
.footer-grid{
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:clamp(32px, 5vw, 80px);
  align-items:start;
}
.footer-wordmark{
  font-size:clamp(1.9rem, 4vw, 2.8rem);
  font-weight:900;
  letter-spacing:.04em;
  line-height:1.2;
  display:flex;
  align-items:center;
  gap:.35em;
}
.footer-wordmark::before{
  content:"";
  width:.55em;
  height:.55em;
  border-radius:50%;
  background:var(--tangerine);
}
.footer-tag{
  margin-top:14px;
  font-size:.92rem;
  color:rgba(255, 246, 232, .8);
}
.footer-info{
  margin-top:26px;
  font-size:.82rem;
  line-height:2.1;
  color:rgba(255, 246, 232, .72);
}
.footer-info a{
  color:var(--cream);
  text-decoration:underline;
  text-underline-offset:4px;
  transition:color .3s;
}
.footer-info a:hover{ color:#FF9A5C; }
.footer-nav ul{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2, auto);
  gap:0 32px;
  justify-content:start;
}
.footer-nav a{
  display:inline-flex;
  align-items:center;
  gap:.5em;
  min-height:44px;
  color:var(--cream);
  font-size:.92rem;
  font-weight:700;
  text-decoration:none;
  transition:color .3s;
}
.footer-nav a:hover{ color:#FF9A5C; }
.footer-nav a::before{
  content:"→";
  font-size:.9em;
  color:#FF9A5C;
}
.footer-legal{
  margin-top:18px;
  display:flex;
  gap:24px;
}
.footer-legal a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:rgba(255, 246, 232, .72);
  font-size:.8rem;
  text-decoration:underline;
  text-underline-offset:4px;
  transition:color .3s;
}
.footer-legal a:hover{ color:#FF9A5C; }
.footer-bottom{
  margin-top:clamp(36px, 5vw, 56px);
  padding-top:22px;
  border-top:1px solid rgba(255, 246, 232, .22);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  font-size:.75rem;
  color:rgba(255, 246, 232, .72);
  letter-spacing:.08em;
  font-feature-settings:"tnum" 1;
}
.footer-top-link{
  display:inline-flex;
  align-items:center;
  gap:.4em;
  min-height:44px;
  color:var(--cream);
  font-weight:700;
  text-decoration:none;
  transition:color .3s;
}
.footer-top-link:hover{ color:#FF9A5C; }

/* ============================================================
   responsive（共通ブレークポイント）
   ============================================================ */
@media (max-width:1024px){
  .gnav{ display:none; }
  .header-cta{ display:none; }
  .burger{ display:block; }

  .cta-grid{ grid-template-columns:1fr; }
  .cta-contact{
    border-left:0;
    border-top:2px dashed rgba(51, 48, 43, .45);
    padding-left:0;
    padding-top:28px;
  }
}

@media (max-width:768px){
  body{ font-size:.96rem; }
  .header-inner{ height:70px; }
  .brand img{ height:26px; }

  .page-meta{ justify-content:center; }

  .badge{ width:94px; font-size:.75rem; }
  .badge--tan{ top:-20px; left:-6px; }
  .badge--sky{ right:-10px; }
  .badge--white{ left:-10px; }

  .bubble{ max-width:92%; }

  .footer-grid{ grid-template-columns:1fr; }
}

@media (max-width:480px){
  .container{ padding-inline:18px; }
  .badge{ width:92px; font-size:.75rem; box-shadow:0 2px 0 var(--ink); }
  .footer-nav ul{ grid-template-columns:1fr; }
  .footer-bottom{ justify-content:center; text-align:center; }
}

/* ============================================================
   トップへ戻る（追従ボタン）
   ============================================================ */
.to-top{
  position:fixed;
  right:clamp(16px, 3vw, 28px);
  bottom:clamp(16px, 3vw, 28px);
  z-index:60; /* ヘッダー(80)・モバイルメニュー(70)より下 */
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  background:var(--paper);
  border:2px solid var(--ink);
  border-radius:999px;
  box-shadow:0 3px 0 var(--ink);
  color:var(--ink);
  font-size:1.25rem;
  font-weight:900;
  text-decoration:none;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:opacity .3s, transform .3s, visibility .3s, background .3s;
}
.to-top.is-visible{
  opacity:1;
  visibility:visible;
  transform:none;
}
.to-top:hover{ background:var(--tangerine); }
.to-top:active{ transform:translateY(2px); box-shadow:0 1px 0 var(--ink); }
.to-top:focus-visible{
  outline:3px solid var(--sky);
  outline-offset:2px;
}
@media (max-width:640px){
  .to-top{ width:46px; height:46px; }
}

/* ============================================================
   reduced motion
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  *, *::before, *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .reveal{ opacity:1; transform:none; }
  .ph-in{ animation:none; opacity:1; transform:none; }
  .wave--live .wave-track{ animation:none; }
  .cta-blob{ animation:none; }
}