/*
Theme Name: MATTO Premium v10 SEO Clean
Author: MATTO
Description: Edytowalny motyw MATTO z produktami, efektami, realizacjami i optymalizacją SEO dla Warszawy.
Version: 21.0
Text Domain: matto
*/
:root{--ink:#181613;--dark:#17140f;--cream:#f4efe7;--cream2:#ebe3d8;--muted:#777066;--bronze:#9f7656;--line:rgba(24,22,19,.13);--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.loader{position:fixed;inset:0;background:#12100d;z-index:1000;display:grid;place-items:center;transition:opacity .75s ease,visibility .75s}.loader span{color:#f5efe6;font-size:38px;font-weight:300;letter-spacing:.32em}.loader.hide{opacity:0;visibility:hidden}.site-header{position:absolute;top:0;left:0;right:0;height:82px;z-index:100;display:flex;align-items:center;padding:0 5.6vw;color:white;border-bottom:1px solid rgba(255,255,255,.08);transition:background .45s ease,height .45s var(--ease),box-shadow .45s ease}.site-header.scrolled{position:fixed;background:rgba(19,16,13,.95);backdrop-filter:blur(10px);height:68px;box-shadow:0 8px 30px rgba(0,0,0,.13)}.brand{font-size:26px;font-weight:300;letter-spacing:.30em;line-height:.85;white-space:nowrap}.brand small{display:block;font-size:7px;letter-spacing:.30em;margin-top:9px;color:#d7d0c7}.desktop-nav{display:flex;gap:28px;margin-left:auto}.desktop-nav a{font-size:10px;letter-spacing:.04em;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:#c9a98d;transition:right .45s var(--ease)}.desktop-nav a:hover:after{right:0}.menu-toggle{display:none;margin-left:auto;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:27px;height:1.5px;background:white;margin:6px 0;transition:.4s var(--ease)}.mobile-menu{display:none}.hero{position:relative;height:min(74vw,710px);min-height:590px;background:#2a221b;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.72) contrast(1.04) brightness(.88);transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,14,10,.48) 0%,rgba(18,14,10,.16) 45%,rgba(18,14,10,.05) 100%)}.hero-copy{position:absolute;z-index:2;left:23.5%;top:50%;transform:translateY(-44%);color:#fff;max-width:520px}.hero-logo{font-size:58px;font-weight:300;letter-spacing:.28em;line-height:1;margin-bottom:12px}.hero-tagline{font-size:8px;letter-spacing:.34em;margin:0 0 28px;color:#ddd3c8}.hero h1{font-size:28px;font-weight:400;line-height:1.18;margin:0 0 13px}.hero-copy>p:not(.hero-tagline){font-size:14px;line-height:1.55;color:#e5ddd4;margin:0 0 24px}.hero-btn,.realization-copy a,.editorial-copy a{display:inline-flex;align-items:center;gap:22px;border:1px solid rgba(255,255,255,.65);padding:13px 18px;text-transform:uppercase;letter-spacing:.12em;font-size:8px;transition:.4s var(--ease)}.hero-btn:hover{background:#fff;color:#221c17}.hero-btn span,.realization-copy a span,.editorial-copy a span{transition:transform .4s var(--ease)}.hero-btn:hover span,.realization-copy a:hover span,.editorial-copy a:hover span{transform:translateX(5px)}.benefit-strip{background:#f7f3ed;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 7vw;border-bottom:1px solid rgba(0,0,0,.07)}.benefit{display:flex;align-items:center;justify-content:center;gap:15px;min-height:64px}.benefit+.benefit{border-left:1px solid rgba(0,0,0,.12)}.benefit-icon{font-size:27px;font-weight:300;color:#4b453f}.benefit strong{font-size:8px;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;text-align:center}.products-section,.effects-section{background:#f8f4ee;padding:26px 3.4vw 34px}.mini-heading{text-align:center;margin-bottom:22px}.mini-heading p{margin:0 0 7px;font-size:18px;font-weight:300;letter-spacing:.28em}.mini-heading span{font-size:10px;color:#8b837a}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:1240px;margin:0 auto}.product-card{height:405px;position:relative;overflow:hidden;background-size:cover;background-position:center;isolation:isolate}.product-a{background-image:url('assets/interior.webp');background-position:28% center}.product-b{background-image:url('assets/hero.webp');background-position:58% center}.product-c{background-image:url('assets/interior.webp');background-position:72% center}.product-card:before{content:"";position:absolute;inset:0;background:inherit;background-size:cover;background-position:inherit;transition:transform 1.1s var(--ease);z-index:-2}.product-card:hover:before{transform:scale(1.06)}.card-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,18,13,.46),rgba(24,18,13,.08) 75%)}.card-copy{position:absolute;left:31px;bottom:30px;color:#fff}.card-copy h2{font-size:28px;line-height:1.05;font-weight:300;margin:0 0 8px}.card-copy p{font-size:11px;line-height:1.4;margin:0 0 16px;color:#eee6dd}.arrow{font-size:22px;font-weight:200}.effects-section{padding-top:2px;padding-bottom:34px}.effects-row{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;max-width:1180px;margin:0 auto}.effect{text-align:center}.swatch{width:116px;height:116px;border-radius:50%;display:block;margin:0 auto 13px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);background-size:cover}.travertine{background:radial-gradient(circle at 25% 25%,#f1e7d8 0 18%,transparent 19%),linear-gradient(160deg,#d6c6b2,#efe7dd 55%,#cdbba3)}.concrete{background:linear-gradient(125deg,#a6a39b,#75776f 48%,#b4b0a6)}.wabi{background:radial-gradient(circle at 68% 31%,rgba(255,255,255,.26),transparent 28%),linear-gradient(145deg,#c6aa8a,#e1cab0 60%,#a98b6d)}.oldwall{background:repeating-linear-gradient(115deg,rgba(255,255,255,.09) 0 3px,transparent 3px 10px),linear-gradient(135deg,#b9aa9b,#8f8070 50%,#c8b9a6)}.rock{background:radial-gradient(circle at 38% 35%,#8d887f 0 13%,transparent 14%),radial-gradient(circle at 65% 60%,#aaa49a 0 17%,transparent 18%),linear-gradient(135deg,#77756f,#bcb6ad)}.custom{background:repeating-linear-gradient(90deg,#d5cabe 0 2px,#c7baad 2px 5px,#e1d8ce 5px 8px)}.effect b{font-size:7px;letter-spacing:.18em;line-height:1.4}.realization-hero{height:460px;position:relative;overflow:hidden;background:#201b16}.realization-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.68) contrast(1.06) brightness(.76);transition:transform 1.3s var(--ease)}.realization-hero:hover img{transform:scale(1.025)}.realization-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,11,8,.62),rgba(14,11,8,.08) 60%)}.realization-copy{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-50%);color:white}.realization-copy h2{font-size:36px;font-weight:300;margin:0 0 10px}.realization-copy p{font-size:12px;line-height:1.6;margin:0 0 20px;color:#ddd6cf}.process-section{background:#f5f0e8;padding:84px 8vw 78px}.process-intro{max-width:760px;margin-bottom:48px}.eyebrow{font-size:10px;color:var(--bronze);letter-spacing:.25em;margin:0 0 14px}.process-intro h2,.editorial-copy h2,.about-copy h2,.contact-head h2{font-size:46px;font-weight:300;letter-spacing:.01em;margin:0 0 18px}.process-intro>p:last-child,.editorial-copy>p:last-of-type,.about-copy>p:last-child{color:var(--muted);font-size:16px;line-height:1.7;max-width:650px}.process-list{border-top:1px solid var(--line)}.process-card{display:grid;grid-template-columns:160px 1fr;gap:40px;padding:34px 0;border-bottom:1px solid var(--line);align-items:center;transition:padding-left .45s var(--ease)}.process-card:hover{padding-left:10px}.process-card .num{font-size:42px;font-weight:300;color:var(--bronze);letter-spacing:.06em}.process-card h3{font-size:28px;font-weight:400;margin:0 0 10px}.process-card p{font-size:15px;line-height:1.6;color:var(--muted);margin:0}.editorial-section{display:grid;grid-template-columns:1.15fr .85fr;background:#17140f;color:#f5efe7}.editorial-image{min-height:530px;overflow:hidden}.editorial-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.72);transition:transform 1.2s var(--ease)}.editorial-image:hover img{transform:scale(1.025)}.editorial-copy{padding:85px 7vw;align-self:center}.editorial-copy h2{font-size:42px}.editorial-copy>p:last-of-type{color:#bcb4aa}.editorial-copy a{margin-top:12px}.about-section{padding:94px 8vw;background:#e9dfd2}.about-copy{max-width:760px}.contact-section{padding:78px 6vw 0;background:#f5f0e8}.contact-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:36px}.contact-head h2{font-size:40px}.contact-head p{color:#756e65}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.contact-actions a{border:1px solid #221e19;padding:14px 18px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;transition:.35s ease}.contact-actions a:hover{background:#1b1814;color:#fff}.google-map{height:520px;overflow:hidden;background:#d8d0c5}.google-map iframe{display:block;width:100%;height:100%;border:0;filter:grayscale(.86) sepia(.28) saturate(.48) contrast(.9) brightness(.97)}footer{background:#16130f;color:#eee8df;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px;padding:60px 6vw 28px}.footer-brand p,footer p,footer a{font-size:12px;color:#a9a197;line-height:1.7}footer h4{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;margin-top:0}footer>div:not(.footer-brand):not(.copyright){display:flex;flex-direction:column;align-items:flex-start}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;font-size:10px;color:#6f6961}.reveal{opacity:0;transform:translateY(30px);filter:blur(2px);transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s ease}.reveal.visible{opacity:1;transform:none;filter:none}.product-grid .reveal:nth-child(2),.effects-row .reveal:nth-child(2){transition-delay:.07s}.product-grid .reveal:nth-child(3),.effects-row .reveal:nth-child(3){transition-delay:.14s}.effects-row .reveal:nth-child(4){transition-delay:.21s}.effects-row .reveal:nth-child(5){transition-delay:.28s}.effects-row .reveal:nth-child(6){transition-delay:.35s}.hero-copy>*{opacity:0;transform:translateY(18px)}.hero.ready .hero-logo{animation:rise .8s .15s var(--ease) forwards}.hero.ready .hero-tagline{animation:rise .8s .28s var(--ease) forwards}.hero.ready h1{animation:rise .8s .38s var(--ease) forwards}.hero.ready .hero-copy>p:not(.hero-tagline){animation:rise .8s .48s var(--ease) forwards}.hero.ready .hero-btn{animation:rise .8s .58s var(--ease) forwards}@keyframes rise{to{opacity:1;transform:none}}
@media(max-width:900px){.site-header{height:74px;padding:0 28px}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-menu{display:grid;position:fixed;top:0;left:0;right:0;background:#17140f;color:#fff;z-index:99;padding:105px 30px 35px;gap:20px;transform:translateY(-110%);opacity:0;transition:.5s var(--ease)}.mobile-menu.open{transform:none;opacity:1}.mobile-menu a{font-size:22px}.menu-toggle.active span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.hero{height:720px}.hero-copy{left:9vw;top:54%;max-width:460px}.hero-logo{font-size:48px}.hero h1{font-size:26px}.benefit-strip{padding-left:3vw;padding-right:3vw}.product-card{height:340px}.swatch{width:92px;height:92px}.editorial-section{grid-template-columns:1fr}.editorial-image{min-height:420px}.contact-head{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.brand{font-size:23px}.hero{height:640px;min-height:640px}.hero>img{object-position:60% center}.hero-overlay{background:linear-gradient(90deg,rgba(17,13,10,.72),rgba(17,13,10,.18) 75%)}.hero-copy{left:24px;right:24px;top:56%;max-width:none}.hero-logo{font-size:44px;letter-spacing:.24em}.hero-tagline{font-size:7px}.hero h1{font-size:25px}.hero-copy>p:not(.hero-tagline){font-size:13px}.benefit-strip{grid-template-columns:1fr 1fr;padding:10px 16px}.benefit{min-height:72px}.benefit:nth-child(3){border-left:0;border-top:1px solid rgba(0,0,0,.12)}.benefit:nth-child(4){border-top:1px solid rgba(0,0,0,.12)}.benefit-icon{font-size:23px}.products-section{padding:26px 18px 30px}.mini-heading p{font-size:16px}.product-grid{grid-template-columns:1fr}.product-card{height:330px}.card-copy h2{font-size:29px}.effects-section{padding-left:18px;padding-right:18px}.effects-row{grid-template-columns:repeat(3,1fr);gap:22px 8px}.swatch{width:86px;height:86px}.realization-hero{height:430px}.realization-copy{left:26px}.process-section{padding:66px 24px 58px}.process-intro h2,.editorial-copy h2,.about-copy h2,.contact-head h2{font-size:38px}.process-card{grid-template-columns:78px 1fr;gap:14px;padding:28px 0}.process-card .num{font-size:34px}.process-card h3{font-size:24px}.editorial-image{min-height:330px}.editorial-copy{padding:62px 24px}.about-section{padding:68px 24px}.contact-section{padding:62px 24px 0}.contact-head{margin-bottom:28px}.contact-actions{width:100%;flex-direction:column}.contact-actions a{text-align:center}.google-map{height:410px;margin-left:-24px;width:calc(100% + 48px)}footer{grid-template-columns:1fr;padding:50px 24px 25px}.footer-brand{grid-column:auto}.copyright{grid-column:auto}.reveal{transform:translateY(22px);filter:blur(1px)}}
@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,.hero-copy>*{opacity:1!important;transform:none!important;filter:none!important}}

.inner-header{position:relative!important;background:#17140f;color:#fff;height:82px}.page-shell,.single-shell{background:#f5f0e8;min-height:70vh}.page-hero{padding:92px 8vw 62px;background:#e9dfd2;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(44px,6vw,82px);font-weight:300;margin:0}.page-body{max-width:1180px;margin:auto;padding:68px 6vw 90px}.page-body p,.page-body li{font-size:17px;line-height:1.75;color:#6f685f}.cards-wp{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}.card-wp{display:block;background:#f8f4ee;border:1px solid rgba(23,20,15,.1);transition:.4s;text-decoration:none}.card-wp:hover{transform:translateY(-5px)}.card-media{aspect-ratio:4/5;overflow:hidden;background:linear-gradient(135deg,#d7c7ae,#9d8b74);display:flex;align-items:center;justify-content:center}.card-media img{width:100%;height:100%;object-fit:cover;transition:.7s}.card-wp:hover img{transform:scale(1.035)}.card-media span{color:#fff;letter-spacing:.3em}.card-copy{padding:25px}.card-copy h2{font-size:28px;font-weight:400;margin:0 0 10px}.card-copy p{font-size:14px!important;line-height:1.55!important;margin:0 0 18px}.card-more{font-size:11px;letter-spacing:.15em;text-transform:uppercase}.single-hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;min-height:620px}.single-copy{padding:120px 8vw 70px}.single-copy h1{font-size:clamp(48px,7vw,92px);font-weight:300;line-height:.98;margin:15px 0 25px}.single-lead{font-size:21px;line-height:1.55;color:#746d63}.single-image{height:100%;min-height:620px;background:#d9c6aa}.single-image img{width:100%;height:100%;object-fit:cover}.single-body{max-width:980px}.single-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:45px}.single-actions a{border:1px solid #17140f;padding:15px 20px;text-decoration:none!important;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.realization-meta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.realization-meta span{border:1px solid rgba(23,20,15,.16);padding:8px 11px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.wp-block-gallery{gap:10px!important}.wp-block-gallery img{width:100%;height:auto}.page-back{display:inline-block;margin-top:35px;text-decoration:none!important;border-bottom:1px solid #17140f;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:800px){.cards-wp{grid-template-columns:1fr}.card-media{aspect-ratio:4/3}.single-hero{grid-template-columns:1fr;min-height:0}.single-image{order:-1;min-height:0;aspect-ratio:4/5}.single-copy{padding:60px 24px}.page-hero{padding:62px 24px 42px}.page-body{padding:48px 24px 70px}.inner-header{height:74px}.card-copy h2{font-size:30px}}


/* MATTO v6 — zdjęcia efektów z WordPressa na stronie głównej */
.effect-link-home{display:block;color:inherit;text-decoration:none}.swatch.has-photo{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.effect-link-home .swatch{transition:transform .45s var(--ease),box-shadow .45s ease}.effect-link-home:hover .swatch{transform:scale(1.045);box-shadow:0 10px 28px rgba(42,33,24,.12),inset 0 0 0 1px rgba(0,0,0,.08)}

/* MATTO v7 — firmowy znacznik na mapie */
.google-map{position:relative}
.matto-map-marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);z-index:4;pointer-events:none}
.matto-map-marker span{display:block;background:transparent;color:#181613;border:0;padding:0;font-size:18px;font-weight:400;letter-spacing:.34em;line-height:1;white-space:nowrap;text-shadow:0 1px 5px rgba(255,255,255,.9)}
.matto-map-marker:after{content:none}
@media(max-width:560px){.matto-map-marker span{padding:0;font-size:15px;letter-spacing:.28em}}


/* MATTO v8 — edytowalna stopka i social media */
.footer-contact a{display:block;margin-top:5px}.footer-socials{display:flex;gap:11px;margin-top:24px}.footer-socials a{width:38px;height:38px;border:1px solid rgba(255,255,255,.22);display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%;color:#eee8df!important;transition:background .3s ease,border-color .3s ease,transform .3s ease}.footer-socials a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.55);transform:translateY(-2px)}.footer-socials svg{width:17px;height:17px;display:block}.matto-footer .footer-brand{display:block!important}.matto-footer .footer-brand p{max-width:420px}.matto-footer .footer-contact p{margin:0 0 10px}.matto-footer .footer-contact a{line-height:1.6}
@media(max-width:560px){.footer-socials{margin-top:20px}.footer-socials a{width:42px;height:42px}.footer-socials svg{width:18px;height:18px}}



/* v11 product navigation + clean collection page */
.product-card{display:block;color:inherit;text-decoration:none}.collection-intro{max-width:760px;margin:0 0 34px}.collection-intro p{font-size:19px!important;line-height:1.65!important;color:#5f584f!important}.page-body>.cards-wp:first-child{margin-top:0}

/* MATTO v16 — poprawka stron Produkty / Efekty / Realizacje
   Karta kolekcji nie może dziedziczyć absolutnego pozycjonowania z kart strony głównej. */
.cards-wp .card-wp{position:relative;overflow:hidden}
.cards-wp .card-copy{position:static;left:auto;right:auto;top:auto;bottom:auto;color:var(--ink);padding:25px;display:block}
.cards-wp .card-copy h2{position:static;color:var(--ink);font-size:28px;line-height:1.15;font-weight:400;margin:0 0 10px}
.cards-wp .card-copy p{position:static;color:#6f685f!important;font-size:14px!important;line-height:1.55!important;margin:0 0 18px}
.cards-wp .card-more{position:static;color:var(--ink);display:inline-block}
.collection-intro{position:relative;z-index:1}
.page-hero,.page-body{position:relative;z-index:1}
@media(max-width:800px){.cards-wp .card-copy{padding:22px}.cards-wp .card-copy h2{font-size:28px}}


/* MATTO v17 — definitywna poprawka kart kolekcji + cache busting */
.cards-wp .collection-card-copy{
  position:static !important;
  inset:auto !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  padding:25px !important;
  margin:0 !important;
  color:var(--ink) !important;
  background:#f8f4ee !important;
  opacity:1 !important;
  visibility:visible !important;
}
.cards-wp .collection-card-copy h2{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  color:var(--ink) !important;
  font-size:28px !important;
  line-height:1.15 !important;
  font-weight:400 !important;
  margin:0 0 10px !important;
  opacity:1 !important;
}
.cards-wp .collection-card-copy p{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  color:#6f685f !important;
  font-size:14px !important;
  line-height:1.55 !important;
  margin:0 0 18px !important;
  opacity:1 !important;
}
.cards-wp .collection-card-copy .card-more{
  position:static !important;
  inset:auto !important;
  transform:none !important;
  display:inline-block !important;
  color:var(--ink) !important;
}
.cards-wp .card-wp{position:relative !important;overflow:hidden !important}
.cards-wp .card-media{position:relative !important;z-index:1}
.cards-wp .collection-card-copy{position:relative !important;z-index:2}
@media(max-width:800px){
  .cards-wp .collection-card-copy{padding:22px !important}
  .cards-wp .collection-card-copy h2{font-size:28px !important}
}


/* MATTO v21 — mural hero: mocna, premium animacja przyciągająca wzrok */
.hero{
  --hero-mx:0px;
  --hero-my:0px;
  --hero-scroll:0px;
  isolation:isolate;
  background:#19130f;
}
.hero>img{
  object-position:50% 50% !important;
  transform:translate3d(var(--hero-mx),calc(var(--hero-my) + var(--hero-scroll)),0) scale(1.10) !important;
  filter:saturate(.78) contrast(1.08) brightness(.78) sepia(.08);
  will-change:transform,filter;
  animation:mattoHeroReveal 2.2s cubic-bezier(.16,1,.3,1) both,
            mattoHeroBreath 10s 2.2s ease-in-out infinite alternate;
}
.hero::before{
  content:"";
  position:absolute;
  inset:-15%;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 60% 45%,rgba(255,216,172,.23),transparent 18%),
    linear-gradient(112deg,transparent 30%,rgba(255,230,196,.16) 47%,rgba(255,255,255,.08) 51%,transparent 68%);
  mix-blend-mode:screen;
  opacity:0;
  transform:translateX(-22%) rotate(-2deg);
  animation:mattoLightSweep 6.8s 1.1s cubic-bezier(.22,1,.36,1) infinite;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  box-shadow:inset 0 0 150px rgba(10,7,5,.38);
  background:radial-gradient(circle at 58% 45%,transparent 0 26%,rgba(16,11,8,.10) 62%,rgba(13,9,7,.32) 100%);
}
.hero-overlay{
  z-index:1;
  background:linear-gradient(90deg,rgba(17,12,9,.68) 0%,rgba(17,12,9,.38) 27%,rgba(17,12,9,.08) 58%,rgba(17,12,9,.12) 100%) !important;
}
.hero-copy{z-index:3}
.hero.ready .hero-logo{
  text-shadow:0 0 0 rgba(255,255,255,0);
  animation:rise .8s .10s var(--ease) forwards,mattoLogoGlow 3.8s 1.2s ease-in-out infinite alternate;
}
.hero.ready .hero-tagline{animation:rise .8s .22s var(--ease) forwards}
.hero.ready h1{animation:rise .9s .34s var(--ease) forwards}
.hero.ready .hero-copy>p:not(.hero-tagline){animation:rise .9s .46s var(--ease) forwards}
.hero.ready .hero-btn{animation:rise .9s .58s var(--ease) forwards,mattoCtaPulse 2.8s 1.7s ease-in-out infinite}
.hero-btn{position:relative;overflow:hidden;background:rgba(20,15,11,.10);backdrop-filter:blur(3px)}
.hero-btn::before{
  content:"";position:absolute;top:-40%;bottom:-40%;width:34%;left:-45%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  transform:skewX(-18deg);
  animation:mattoButtonSweep 4.6s 2.1s ease-in-out infinite;
}
@keyframes mattoHeroReveal{
  0%{transform:translate3d(-2.5%,1.5%,0) scale(1.23);filter:saturate(.46) contrast(1.13) brightness(.50) sepia(.16)}
  55%{filter:saturate(.68) contrast(1.10) brightness(.70) sepia(.10)}
  100%{transform:translate3d(0,0,0) scale(1.10);filter:saturate(.78) contrast(1.08) brightness(.78) sepia(.08)}
}
@keyframes mattoHeroBreath{
  from{filter:saturate(.76) contrast(1.08) brightness(.77) sepia(.08)}
  to{filter:saturate(.88) contrast(1.10) brightness(.84) sepia(.05)}
}
@keyframes mattoLightSweep{
  0%,16%{opacity:0;transform:translateX(-26%) rotate(-2deg)}
  28%{opacity:.72}
  55%{opacity:.28;transform:translateX(24%) rotate(-2deg)}
  72%,100%{opacity:0;transform:translateX(38%) rotate(-2deg)}
}
@keyframes mattoLogoGlow{
  from{text-shadow:0 0 0 rgba(255,224,190,0)}
  to{text-shadow:0 0 22px rgba(255,224,190,.20)}
}
@keyframes mattoCtaPulse{
  0%,100%{box-shadow:0 0 0 rgba(200,157,118,0);border-color:rgba(255,255,255,.58)}
  50%{box-shadow:0 0 28px rgba(200,157,118,.20);border-color:rgba(234,201,170,.90)}
}
@keyframes mattoButtonSweep{
  0%,58%{left:-45%;opacity:0}
  66%{opacity:1}
  84%{left:120%;opacity:.7}
  100%{left:120%;opacity:0}
}
@media(max-width:900px){
  .hero>img{object-position:50% 48% !important;transform:translate3d(0,var(--hero-scroll),0) scale(1.08) !important}
  .hero-overlay{background:linear-gradient(90deg,rgba(17,12,9,.72),rgba(17,12,9,.16) 84%) !important}
}
@media(max-width:560px){
  .hero>img{object-position:50% 48% !important;transform:translate3d(0,var(--hero-scroll),0) scale(1.05) !important}
  .hero::before{opacity:.45;animation-duration:8s}
}
@media(prefers-reduced-motion:reduce){
  .hero>img,.hero::before,.hero-btn,.hero-btn::before,.hero-logo{animation:none!important}
  .hero>img{transform:scale(1.08)!important;filter:saturate(.78) contrast(1.08) brightness(.80)!important}
}