/*
Theme Name: Aurum IT
Theme URI: https://mohsen-hassani.de
Author: Mohsen Hassani
Author URI: https://mohsen-hassani.de
Description: Modern multi-page WordPress theme for international IT companies (web design, website and email repair, email migration, IT support, domains, SSL, hosting). Dark and light mode, gold accents, 3D hero, geometric design, pricing tables, portfolio. English and German built in.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aurum-it
Tags: custom-logo, custom-menu, featured-images, translation-ready, blog, portfolio
Contact: contact@mohsen-hassani.de
*/

/* ---------- Tokens ---------- */
:root,[data-theme="light"]{
 --bg:#F4F6FA;--surface:#FFFFFF;--surface-2:#E8EDF5;--text:#0F1B2D;--muted:#46566E;--line:#D3DBE8;
 --gold:#D4AF37;--gold-2:#E8C85A;--on-gold:#0F1B2D;--gold-ink:#7A5A00;--focus:#7A5A00;
 --header-bg:rgba(244,246,250,.85);--shadow:0 22px 40px -22px rgba(15,27,45,.45);
 --face:rgba(255,255,255,.82);--geo:rgba(15,27,45,.14);color-scheme:light}
[data-theme="dark"]{
 --bg:#0A111E;--surface:#111B2E;--surface-2:#16233B;--text:#E9EDF5;--muted:#A9B6CB;--line:#25344F;
 --gold:#E2B93B;--gold-2:#F0CE68;--on-gold:#0A111E;--gold-ink:#F0CE68;--focus:#F0CE68;
 --header-bg:rgba(10,17,30,.85);--shadow:0 22px 40px -22px rgba(0,0,0,.9);
 --face:rgba(17,27,46,.82);--geo:rgba(226,185,59,.28);color-scheme:dark}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI Variable","Segoe UI",Inter,system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;font-size:1.0625rem;line-height:1.65;transition:background .3s,color .3s}
img,svg{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,h4{line-height:1.12;letter-spacing:-.02em;margin:0 0 .6em;font-weight:800}
p{margin:0 0 1.1em}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.wrap{width:min(1200px,100% - 2.5rem);margin-inline:auto}
.sec{padding:clamp(4rem,8vw,7rem) 0}
.sec-alt{background:var(--surface);border-block:1px solid var(--line)}
.sec-head{max-width:62ch;margin-bottom:3rem}
.sec-head h2{font-size:clamp(1.9rem,3.6vw,3rem)}
.sec-head p{color:var(--muted);font-size:1.125rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--on-gold);padding:.75rem 1rem;z-index:100;font-weight:700}
.skip-link:focus{left:0}

/* ---------- Buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.95rem 1.7rem;background:var(--gold);color:var(--on-gold);font-weight:700;font-size:1rem;text-decoration:none;border:2px solid var(--gold);border-radius:4px;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s,background .2s;font-family:inherit}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s}
.btn:hover{transform:translateY(-3px);background:var(--gold-2);border-color:var(--gold-2);box-shadow:0 14px 28px -12px var(--gold)}
.btn:hover::after{transform:translateX(120%)}
.btn:active{transform:translateY(0)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--text)}
.btn-ghost:hover{background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:none}
.btn-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.btn-block{width:100%}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:var(--header-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:1.25rem;min-height:74px}
.brand{display:flex;align-items:center;gap:.7rem;font-weight:800;font-size:1.2rem;text-decoration:none;letter-spacing:-.02em}
.brand svg{width:38px;height:38px;flex:none}
.custom-logo{max-height:48px;width:auto}
.nav{margin-left:auto}
.nav-list{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}
.nav-list a{position:relative;display:block;padding:.6rem .95rem;text-decoration:none;font-weight:600;color:var(--muted);transition:color .2s}
.nav-list a::after{content:"";position:absolute;left:.95rem;right:.95rem;bottom:.2rem;height:3px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav-list a:hover,.nav-list .current-menu-item>a,.nav-list .current_page_item>a{color:var(--text)}
.nav-list a:hover::after,.nav-list .current-menu-item>a::after,.nav-list .current_page_item>a::after{transform:scaleX(1)}
.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:4px;cursor:pointer;transition:border-color .2s,transform .2s}
.icon-btn:hover{border-color:var(--gold);transform:rotate(12deg)}
[data-theme="dark"] .i-moon,[data-theme="light"] .i-sun{display:none}
.menu-btn{display:none}
.hdr-cta{padding:.7rem 1.2rem}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding:clamp(3rem,7vw,6rem) 0 clamp(4rem,8vw,7rem)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 0,transparent 70%);mask-image:radial-gradient(ellipse at 70% 40%,#000 0,transparent 70%);opacity:.7}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.hero h1{font-size:clamp(2.4rem,5.2vw,4.4rem);letter-spacing:-.035em;line-height:1.04}
.lead{color:var(--muted);font-size:1.25rem;max-width:52ch}
.hero-copy>*{animation:rise .8s both}
.hero-copy>:nth-child(2){animation-delay:.12s}.hero-copy>:nth-child(3){animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

/* 3D scene */
.scene{position:relative;height:480px;perspective:1100px;display:grid;place-items:center}
.rig{position:relative;width:220px;height:220px;transform-style:preserve-3d;transform:rotateX(var(--rx,-12deg)) rotateY(var(--ry,0deg));transition:transform .2s ease-out}
.cube{--h:110px;position:absolute;inset:0;transform-style:preserve-3d;animation:spin 26s linear infinite}
.cube.core{--h:50px;inset:60px;animation:spin-rev 15s linear infinite}
.face{position:absolute;inset:0;display:grid;place-items:center;background:var(--face);border:1.5px solid var(--gold);color:var(--text)}
.face svg{width:84px;height:84px;stroke-width:1.3}
.core .face{background:var(--geo);border-width:1px}
.f1{transform:translateZ(var(--h))}.f2{transform:rotateY(90deg) translateZ(var(--h))}.f3{transform:rotateY(180deg) translateZ(var(--h))}
.f4{transform:rotateY(-90deg) translateZ(var(--h))}.f5{transform:rotateX(90deg) translateZ(var(--h))}.f6{transform:rotateX(-90deg) translateZ(var(--h))}
@keyframes spin{from{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(360deg)}}
@keyframes spin-rev{from{transform:rotateX(20deg) rotateY(0)}to{transform:rotateX(20deg) rotateY(-360deg)}}
.shape{position:absolute;left:50%;top:50%;animation:bob 6s ease-in-out infinite}
.tri{width:74px;height:64px;margin:-32px 0 0 -37px;background:var(--gold);clip-path:polygon(50% 0,100% 100%,0 100%);transform:translate3d(-210px,-130px,90px) rotate(-12deg)}
.hex{width:92px;height:80px;margin:-40px 0 0 -46px;background:var(--geo);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transform:translate3d(190px,-120px,-60px);animation-delay:-2s}
.ring{width:96px;height:96px;margin:-48px 0 0 -48px;border:7px solid var(--gold);border-radius:50%;transform:translate3d(180px,120px,80px) rotateX(65deg);animation-delay:-4s}
.dia{width:54px;height:54px;margin:-27px 0 0 -27px;background:var(--text);opacity:.14;transform:translate3d(-190px,130px,-40px) rotate(45deg);animation-delay:-1s}
@keyframes bob{50%{translate:0 -16px}}
.orbit{position:absolute;width:430px;height:430px;border:1.5px dashed var(--geo);border-radius:50%;transform:rotateX(74deg);animation:orbit 30s linear infinite}
@keyframes orbit{to{transform:rotateX(74deg) rotateZ(360deg)}}
.floor{position:absolute;bottom:34px;width:240px;height:34px;background:radial-gradient(ellipse,rgba(0,0,0,.35),transparent 70%);filter:blur(6px)}

/* ---------- Strip ---------- */
.strip{background:var(--surface);border-block:1px solid var(--line)}
.strip ul{list-style:none;margin:0;padding:1.4rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem}
.strip li{display:flex;align-items:center;gap:.7rem;font-weight:600}
.strip svg{color:var(--gold-ink);flex:none}

/* ---------- Cards ---------- */
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:1.25rem}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem}
.tilt{transform:perspective(900px) rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .2s ease-out}
.card{position:relative;height:100%;padding:1.8rem;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);transition:background .25s,box-shadow .25s}
.card::after{content:"";position:absolute;top:0;right:0;width:28px;height:28px;background:linear-gradient(45deg,var(--gold) 50%,transparent 50%)}
.tilt:hover .card{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--gold)}
.card h3{font-size:1.25rem}
.card p{color:var(--muted);margin:0}
.hexico{display:grid;place-items:center;width:56px;height:56px;margin-bottom:1.25rem;background:var(--gold);color:var(--on-gold);clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%);transition:transform .4s}
.tilt:hover .hexico{transform:rotate(60deg) scale(1.08)}
.tilt:hover .hexico svg{transform:rotate(-60deg)}
.hexico svg{width:26px;height:26px;transition:transform .4s}

/* ---------- Process ---------- */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;list-style:none;margin:0;padding:0;counter-reset:s}
.step{border-top:3px solid var(--gold);padding-top:1.2rem;counter-increment:s}
.step::before{content:counter(s);display:block;font-size:2.4rem;font-weight:800;color:var(--gold-ink);line-height:1;margin-bottom:.6rem}
.step h3{font-size:1.2rem}.step p{color:var(--muted)}

/* ---------- Pricing ---------- */
.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);padding:4px;border-radius:4px;margin-bottom:2.5rem}
.seg button{padding:.6rem 1.2rem;border:0;background:transparent;color:var(--text);font:inherit;font-weight:600;cursor:pointer;border-radius:2px}
.seg button[aria-pressed="true"]{background:var(--text);color:var(--bg)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;padding:2.2rem 2rem;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:transform .3s,box-shadow .3s}
.plan:hover{transform:translateY(-8px);box-shadow:inset 0 0 0 1px var(--gold),var(--shadow)}
.plan.featured{box-shadow:inset 0 0 0 2px var(--gold),var(--shadow);transform:translateY(-12px)}
.plan.featured:hover{transform:translateY(-20px)}
.plan .badge{position:absolute;top:-15px;left:2rem;background:var(--gold);color:var(--on-gold);font-weight:700;font-size:.9rem;padding:.3rem .9rem}
.plan h3{font-size:1.4rem;margin-bottom:.3rem}
.plan .sub{color:var(--muted);min-height:3.3em}
.price{font-size:3.2rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin:1rem 0 .1rem}
.price small{font-size:1rem;font-weight:600;color:var(--muted);letter-spacing:0}
.per{color:var(--muted);font-size:.95rem;margin-bottom:1.5rem}
.per-y{display:none}.plans[data-billing="yearly"] .per-y{display:inline}.plans[data-billing="yearly"] .per-m{display:none}
.plan ul{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:.7rem}
.plan li{display:flex;gap:.6rem;align-items:flex-start}
.plan li svg{color:var(--gold-ink);flex:none;margin-top:.2rem}
.plan .btn{margin-top:auto}

/* ---------- Projects ---------- */
.proj{position:relative;display:flex;flex-direction:column;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden;transition:transform .3s,box-shadow .3s}
.proj:hover{transform:translateY(-6px);box-shadow:inset 0 0 0 1px var(--gold),var(--shadow)}
.proj[hidden]{display:none}
.cover{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0F1B2D}
.cover img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.proj:hover .cover img{transform:scale(1.07)}
.cover.g::before,.cover.g::after{content:"";position:absolute;transition:transform .7s}
.g0{background:linear-gradient(135deg,#0F1B2D 55%,#1B2B47 55%)}
.g0::before{width:46%;aspect-ratio:1;right:10%;top:14%;border-radius:50%;background:#D4AF37}
.g0::after{width:40%;height:34%;left:8%;bottom:12%;background:#E9EDF5;clip-path:polygon(0 0,100% 0,50% 100%)}
.g1{background:linear-gradient(200deg,#16233B 40%,#0F1B2D 40%)}
.g1::before{width:50%;height:44%;left:12%;top:16%;background:#D4AF37;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}
.g1::after{width:30%;aspect-ratio:1;right:12%;bottom:12%;border:6px solid #E9EDF5;transform:rotate(45deg)}
.g2{background:linear-gradient(160deg,#0F1B2D,#22365A)}
.g2::before{width:70%;height:6px;left:15%;top:35%;background:#D4AF37;box-shadow:0 26px 0 #E9EDF5,0 52px 0 #D4AF37,0 78px 0 #E9EDF5}
.g2::after{width:26%;aspect-ratio:1;right:8%;top:10%;border:5px solid #D4AF37;border-radius:50%}
.proj:hover .g::before{transform:translate(8px,-8px) rotate(6deg)}.proj:hover .g::after{transform:translate(-8px,8px)}
.proj-body{padding:1.4rem 1.5rem 1.6rem}
.proj-body h3{font-size:1.2rem;margin-bottom:.5rem}
.proj-body h3 a{text-decoration:none}.proj-body h3 a::after{content:"";position:absolute;inset:0}
.proj-body p{color:var(--muted);margin:0 0 1rem}
.tags{display:flex;flex-wrap:wrap;gap:.4rem}
.tags span{padding:.15rem .65rem;border:1px solid var(--line);font-size:.85rem;color:var(--muted)}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}
.filters button{padding:.55rem 1.1rem;background:var(--surface);color:var(--text);border:1px solid var(--line);font:inherit;font-weight:600;cursor:pointer;border-radius:4px;transition:border-color .2s}
.filters button:hover{border-color:var(--gold)}
.filters button[aria-pressed="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}
.hint{padding:1rem 1.2rem;background:var(--surface-2);border-left:4px solid var(--gold);margin-bottom:2rem}

/* ---------- CTA ---------- */
.cta{position:relative;overflow:hidden;background:#0F1B2D;color:#F2F5FA;padding:clamp(3rem,6vw,5rem) 0;border-block:1px solid var(--line)}
.cta::before,.cta::after{content:"";position:absolute;border:2px solid rgba(226,185,59,.35);transform:rotate(45deg)}
.cta::before{width:340px;height:340px;right:-90px;top:-150px}.cta::after{width:200px;height:200px;right:120px;bottom:-130px}
.cta .wrap{position:relative}
.cta h2{font-size:clamp(1.8rem,3.4vw,2.8rem);max-width:22ch}
.cta p{color:#C3CDDD;max-width:56ch}

/* ---------- Inner pages ---------- */
.page-hero{position:relative;overflow:hidden;padding:clamp(3rem,6vw,5rem) 0 clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line)}
.page-hero::after{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border:2px solid var(--geo);transform:rotate(45deg)}
.page-hero::before{content:"";position:absolute;right:90px;top:60px;width:120px;height:104px;background:var(--gold);clip-path:polygon(50% 0,100% 100%,0 100%);opacity:.9}
.page-hero .wrap{position:relative}
.page-hero h1{font-size:clamp(2.2rem,4.6vw,3.7rem);letter-spacing:-.03em;max-width:18ch}
.page-hero .lead{margin:0}
.founder{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.portrait{position:relative;aspect-ratio:4/5;background:#0F1B2D;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%);display:grid;place-items:center;overflow:hidden}
.portrait img{width:100%;height:100%;object-fit:cover}
.portrait .mono{font-size:clamp(4rem,10vw,7rem);font-weight:800;color:#E2B93B;letter-spacing:-.04em}
.portrait::before{content:"";position:absolute;left:-40px;bottom:-40px;width:160px;height:160px;border:2px solid rgba(226,185,59,.45);transform:rotate(45deg)}
.founder h2{font-size:clamp(1.8rem,3vw,2.6rem)}
.role{color:var(--gold-ink);font-weight:700;margin-bottom:1.2rem}
.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.form{display:grid;gap:1.2rem}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.form label{display:block;font-weight:600;margin-bottom:.35rem}
.form input,.form select,.form textarea{width:100%;padding:.9rem 1rem;background:var(--surface);color:var(--text);border:1.5px solid var(--line);border-radius:4px;font:inherit;transition:border-color .2s}
.form input:hover,.form select:hover,.form textarea:hover{border-color:var(--muted)}
.form textarea{min-height:170px;resize:vertical}
.hp{position:absolute;left:-9999px}
.notice{padding:1rem 1.2rem;background:var(--surface-2);border-left:4px solid var(--gold);margin-bottom:1.5rem;font-weight:600}
.notice.err{border-left-color:#C0392B}
.info{display:grid;gap:1.2rem}
.info-item{display:flex;gap:1rem;align-items:flex-start;padding:1.2rem;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.info-item .hexico{width:44px;height:44px;margin:0;flex:none}
.info-item strong{display:block}.info-item a,.info-item span{color:var(--muted);overflow-wrap:anywhere}
.prose{max-width:74ch}.prose a{color:var(--gold-ink);text-underline-offset:3px}
.prose img{height:auto}
.post-list{display:grid;gap:1.5rem}
.post-list article{padding:1.5rem;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.post-list h2{font-size:1.5rem}.post-list h2 a{text-decoration:none}
.pagination{margin-top:2rem}.pagination .nav-links{display:flex;gap:.5rem;flex-wrap:wrap}
.pagination a,.pagination span{padding:.5rem .9rem;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none}
.pagination .current{background:var(--gold);color:var(--on-gold);font-weight:700}

/* ---------- Footer (always dark for stable contrast) ---------- */
.site-footer{background:#080E19;color:#C3CDDD;padding:4.5rem 0 2rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem}
.site-footer h4{color:#FFFFFF;font-size:1.05rem;margin-bottom:1rem}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.site-footer a{color:#C3CDDD;text-decoration:none}.site-footer a:hover{color:#FFFFFF;text-decoration:underline}
.site-footer .brand{color:#FFFFFF;margin-bottom:1rem}
.site-footer :focus-visible{outline-color:#F0CE68}
.foot-bottom{display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #25344F;font-size:.95rem}
.foot-bottom ul{display:flex;gap:1.2rem;flex-wrap:wrap}

/* ---------- Reveal ---------- */
html.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s calc(var(--i,0)*70ms),transform .7s calc(var(--i,0)*70ms)}
html.js [data-reveal].is-in{opacity:1;transform:none}

/* ---------- Responsive ---------- */
@media (max-width:960px){
 .hero-grid,.founder,.contact-grid{grid-template-columns:1fr}
 .scene{height:380px;transform:scale(.82)}
 .foot-grid{grid-template-columns:1fr 1fr}
 .menu-btn{display:inline-grid}
 .nav{position:fixed;left:0;right:0;top:74px;margin:0;background:var(--surface);border-bottom:1px solid var(--line);padding:1rem 1.25rem 1.5rem;transform:translateY(-110%);visibility:hidden;transition:transform .3s,visibility .3s;max-height:calc(100vh - 74px);overflow:auto}
 .nav-open .nav{transform:none;visibility:visible}
 .nav-list{flex-direction:column}
 .bar .hdr-cta{margin-left:auto}
}
@media (max-width:600px){
 .hdr-cta{display:none}.bar{gap:.6rem}.icon-btn:first-of-type{margin-left:auto}
 .foot-grid,.form .two{grid-template-columns:1fr}
 .plan.featured{transform:none}.page-hero::before{display:none}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 html.js [data-reveal]{opacity:1;transform:none}
}