/* ================= 講座LP（academy.html） ================= */
.lp{--c:#C47A93}
.lp .hero.page-hero{height:88svh;min-height:520px}
.lp .mood-center .kicker{font-size:clamp(12px,1.2vw,14px);letter-spacing:.18em;border:1px solid rgba(255,255,255,.7);padding:4px 16px;margin-bottom:22px}
.lp .mood-center .ask{font-family:var(--mincho);font-size:clamp(16px,1.9vw,22px);letter-spacing:.14em;line-height:1.8;margin-bottom:14px}
.lp .mood-center h1{font-size:clamp(24px,3.4vw,42px);letter-spacing:.14em;line-height:1.8}
.lp .mood-center .lead{font-size:clamp(13px,1.3vw,16px);letter-spacing:.1em;margin-top:18px;line-height:2}
.lp .mood-center .btn-line{margin-top:30px;font-size:15px;padding:14px 34px;text-shadow:none}

.assure{font-size:12.5px;letter-spacing:.08em;margin-top:12px;opacity:.9}
.assure.dark{color:var(--mute);margin-top:10px;opacity:1}
.lp .reserve .assure{opacity:.85}

/* 1年後の毎日 */
.future-lead{text-align:center;font-family:var(--mincho);font-size:clamp(15px,1.7vw,18px);line-height:2;margin-bottom:clamp(28px,4vw,44px)}
.day{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,3vw,36px);align-items:start;max-width:1000px;margin-inline:auto}
.day-list{list-style:none;background:#fff;padding:clamp(20px,3vw,32px) clamp(18px,3vw,32px)}
.day-list li{display:grid;grid-template-columns:4.2em 1fr;gap:14px;padding:12px 0;border-bottom:1px dashed rgba(184,151,90,.4)}
.day-list li:last-child{border-bottom:0}
.day-list time{font-family:var(--en);font-size:19px;color:var(--c);letter-spacing:.04em;line-height:1.6;font-variant-numeric:lining-nums}
.day-list p{font-size:15px;line-height:1.75;font-weight:500}
.day-list p small{display:block;font-weight:400;font-size:12.5px;color:var(--mute)}
.day-side{background:#fff;padding:clamp(20px,3vw,28px);border-top:3px solid var(--c)}
.day-ttl{font-family:var(--mincho);font-weight:600;font-size:17px;letter-spacing:.06em;margin-bottom:10px}
.day-side ul{list-style:none}
.day-side li{position:relative;padding:7px 0 7px 24px;font-size:14.5px;line-height:1.7}
.day-side li::before{content:"";position:absolute;left:0;top:11px;width:16px;height:16px;border-radius:50%;background:var(--c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.day-note{font-size:12px;color:var(--mute);margin-top:12px;line-height:1.7}

/* 手に入る3つのこと */
.gains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);max-width:1000px;margin:0 auto clamp(48px,6vw,72px)}
.gain{background:#fff;padding:clamp(22px,2.6vw,30px);border-top:3px solid var(--c);box-shadow:0 10px 30px rgba(90,70,60,.06)}
.g-num{font-family:var(--en);font-style:italic;font-size:34px;color:var(--c);line-height:1}
.gain h3{font-family:var(--mincho);font-weight:600;font-size:18px;letter-spacing:.06em;margin:6px 0 8px;line-height:1.6}
.gain p{font-size:14px;color:var(--mute);line-height:1.9}

/* 試算のまとめ */
.sim-sum{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.ss{background:#fff;padding:clamp(22px,2.8vw,32px);border-top:4px solid var(--c);text-align:center;box-shadow:0 10px 30px rgba(90,70,60,.06)}
.ss.is-fc{border-top-color:var(--gold-deep)}
.ss.is-fc .c-chip{background:var(--gold-deep)}
.ss .c-chip{align-self:auto}
.ss-ttl{font-family:var(--mincho);font-weight:600;font-size:clamp(19px,2.1vw,23px);letter-spacing:.08em;margin:10px 0 2px}
.ss-num{font-family:var(--en);font-variant-numeric:lining-nums;font-size:clamp(44px,5vw,60px);line-height:1.1;color:var(--c)}
.ss.is-fc .ss-num{color:var(--gold-deep)}
.ss-num small{font-family:var(--mincho);font-size:.34em;margin-left:4px;color:var(--ink)}
.ss-sub{font-size:14px;margin-top:4px}
.ss-sub2{font-size:12.5px;color:var(--mute);margin-top:2px}
.sim-detail{margin-top:18px}
.sim-detail summary{list-style:none;cursor:pointer;text-align:center;font-size:14px;color:var(--gold-deep);letter-spacing:.08em;padding:14px;border:1px solid rgba(184,151,90,.5);background:#fff}
.sim-detail summary::-webkit-details-marker{display:none}
.sim-detail summary::after{content:"";display:inline-block;width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-left:10px;vertical-align:3px;transition:transform .3s}
.sim-detail[open] summary::after{transform:rotate(-135deg);vertical-align:-2px}
.sim-detail-in{padding-top:6px}
.sim-detail .cheap{display:none}

/* 無料相談の流れ */
.flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.8vw,20px);max-width:1000px;margin-inline:auto}
.flow li{background:#fff;padding:22px 18px;border-top:3px solid var(--c);box-shadow:0 10px 30px rgba(90,70,60,.06)}
.f-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--c);color:#fff;font-family:var(--en);font-size:18px;margin-bottom:10px}
.flow h4{font-family:var(--mincho);font-weight:600;font-size:16.5px;letter-spacing:.04em;margin-bottom:6px;line-height:1.6}
.flow p{font-size:13.5px;color:var(--mute);line-height:1.85}
.promise{max-width:760px;margin:clamp(28px,4vw,40px) auto 0;background:#fff;border:1px solid var(--c);padding:22px clamp(18px,3vw,30px)}
.promise h4{text-align:center;font-family:var(--mincho);font-weight:600;letter-spacing:.1em;margin-bottom:10px}
.promise ul{list-style:none}
.promise li{position:relative;padding:6px 0 6px 20px;font-size:14.5px;line-height:1.8}
.promise li::before{content:"";position:absolute;left:0;top:15px;width:7px;height:7px;background:var(--c);transform:rotate(45deg)}

/* 実績の数字 */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,24px)}
.stat{background:#fff;text-align:center;padding:clamp(20px,2.6vw,30px) 12px;border-top:3px solid var(--c)}
.stat .lbl{font-size:13px;color:var(--mute);letter-spacing:.08em;line-height:1.6}
.stat .num{font-family:var(--en);font-variant-numeric:lining-nums;font-size:clamp(38px,4.4vw,54px);line-height:1.15;color:var(--ink);margin:6px 0 2px}
.stat .num small{font-family:var(--mincho);font-size:.36em;margin-left:4px;color:var(--ink)}
.stat .sub{font-size:12px;color:var(--mute);line-height:1.6}
.lp-note{font-size:12px;color:var(--mute);line-height:1.8;margin-top:18px;text-align:center}

/* 歩み：売上グラフ＋年表 */
.story-lead{max-width:760px;margin:0 auto clamp(36px,5vw,52px);text-align:center}
.story-lead h3{font-family:var(--mincho);font-weight:600;font-size:clamp(20px,2.4vw,26px);letter-spacing:.1em;line-height:1.8;margin-bottom:16px}
.story-lead p+p{margin-top:.8em}
.story{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:start}
.chart{background:#fff;padding:clamp(20px,3vw,32px) clamp(14px,2.4vw,28px) 20px}
.chart-ttl{font-family:var(--mincho);font-weight:600;font-size:15px;letter-spacing:.1em;margin-bottom:18px}
.chart-ttl small{font-family:var(--body);font-weight:400;font-size:12px;color:var(--mute);margin-left:8px}
.bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(6px,1.2vw,14px);align-items:end;height:260px;border-bottom:1px solid rgba(184,151,90,.5)}
.bar{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.bar .v{font-family:var(--en);font-variant-numeric:lining-nums;font-size:clamp(13px,1.4vw,16px);color:var(--gold-deep);line-height:1.2;margin-bottom:4px;white-space:nowrap}
.bar i{display:block;width:100%;height:calc(var(--v) / var(--max,541) * 210px);min-height:3px;background:linear-gradient(180deg,#E7B6C8,#C9A7DE);transform-origin:bottom;transform:scaleY(0);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.chart.is-in .bar i{transform:scaleY(1)}
.bar:last-child i{background:linear-gradient(180deg,#C47A93,#9C7BC6)}
.years{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(6px,1.2vw,14px);text-align:center;font-family:var(--en);font-size:clamp(12px,1.3vw,15px);color:var(--mute);margin-top:6px}
.chart .lp-note{text-align:left;margin-top:14px}
.timeline{list-style:none;border-left:2px solid rgba(196,122,147,.4);padding-left:22px}
.timeline li{position:relative;padding:0 0 22px}
.timeline li::before{content:"";position:absolute;left:-29px;top:9px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--c)}
.timeline li:last-child{padding-bottom:0}
.timeline li:last-child::before{background:var(--c)}
.timeline time{font-family:var(--en);font-size:18px;color:var(--c);letter-spacing:.06em;line-height:1.4;display:block}
.timeline p{font-size:14.5px;line-height:1.85}
.timeline p small{display:block;font-size:12.5px;color:var(--mute)}

/* お悩み→答え */
.qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,22px)}
.qa{background:#fff;padding:clamp(20px,2.6vw,28px)}
.qa .q{font-family:var(--mincho);font-weight:600;font-size:16.5px;line-height:1.7;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed rgba(184,151,90,.5)}
.qa .q::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:10px;vertical-align:middle}
.qa p{font-size:14px;color:var(--mute);line-height:1.9}
.qa p strong{color:var(--ink);font-weight:500}

/* 講座の特徴（写真付き） */
.feats{display:grid;gap:clamp(40px,6vw,72px);max-width:1000px;margin-inline:auto}
.feat{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4.5vw,60px);align-items:center}
.feat:nth-child(even) .frame{order:2}
.feat .frame{aspect-ratio:4/3}
.feat .num{font-family:var(--en);font-style:italic;color:var(--c);font-size:clamp(30px,3.6vw,40px);line-height:1}
.feat h3{font-family:var(--mincho);font-weight:600;font-size:clamp(19px,2.1vw,24px);letter-spacing:.08em;line-height:1.6;margin:8px 0 14px;padding-bottom:12px;border-bottom:1px solid rgba(184,151,90,.35)}
.feat p+p{margin-top:.6em}
.feat .hours{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.feat .hours span{font-size:12.5px;background:var(--pearl);padding:4px 12px;border-radius:999px}

/* 道のり */
.steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.6vw,18px);counter-reset:s}
.steps li{position:relative;background:#fff;padding:22px 16px 20px;text-align:center;counter-increment:s}
.steps li::before{content:"STEP " counter(s);display:block;font-family:var(--en);font-size:15px;letter-spacing:.12em;color:var(--c);margin-bottom:6px}
.steps li:not(:last-child)::after{content:"";position:absolute;right:calc(-1 * clamp(10px,1.6vw,18px) / 2 - 5px);top:50%;width:10px;height:10px;border-top:1px solid var(--c);border-right:1px solid var(--c);transform:translateY(-50%) rotate(45deg);z-index:1}
.steps h4{font-family:var(--mincho);font-weight:600;font-size:16px;line-height:1.6;margin-bottom:6px}
.steps p{font-size:13px;color:var(--mute);line-height:1.8}
.steps .term{display:inline-block;margin-top:10px;font-size:12px;color:#fff;background:var(--c);padding:2px 12px;border-radius:999px}
.honest{max-width:760px;margin:clamp(32px,4vw,44px) auto 0;background:#fff;border-left:3px solid var(--c);padding:22px clamp(18px,3vw,30px)}
.honest h4{font-family:var(--mincho);font-weight:600;font-size:17px;letter-spacing:.06em;margin-bottom:8px}
.honest p{font-size:14.5px;line-height:1.95}

/* 卒業後の道 */
.career-sec{background:linear-gradient(135deg,#FBF0F4 0%,#F3EEFA 38%,#EDF6F5 72%,#FBF6E9 100%)}
.career-lead{text-align:center;font-family:var(--mincho);font-size:clamp(15px,1.7vw,18px);line-height:2;margin-bottom:clamp(28px,4vw,44px)}
.careers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);max-width:960px;margin-inline:auto}
.career{background:#fff;box-shadow:0 10px 30px rgba(90,70,60,.08);padding:clamp(24px,3vw,36px);border-top:4px solid var(--c);display:flex;flex-direction:column}
.career.is-fc{border-top-color:var(--gold-deep)}
.c-chip{align-self:flex-start;font-size:12px;letter-spacing:.1em;color:#fff;background:var(--c);padding:3px 14px;border-radius:999px}
.career.is-fc .c-chip{background:var(--gold-deep)}
.career h3{font-family:var(--mincho);font-weight:600;font-size:clamp(21px,2.4vw,26px);letter-spacing:.1em;margin:14px 0 2px}
.c-sub{font-size:13.5px;color:var(--mute);margin-bottom:14px}
.career ul{list-style:none;flex:1}
.career li{position:relative;padding:8px 0 8px 22px;font-size:14.5px;line-height:1.75;border-bottom:1px dashed rgba(184,151,90,.4)}
.career li::before{content:"";position:absolute;left:2px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--c)}
.career.is-fc li::before{background:var(--gold-deep)}
.c-note{margin-top:16px;font-size:13px;background:var(--pearl);padding:12px 14px;line-height:1.8}
.sp-none{display:inline}

/* 開業に必要なお金 */
.cost-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);max-width:1000px;margin-inline:auto;align-items:start}
.cost-grid .cost{max-width:none;margin:0;border-top:4px solid var(--c)}
.cost-grid .cost.is-fc{border-top-color:var(--gold-deep)}
.cost-grid .cost.is-fc .c-chip{background:var(--gold-deep)}
.cost-ttl{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--mincho);font-weight:600;font-size:17px;letter-spacing:.06em;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(184,151,90,.4)}
.cost-ttl .c-chip{align-self:auto}
.cost-ttl small{font-family:var(--body);font-weight:400;font-size:12.5px;color:var(--mute);width:100%}
.cost-grid .cost-points{grid-template-columns:1fr}
.cost{max-width:760px;margin-inline:auto;background:#fff;padding:clamp(20px,3vw,34px)}
.cost table{width:100%;border-collapse:collapse;font-size:14.5px}
.cost th,.cost td{padding:13px 4px;border-bottom:1px dashed rgba(184,151,90,.45);text-align:left;font-weight:400;line-height:1.6}
.cost td{text-align:right;font-family:var(--en);font-size:19px;font-variant-numeric:lining-nums;color:var(--gold-deep);white-space:nowrap}
.cost th small{display:block;font-size:12px;color:var(--mute)}
.cost tr.total th,.cost tr.total td{border-bottom:0;border-top:1px solid var(--ink);font-weight:500;padding-top:16px}
.cost tr.total td{font-size:24px;color:var(--ink)}
.cost-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.cost-points p{background:var(--pearl);padding:14px 16px;font-size:13.5px;line-height:1.85}
.cost-points strong{color:var(--c);font-weight:600}

/* 売上の目安と回収 */
.sim{max-width:860px;margin:clamp(56px,7vw,80px) auto 0}
.sim-ttl{font-family:var(--mincho);font-weight:600;font-size:clamp(19px,2.2vw,24px);letter-spacing:.08em;text-align:center;line-height:1.7}
.sim-ttl::after{content:"";display:block;width:36px;height:2px;background:var(--c);margin:12px auto 0}
.sim-lead{text-align:center;font-size:14px;color:var(--mute);margin:14px 0 26px}
.sim-table{background:#fff;padding:clamp(14px,2.4vw,26px);overflow-x:auto}
.sim-table table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:520px}
.sim-table th,.sim-table td{padding:13px 8px;border-bottom:1px dashed rgba(184,151,90,.45);text-align:right;font-weight:400;white-space:nowrap}
.sim-table thead th{font-size:12.5px;color:var(--mute);border-bottom:1px solid var(--ink)}
.sim-table th:first-child{text-align:left;font-family:var(--mincho);font-weight:600}
.sim-table tbody th small{display:block;font-family:var(--body);font-weight:400;font-size:11.5px;color:var(--mute)}
.sim-table td{font-family:var(--en);font-size:18px;font-variant-numeric:lining-nums}
.sim-table td.em{color:var(--c);font-size:21px}
.payback{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:10px;margin-top:22px}
.pb-box{background:#fff;text-align:center;padding:20px 12px;border-top:3px solid rgba(196,122,147,.4)}
.pb-box.is-main{border-top-color:var(--c);background:#FFF7FA}
.pb-lbl{font-size:13px;color:var(--mute)}
.pb-num{font-family:var(--en);font-variant-numeric:lining-nums;font-size:clamp(36px,4vw,48px);line-height:1.2;margin:4px 0}
.pb-box.is-main .pb-num{color:var(--c)}
.pb-num small{font-family:var(--mincho);font-size:.36em;margin-left:4px;color:var(--ink)}
.pb-sub{font-size:12px;color:var(--mute);line-height:1.7}
.pb-arrow{width:12px;height:12px;border-top:1px solid var(--c);border-right:1px solid var(--c);transform:rotate(45deg);justify-self:center}
.sim-path{margin:clamp(30px,4vw,44px) 0 14px;padding-left:16px;border-left:4px solid var(--c)}
.sim-path.is-fc{border-left-color:var(--gold-deep)}
.sim-path.is-fc .c-chip{background:var(--gold-deep)}
.sim-path h4{font-family:var(--mincho);font-weight:600;font-size:clamp(18px,2vw,22px);letter-spacing:.08em;margin:8px 0 4px}
.sim-path p{font-size:13.5px;color:var(--mute);line-height:1.8}
.cheap{margin-top:22px;text-align:center;background:var(--unicorn);padding:2px}
.cheap p{background:#fff;padding:20px 16px;font-family:var(--mincho);font-size:clamp(15px,1.7vw,18px);line-height:2}
.cheap strong{color:var(--c);font-weight:600}

/* 講座の概要 */
.overview{max-width:760px;margin-inline:auto;background:#fff;border:1px solid var(--c)}
.overview .head{text-align:center;padding:26px 20px 22px;border-bottom:1px solid rgba(196,122,147,.3)}
.overview .head h3{font-family:var(--mincho);font-weight:600;font-size:clamp(20px,2.4vw,26px);letter-spacing:.12em}
.overview .yen{font-family:var(--en);font-variant-numeric:lining-nums;font-size:clamp(40px,5vw,54px);line-height:1.1;margin-top:8px}
.overview .yen small{font-family:var(--body);font-size:14px;margin-left:8px;color:var(--mute)}
.overview dl{display:grid;grid-template-columns:8em 1fr;padding:8px clamp(18px,3vw,32px) 22px}
.overview dt,.overview dd{padding:14px 0;border-bottom:1px dashed rgba(184,151,90,.45);font-size:14.5px;line-height:1.8}
.overview dt{font-family:var(--mincho);color:var(--c);font-weight:600}
.overview dd small{display:block;font-size:12px;color:var(--mute)}
.overview .links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0 20px 28px}

.overview .limit{display:inline-block;font-size:13px;letter-spacing:.12em;color:#fff;background:var(--c);padding:4px 16px;border-radius:999px;margin-bottom:12px}
.overview .regular{font-size:14px;color:var(--mute);margin-top:12px}
.overview .regular s{font-family:var(--en);font-size:22px;margin-left:6px}
.overview .regular small{font-size:12px}
.overview .yen .tag{display:inline-block;vertical-align:middle;font-family:var(--mincho);font-size:14px;font-weight:600;color:var(--c);border:1px solid var(--c);padding:2px 10px;margin-right:10px;letter-spacing:.1em}
.overview .cap{font-size:12.5px;color:var(--mute);line-height:1.8;margin-top:10px}

/* 途中のCTA */
.mid-cta{text-align:center;margin-top:clamp(36px,5vw,52px)}
.mid-cta p{font-size:14px;color:var(--mute);margin-bottom:14px}
.lp .reserve .btn-line{font-size:16px;padding:16px 40px}

@media (max-width:900px){
  .lp .hero.page-hero{height:calc(100svh - var(--bar-h) - var(--hdr-h));min-height:480px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .story,.feat,.qa-grid,.cost-points,.careers,.day,.gains,.sim-sum,.cost-grid{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr 1fr}
  .sp-none{display:none}
  .feat:nth-child(even) .frame{order:0}
  .steps{grid-template-columns:1fr}
  .steps li{text-align:left;padding:18px 18px 18px 20px}
  .steps li:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:-13px;transform:translateX(-50%) rotate(135deg)}
  .bars{height:220px}
  .bar i{height:calc(var(--v) / var(--max,541) * 170px)}
  .overview dl{grid-template-columns:6.5em 1fr}
  .payback{grid-template-columns:1fr;gap:8px}
  .sim-table table{min-width:0;font-size:13px}
  .sim-table th:nth-child(5),.sim-table td:nth-child(5){display:none}
  .sim-table th,.sim-table td{padding:12px 4px}
  .sim-table td{font-size:16px}
  .sim-table td.em{font-size:17px}
  .sim-table{padding:12px 10px}
  .sim-table thead th{white-space:normal;font-size:11px;line-height:1.5}
  .sim-table tbody th small{font-size:10.5px;white-space:normal}
  .sim-table th,.sim-table td{padding:12px 3px}
  .sim-table td{font-size:15px}
  .pb-arrow{transform:rotate(135deg);margin:2px 0}
  .overview .yen .tag{display:block;width:fit-content;margin:0 auto 8px}
  .overview .yen small{white-space:nowrap}
}
@media (prefers-reduced-motion:reduce){ .bar i{transform:none;transition:none} }