*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#f1f4f1;--bg2:#ffffff;--ink:#16211a;--mut:#4b564d;--line:#dde5db;--ac:#2f8f6b;--ac2:#237055;--paper:#16211a;--eout:cubic-bezier(.23,1,.32,1)}
svg{display:block}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 17px/1.7 "Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.disp{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;letter-spacing:-.03em}
a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.ey{font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ac);font-weight:700}
/* Header V2: schwebende Insel (Floating Island), Text immer Mood-Farbe, kein weisser-Text-Hack */
header{position:fixed;top:14px;left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 28px));z-index:60;border-radius:17px;background:color-mix(in srgb,var(--bg) 62%,transparent);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--line);transition:background .3s var(--eout),box-shadow .3s var(--eout),border-color .3s var(--eout)}
header.solid{background:color-mix(in srgb,var(--bg) 90%,transparent);box-shadow:0 14px 34px color-mix(in srgb,var(--ac) 12%,transparent)}
header .wrap{max-width:none;padding:0 14px 0 22px}
.nav{display:flex;align-items:center;justify-content:space-between;height:58px}
.brand{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:900;font-size:1.35rem;color:var(--ink)}
.brand b{color:var(--ac)}
.nav nav{display:flex;gap:22px;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}
.nav nav a{color:var(--mut);transition:color .2s var(--eout)}.nav nav a:hover,.nav nav a.on{color:var(--ink)}
.callbtn{display:inline-flex;align-items:center;gap:9px;border:1.5px solid var(--ac);color:var(--ac);padding:8px 9px 8px 18px;border-radius:99px;font-size:.79rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600}
.callbtn .cbi{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ac) 16%,transparent);transition:transform .2s var(--eout)}
.callbtn .cbi .ic{width:15px;height:15px}
.callbtn:hover{background:var(--ac);color:var(--bg2)}
.callbtn:hover .cbi{transform:translateX(2px);background:color-mix(in srgb,#fff 22%,transparent)}
/* Mobiles Burger-Menue */
.mnav-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:0;cursor:pointer;padding:0}
.mnav-btn span{display:block;width:24px;height:2px;background:var(--ink);margin:0 auto;transition:.25s}
body.mnav-open .mnav-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.mnav-open .mnav-btn span:nth-child(2){opacity:0}
body.mnav-open .mnav-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{display:none;position:fixed;inset:0;z-index:54;background:var(--bg);padding:96px 26px 40px;overflow:auto}
.mnav a{display:block;padding:17px 4px;font-size:1.25rem;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line)}
.mnav .mnav-call{margin-top:24px;text-align:center;border:1.5px solid var(--ac);color:var(--ac);border-radius:12px;padding:15px;border-bottom:1.5px solid var(--ac)}
body.mnav-open{overflow:hidden}
body.mnav-open .mnav{display:block}
@media(max-width:900px){.nav nav{display:none}.mnav-btn{display:flex}}
@media(max-width:640px){.nav .callbtn{display:none}.brand{font-size:1.1rem}}
.hero{position:relative;height:100vh;height:100dvh;min-height:600px;display:flex;align-items:flex-end;overflow:hidden;background:var(--bg)}
.hero>img{display:none}
.hero .wrap{position:relative;z-index:3;padding-top:120px;padding-bottom:11vh;color:var(--ink)}
.hero h1{font-size:clamp(2.9rem,7.4vw,6.2rem);line-height:1.01;letter-spacing:-.03em;max-width:15ch;color:var(--ink)}
.hero h1 em{font-style:normal;color:var(--ac)}
.hero p{margin-top:24px;max-width:46ch;color:var(--mut);font-size:1.15rem}
/* Hero-Varianten (Rotation per Slug-Hash): hx-net=Partikelnetz, hx-aurora=Farbnebel, hx-editorial=nur Typo. Immer Theme-gebunden (var(--bg)), nie hartcodiert. */
.hero .glow,.hero .glow2{position:absolute;inset:0;z-index:0}
.hero #heroFx{position:absolute;inset:0;width:100%;height:100%;z-index:1;display:block}
.hero .glow{background:radial-gradient(60% 54% at 30% 30%,color-mix(in srgb,var(--ac) 30%,transparent),transparent 70%);animation:heroPulse 7s ease-in-out infinite}
.hero .glow2{background:radial-gradient(46% 46% at 80% 72%,color-mix(in srgb,var(--ac2) 26%,transparent),transparent 70%);animation:heroPulse 9s ease-in-out infinite reverse}
.hero.hx-aurora .glow{filter:blur(34px);background:radial-gradient(52% 46% at 26% 26%,color-mix(in srgb,var(--ac) 34%,transparent),transparent 72%)}
.hero.hx-aurora .glow2{filter:blur(34px)}
.hero.hx-aurora::after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(38% 32% at 68% 22%,color-mix(in srgb,var(--ac) 20%,transparent),transparent 68%)}
.hero.hx-editorial .glow{opacity:.5}.hero.hx-editorial .glow2{opacity:.6}
.hero.hx-editorial h1{font-size:clamp(3.1rem,9vw,7.4rem);max-width:14ch}
.hero::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 55%,color-mix(in srgb,var(--bg) 82%,transparent) 100%)}
@keyframes heroPulse{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
/* hx-cinema: vollflaechiges Foto, veredelt (Grading + Scrim), Text unten links, weiss */
.hero.hx-cinema>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.05);animation:kb 18s ease-out forwards;filter:saturate(.85) contrast(1.06)}
@keyframes kb{to{transform:scale(1)}}
.hero.hx-cinema .grade{position:absolute;inset:0;z-index:1;background:var(--ac);mix-blend-mode:multiply;opacity:.2}
.hero.hx-cinema::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.22) 52%,rgba(0,0,0,.06) 100%),linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 40%,rgba(0,0,0,.62) 100%)}
.hero.hx-cinema::before{display:none}
.hero.hx-cinema .wrap,.hero.hx-cinema h1{color:#fff}
.hero.hx-cinema .ey{color:color-mix(in srgb,var(--ac2) 30%,#fff)}
.hero.hx-cinema h1 em{color:color-mix(in srgb,var(--ac2) 45%,#fff)}
.hero.hx-cinema p{color:#e9e9e6}
.hero.hx-cinema .meta small{color:#d9d9d5}
.hero.hx-cinema .meta span{color:color-mix(in srgb,var(--ac2) 45%,#fff)}
/* hx-film: 3 Fotos crossfaden mit Ken-Burns (Kunden-Wunsch "wechselnde Hintergrundbilder") */
.hero.hx-film>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.06);opacity:0;animation:filmfade 24s infinite}
.hero.hx-film>img:nth-of-type(1){animation-delay:0s}
.hero.hx-film>img:nth-of-type(2){animation-delay:8s}
.hero.hx-film>img:nth-of-type(3){animation-delay:16s}
@keyframes filmfade{0%{opacity:0;transform:scale(1.07)}6%{opacity:1}33%{opacity:1}42%{opacity:0;transform:scale(1)}100%{opacity:0}}
.hero.hx-film .grade{position:absolute;inset:0;z-index:1;background:var(--ac);mix-blend-mode:multiply;opacity:.18}
.hero.hx-film::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.22) 52%,rgba(0,0,0,.06) 100%),linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 40%,rgba(0,0,0,.62) 100%)}
.hero.hx-film::before{display:none}
.hero.hx-film .wrap,.hero.hx-film h1{color:#fff}
.hero.hx-film .ey{color:color-mix(in srgb,var(--ac2) 30%,#fff)}
.hero.hx-film h1 em{color:color-mix(in srgb,var(--ac2) 45%,#fff)}
.hero.hx-film p{color:#e9e9e6}
.hero.hx-film .meta small{color:#d9d9d5}
.hero.hx-film .meta span{color:color-mix(in srgb,var(--ac2) 45%,#fff)}
@media(prefers-reduced-motion:reduce){.hero.hx-film>img{animation:none!important}.hero.hx-film>img:nth-of-type(1){opacity:1}}
/* hx-line: Blaupausen-Raster + grosses Branchen-Icon, das sich zeichnet */
.hero.hx-line .blupr{position:absolute;inset:0;z-index:0;opacity:.55;background:repeating-linear-gradient(0deg,transparent 0 47px,color-mix(in srgb,var(--ink) 8%,transparent) 47px 48px),repeating-linear-gradient(90deg,transparent 0 47px,color-mix(in srgb,var(--ink) 8%,transparent) 47px 48px)}
.hero.hx-line .bsvg{position:absolute;right:5%;top:16%;width:min(42vw,520px);height:min(42vw,520px);z-index:0;color:var(--ac);opacity:.85}
.hero.hx-line .bsvg path,.hero.hx-line .bsvg circle,.hero.hx-line .bsvg rect,.hero.hx-line .bsvg line,.hero.hx-line .bsvg polyline{stroke-dasharray:320;stroke-dashoffset:320;animation:drawln 3.2s var(--eout) .3s forwards}
@keyframes drawln{to{stroke-dashoffset:0}}
.hero.hx-line .glow{opacity:.45}.hero.hx-line .glow2{display:none}
@media(max-width:760px){.hero.hx-line .bsvg{width:70vw;height:70vw;right:-12%;top:10%;opacity:.22}}
@media(prefers-reduced-motion:reduce){.hero .glow,.hero .glow2{animation:none}.hero.hx-line .bsvg path,.hero.hx-line .bsvg circle,.hero.hx-line .bsvg rect,.hero.hx-line .bsvg line,.hero.hx-line .bsvg polyline{stroke-dasharray:none!important;stroke-dashoffset:0!important}.hero.hx-cinema>img{transform:none!important;animation:none!important}}
/* Foto-Veredelung: EINE Farbwelt pro Seite (Grading + Akzent-Multiply auf allen Fotos) */
.row .ph,.gal a,.gal figure,.svc .ph,.quote .ph{position:relative}
.row .ph::after,.gal a::after,.gal figure::after,.svc .ph::after,.quote .ph::after{content:"";position:absolute;inset:0;background:var(--ac);mix-blend-mode:multiply;opacity:.10;pointer-events:none;border-radius:inherit;z-index:1}
.row .ph img,.gal img,.svc .ph img,.quote .ph img,.featwide>img,.phero img,.band>img{filter:saturate(.82) contrast(1.05)}
.meta{display:flex;gap:38px;margin-top:38px;flex-wrap:wrap}
.meta span{display:block;font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:2rem;color:var(--ac);font-variant-numeric:tabular-nums}
.meta small{color:var(--mut);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
section{padding:118px 0}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}
.intro h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.12}
.intro h2 em{font-style:normal;color:var(--ac)}
.intro p{color:var(--mut);margin-bottom:18px}
.rule{height:1px;background:var(--line)}
@media(max-width:860px){.intro{grid-template-columns:1fr;gap:30px}}
.row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.row .ph{position:relative;min-height:520px;overflow:hidden}
.row .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.3,1)}
.row:hover .ph img{transform:scale(1.06)}
.row .tx{background:var(--bg2);display:flex;flex-direction:column;justify-content:center;padding:70px}
.row.rev .ph{order:2}.row.rev .tx{order:1}
.row .num{font-family:"Helvetica Neue",Arial,sans-serif;font-size:1.05rem;color:var(--ac);letter-spacing:.2em}
.row .tx h3{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:2.1rem;margin:14px 0 16px;line-height:1.15}
.row .tx p{color:var(--mut)}
.row .tx ul{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}
.row .tx li{display:flex;align-items:center;gap:12px;color:var(--ink);opacity:.9;font-size:.98rem}
.lic{width:19px;height:19px;flex-shrink:0;color:var(--ac)}
@media(max-width:860px){.row{grid-template-columns:1fr}.row .ph{min-height:300px}.row.rev .ph,.row.rev .tx{order:0}.row .tx{padding:44px 32px}}
.galhead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px;gap:20px;flex-wrap:wrap}
.galhead h2{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:clamp(1.9rem,3.5vw,2.7rem)}
.gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:16px}
.gal a,.gal figure{position:relative;overflow:hidden;border-radius:16px;margin:0}
.gal img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--eout),filter .5s}
.gal a:hover img,.gal figure:hover img{transform:scale(1.06)}
.gal .big{grid-column:span 2;grid-row:span 2}.gal .tall{grid-row:span 2}
.gal .gtile{border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 14%,var(--bg2)),var(--bg2));border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ac)}
.gal .gtile .gic{width:34%;height:34%;opacity:.9}
@media(max-width:860px){.gal{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}.gal .big{grid-column:span 2}}
/* Zitat: fotolos, grosse Typo auf Paper-Flaeche (Foto-Diaet 14.07.) */
.quote{background:var(--paper);color:#fff}
.quote .wrap{max-width:940px}
.quote blockquote{font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(1.7rem,3.4vw,2.7rem);line-height:1.3;font-style:normal}
.quote blockquote::before{content:"„";display:block;font-size:5rem;line-height:.6;color:var(--ac);margin-bottom:18px;font-family:Georgia,serif}
.quote cite{display:block;margin-top:24px;font-style:normal;font-size:.9rem;letter-spacing:.05em;opacity:.7}
.stars{color:var(--ac);letter-spacing:3px;font-size:1.1rem}
/* CTA-Band: fotolos, reine Typo-Flaeche mit Akzent-Glow (Foto-Diaet 14.07.) */
.band{position:relative;text-align:center;overflow:hidden;background:var(--bg2)}
.band::after{content:"";position:absolute;inset:0;background:radial-gradient(58% 90% at 50% 0%,color-mix(in srgb,var(--ac) 9%,transparent),transparent 72%)}
.band .wrap{position:relative;z-index:2}
.band h2{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:clamp(2.2rem,5vw,4rem);line-height:1.08}
.band h2 em{font-style:normal;color:var(--ac2)}
.band p{color:var(--mut);margin:20px auto 36px;max-width:44ch}
.bigcall{display:inline-flex;align-items:center;gap:14px;background:var(--ac);color:var(--bg2);font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:1.4rem;padding:19px 42px;border-radius:99px;transition:.25s}
.bigcall:hover{background:var(--ac2);transform:translateY(-3px)}
/* Unterseiten-Kopf: fotolos, Mood-Flaeche + Akzent-Glow (Foto-Diaet 14.07.) */
.phero{position:relative;min-height:300px;display:flex;align-items:flex-end;overflow:hidden;background:var(--bg2);padding-top:130px}
.phero::after{content:"";position:absolute;inset:0;background:radial-gradient(50% 90% at 78% 10%,color-mix(in srgb,var(--ac) 11%,transparent),transparent 70%)}
.phero .wrap{position:relative;z-index:2;padding-bottom:44px;color:var(--ink)}
.phero h1{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:clamp(2.4rem,5vw,4rem);color:var(--ink)}
.crumb{color:var(--mut);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
/* Leistungs-Karten V2: Spotlight-Glow + getoenter Schatten statt billiger Grau-Border */
.svc{position:relative;border:1px solid var(--line);border-radius:18px;background:var(--bg2);padding:30px 34px;margin-bottom:16px;display:grid;grid-template-columns:64px 1fr;gap:30px;align-items:center;overflow:hidden;transition:transform .3s var(--eout),box-shadow .3s var(--eout),border-color .3s var(--eout)}
.svc::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(340px circle at var(--mx,50%) var(--my,-10%),color-mix(in srgb,var(--ac) 13%,transparent),transparent 60%);opacity:0;transition:opacity .3s var(--eout);pointer-events:none}
.svc>*{position:relative;z-index:1}
.svc .sic{width:56px;height:56px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ac) 14%,transparent);color:var(--ac)}
.svc .sic .ic{width:26px;height:26px}
.ic{width:22px;height:22px}
.svc h3{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:1.55rem;margin-bottom:8px}
.svc p{color:var(--mut);font-size:1rem}
@media (hover:hover) and (pointer:fine){
 .svc:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--ac) 42%,var(--line));box-shadow:0 20px 44px color-mix(in srgb,var(--ac) 16%,transparent)}
 .svc:hover::before{opacity:1}
}
@media(max-width:860px){.svc{grid-template-columns:1fr;gap:16px;padding:26px 24px}}
.ct{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.ct .info h3{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:1.4rem;margin:24px 0 6px}
.ct .info p{color:var(--mut)}.ct .info a{color:var(--ac2)}
.field{margin-bottom:18px}
.field label{display:block;font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}
.field input,.field textarea{width:100%;background:var(--bg2);border:1px solid var(--line);color:var(--ink);padding:14px 16px;border-radius:12px;font:inherit}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--ac)}
.submit{background:var(--ac);color:var(--bg2);border:0;padding:16px 34px;font:700 .95rem/1 inherit;letter-spacing:.06em;text-transform:uppercase;border-radius:99px;cursor:pointer;transition:.25s}
.submit:hover{background:var(--ac2)}
@media(max-width:860px){.ct{grid-template-columns:1fr;gap:38px}}
.legal{max-width:820px;padding:150px 0 100px}
.legal h1{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:2.5rem;margin-bottom:26px}
.legal h2{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:1.35rem;margin:30px 0 8px;color:var(--ac2)}
.legal p{color:var(--mut);margin-bottom:12px}
/* Firmenfilm-Sektion (wird nachts von render_queue.py in den VIDEOSLOT injiziert) */
.vfilm{padding:0 0 110px}
.vfilm .wrap{max-width:1020px}
.vfilm h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:26px}
.vfilm video{width:100%;display:block;border-radius:20px;border:1px solid var(--line);box-shadow:0 30px 70px color-mix(in srgb,var(--ac) 16%,transparent)}
footer{border-top:1px solid var(--line);padding:66px 0 38px}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:38px}
.foot .brand{margin-bottom:14px;display:inline-block}
.foot p{color:var(--mut);font-size:.92rem}
.foot h4{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.foot ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.foot ul a{color:var(--ink);opacity:.82;font-size:.94rem}.foot ul a:hover{color:var(--ac2);opacity:1}
.sub{border-top:1px solid var(--line);margin-top:46px;padding-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--mut);font-size:.82rem}
.sub a{color:var(--mut)}.sub a:hover{color:var(--ac2)}
@media(max-width:860px){.foot{grid-template-columns:1fr 1fr}}
/* emil-Standards: starke ease-out-Kurve, GPU-Props (transform/opacity), Stagger, Press-Feedback */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--eout),transform .7s var(--eout)}
.reveal.in{opacity:1;transform:none}
.callbtn,.bigcall,.submit{transition:transform .16s var(--eout),background .25s var(--eout),color .25s var(--eout),box-shadow .25s var(--eout)}
.callbtn:active,.bigcall:active,.submit:active{transform:scale(.97)}
.foot ul li{display:flex;align-items:center}
.fic{width:15px;height:15px;flex-shrink:0;color:var(--ac);opacity:.85;margin-right:9px}
@media (hover:hover) and (pointer:fine){
 .callbtn:hover,.bigcall:hover{transform:translateY(-2px)}
}
/* full-width Feature-Band (bricht das Zickzack) */
.featwide{position:relative;overflow:hidden;padding:130px 0;color:var(--ink)}
.featwide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.featwide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f1f4f1f8 0%,#f1f4f1e6 45%,#f1f4f155 100%)}
.featwide .wrap{position:relative;z-index:2;max-width:640px}
.featwide h3{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:clamp(1.9rem,3.6vw,2.9rem);color:var(--ink);line-height:1.12}
.featwide p{margin-top:16px;color:var(--mut);font-size:1.08rem}
.fchips{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.fchips span{border:1px solid var(--line);border-radius:99px;padding:9px 18px;font-size:.9rem;color:var(--ink)}
@media(max-width:860px){.featwide{padding:80px 0}}
@media (prefers-reduced-motion: reduce){
 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .reveal{opacity:1!important;transform:none!important}
 .hero>img{transform:none!important}
}