/* ============================================================
   Balabanlar Otomotiv — Ana Stil
   Palet: turuncu (#E07B39) + antrasit/arduvaz gri
   ============================================================ */

:root{
  --orange:#E07B39;--orange-2:#C9682C;--orange-soft:#F0A062;
  --ink:#171B20;--slate-900:#1E242A;--slate-850:#242B32;--slate-800:#2A323A;
  --slate-700:#323B44;--slate-600:#3E4852;--line:rgba(255,255,255,.08);
  --cream:#F5F2EC;--text:#C3CAD2;--muted:#8A929B;--white:#fff;
  --radius:14px;--maxw:1200px;--tr:.3s ease;
  --shadow:0 18px 50px rgba(0,0,0,.45);
  --font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --display:'Barlow Condensed',var(--font);
}

/* ── Temel katman (tüm sayfalar — ana sayfa + blog ortak) ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font);background:var(--slate-900);color:var(--text);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
.container{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}

/* ── Paylaşılan navbar bileşenleri (#navbar + .blog-nav) ── */
.nav-logo{display:flex;align-items:center;gap:.7rem}
.nav-logo img{width:auto;transition:height var(--tr)}
.nav-logo-text{display:flex;flex-direction:column;line-height:1.1;gap:.02rem;user-select:none}
.nav-logo-text span{font-family:'Barlow Condensed',sans-serif;font-weight:700;color:#E07B39;text-transform:uppercase;letter-spacing:.06em}
.nav-logo-text span:first-child{font-size:1.2rem}
.nav-logo-text span:last-child{font-size:.88rem;letter-spacing:.14em}
.nav-links{display:flex;gap:1.7rem;align-items:center}
.nav-links a{font-size:.92rem;font-weight:600;color:var(--cream);letter-spacing:.01em;opacity:.85;transition:opacity var(--tr),color var(--tr)}
.nav-links a:hover{opacity:1;color:var(--orange-soft)}
.nav-cta{background:var(--orange)!important;color:#fff!important;padding:.55rem 1.15rem!important;border-radius:8px;opacity:1!important;box-shadow:0 6px 18px rgba(224,123,57,.35);display:inline-flex;align-items:center;gap:.45rem}
.nav-cta:hover{background:var(--orange-2)!important}
.hamburger{display:none;flex-direction:column;gap:5px;padding:6px;z-index:1100}
.hamburger span{display:block;width:26px;height:2px;background:var(--cream);border-radius:2px;transition:.3s}
.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:920px){
  .hamburger{display:flex}
  .nav-links{position:fixed;inset:0 -100% 0 auto;width:78%;max-width:320px;height:100vh;background:var(--slate-850);flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;gap:1.4rem;transition:right .4s ease;box-shadow:-12px 0 50px rgba(0,0,0,.6);z-index:1050}
  .nav-links.open{right:0}
  .nav-links a{font-size:1.15rem}
}

/* ── Section rhythm ─────────────────────────────────────── */
section{padding:5.5rem 0;position:relative}
#stats{padding:3.2rem 0;background:var(--slate-850);border-block:1px solid var(--line)}
#services{background:var(--slate-900)}
#gallery{background:linear-gradient(180deg,var(--slate-850),var(--slate-900))}
#process{background:var(--slate-900)}
#insurance{background:linear-gradient(135deg,var(--ink),var(--slate-850))}
#why{background:var(--slate-900)}
#reviews{background:var(--slate-850)}
#faq{background:var(--slate-900)}
#contact{background:linear-gradient(180deg,var(--slate-900),var(--ink))}

/* ── Section heading ────────────────────────────────────── */
.sec-head{max-width:680px;margin:0 auto 3rem;text-align:center}
.sec-tag{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--orange);background:rgba(224,123,57,.1);border:1px solid rgba(224,123,57,.25);padding:.35rem .9rem;border-radius:50px;margin-bottom:1rem}
.sec-head h2{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.08;color:var(--cream);margin-bottom:.9rem}
.sec-head p{color:var(--muted);font-size:1.02rem}

/* ── Buttons (shared, mirror inline critical) ───────────── */
.btn{display:inline-flex;align-items:center;gap:.6rem;font-size:.98rem;font-weight:700;padding:.95rem 1.8rem;border-radius:10px;transition:transform var(--tr),background var(--tr),box-shadow var(--tr),border-color var(--tr),color var(--tr)}
.btn:hover{transform:translateY(-2px)}
.btn-pri{background:var(--orange);color:#fff;box-shadow:0 10px 28px rgba(224,123,57,.4)}
.btn-pri:hover{background:var(--orange-2)}
.btn-ghost{background:rgba(255,255,255,.04);color:var(--cream);border:1.5px solid var(--slate-600)}
.btn-ghost:hover{border-color:var(--orange);color:var(--orange-soft)}

/* ── Stats ──────────────────────────────────────────────── */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}
.stat-n{font-family:var(--display);font-weight:700;font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1;color:var(--orange);margin-bottom:.3rem}
.stat-l{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-weight:600}
@media(max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem 1rem}}

/* ── Service cards ──────────────────────────────────────── */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.card{background:var(--slate-800);border:1px solid var(--line);border-radius:var(--radius);padding:2rem 1.7rem;transition:transform var(--tr),border-color var(--tr),box-shadow var(--tr);position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--orange),transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.card:hover{transform:translateY(-6px);border-color:rgba(224,123,57,.35);box-shadow:var(--shadow)}
.card:hover::before{transform:scaleX(1)}
.card-ic{width:54px;height:54px;border-radius:12px;background:rgba(224,123,57,.12);display:grid;place-items:center;margin-bottom:1.1rem;color:var(--orange)}
.card-ic svg{width:28px;height:28px}
.card h3{font-size:1.18rem;color:var(--cream);font-weight:700;margin-bottom:.6rem}
.card p{font-size:.94rem;color:var(--text);margin-bottom:1.1rem}
.card-link{color:var(--orange);font-weight:700;font-size:.92rem;transition:color var(--tr)}
.card-link:hover{color:var(--orange-soft)}
.card-feat{background:linear-gradient(160deg,rgba(224,123,57,.14),var(--slate-800));border-color:rgba(224,123,57,.3)}
@media(max-width:880px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cards{grid-template-columns:1fr}}

/* ── Gallery (öncesi/sonrası) ──────────────────────────── */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.ba-item{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);cursor:pointer;background:var(--slate-800);aspect-ratio:3/4}
.ba-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.ba-item:hover img{transform:scale(1.06)}
.ba-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.45));opacity:0;transition:opacity var(--tr)}
.ba-item:hover::after{opacity:1}
.ba-mini{position:absolute;left:10px;z-index:2;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:.26rem .6rem;border-radius:5px}
.ba-mini.before{top:10px;background:rgba(23,27,32,.85);color:#fff;border:1px solid rgba(255,255,255,.2)}
.ba-mini.after{bottom:10px;background:var(--orange);color:#fff}
/* .flip = öncesi/sonrası dikey konumları takas (üstte sonrası olan görseller için) */
.ba-item.flip .ba-mini.before{top:auto;bottom:10px}
.ba-item.flip .ba-mini.after{bottom:auto;top:10px}
.ba-mini.proc-tag{top:10px;background:rgba(62,72,82,.92);color:var(--orange-soft);border:1px solid rgba(224,123,57,.3)}
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}}
.gallery-cta{text-align:center;margin-top:2.5rem}
.gallery-cta p{color:var(--muted);margin-bottom:1rem}

/* ── Lightbox ───────────────────────────────────────────── */
#lightbox{position:fixed;inset:0;z-index:3000;background:rgba(10,12,15,.95);display:none;align-items:center;justify-content:center;padding:2rem;backdrop-filter:blur(6px)}
#lightbox.open{display:flex}
#lb-img{max-width:92vw;max-height:84vh;border-radius:10px;box-shadow:var(--shadow)}
.lb-close{position:absolute;top:1.2rem;right:1.5rem;color:#fff;font-size:2rem;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);line-height:1}
.lb-close:hover{background:var(--orange)}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:2.6rem;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center}
.lb-nav:hover{background:var(--orange)}
.lb-prev{left:1.2rem}.lb-next{right:1.2rem}
.lb-cap{position:absolute;bottom:1.4rem;left:50%;transform:translateX(-50%);color:var(--cream);background:rgba(0,0,0,.5);padding:.5rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;max-width:90vw;text-align:center}
@media(max-width:600px){.lb-nav{width:42px;height:42px;font-size:2rem}}

/* ── Process steps ──────────────────────────────────────── */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.step{position:relative;background:var(--slate-800);border:1px solid var(--line);border-radius:var(--radius);padding:1.8rem 1.3rem;text-align:center}
.step-n{font-family:var(--display);font-size:2.4rem;font-weight:700;color:var(--orange);opacity:.85;line-height:1;margin-bottom:.6rem}
.step h3{font-size:1.02rem;color:var(--cream);margin-bottom:.5rem}
.step p{font-size:.86rem;color:var(--muted)}
.step:not(:last-child)::after{content:"→";position:absolute;right:-.85rem;top:50%;transform:translateY(-50%);color:var(--slate-600);font-size:1.3rem;z-index:2}
@media(max-width:980px){.steps{grid-template-columns:repeat(2,1fr)}.step::after{display:none}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}

/* ── Insurance ──────────────────────────────────────────── */
.ins-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}
.ins-text h2{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(1.9rem,3.4vw,2.7rem);color:var(--cream);line-height:1.1;margin:.4rem 0 1rem}
.ins-text>p{color:var(--text);margin-bottom:1.5rem;font-size:1.04rem}
.ins-list{display:grid;gap:.9rem;margin-bottom:1.8rem}
.ins-list li{display:flex;gap:.8rem;align-items:flex-start;color:var(--text);font-size:.98rem}
.ins-list svg{width:22px;height:22px;color:var(--orange);flex-shrink:0;margin-top:2px}
.ins-card{background:var(--slate-800);border:1px solid rgba(224,123,57,.25);border-radius:18px;padding:2.2rem;text-align:center;box-shadow:var(--shadow)}
.ins-badge{width:74px;height:74px;margin:0 auto 1.1rem;border-radius:18px;background:rgba(224,123,57,.14);display:grid;place-items:center;color:var(--orange)}
.ins-badge svg{width:40px;height:40px}
.ins-card h3{color:var(--cream);font-size:1.3rem;margin-bottom:.6rem}
.ins-card p{color:var(--muted);font-size:.94rem;margin-bottom:1.4rem}
.ins-stat{border-top:1px solid var(--line);padding-top:1.2rem}
.ins-stat b{display:block;font-family:var(--display);font-size:2.6rem;color:var(--orange);line-height:1}
.ins-stat span{font-size:.84rem;color:var(--muted)}
@media(max-width:860px){.ins-wrap{grid-template-columns:1fr;gap:2rem}}

/* ── Why grid ───────────────────────────────────────────── */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.why{padding:1.7rem;border-radius:var(--radius);background:var(--slate-800);border:1px solid var(--line);transition:transform var(--tr),border-color var(--tr)}
.why:hover{transform:translateY(-4px);border-color:rgba(224,123,57,.3)}
.why-ic{width:48px;height:48px;border-radius:11px;background:rgba(224,123,57,.12);display:grid;place-items:center;color:var(--orange);margin-bottom:1rem}
.why-ic svg{width:25px;height:25px}
.why h3{color:var(--cream);font-size:1.08rem;margin-bottom:.45rem}
.why p{color:var(--muted);font-size:.9rem}
@media(max-width:860px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.why-grid{grid-template-columns:1fr}}

/* ── Reviews (Google, kaydırmalı) ──────────────────────── */
.g-summary{display:flex;align-items:center;gap:.9rem;width:max-content;max-width:100%;margin:0 auto 2rem;background:var(--slate-800);border:1px solid var(--line);border-radius:14px;padding:.8rem 1.4rem}
.g-summary .g-stars{color:#F5A623;font-size:1.05rem;letter-spacing:1px}
.g-summary .g-stars b{color:var(--cream);margin-left:.45rem;font-size:1rem}
.g-summary .g-sub{color:var(--muted);font-size:.82rem;margin-top:1px}
.reviews-viewport{overflow:hidden;position:relative;-webkit-mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.reviews-track{display:flex;gap:1.1rem;width:max-content;animation:rev-scroll 90s linear infinite}
.reviews-viewport:hover .reviews-track{animation-play-state:paused}
@keyframes rev-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.review-card{width:330px;flex-shrink:0;background:var(--slate-800);border:1px solid var(--line);border-radius:14px;padding:1.4rem;display:flex;flex-direction:column;gap:.55rem}
.rc-head{display:flex;align-items:center;gap:.7rem}
.rc-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.05rem;flex-shrink:0}
.rc-meta{flex:1;min-width:0}
.rc-name{color:var(--cream);font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-time{color:var(--muted);font-size:.78rem}
.rc-g{width:20px;height:20px;flex-shrink:0}
.rc-stars{color:#F5A623;letter-spacing:1px;font-size:.95rem}
.rc-text{color:var(--text);font-size:.9rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.reviews-cta{display:flex;gap:.8rem;justify-content:center;margin-top:2.2rem;flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.reviews-track{animation:none}.reviews-viewport{overflow-x:auto}}
@media(max-width:600px){.review-card{width:280px}}

/* ── FAQ ────────────────────────────────────────────────── */
.faq-wrap{max-width:820px}
.faq-list{display:grid;gap:.8rem}
.faq-item{background:var(--slate-800);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:1.15rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:700;color:var(--cream);font-size:1rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-x{position:relative;width:18px;height:18px;flex-shrink:0}
.faq-x::before,.faq-x::after{content:"";position:absolute;background:var(--orange);border-radius:2px;transition:transform var(--tr),opacity var(--tr)}
.faq-x::before{top:8px;left:0;width:18px;height:2px}
.faq-x::after{left:8px;top:0;width:2px;height:18px}
.faq-item[open] .faq-x::after{transform:rotate(90deg);opacity:0}
.faq-a{padding:0 1.3rem 1.2rem;color:var(--text);font-size:.95rem;line-height:1.7}
.faq-item[open] summary{color:var(--orange-soft)}

/* ── Contact ────────────────────────────────────────────── */
.contact-wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:2.5rem;margin-bottom:2.5rem}
.contact-info{display:grid;gap:1.1rem;align-content:start}
.ci{display:flex;gap:1rem;align-items:center}
.ci-ic{width:46px;height:46px;border-radius:11px;background:rgba(224,123,57,.12);display:grid;place-items:center;color:var(--orange);flex-shrink:0}
.ci-ic svg{width:22px;height:22px}
.ci strong{display:block;color:var(--cream);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.1rem}
.ci a,.ci span{color:var(--text);font-size:.98rem}
.ci a:hover{color:var(--orange-soft)}
.contact-form{background:var(--slate-800);border:1px solid var(--line);border-radius:18px;padding:2rem}
.contact-form h3{color:var(--cream);font-size:1.25rem;margin-bottom:1.2rem}
.fg{margin-bottom:1rem}
.fg label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:.4rem;font-weight:600}
.fg input,.fg select,.fg textarea{width:100%;background:var(--slate-900);border:1px solid var(--slate-600);border-radius:9px;padding:.8rem .9rem;color:var(--cream);font-family:inherit;font-size:.95rem;transition:border-color var(--tr)}
.fg input:focus,.fg select:focus,.fg textarea:focus{outline:none;border-color:var(--orange)}
.fg textarea{resize:vertical}
.form-submit{width:100%;justify-content:center;margin-top:.4rem}
@media(max-width:820px){.contact-wrap{grid-template-columns:1fr;gap:1.8rem}}
.map-wrap{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);line-height:0}
.map-wrap iframe{width:100%;height:420px;filter:grayscale(.3) contrast(1.05)}

/* ── Footer ─────────────────────────────────────────────── */
footer{background:var(--ink);border-top:1px solid var(--line);padding:3.5rem 0 0}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2rem;padding-bottom:2.5rem;max-width:var(--maxw);margin:0 auto;padding-inline:1.5rem}
.footer-brand img{height:52px;width:auto;margin-bottom:1rem}
.footer-brand p{color:var(--muted);font-size:.92rem;max-width:320px;margin-bottom:1.2rem}
.footer-soc{display:flex;gap:.7rem}
.footer-soc a{width:40px;height:40px;border-radius:10px;background:var(--slate-800);border:1px solid var(--line);display:grid;place-items:center;color:var(--text);transition:background var(--tr),color var(--tr),border-color var(--tr)}
.footer-soc a:hover{background:var(--orange);color:#fff;border-color:var(--orange)}
.footer-col h4{color:var(--cream);font-size:.95rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}
.footer-col ul{display:grid;gap:.6rem}
.footer-col a,.footer-col li{color:var(--muted);font-size:.9rem;transition:color var(--tr)}
.footer-col a:hover{color:var(--orange-soft)}
.footer-bottom{border-top:1px solid var(--line);padding:1.4rem 1.5rem;text-align:center}
.footer-bottom p{color:var(--muted);font-size:.8rem;line-height:1.8}
.footer-credit{margin-top:.9rem;opacity:.78;transition:opacity var(--tr)}
.footer-credit:hover{opacity:1}
.footer-credit a{display:inline-flex;align-items:center;gap:.55rem}
.footer-credit img{height:20px;width:auto}
.footer-credit span{color:var(--muted);font-size:.78rem;line-height:1}
@media(max-width:820px){.footer-grid{grid-template-columns:1fr 1fr;gap:1.8rem}}
@media(max-width:480px){.footer-grid{grid-template-columns:1fr}}

/* ── Hizmet Bölgeleri ───────────────────────────────────── */
#areas{background:radial-gradient(700px 320px at 50% 0,rgba(224,123,57,.09),transparent 60%),var(--ink)}
.areas-chips{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;max-width:920px;margin:0 auto}
.areas-chips span{background:var(--slate-800);border:1px solid var(--line);color:var(--text);font-weight:600;font-size:.9rem;padding:.55rem 1.1rem;border-radius:50px;transition:border-color var(--tr),color var(--tr)}
.areas-chips span:hover{border-color:rgba(224,123,57,.45);color:var(--orange-soft)}

/* ── Blog / Rehber vitrini ──────────────────────────────── */
#blog-teaser{background:var(--slate-850)}
.teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.teaser-card{background:var(--slate-800);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--tr),border-color var(--tr),box-shadow var(--tr)}
.teaser-card:hover{transform:translateY(-6px);border-color:rgba(224,123,57,.35);box-shadow:var(--shadow)}
.teaser-img{aspect-ratio:16/10;overflow:hidden;background:var(--slate-700)}
.teaser-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.teaser-card:hover .teaser-img img{transform:scale(1.06)}
.teaser-body{padding:1.3rem}
.teaser-body span{font-size:.72rem;color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.teaser-body h3{color:var(--cream);font-size:1.05rem;line-height:1.4;margin:.5rem 0 0}
@media(max-width:860px){.teaser-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}

/* ── Fixed buttons ──────────────────────────────────────── */
.fixed-btns{position:fixed;right:1.2rem;bottom:1.4rem;z-index:900;display:flex;flex-direction:column;gap:.7rem}
.fab{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform var(--tr)}
.fab:hover{transform:scale(1.08)}
.fab-wa{background:#25D366}
.fab-ph{background:var(--orange);color:#fff}
@media(max-width:768px){.fixed-btns{bottom:5.2rem}}

/* ── Reveal animation ───────────────────────────────────── */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}