/* NOVATORIA STUDIO — HOME FINAL v10.0 | consolidated */



:root{
 --black:#070707;--black2:#0d0d0d;--cream:#f5f1e9;--ink:#171717;--gold:#c99b4b;
 --gold2:#e3bd75;--muted:#aaa399;--max:1640px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:#f5f1e9;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,select,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 70px));margin:auto}
.header{height:76px;position:sticky;top:0;z-index:100;background:rgba(5,5,5,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{height:100%;display:flex;align-items:center;gap:30px}.brand{width:250px;margin-right:auto}.word{font-size:27px;letter-spacing:.19em;font-weight:600;line-height:1}.word span{color:var(--gold)}.studio{font-size:9px;color:var(--gold);letter-spacing:.55em;margin-top:8px;text-align:center}
.navlinks{display:flex;gap:29px;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.navlinks a{opacity:.86}.navlinks a:hover{color:var(--gold2);opacity:1}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;border:1px solid var(--gold);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;transition:.2s}
.btn:hover{transform:translateY(-1px)}.btn.gold{background:var(--gold);color:#101010}.btn.ink{color:#171717;border-color:#bb9450}
.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.20em;color:var(--gold);font-weight:800;margin-bottom:14px}.goldtxt{color:var(--gold)}
h1,h2,h3{margin:0;line-height:.98;letter-spacing:-.045em}
.mobile-cta{display:none}

/* HERO */
.hero{height:650px;position:relative;overflow:hidden;background:#060606;isolation:isolate}
.hero-runners{position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(0,0,0,.99) 0%,rgba(0,0,0,.91) 34%,rgba(0,0,0,.48) 70%,rgba(0,0,0,.66) 100%),
 url('images/hero-runners.webp') center/cover no-repeat;z-index:-3;filter:saturate(.76)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:130px;background:linear-gradient(transparent,rgba(0,0,0,.8));z-index:-1}
.hero-grid{height:650px;display:grid;grid-template-columns:.78fr 1.22fr;gap:18px;align-items:center}
.hero-copy{position:relative;z-index:5;padding-left:8px}.hero h1{font-family:"Arial Narrow",Arial,sans-serif;font-size:96px;font-weight:900;line-height:.86;text-transform:uppercase;max-width:680px}
.hero .lead{font-size:17px;line-height:1.55;color:#ddd6cc;max-width:590px;margin:25px 0 28px}.actions{display:flex;gap:14px}
.proof{display:flex;gap:27px;flex-wrap:wrap;margin-top:30px;font-size:10px;font-weight:800;text-transform:uppercase;color:#ddd6cd}.proof span:before{content:"✦";color:var(--gold);margin-right:8px}
.hero-visual{height:610px;position:relative;align-self:end}
.hero-scene{position:absolute;width:1120px;max-width:none;right:-35px;top:76px;height:455px;object-fit:cover;object-position:right center;
 -webkit-mask-image:radial-gradient(ellipse 67% 68% at 58% 51%,#000 0 67%,rgba(0,0,0,.85) 72%,transparent 94%);
 mask-image:radial-gradient(ellipse 67% 68% at 58% 51%,#000 0 67%,rgba(0,0,0,.85) 72%,transparent 94%);
 filter:drop-shadow(0 32px 42px rgba(0,0,0,.58));
}

/* ABOUT */
.about{padding:62px 0 68px;background:var(--cream);color:var(--ink)}
.about-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;align-items:center}
.about h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:57px;line-height:.95;max-width:540px}
.about p{font-size:14px;color:#5d574f;line-height:1.65;max-width:520px;margin:20px 0 0}
.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.about-card{height:350px;position:relative;overflow:hidden;background:#111}
.about-card img{height:100%;object-fit:cover}.about-card:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(0,0,0,.96))}
.about-label{position:absolute;z-index:2;left:22px;right:20px;bottom:19px;color:white}.about-label b{display:block;text-transform:uppercase;font-size:15px}.about-label small{font-size:11px;color:#d4ccc1}

/* OFFER */
.offer{padding:58px 0 66px;background:#0b0b0b;border-block:1px solid rgba(201,155,75,.11)}
.offer h2{font-size:38px;margin-bottom:25px}.offer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.offer-card{height:315px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#161616}
.offer-card img{position:absolute;inset:0;height:100%;object-fit:cover;opacity:.58}.offer-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 18%,rgba(0,0,0,.96) 100%)}
.offer-content{position:absolute;z-index:2;left:18px;right:17px;bottom:16px}.offer-no{color:var(--gold);font-size:23px;font-weight:900}.offer-card h3{font-size:19px;text-transform:uppercase;margin-top:5px}.offer-card p{font-size:10.5px;color:#c9c1b7;line-height:1.45;margin:8px 0 0}.offer-more{font-size:9px;color:var(--gold);font-weight:800;text-transform:uppercase;margin-top:12px}

/* TRUST */
.trust{padding:50px 0 53px;background:var(--cream);color:var(--ink);border-bottom:1px solid #d9d1c5}
.trust-grid{display:grid;grid-template-columns:1.05fr repeat(5,1fr);gap:16px;align-items:center}.trust h2{font-size:27px;line-height:1.05}
.trust-item{text-align:center}.trust-icon{font-size:32px;color:var(--gold);margin-bottom:7px}.trust-item b{font-size:11px}.trust-item p{font-size:9.5px;color:#625c55;line-height:1.42;max-width:150px;margin:5px auto 0}

/* PORTFOLIO — exact order after trust, no process */
.portfolio{padding:60px 0 68px;background:var(--cream);color:var(--ink)}
.portfolio-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.portfolio-head h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:51px;line-height:.96}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:135px;gap:9px}
.gallery a{overflow:hidden}.gallery img{height:100%;object-fit:cover;transition:.3s}.gallery a:hover img{transform:scale(1.025)}
.gallery a:nth-child(1){grid-column:span 4;grid-row:span 3}.gallery a:nth-child(2){grid-column:span 4;grid-row:span 2}.gallery a:nth-child(3){grid-column:span 4;grid-row:span 3}
.gallery a:nth-child(4){grid-column:span 2;grid-row:span 2}.gallery a:nth-child(5){grid-column:span 2;grid-row:span 2}.gallery a:nth-child(6){grid-column:span 4;grid-row:span 2}.gallery a:nth-child(7){grid-column:span 4;grid-row:span 2}

/* EVENT */
.event{background:#090909;border-block:1px solid rgba(201,155,75,.12)}
.event-grid{display:grid;grid-template-columns:.78fr 1.5fr;min-height:320px}.event-copy{padding:46px 45px 45px 0;display:flex;flex-direction:column;justify-content:center}
.event-copy h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:42px;line-height:.97;max-width:390px}.event-copy p{font-size:11px;color:#aaa298;margin:14px 0 20px;max-width:350px}
.event-visual{overflow:hidden;position:relative}.event-visual img{height:100%;object-fit:cover}.event-visual:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#090909 0%,transparent 16%)}

/* AUDIENCE */
.audience{padding:44px 0 46px;background:var(--cream);color:var(--ink)}
.audience-grid{display:grid;grid-template-columns:1.23fr repeat(5,1fr);gap:15px;align-items:center}.audience h2{font-size:27px;line-height:1.05}
.audience-item{text-align:center}.audience-item div{font-size:25px;color:var(--gold);margin-bottom:5px}.audience-item b{font-size:9.5px;text-transform:uppercase}

/* CONTACT */
.contact{padding:54px 0 50px;background:radial-gradient(circle at 90% 70%,rgba(201,155,75,.12),transparent 28%),#080808}
.contact-grid{display:grid;grid-template-columns:.72fr 1.5fr;gap:55px}.contact h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:49px;line-height:.96}
.contact p{font-size:11px;color:#aaa298;margin:14px 0 0;max-width:330px}.details{font-size:11px;line-height:1.9;color:#d4cdc3;margin-top:17px}
.form{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.form input,.form select,.form textarea{background:#0f0f0f;border:1px solid #34302b;color:#eee7dd;padding:12px;font-size:10.5px}
.form textarea{grid-column:1/-1;min-height:96px}.privacy{grid-column:1/3;font-size:9px;color:#918a81;display:flex;align-items:flex-start;gap:6px}.privacy input{width:auto}.form button{grid-column:3}
.footer{padding:37px 0 24px;background:#050505;border-top:1px solid rgba(201,155,75,.14);color:#9e978e}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:28px}.footer .brand{width:220px}
.footer h4{font-size:9px;text-transform:uppercase;color:var(--gold)}.footer p,.footer a{font-size:9.5px;line-height:1.75}.copy{font-size:8.5px;margin-top:19px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05)}

@media(max-width:1100px){
 .navlinks{display:none}.hero-grid{grid-template-columns:1fr}.hero-visual{position:absolute;right:0;bottom:0;width:60%;height:540px;opacity:.82}.hero-scene{right:-180px}
 .offer-grid{grid-template-columns:repeat(3,1fr)}.trust-grid{grid-template-columns:repeat(3,1fr)}.trust h2{grid-column:1/-1}
 .event-grid{grid-template-columns:1fr}.event-copy{padding-right:0}.event-visual{height:280px}.audience-grid{grid-template-columns:repeat(3,1fr)}.audience h2{grid-column:1/-1}.contact-grid{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
 .container{width:min(var(--max),calc(100% - 28px))}.header{height:66px}.brand{width:190px}.header>.container>.btn{display:none}
 .hero{height:760px}.hero-grid{height:760px}.hero h1{font-size:54px}.hero .lead{font-size:14px}.hero-copy{align-self:start;padding-top:55px}.hero-visual{width:100%;height:350px;opacity:.95}.hero-scene{width:720px;right:-220px;top:0;height:320px}
 .about-grid{grid-template-columns:1fr;gap:30px}.about h2{font-size:44px}.about-cards{grid-template-columns:1fr}.about-card{height:300px}
 .offer-grid{grid-template-columns:1fr 1fr}.offer-card{height:270px}.trust-grid{grid-template-columns:1fr 1fr}
 .portfolio-head{display:block}.portfolio-head .btn{margin-top:16px}.gallery{grid-template-columns:1fr 1fr;grid-auto-rows:210px}.gallery a{grid-column:auto!important;grid-row:auto!important}
 .audience-grid{grid-template-columns:1fr 1fr}.audience h2{grid-column:1/-1}.form{grid-template-columns:1fr}.form textarea,.privacy,.form button{grid-column:1}.footer-grid{grid-template-columns:1fr 1fr}
 .mobile-cta{display:block;position:fixed;left:10px;right:10px;bottom:10px;z-index:120}.mobile-cta .btn{width:100%;background:var(--gold);color:#111}body{padding-bottom:64px}
}


/* NOVATORIA HOME v7.2 — final refinement */

/* W zaakceptowanej makiecie nawigacja pozostaje tylko na górze.
   Usuwa to również efekt powielonego menu w pełnych screenshotach. */
.header{
  position:relative !important;
  top:auto !important;
}

/* HERO — odrobinę większa skala i lepsze wykorzystanie prawej strony */
.hero-scene{
  width:1160px !important;
  right:-18px !important;
  top:66px !important;
}
.hero h1{
  font-size:100px !important;
}
.hero .lead{
  font-size:17.5px !important;
}

/* Oferta — tekst nie może ginąć przy dużych zdjęciach */
.offer{
  padding-top:64px !important;
  padding-bottom:72px !important;
}
.offer h2{
  font-size:41px !important;
}
.offer-card{
  height:330px !important;
}
.offer-card h3{
  font-size:19.5px !important;
}
.offer-card p{
  font-size:11.25px !important;
  line-height:1.48 !important;
}
.offer-more{
  font-size:9.5px !important;
}

/* Najsłabsza wizualnie część poprzedniej wersji — zwiększona czytelność */
.trust{
  padding:62px 0 66px !important;
}
.trust-grid{
  grid-template-columns:1.25fr repeat(5,1fr) !important;
  gap:27px !important;
}
.trust h2{
  font-size:30px !important;
  line-height:1.04 !important;
}
.trust-icon{
  font-size:38px !important;
  margin-bottom:10px !important;
}
.trust-item b{
  font-size:12.5px !important;
}
.trust-item p{
  font-size:10.5px !important;
  line-height:1.48 !important;
  max-width:165px !important;
}

/* Realizacje — delikatnie więcej oddechu jak w makiecie */
.portfolio{
  padding-top:68px !important;
  padding-bottom:76px !important;
}
.portfolio-head h2{
  font-size:53px !important;
}
.gallery{
  gap:10px !important;
}

/* Event Content — większy i bardziej czytelny */
.event-grid{
  min-height:345px !important;
}
.event-copy h2{
  font-size:44px !important;
}
.event-copy p{
  font-size:12px !important;
  line-height:1.55 !important;
}
.event-visual img{
  object-position:center center !important;
}

/* Dla kogo */
.audience{
  padding-top:51px !important;
  padding-bottom:53px !important;
}
.audience h2{
  font-size:29px !important;
}
.audience-item b{
  font-size:10px !important;
}

/* Formularz i stopka były za drobne */
.contact{
  padding-top:62px !important;
  padding-bottom:58px !important;
}
.contact h2{
  font-size:52px !important;
}
.contact p,
.details{
  font-size:11.5px !important;
}
.form input,
.form select,
.form textarea{
  font-size:11.5px !important;
  padding:13px !important;
}
.form textarea{
  min-height:108px !important;
}
.privacy{
  font-size:9.5px !important;
}
.footer{
  padding-top:43px !important;
  padding-bottom:29px !important;
}
.footer h4{
  font-size:9.5px !important;
}
.footer p,
.footer a{
  font-size:10px !important;
}

/* Desktop 1200–1500 px: zachowujemy skalę zamiast gwałtownie ją zmniejszać */
@media (max-width:1450px) and (min-width:1101px){
  .hero h1{font-size:88px !important;}
  .hero-scene{width:1040px !important;right:-55px !important;}
  .offer-card{height:315px !important;}
}

/* Nie naruszamy istniejącego mobile layoutu */
@media(max-width:1100px){
  .hero h1{font-size:76px !important;}
}
@media(max-width:700px){
  .hero h1{font-size:54px !important;}
  .trust-grid{grid-template-columns:1fr 1fr !important;}
}


/* ============================================================
   NOVATORIA STUDIO — HOME v7.3 FINAL POLISH
   No structural redesign. Scale, rhythm, readability and polish.
   ============================================================ */

/* Header: a little stronger without getting taller/heavier */
.header{
  height:80px !important;
}
.brand{
  width:265px !important;
}
.word{
  font-size:28px !important;
}
.navlinks{
  font-size:11.5px !important;
  gap:30px !important;
}
.header .btn{
  padding:15px 25px !important;
  font-size:11.3px !important;
}

/* HERO: slightly more dominant product and headline */
.hero{
  height:675px !important;
}
.hero-grid{
  height:675px !important;
}
.hero h1{
  font-size:104px !important;
  line-height:.855 !important;
}
.hero .lead{
  font-size:18px !important;
  max-width:610px !important;
  margin-top:27px !important;
}
.hero-scene{
  width:1215px !important;
  right:-24px !important;
  top:54px !important;
  height:475px !important;
}
.proof{
  font-size:10.3px !important;
  gap:29px !important;
}

/* About: reduce dead space and let photography breathe */
.about{
  padding-top:58px !important;
  padding-bottom:62px !important;
}
.about-grid{
  grid-template-columns:.69fr 1.31fr !important;
  gap:48px !important;
}
.about h2{
  font-size:59px !important;
}
.about-cards{
  gap:12px !important;
}
.about-card{
  height:362px !important;
}

/* Offer: text and visual weight were still slightly too small */
.offer{
  padding-top:66px !important;
  padding-bottom:74px !important;
}
.offer h2{
  font-size:43px !important;
  margin-bottom:28px !important;
}
.offer-card{
  height:340px !important;
}
.offer-content{
  left:19px !important;
  right:18px !important;
  bottom:18px !important;
}
.offer-no{
  font-size:25px !important;
}
.offer-card h3{
  font-size:20.5px !important;
}
.offer-card p{
  font-size:11.7px !important;
  line-height:1.5 !important;
}
.offer-more{
  font-size:9.8px !important;
}

/* Trust: make it readable at normal viewing distance */
.trust{
  padding-top:66px !important;
  padding-bottom:70px !important;
}
.trust-grid{
  grid-template-columns:1.22fr repeat(5,1fr) !important;
  gap:30px !important;
}
.trust h2{
  font-size:32px !important;
}
.trust-icon{
  font-size:41px !important;
  margin-bottom:11px !important;
}
.trust-item b{
  font-size:13px !important;
}
.trust-item p{
  font-size:11px !important;
  line-height:1.48 !important;
  max-width:175px !important;
}

/* Portfolio: already strong — only finer spacing */
.portfolio{
  padding-top:72px !important;
  padding-bottom:80px !important;
}
.portfolio-head{
  margin-bottom:27px !important;
}
.portfolio-head h2{
  font-size:55px !important;
}
.gallery{
  gap:10px !important;
}

/* Event Content: stronger band and full visibility of all four formats */
.event-grid{
  grid-template-columns:.64fr 1.76fr !important;
  min-height:318px !important;
}
.event-copy{
  padding:48px 42px 46px 0 !important;
}
.event-copy h2{
  font-size:45px !important;
}
.event-copy p{
  font-size:12.3px !important;
  line-height:1.58 !important;
  max-width:365px !important;
}
.event-visual{
  min-width:0 !important;
}
.event-visual img{
  width:100% !important;
  height:100% !important;
  object-fit:fill !important;
  object-position:center !important;
}
.event-visual:before{
  background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.70) 5%,transparent 16%) !important;
}

/* Audience: larger icons and labels */
.audience{
  padding-top:55px !important;
  padding-bottom:58px !important;
}
.audience-grid{
  grid-template-columns:1.25fr repeat(5,1fr) !important;
  gap:22px !important;
}
.audience h2{
  font-size:30.5px !important;
}
.audience-item div{
  font-size:30px !important;
  margin-bottom:8px !important;
}
.audience-item b{
  font-size:10.8px !important;
  line-height:1.35 !important;
}

/* Contact: premium rather than technical */
.contact{
  padding-top:68px !important;
  padding-bottom:64px !important;
}
.contact-grid{
  grid-template-columns:.76fr 1.46fr !important;
  gap:64px !important;
}
.contact h2{
  font-size:55px !important;
}
.contact p,
.details{
  font-size:12.2px !important;
}
.form{
  gap:11px !important;
}
.form input,
.form select,
.form textarea{
  min-height:45px !important;
  padding:14px 14px !important;
  font-size:12.2px !important;
}
.form textarea{
  min-height:120px !important;
}
.privacy{
  font-size:10px !important;
}
.form button{
  min-height:45px !important;
  font-size:11.5px !important;
}

/* Footer: currently too fine at desktop scale */
.footer{
  padding-top:49px !important;
  padding-bottom:34px !important;
}
.footer .brand{
  width:235px !important;
}
.footer-grid{
  gap:34px !important;
}
.footer h4{
  font-size:10.5px !important;
}
.footer p,
.footer a{
  font-size:11px !important;
  line-height:1.8 !important;
}
.copy{
  font-size:9.5px !important;
}

/* Typical desktop / laptop range */
@media (max-width:1450px) and (min-width:1101px){
  .brand{width:235px !important;}
  .navlinks{font-size:10.8px !important;gap:23px !important;}
  .hero h1{font-size:94px !important;}
  .hero-scene{width:1100px !important;right:-45px !important;top:58px !important;}
  .offer-card{height:325px !important;}
  .offer-card h3{font-size:19px !important;}
  .offer-card p{font-size:10.9px !important;}
  .trust h2{font-size:29px !important;}
  .trust-item p{font-size:10.3px !important;}
}

/* Preserve responsive behavior */
@media(max-width:1100px){
  .header{height:72px !important;}
  .brand{width:210px !important;}
  .hero h1{font-size:76px !important;}
  .hero-scene{width:1000px !important;}
  .event-grid{grid-template-columns:1fr !important;}
  .event-visual{height:300px !important;}
  .event-visual img{object-fit:cover !important;}
}
@media(max-width:700px){
  .brand{width:185px !important;}
  .hero{height:760px !important;}
  .hero-grid{height:760px !important;}
  .hero h1{font-size:54px !important;}
  .hero-scene{width:720px !important;height:320px !important;}
  .trust-grid{grid-template-columns:1fr 1fr !important;}
  .audience-grid{grid-template-columns:1fr 1fr !important;}
  .form{grid-template-columns:1fr !important;}
}


/* NOVATORIA — hero Judo image override */
.hero-scene{
  width:1180px !important;
  right:-18px !important;
  top:46px !important;
  height:500px !important;
  object-fit:cover !important;
  object-position:center center !important;
  -webkit-mask-image:radial-gradient(ellipse 72% 72% at 58% 50%,#000 0 68%,rgba(0,0,0,.86) 76%,transparent 96%) !important;
  mask-image:radial-gradient(ellipse 72% 72% at 58% 50%,#000 0 68%,rgba(0,0,0,.86) 76%,transparent 96%) !important;
}
@media(max-width:1450px) and (min-width:1101px){
  .hero-scene{
    width:1080px !important;
    right:-44px !important;
    top:52px !important;
  }
}
@media(max-width:1100px){
  .hero-scene{
    width:980px !important;
    right:-155px !important;
    top:30px !important;
  }
}
@media(max-width:700px){
  .hero-scene{
    width:700px !important;
    right:-205px !important;
    top:0 !important;
    height:330px !important;
  }
}



/* =========================================================
   NOVATORIA — HERO BIG MEDALS v7.8
   Cel:
   - zachować miękkie wtopienie zdjęcia w czarne tło,
   - ale wyraźnie powiększyć medale,
   - tak aby zajmowały praktycznie całą wysokość hero.
   ========================================================= */

.hero{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 78% 35%, rgba(201,155,75,.07), transparent 30%),
    #050505 !important;
}

.hero-runners{
  opacity:.28 !important;
  filter:saturate(.52) brightness(.68) !important;
}

.hero-visual{
  height:100% !important;
  overflow:visible !important;
  isolation:isolate !important;
}

/* Kluczowa zmiana:
   zamiast średniego obrazka ustawiamy go prawie na pełną wysokość hero.
   Dzięki temu same medale są dużo większe i bardziej dominujące. */
.hero-scene{
  position:absolute !important;
  right:-10px !important;
  top:12px !important;
  bottom:10px !important;
  width:auto !important;
  height:calc(100% - 22px) !important;
  max-width:none !important;

  object-fit:cover !important;
  object-position:center center !important;

  filter:
    contrast(1.03)
    saturate(.95)
    brightness(.97)
    drop-shadow(0 34px 48px rgba(0,0,0,.46)) !important;

  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(0,0,0,.10) 4%,
      rgba(0,0,0,.48) 10%,
      #000 18%,
      #000 95%,
      rgba(0,0,0,.74) 98%,
      transparent 100%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,.88) 0%,
      #000 7%,
      #000 82%,
      rgba(0,0,0,.78) 90%,
      rgba(0,0,0,.32) 96%,
      transparent 100%
    ) !important;

  -webkit-mask-composite: source-in !important;

  mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(0,0,0,.10) 4%,
      rgba(0,0,0,.48) 10%,
      #000 18%,
      #000 95%,
      rgba(0,0,0,.74) 98%,
      transparent 100%
    ) !important;
}

/* Delikatna czarna mgła po lewej i przy dole,
   żeby przejście nadal było miękkie mimo większego kadru. */
.hero-visual::before{
  content:"" !important;
  position:absolute !important;
  z-index:3 !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(
      90deg,
      #050505 0%,
      rgba(5,5,5,.96) 7%,
      rgba(5,5,5,.73) 15%,
      rgba(5,5,5,.26) 27%,
      transparent 42%
    ),
    linear-gradient(
      180deg,
      transparent 60%,
      rgba(5,5,5,.16) 74%,
      rgba(5,5,5,.58) 90%,
      #050505 100%
    ) !important;
}

.hero-copy{
  z-index:6 !important;
}

/* Laptopy */
@media(max-width:1450px) and (min-width:1101px){
  .hero-scene{
    right:-42px !important;
    top:14px !important;
    bottom:14px !important;
    height:calc(100% - 28px) !important;
  }
}

/* Tablet */
@media(max-width:1100px){
  .hero-visual{
    opacity:.92 !important;
  }
  .hero-scene{
    right:-150px !important;
    top:24px !important;
    bottom:16px !important;
    height:calc(100% - 40px) !important;
  }
  .hero-visual::before{
    background:
      linear-gradient(90deg,#050505 0%,rgba(5,5,5,.80) 12%,transparent 40%),
      linear-gradient(180deg,transparent 58%,rgba(5,5,5,.78) 100%) !important;
  }
}

/* Mobile */
@media(max-width:700px){
  .hero-scene{
    right:-210px !important;
    top:10px !important;
    bottom:8px !important;
    height:calc(100% - 18px) !important;
  }
  .hero-visual::before{
    background:
      linear-gradient(90deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.48) 18%,transparent 48%),
      linear-gradient(180deg,transparent 56%,rgba(5,5,5,.82) 100%) !important;
  }
}



/* NOVATORIA — Event Content v7.5
   Four modular cards instead of one stretched image strip. */

.event-v75{
  background:#090909 !important;
  padding:0 !important;
  border-top:1px solid rgba(201,155,75,.15) !important;
  border-bottom:1px solid rgba(201,155,75,.15) !important;
}

.event-v75-grid{
  display:grid !important;
  grid-template-columns:.72fr 1.55fr !important;
  align-items:stretch !important;
  min-height:390px !important;
}

.event-v75-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:56px 52px 56px 0 !important;
}

.event-v75-copy h2{
  font-family:"Arial Narrow",Arial,sans-serif !important;
  font-size:45px !important;
  line-height:.98 !important;
  letter-spacing:-.04em !important;
  max-width:430px !important;
  margin:0 !important;
}

.event-v75-copy p{
  color:#bbb3a9 !important;
  font-size:12.4px !important;
  line-height:1.58 !important;
  max-width:380px !important;
  margin:18px 0 24px !important;
}

.event-v75-copy .btn{
  width:205px !important;
  border-color:#c99b4b !important;
}

.event-v75-cards{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  min-width:0 !important;
  border-left:1px solid rgba(201,155,75,.15) !important;
}

.event-v75-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:390px !important;
  border-right:1px solid rgba(201,155,75,.22) !important;
  background:#111 !important;
}

.event-v75-card:last-child{
  border-right:0 !important;
}

.event-v75-card img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  filter:brightness(.90) contrast(1.08) saturate(.95) !important;
  transition:transform .35s ease, filter .35s ease !important;
}

.event-v75-overlay{
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.10) 48%,rgba(0,0,0,.78) 100%),
    radial-gradient(circle at 50% 40%,transparent 0 35%,rgba(0,0,0,.15) 100%) !important;
  z-index:2 !important;
}

.event-v75-card:hover img{
  transform:scale(1.035) !important;
  filter:brightness(1.02) contrast(1.09) saturate(1.00) !important;
}

.event-v75-icon{
  position:absolute !important;
  z-index:3 !important;
  left:24px !important;
  bottom:58px !important;
  width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(201,155,75,.78) !important;
  color:#f4eee5 !important;
  font-size:21px !important;
  background:rgba(5,5,5,.28) !important;
  backdrop-filter:blur(4px) !important;
}

.event-v75-label{
  position:absolute !important;
  z-index:3 !important;
  left:24px !important;
  bottom:20px !important;
  font-size:14px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:.035em !important;
  color:#fff !important;
}

.event-v75-label span{
  color:#c99b4b !important;
  font-size:11px !important;
}

/* laptop */
@media(max-width:1450px) and (min-width:1101px){
  .event-v75-grid{
    grid-template-columns:.76fr 1.48fr !important;
    min-height:360px !important;
  }
  .event-v75-card{
    min-height:360px !important;
  }
  .event-v75-copy h2{
    font-size:41px !important;
  }
  .event-v75-copy{
    padding-right:38px !important;
  }
}

/* tablet */
@media(max-width:1100px){
  .event-v75-grid{
    grid-template-columns:1fr !important;
  }
  .event-v75-copy{
    padding:48px 0 36px !important;
  }
  .event-v75-cards{
    border-left:0 !important;
    border-top:1px solid rgba(201,155,75,.15) !important;
  }
  .event-v75-card{
    min-height:330px !important;
  }
}

/* phone */
@media(max-width:700px){
  .event-v75-cards{
    grid-template-columns:1fr 1fr !important;
  }
  .event-v75-card{
    min-height:270px !important;
  }
  .event-v75-copy h2{
    font-size:37px !important;
  }
}



/* NOVATORIA — REALIZACJE W RUCHU v1.0 */
.video-realisations{
  background:#0a0a0a;
  color:#f5f1e9;
  padding:78px 0 84px;
  border-top:1px solid rgba(201,155,75,.14);
  border-bottom:1px solid rgba(201,155,75,.14);
}
.vr-head{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:70px;
  align-items:end;
  margin-bottom:34px;
}
.vr-head h2{
  margin:0;
  font-family:"Arial Narrow",Arial,sans-serif;
  font-size:54px;
  line-height:.96;
  letter-spacing:-.045em;
}
.vr-intro{
  padding-bottom:4px;
  max-width:460px;
  justify-self:end;
}
.vr-intro p{
  margin:0 0 18px;
  color:#b9b1a7;
  font-size:13px;
  line-height:1.62;
}
.vr-text-link{
  color:#c99b4b;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.vr-grid{
  display:grid;
  grid-template-columns:2.1fr repeat(3,1fr);
  gap:10px;
  height:510px;
}
.vr-card{
  all:unset;
  display:block;
  position:relative;
  overflow:hidden;
  cursor:pointer;
  background:#131313;
  border:1px solid rgba(201,155,75,.20);
  min-width:0;
  box-sizing:border-box;
}
.vr-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease, filter .45s ease;
  filter:brightness(.80) contrast(1.08) saturate(.92);
}
.vr-feature img{object-position:center center;}
.vr-vertical img{object-position:center center;}
.vr-card:hover img{
  transform:scale(1.035);
  filter:brightness(.94) contrast(1.08) saturate(.98);
}
.vr-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.03) 28%,rgba(0,0,0,.18) 56%,rgba(0,0,0,.92) 100%),
    radial-gradient(circle at 50% 35%,transparent 0 35%,rgba(0,0,0,.15) 100%);
}
.vr-play{
  position:absolute;
  left:24px;
  top:24px;
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border:1px solid rgba(201,155,75,.82);
  background:rgba(5,5,5,.38);
  backdrop-filter:blur(5px);
  color:#fff;
  font-size:16px;
  padding-left:2px;
  transition:.25s;
}
.vr-feature .vr-play{
  width:64px;
  height:64px;
  left:28px;
  top:28px;
}
.vr-card:hover .vr-play{
  background:#c99b4b;
  color:#111;
}
.vr-meta{
  position:absolute;
  left:24px;
  right:22px;
  bottom:22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
}
.vr-meta small{
  color:#c99b4b;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-bottom:7px;
}
.vr-meta strong{
  color:#fff;
  font-family:"Arial Narrow",Arial,sans-serif;
  font-size:24px;
  line-height:1.02;
  letter-spacing:-.025em;
}
.vr-feature .vr-meta strong{font-size:35px;}
.vr-meta em{
  font-style:normal;
  color:#ddd4c8;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-top:12px;
}

/* modal */
.vr-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none;
  align-items:center;
  justify-content:center;
  padding:40px;
  background:rgba(0,0,0,.91);
  backdrop-filter:blur(10px);
}
.vr-modal.is-open{display:flex;}
.vr-modal-inner{
  width:min(1120px,94vw);
  max-height:90vh;
  position:relative;
}
.vr-modal-title{
  color:#c99b4b;
  font-size:11px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.vr-player{
  display:block;
  width:100%;
  max-height:82vh;
  background:#000;
  outline:1px solid rgba(201,155,75,.30);
}
.vr-close{
  position:absolute;
  z-index:2;
  right:26px;
  top:20px;
  width:48px;
  height:48px;
  border:1px solid rgba(201,155,75,.7);
  background:#0b0b0b;
  color:#fff;
  font-size:30px;
  cursor:pointer;
}
.vr-missing{
  border:1px solid rgba(201,155,75,.35);
  background:#101010;
  padding:40px;
  color:#ddd4ca;
}
.vr-missing strong{display:block;color:#fff;font-size:21px;margin-bottom:7px;}
.vr-missing span{font-size:12px;color:#aaa298;}
.vr-missing code{color:#c99b4b;}

@media(max-width:1250px){
  .vr-grid{grid-template-columns:1.8fr repeat(3,1fr);height:460px;}
  .vr-meta strong{font-size:20px;}
  .vr-feature .vr-meta strong{font-size:30px;}
}
@media(max-width:1000px){
  .vr-head{grid-template-columns:1fr;gap:20px;}
  .vr-intro{justify-self:start;max-width:560px;}
  .vr-grid{grid-template-columns:1fr 1fr;height:auto;}
  .vr-card{height:430px;}
  .vr-feature{grid-column:1/-1;height:470px;}
}
@media(max-width:700px){
  .video-realisations{padding:60px 0 65px;}
  .vr-head h2{font-size:43px;}
  .vr-grid{
    display:flex;
    overflow-x:auto;
    gap:10px;
    scroll-snap-type:x mandatory;
    padding-bottom:6px;
  }
  .vr-card,.vr-feature{
    flex:0 0 78vw;
    height:480px;
    scroll-snap-align:start;
  }
  .vr-feature{flex-basis:88vw;}
  .vr-feature img{object-fit:cover;}
  .vr-feature .vr-meta strong{font-size:29px;}
  .vr-modal{padding:18px;}
  .vr-close{right:10px;top:10px;}
}


/* =========================================================
   NOVATORIA — O NAS MOBILE v8.4
   Fix mobile layout only. Desktop remains unchanged.
   ========================================================= */

@media (max-width:700px){
  .about{
    padding-top:48px !important;
    padding-bottom:56px !important;
  }

  .about .container.about-grid,
  .about-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:32px !important;
    align-items:start !important;
  }

  .about .kicker{
    margin-bottom:12px !important;
  }

  .about h2{
    max-width:100% !important;
    margin:0 !important;
    font-size:41px !important;
    line-height:.96 !important;
    letter-spacing:-.045em !important;
  }

  .about p{
    max-width:100% !important;
    margin-top:18px !important;
    font-size:14px !important;
    line-height:1.58 !important;
  }

  .about p[style]{
    margin-top:22px !important;
  }

  .about .btn.ink{
    min-height:46px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 20px !important;
  }

  .about-cards{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    width:100% !important;
    margin-top:0 !important;
  }

  .about-card{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4 / 3 !important;
    position:relative !important;
    overflow:hidden !important;
  }

  .about-card img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .about-card:after{
    height:48% !important;
    background:linear-gradient(transparent,rgba(0,0,0,.92)) !important;
  }

  .about-label{
    left:18px !important;
    right:18px !important;
    bottom:17px !important;
  }

  .about-label b{
    font-size:15px !important;
    line-height:1.1 !important;
  }

  .about-label small{
    display:block !important;
    margin-top:5px !important;
    font-size:11px !important;
    line-height:1.35 !important;
  }
}

/* Very narrow phones */
@media (max-width:390px){
  .about h2{
    font-size:37px !important;
  }
  .about-card{
    aspect-ratio:1 / 1 !important;
  }
}



/* NOVATORIA — Kompleksowa oprawa v8.5 */
.offer-v85{
  background:#090909 !important;
  color:#f5f1e9 !important;
  padding:78px 0 86px !important;
  overflow:hidden;
}
.offer-v85-head{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:72px;
  align-items:end;
  margin-bottom:36px;
}
.offer-v85-head h2{
  margin:0;
  font-family:"Arial Narrow",Arial,sans-serif;
  font-size:54px;
  line-height:.98;
  letter-spacing:-.045em;
}
.offer-v85-intro{
  max-width:500px;
  justify-self:end;
  padding-bottom:4px;
}
.offer-v85-intro p{
  margin:0 0 18px;
  color:#aaa39b;
  font-size:13px;
  line-height:1.64;
}
.offer-v85-link{
  color:#c99b4b;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.offer-v85-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.offer-v85-card{
  display:block;
  background:#101010;
  border:1px solid rgba(201,155,75,.16);
  min-width:0;
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.offer-v85-card:hover{
  transform:translateY(-4px);
  border-color:rgba(201,155,75,.52);
  background:#131313;
}
.offer-v85-media{
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#161616;
}
.offer-v85-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.55) 100%);
}
.offer-v85-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:brightness(.80) saturate(.82) contrast(1.06);
  transition:transform .4s ease,filter .4s ease;
}
.offer-v85-card:hover .offer-v85-media img{
  transform:scale(1.035);
  filter:brightness(.93) saturate(.92) contrast(1.06);
}
.offer-v85-num{
  position:absolute;
  z-index:2;
  left:17px;
  bottom:14px;
  color:#c99b4b;
  font-family:"Arial Narrow",Arial,sans-serif;
  font-size:26px;
  line-height:1;
  font-weight:800;
}
.offer-v85-body{
  min-height:164px;
  padding:19px 18px 20px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.offer-v85-body h3{
  margin:0 0 9px;
  color:#fff;
  font-family:"Arial Narrow",Arial,sans-serif;
  font-size:23px;
  line-height:1;
}
.offer-v85-body p{
  margin:0;
  color:#99928a;
  font-size:11px;
  line-height:1.52;
  max-width:95%;
}
.offer-v85-body > span{
  margin-top:auto;
  padding-top:18px;
  color:#c99b4b;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.10em;
}
.offer-v85-card--gold{
  border-color:rgba(201,155,75,.42);
}
.offer-v85-card--gold .offer-v85-body{
  background:linear-gradient(135deg,rgba(201,155,75,.08),transparent 58%);
}
@media(max-width:1100px){
  .offer-v85-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .offer-v85-head{gap:36px;}
}
@media(max-width:700px){
  .offer-v85{padding:58px 0 64px !important;}
  .offer-v85-head{
    grid-template-columns:1fr;
    gap:20px;
    margin-bottom:28px;
  }
  .offer-v85-head h2{
    font-size:42px;
    line-height:.98;
  }
  .offer-v85-intro{
    justify-self:start;
    max-width:100%;
  }
  .offer-v85-intro p{
    font-size:13px;
    line-height:1.58;
  }
  .offer-v85-grid{
    display:flex;
    overflow-x:auto;
    gap:10px;
    scroll-snap-type:x mandatory;
    padding-bottom:8px;
  }
  .offer-v85-card{
    flex:0 0 82vw;
    scroll-snap-align:start;
  }
  .offer-v85-body{min-height:170px;}
}


/* =========================================================
   NOVATORIA — KONTAKT MOBILE v8.6
   Mobile-only redesign; desktop layout stays intact.
   ========================================================= */

/* New details markup: neutral on desktop */
.details-v86{
  display:grid;
  gap:7px;
}
.detail-row{
  color:inherit;
  text-decoration:none;
}
.detail-row small{
  display:none;
}

@media(max-width:720px){
  .contact{
    padding:58px 0 68px !important;
    background:
      radial-gradient(circle at 80% 12%,rgba(201,155,75,.10),transparent 28%),
      #080808 !important;
  }

  .contact-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:38px !important;
  }

  .contact .kicker{
    margin-bottom:12px !important;
  }

  .contact h2{
    margin:0 !important;
    font-size:43px !important;
    line-height:.97 !important;
    letter-spacing:-.045em !important;
  }

  .contact h2 + p{
    max-width:330px !important;
    margin:17px 0 0 !important;
    color:#aaa39a !important;
    font-size:13px !important;
    line-height:1.58 !important;
  }

  /* Contact data becomes a compact 2 x 2 set of cards */
  .details-v86{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-top:24px !important;
    font-size:inherit !important;
    line-height:normal !important;
  }

  .detail-row{
    min-height:82px !important;
    display:flex !important;
    align-items:flex-start !important;
    gap:11px !important;
    padding:14px 13px !important;
    border:1px solid rgba(201,155,75,.18) !important;
    background:#0d0d0d !important;
  }

  .detail-icon{
    flex:0 0 25px !important;
    width:25px !important;
    height:25px !important;
    display:grid !important;
    place-items:center !important;
    color:#c99b4b !important;
    font-size:14px !important;
  }

  .detail-row > span:last-child{
    min-width:0 !important;
  }

  .detail-row small{
    display:block !important;
    margin-bottom:5px !important;
    color:#777067 !important;
    font-size:8px !important;
    line-height:1 !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    letter-spacing:.10em !important;
  }

  .detail-row b{
    display:block !important;
    color:#eee8df !important;
    font-size:11px !important;
    line-height:1.35 !important;
    font-weight:600 !important;
    overflow-wrap:anywhere !important;
  }

  /* Form becomes a clear mobile form */
  .form{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    width:100% !important;
  }

  .form input,
  .form select,
  .form textarea{
    width:100% !important;
    min-width:0 !important;
    min-height:52px !important;
    box-sizing:border-box !important;
    padding:0 15px !important;
    border:1px solid #37322d !important;
    border-radius:0 !important;
    background:#0e0e0e !important;
    color:#f0e9df !important;
    font-size:13px !important;
    line-height:1.3 !important;
    appearance:none;
  }

  .form input::placeholder,
  .form textarea::placeholder{
    color:#7e776e !important;
    opacity:1 !important;
  }

  .form input[type="date"]{
    color-scheme:dark !important;
  }

  .form input[type="file"]{
    min-height:58px !important;
    padding:15px !important;
    color:#a49d94 !important;
    font-size:11px !important;
  }

  .form textarea{
    grid-column:1 !important;
    min-height:145px !important;
    padding:15px !important;
    resize:vertical !important;
  }

  .privacy{
    grid-column:1 !important;
    display:grid !important;
    grid-template-columns:20px 1fr !important;
    gap:9px !important;
    align-items:start !important;
    margin:4px 0 2px !important;
    color:#969087 !important;
    font-size:10px !important;
    line-height:1.45 !important;
  }

  .privacy input{
    width:18px !important;
    height:18px !important;
    min-height:18px !important;
    margin:0 !important;
    padding:0 !important;
    accent-color:#c99b4b !important;
  }

  .form button.btn.gold{
    grid-column:1 !important;
    width:100% !important;
    min-height:54px !important;
    margin-top:2px !important;
    padding:0 20px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:.08em !important;
  }

  .form input:focus,
  .form select:focus,
  .form textarea:focus{
    outline:none !important;
    border-color:#c99b4b !important;
    box-shadow:0 0 0 1px rgba(201,155,75,.10) !important;
  }
}

@media(max-width:390px){
  .contact h2{
    font-size:39px !important;
  }

  .details-v86{
    grid-template-columns:1fr !important;
  }

  .detail-row{
    min-height:70px !important;
  }
}



/* =========================================================
   NOVATORIA — CO TWORZYMY? HOVER PREVIEW v9.0
   CLEAN PHOTO ONLY
   ========================================================= */

@media (hover:hover) and (pointer:fine) and (min-width:901px){

  .offer-preview-v90{
    position:fixed;
    z-index:1001;
    left:50%;
    top:50%;
    width:min(780px,58vw);
    aspect-ratio:4/3;
    transform:translate(-50%,-48%) scale(.96);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    background:#0b0b0b;
    border:1px solid rgba(201,155,75,.34);
    box-shadow:0 34px 90px rgba(0,0,0,.68);
    overflow:hidden;
    transition:
      opacity .18s ease,
      transform .24s cubic-bezier(.2,.72,.2,1),
      visibility .18s ease;
  }

  .offer-preview-v90.is-visible{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,-50%) scale(1);
  }

  .offer-preview-v90 img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }

  .offer-preview-v90-backdrop{
    position:fixed;
    z-index:1000;
    inset:0;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    background:rgba(0,0,0,.60);
    backdrop-filter:blur(2px);
    transition:opacity .18s ease, visibility .18s ease;
  }

  .offer-preview-v90-backdrop.is-visible{
    opacity:1;
    visibility:visible;
  }

  /* IMPORTANT:
     hovered tile never moves above preview/backdrop */
  .offer-v85-card.is-previewed{
    z-index:auto !important;
    position:relative !important;
    border-color:rgba(201,155,75,.40) !important;
  }

  .offer-v85-card:hover .offer-v85-media img{
    transform:none !important;
  }
}

@media (max-width:900px), (hover:none){
  .offer-preview-v90,
  .offer-preview-v90-backdrop{
    display:none !important;
  }
}



/* NOVATORIA — logo alignment v9.2
   NOVATORIA + STUDIO centered on one axis */

.brand{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
}

.brand .word,
.brand .studio{
  width:100% !important;
  text-align:center !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.brand .studio{
  align-self:center !important;
  transform:none !important;
}


/* NOVATORIA — Realizacje v10.1: jeden rząd pionowych kafli */

.portfolio-v101{
  padding:82px 0 88px !important;
  overflow:hidden !important;
}

.portfolio-v101 .container{
  width:min(var(--max),calc(100% - 70px)) !important;
  max-width:none !important;
}

.portfolio-v101 .portfolio-head{
  margin-bottom:26px !important;
}

.rs-slider-v101{
  --rs-gap:16px;
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
}

.rs-slider-v101 .rs-topline{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:18px !important;
  margin:0 0 16px !important;
}

.rs-slider-v101 .rs-counter{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:10px !important;
  letter-spacing:.08em !important;
}

.rs-slider-v101 .rs-counter i{
  width:24px !important;
  height:1px !important;
  background:rgba(30,24,18,.25) !important;
}

.rs-slider-v101 .rs-arrows{
  display:flex !important;
  gap:8px !important;
}

.rs-slider-v101 .rs-arrow{
  width:44px !important;
  height:44px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid rgba(30,24,18,.20) !important;
  background:transparent !important;
  color:#171411 !important;
  cursor:pointer !important;
  transition:background .2s ease,border-color .2s ease,opacity .2s ease !important;
}

.rs-slider-v101 .rs-arrow:hover{
  background:rgba(255,255,255,.58) !important;
  border-color:rgba(30,24,18,.40) !important;
}

.rs-slider-v101 .rs-arrow:disabled{
  cursor:default !important;
}

.rs-slider-v101 .rs-viewport{
  width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
}

.rs-slider-v101 .rs-track{
  display:flex !important;
  flex-flow:row nowrap !important;
  align-items:stretch !important;
  gap:var(--rs-gap) !important;
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:0 0 5px !important;
  margin:0 !important;
  scroll-snap-type:x mandatory !important;
  scroll-behavior:smooth !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  cursor:grab !important;
  touch-action:pan-y pinch-zoom !important;
  user-select:none !important;
  -webkit-overflow-scrolling:touch !important;
}

.rs-slider-v101 .rs-track::-webkit-scrollbar{
  display:none !important;
}

.rs-slider-v101 .rs-track.is-dragging{
  cursor:grabbing !important;
  scroll-behavior:auto !important;
  scroll-snap-type:none !important;
}

.rs-slider-v101 .rs-card{
  position:relative !important;
  flex:0 0 calc((100% - (var(--rs-gap) * 3)) / 4) !important;
  width:calc((100% - (var(--rs-gap) * 3)) / 4) !important;
  min-width:0 !important;
  aspect-ratio:3 / 4 !important;
  height:auto !important;
  min-height:0 !important;
  display:block !important;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:#ded7ca !important;
  box-shadow:none !important;
  scroll-snap-align:start !important;
  scroll-snap-stop:always !important;
}

.rs-slider-v101 .rs-card img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  transition:transform .35s ease,filter .35s ease !important;
  pointer-events:none !important;
}

.rs-slider-v101 .rs-card[data-contain="true"] img{
  object-fit:contain !important;
  background:#e7dfd1 !important;
}

.rs-slider-v101 .rs-card-shade{
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:linear-gradient(to top,rgba(12,9,6,.82) 0%,rgba(12,9,6,.18) 32%,transparent 58%) !important;
  opacity:.74 !important;
}

.rs-slider-v101 .rs-meta{
  position:absolute !important;
  z-index:3 !important;
  left:18px !important;
  right:18px !important;
  bottom:17px !important;
  color:#fff !important;
  pointer-events:none !important;
}

.rs-slider-v101 .rs-meta strong{
  display:block !important;
  font-family:"Arial Narrow",Arial,sans-serif !important;
  font-size:19px !important;
  line-height:1.04 !important;
  letter-spacing:-.02em !important;
}

.rs-slider-v101 .rs-meta small{
  display:block !important;
  margin-top:7px !important;
  color:#d7b16a !important;
  font-size:8px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.11em !important;
}

@media(hover:hover) and (pointer:fine){
  .rs-slider-v101 .rs-card:hover img{
    transform:scale(1.025) !important;
    filter:contrast(1.025) !important;
  }
}

.rs-slider-v101 .rs-progress{
  position:relative !important;
  width:100% !important;
  height:1px !important;
  margin-top:22px !important;
  overflow:hidden !important;
  background:rgba(30,24,18,.13) !important;
}

.rs-slider-v101 .rs-progress span{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  height:100% !important;
  width:25% !important;
  background:#c99b4b !important;
  transform-origin:left center !important;
  transition:transform .22s ease,width .22s ease !important;
}

/* tablet — 2 pionowe kafle */
@media(max-width:900px){
  .portfolio-v101{
    padding:70px 0 78px !important;
  }
  .portfolio-v101 .container{
    width:min(var(--max),calc(100% - 28px)) !important;
    max-width:none !important;
  }
  .rs-slider-v101{
    --rs-gap:12px;
  }
  .rs-slider-v101 .rs-card{
    flex-basis:calc((100% - var(--rs-gap)) / 2) !important;
    width:calc((100% - var(--rs-gap)) / 2) !important;
  }
}

/* telefon — jeden duży pionowy kafel + fragment kolejnego */
@media(max-width:600px){
  .portfolio-v101{
    padding:58px 0 66px !important;
  }
  .portfolio-v101 .portfolio-head{
    margin-bottom:20px !important;
  }
  .rs-slider-v101 .rs-topline{
    margin-bottom:12px !important;
  }
  .rs-slider-v101 .rs-card{
    flex:0 0 78vw !important;
    width:78vw !important;
  }
  .rs-slider-v101 .rs-arrow{
    width:40px !important;
    height:40px !important;
  }
  .rs-slider-v101 .rs-progress{
    margin-top:16px !important;
  }
}



/* =========================================================
   HOME FINAL v10.0 — UX / conversion / responsive cleanup
   ========================================================= */
:root{--cream2:#ebe5da;--line:rgba(201,155,75,.22)}
body{overflow-x:hidden}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.section-anchor{scroll-margin-top:22px}

/* Header + mobile navigation */
.header{z-index:300 !important}
.nav{position:relative}
.menu-toggle{
  display:none;width:44px;height:44px;border:1px solid rgba(201,155,75,.35);
  background:#0b0b0b;color:#f6efe4;font-size:22px;line-height:1;cursor:pointer;
  align-items:center;justify-content:center;padding:0
}
body.menu-open{overflow:hidden}
@media(max-width:1100px){
  .menu-toggle{display:flex}
  .navlinks{
    display:none !important;position:fixed !important;z-index:290 !important;
    left:0;right:0;top:72px;bottom:0;padding:32px max(24px,5vw) 100px;
    background:rgba(5,5,5,.985);backdrop-filter:blur(14px);
    flex-direction:column !important;align-items:flex-start !important;gap:0 !important;
    overflow:auto;border-top:1px solid rgba(201,155,75,.16)
  }
  .navlinks.is-open{display:flex !important}
  .navlinks a{width:100%;padding:18px 2px;border-bottom:1px solid rgba(255,255,255,.07);font-size:15px !important;letter-spacing:.08em}
  body.menu-open .mobile-cta{display:none !important}
}
@media(max-width:700px){.nav{gap:12px}.menu-toggle{width:42px;height:42px}.navlinks{top:66px}}

/* Hero conversion polish */
.hero .lead strong{color:#f5f1e9}
.hero .actions .btn{min-width:188px}
@media(max-width:700px){
  .hero .actions{flex-wrap:wrap;gap:9px}
  .hero .actions .btn{min-width:0;padding-inline:17px}
  .proof{gap:13px 18px !important;margin-top:22px !important}
}

/* Concrete credibility strip replaces generic trust claims */
.credibility-strip{background:var(--cream);color:var(--ink);border-bottom:1px solid #d9d1c5}
.credibility-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.credibility-item{padding:28px 26px;border-right:1px solid #d9d1c5;min-width:0}
.credibility-item:first-child{border-left:1px solid #d9d1c5}
.credibility-no{display:block;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:9px}
.credibility-item b{display:block;font-family:"Arial Narrow",Arial,sans-serif;font-size:18px;text-transform:uppercase;letter-spacing:-.015em}
.credibility-item p{margin:6px 0 0;color:#6b645b;font-size:11px;line-height:1.45}
@media(max-width:900px){.credibility-grid{grid-template-columns:1fr 1fr}.credibility-item:nth-child(3){border-left:1px solid #d9d1c5}.credibility-item{border-bottom:1px solid #d9d1c5}}
@media(max-width:520px){.credibility-grid{grid-template-columns:1fr}.credibility-item,.credibility-item:nth-child(3){border-left:1px solid #d9d1c5}}

/* Offer */
.offer-v85{padding-top:76px !important}
.offer-v85-card{outline:none}
.offer-v85-card:focus-visible{border-color:var(--gold) !important}

/* Portfolio — one row of vertical realization cards */
.portfolio-v101{padding-top:82px !important;padding-bottom:88px !important}
.rs-card{appearance:none !important;padding:0 !important;text-align:left !important;cursor:pointer !important;color:inherit !important;font:inherit !important}
.rs-card-shade{background:linear-gradient(to top,rgba(12,9,6,.80) 0%,rgba(12,9,6,.18) 35%,transparent 58%) !important;opacity:.72;transition:opacity .25s ease}
.rs-meta{position:absolute;z-index:3;left:16px;right:16px;bottom:14px;color:#fff;transform:translateY(7px);opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.rs-meta strong{display:block;font-family:"Arial Narrow",Arial,sans-serif;font-size:17px;line-height:1.04;letter-spacing:-.02em}
.rs-meta small{display:block;margin-top:6px;color:#d7b16a;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
@media(hover:hover) and (pointer:fine){.rs-card:hover .rs-meta,.rs-card:focus-visible .rs-meta{opacity:1;transform:none}.rs-card:hover .rs-card-shade{opacity:1}}
@media(max-width:700px),(hover:none){.rs-meta{opacity:1;transform:none}.rs-card-shade{opacity:.9}}

/* Process */
.process{background:#090909;color:#f5f1e9;padding:84px 0 90px;border-block:1px solid rgba(201,155,75,.14)}
.process-head{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:end;margin-bottom:38px}
.process h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:55px;line-height:.96;max-width:670px}
.process-intro{justify-self:end;max-width:480px;color:#aaa39a;font-size:13px;line-height:1.62}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(201,155,75,.24);border-bottom:1px solid rgba(201,155,75,.24)}
.process-step{padding:30px 28px 34px;border-right:1px solid rgba(201,155,75,.18);min-height:220px;display:flex;flex-direction:column}
.process-step:first-child{border-left:1px solid rgba(201,155,75,.18)}
.process-step .step-no{color:var(--gold);font-family:"Arial Narrow",Arial,sans-serif;font-size:34px;font-weight:800;line-height:1}
.process-step h3{font-family:"Arial Narrow",Arial,sans-serif;font-size:24px;margin:34px 0 10px;text-transform:uppercase}
.process-step p{margin:0;color:#aaa39a;font-size:11.5px;line-height:1.55;max-width:250px}
.process-cta{margin-top:28px}
@media(max-width:900px){.process-head{grid-template-columns:1fr;gap:18px}.process-intro{justify-self:start}.process-grid{grid-template-columns:1fr 1fr}.process-step:nth-child(3){border-left:1px solid rgba(201,155,75,.18);border-top:1px solid rgba(201,155,75,.18)}.process-step:nth-child(4){border-top:1px solid rgba(201,155,75,.18)}}
@media(max-width:560px){.process{padding:60px 0 66px}.process h2{font-size:42px}.process-grid{grid-template-columns:1fr}.process-step,.process-step:nth-child(3){border-left:1px solid rgba(201,155,75,.18);border-top:1px solid rgba(201,155,75,.18);min-height:0;padding:24px 22px}.process-step:first-child{border-top:0}.process-step h3{margin-top:20px}}

/* About now works as a lower-page brand story */
.about{padding-top:76px !important;padding-bottom:82px !important}
.about .about-note{margin-top:12px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#8b8176;font-weight:800}

/* Compact motion section: 1 feature + 2 supporting videos */
.video-realisations{padding:72px 0 76px}
.vr-grid{grid-template-columns:2fr 1fr 1fr;height:440px}
.vr-feature .vr-meta strong{font-size:32px}
@media(max-width:1000px){.vr-grid{grid-template-columns:1fr 1fr;height:auto}.vr-feature{grid-column:1/-1;height:430px}.vr-card{height:360px}}
@media(max-width:700px){.vr-card,.vr-feature{height:430px}.vr-feature{flex-basis:88vw}}

/* Event Content — shorter, still visually strong */
.event-v75-grid{min-height:340px !important}
.event-v75-card{min-height:340px !important}
.event-v75-copy{padding-top:46px !important;padding-bottom:46px !important}
@media(max-width:1100px){.event-v75-card{min-height:300px !important}}
@media(max-width:700px){.event-v75-card{min-height:245px !important}}

/* Clickable audience + case proof instead of fabricated testimonials */
.audience-v100{padding:70px 0 76px !important}
.audience-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}
.audience-head h2{font-family:"Arial Narrow",Arial,sans-serif;font-size:43px;line-height:.98;max-width:620px}
.audience-head p{max-width:470px;margin:0;color:#655e56;font-size:12.5px;line-height:1.6}
.audience-links{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #d8d0c5}
.audience-link{min-height:145px;padding:22px 19px;border-right:1px solid #d8d0c5;display:flex;flex-direction:column;justify-content:space-between;transition:background .2s ease,transform .2s ease}
.audience-link:last-child{border-right:0}.audience-link:hover{background:#fffaf2}.audience-icon{color:var(--gold);font-size:27px}.audience-link b{font-size:10px;text-transform:uppercase;line-height:1.45;letter-spacing:.03em}.audience-link span:last-child{color:#9a7950;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.case-proof{margin-top:56px;padding-top:34px;border-top:1px solid #d8d0c5}
.case-proof-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:22px}.case-proof-head h3{font-family:"Arial Narrow",Arial,sans-serif;font-size:34px;max-width:570px}.case-proof-head p{margin:0;max-width:430px;color:#6b645b;font-size:11.5px;line-height:1.55}
.case-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.case-card{padding:25px 24px 27px;background:#e3dccf;border:1px solid #d1c6b7;min-height:145px}.case-card small{color:#a87f3f;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.case-card strong{display:block;margin-top:22px;font-family:"Arial Narrow",Arial,sans-serif;font-size:22px;line-height:1.05}.case-card span{display:block;margin-top:8px;color:#685f55;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:1000px){.audience-links{grid-template-columns:1fr 1fr}.audience-link:nth-child(2n){border-right:0}.audience-link{border-bottom:1px solid #d8d0c5}.audience-link:last-child{grid-column:1/-1}.case-proof-grid{grid-template-columns:1fr}}
@media(max-width:650px){.audience-head,.case-proof-head{display:block}.audience-head p,.case-proof-head p{margin-top:15px}.audience-links{grid-template-columns:1fr}.audience-link{border-right:0;min-height:115px}.audience-link:last-child{grid-column:auto}.audience-head h2{font-size:37px}}

/* Contact — fewer fields, explicit labels, clear conversion promise */
.contact{scroll-margin-top:20px}
.contact-copy .contact-lead{max-width:430px !important;font-size:13px !important;line-height:1.62 !important}
.form-v100{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px;align-content:start}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field label,.field-label{color:#b5ada3;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.field input,.field select,.field textarea{width:100%;min-width:0;background:#0e0e0e;border:1px solid #38332d;color:#eee7dd;padding:14px 14px;font-size:12.5px;min-height:50px;border-radius:0}
.field input::placeholder,.field textarea::placeholder{color:#716b64}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.field-full{grid-column:1/-1}.field textarea{min-height:126px;resize:vertical}.field input[type=file]{padding:12px;color:#aaa39a}.field input[type=date]{color-scheme:dark}
.form-v100 .privacy{grid-column:1/-1;font-size:10px;line-height:1.5;margin-top:2px}.form-v100 .privacy a{color:#d0a65e;text-decoration:underline;text-underline-offset:2px}.form-v100 .submit-row{grid-column:1/-1;display:flex;justify-content:flex-end}.form-v100 .submit-row .btn{min-width:235px;min-height:52px}
.form-hp{position:absolute !important;left:-9999px !important;width:1px !important;height:1px !important;overflow:hidden !important}
.contact-note{margin-top:16px;color:#777067;font-size:9.5px;line-height:1.5;max-width:430px}
@media(max-width:720px){.form-v100{grid-template-columns:1fr !important}.field-full,.form-v100 .privacy,.form-v100 .submit-row{grid-column:1 !important}.form-v100 .submit-row .btn{width:100%;min-width:0}.field input,.field select,.field textarea{font-size:16px !important}.field textarea{min-height:145px !important;padding:15px !important}.field input,.field select{padding:0 15px !important}}

/* Footer cleanup */
.footer-grid{grid-template-columns:1.35fr repeat(4,1fr) !important}
.footer a:hover{color:#d7af68}.footer .footer-contact a{display:inline}.copy{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.copy a{color:#b99a65}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr !important}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr !important}.copy{display:block}.copy span{display:block;margin-top:6px}}

/* Gallery lightbox */
.gallery-modal{position:fixed;z-index:1200;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.94);backdrop-filter:blur(9px);padding:32px}
.gallery-modal.is-open{display:flex}.gallery-modal-inner{width:min(1180px,94vw);max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px}.gallery-modal-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.gallery-modal-title{color:#f5f1e9;font-family:"Arial Narrow",Arial,sans-serif;font-size:24px}.gallery-modal-type{display:block;margin-top:4px;color:#c99b4b;font-family:Inter,Arial,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.gallery-close{width:46px;height:46px;border:1px solid rgba(201,155,75,.65);background:#0b0b0b;color:#fff;font-size:28px;cursor:pointer}.gallery-stage{min-height:0;display:flex;justify-content:center;align-items:center;background:#0a0a0a;border:1px solid rgba(201,155,75,.18)}.gallery-stage img{width:auto;max-width:100%;height:auto;max-height:76vh;object-fit:contain}.gallery-modal-nav{display:flex;justify-content:flex-end;gap:8px}.gallery-modal-nav button{width:46px;height:42px;border:1px solid rgba(201,155,75,.35);background:#0b0b0b;color:#fff;cursor:pointer}.gallery-modal-nav button:hover{border-color:#c99b4b}
@media(max-width:600px){.gallery-modal{padding:16px}.gallery-modal-title{font-size:20px}.gallery-stage img{max-height:70vh}}

/* Respect reduced motion */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rs-track{scroll-behavior:auto !important}.rs-card img,.offer-v85-card,.event-v75-card img,.vr-card img{transition:none !important}}


/* Kontakt v10.2 — mocniejsze wyeksponowanie telefonu i e-maila */
.contact .details-v86{
  display:grid;
  gap:12px;
  margin-top:28px;
}

.contact .detail-row--primary{
  position:relative;
  display:flex;
  align-items:center;
  gap:16px;
  padding:17px 18px;
  border:1px solid rgba(201,155,75,.42);
  background:rgba(201,155,75,.075);
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}

.contact .detail-row--primary:hover{
  background:rgba(201,155,75,.12);
  border-color:rgba(201,155,75,.72);
  transform:translateY(-1px);
}

.contact .detail-row--primary .detail-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(201,155,75,.5);
  color:#d1a653;
  font-size:18px;
}

.contact .detail-row--primary small{
  display:block;
  margin-bottom:4px;
  color:rgba(255,255,255,.56);
  font-size:10px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.13em;
}

.contact .detail-row--primary b{
  display:block;
  color:#fff;
  font-size:clamp(19px,1.45vw,25px);
  line-height:1.08;
  letter-spacing:-.02em;
  font-weight:700;
}

.contact .detail-row--primary[href^="tel:"] b{
  color:#d7b16a;
  font-size:clamp(23px,1.8vw,30px);
}

.contact .detail-row:not(.detail-row--primary){
  opacity:.78;
}

@media(max-width:640px){
  .contact .detail-row--primary{
    padding:15px 14px;
    gap:13px;
  }
  .contact .detail-row--primary .detail-icon{
    flex-basis:38px;
    width:38px;
    height:38px;
  }
  .contact .detail-row--primary b{
    font-size:19px;
    overflow-wrap:anywhere;
  }
  .contact .detail-row--primary[href^="tel:"] b{
    font-size:25px;
  }
}