:root{--bg:#070708;--line:rgba(245,240,225,.09);--line2:rgba(245,240,225,.055);--text:#f4f0e7;--muted:#a7aaa6;--soft:#72766f;--gold:#c6a264;--amber:#d66e3e;--radius:32px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5;background:radial-gradient(circle at 72% 4%,rgba(14,45,50,.56),transparent 34rem),radial-gradient(circle at 8% 84%,rgba(90,49,27,.18),transparent 28rem),linear-gradient(180deg,#070708,#0b0d0e 45%,#070708);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-9999px;top:10px;background:var(--text);color:#000;padding:10px 14px;z-index:100}.skip-link:focus{left:10px}.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:18px clamp(20px,5vw,68px);background:rgba(7,7,8,.70);backdrop-filter:blur(20px);border-bottom:1px solid var(--line2)}.brand,.footer-brand{font-weight:700;letter-spacing:.36em;font-size:1.2rem}.main-nav{justify-self:center;display:flex;gap:clamp(18px,2.8vw,46px);color:var(--muted);font-size:.88rem}.main-nav a,.language-nav a{transition:color .25s ease,border-color .25s ease,background .25s ease}.main-nav a:hover,.language-nav a:hover{color:var(--text)}.language-nav{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.language-nav a{font-size:.68rem;color:var(--soft);border:1px solid transparent;border-radius:999px;padding:5px 7px}.language-nav a.active{color:var(--text);border-color:var(--line);background:rgba(255,255,255,.03)}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);width:42px;height:42px;border-radius:999px}.menu-toggle span{display:block;width:16px;height:1px;background:var(--text);margin:5px auto}.hero{min-height:calc(100svh - 76px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.78fr);gap:clamp(42px,8vw,130px);align-items:center;padding:clamp(60px,8vw,130px) clamp(20px,6vw,96px)}.eyebrow{font-size:.72rem;letter-spacing:.36em;text-transform:uppercase;color:var(--gold);margin:0 0 26px}h1,h2,h3{margin:0;line-height:.94;letter-spacing:-.06em;font-weight:390}h1{font-size:clamp(3.8rem,9.4vw,10.4rem);max-width:1100px}h2{font-size:clamp(2.5rem,5.9vw,6.8rem);max-width:1000px}h3{font-size:clamp(1.28rem,2.1vw,2.35rem);letter-spacing:-.035em}.lead{font-size:clamp(1.08rem,1.75vw,1.58rem);color:var(--muted);max-width:740px;margin:30px 0 0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));color:var(--text);position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease}.button::before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(214,110,62,.18),transparent);transition:transform .8s ease}.button:hover{transform:translateY(-1px);border-color:rgba(214,110,62,.45)}.button:hover::before{transform:translateX(120%)}.button.primary{border-color:rgba(214,110,62,.34);background:linear-gradient(90deg,rgba(214,110,62,.17),rgba(198,162,100,.07))}.visual-frame{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01));box-shadow:0 36px 100px rgba(0,0,0,.45)}.visual-frame::after{content:"";position:absolute;inset:28px;border:1px solid rgba(198,162,100,.075);border-radius:calc(var(--radius) - 8px);pointer-events:none}.visual-frame img{display:block;width:100%;height:auto;border-radius:22px}.caption{margin:12px 6px 2px;color:var(--soft);font-size:.9rem}.section{padding:clamp(92px,11vw,180px) clamp(20px,6vw,96px)}.split{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(40px,8vw,120px);align-items:start}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:54px}.card{min-height:245px;border:1px solid var(--line2);border-radius:26px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.01));transition:transform .25s ease,border-color .25s ease}.card:hover{transform:translateY(-2px);border-color:rgba(198,162,100,.24)}.card p{margin:16px 0 0;color:var(--muted)}.card.wide{grid-column:span 2}.image-card{padding:0;overflow:hidden}.image-card img{display:block;width:100%}.image-card div{padding:26px}.statement{padding:clamp(86px,12vw,170px) clamp(20px,6vw,96px);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);text-align:center;background:radial-gradient(circle at 50% 10%,rgba(14,43,49,.42),transparent 40rem)}.statement h2{margin-inline:auto}.statement p{color:var(--muted);font-size:clamp(1.08rem,1.8vw,1.5rem)}.page-hero{padding:clamp(90px,11vw,170px) clamp(20px,6vw,96px) clamp(46px,6vw,95px)}.site-footer{display:flex;justify-content:space-between;gap:34px;padding:50px clamp(20px,6vw,96px) 82px;color:var(--muted);border-top:1px solid var(--line2)}.site-footer p{margin:10px 0 0}.footer-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}.whatsapp-pill{position:fixed;right:18px;bottom:18px;z-index:60;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:12px 16px;background:rgba(10,13,12,.78);backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(0,0,0,.36);font-size:.9rem}@media (max-width:980px){.site-header{grid-template-columns:auto auto 1fr;gap:12px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:18px;right:18px;top:72px;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid var(--line);border-radius:22px;background:#090a0b;box-shadow:0 28px 70px rgba(0,0,0,.55)}.main-nav.open{display:flex}.language-nav{justify-self:end}.hero,.split{grid-template-columns:1fr}.hero{min-height:auto;padding-top:72px}.grid{grid-template-columns:1fr}.card.wide{grid-column:auto}.site-footer{flex-direction:column}.footer-links{justify-content:flex-start;flex-direction:column}}@media (max-width:560px){h1{font-size:clamp(3.1rem,16vw,5.1rem)}.hero{padding-left:18px;padding-right:18px}.section,.page-hero{padding-left:18px;padding-right:18px}.language-nav{gap:2px}.language-nav a{padding:4px 5px}.whatsapp-pill{left:18px;right:18px;text-align:center}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.protected-email{letter-spacing:.01em}
.t33-contact-form{margin-top:42px;display:grid;gap:18px;max-width:620px}
.t33-contact-form label{display:grid;gap:8px;color:var(--muted);font-size:.9rem}
.t33-contact-form input,.t33-contact-form textarea{
  width:100%;border:1px solid var(--line);border-radius:18px;
  background:rgba(255,255,255,.025);color:var(--text);
  padding:15px 16px;font:inherit;outline:none;
}
.t33-contact-form input:focus,.t33-contact-form textarea:focus{border-color:rgba(198,162,100,.38)}
.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;width:0!important}
.site-header{box-shadow:0 18px 70px rgba(0,0,0,.18)}
.visual-frame{transform:translateZ(0)}
@media (hover:hover){
  .visual-frame img{transition:transform 1.2s ease, filter 1.2s ease}
  .visual-frame:hover img{transform:scale(1.012);filter:contrast(1.03)}
}


:root{
 --hero-max: 1440px;
 --radius-premium: 26px;
}

body{
 letter-spacing:0.01em;
 text-rendering:optimizeLegibility;
 -webkit-font-smoothing:antialiased;
}

.hero{
 min-height:92vh;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:120px 0 90px;
}

.hero-content{
 max-width:820px;
 margin:auto;
 text-align:center;
}

.hero h1{
 font-size:clamp(2.6rem,5vw,5.2rem);
 line-height:0.95;
 letter-spacing:-0.04em;
 font-weight:600;
 margin-bottom:26px;
}

.hero p{
 max-width:620px;
 margin:auto;
 font-size:clamp(1rem,1.5vw,1.18rem);
 line-height:1.75;
 color:rgba(255,255,255,.72);
}

.section{
 padding:120px 0;
}

.visual-frame{
 border-radius:var(--radius-premium);
 overflow:hidden;
 border:1px solid rgba(255,255,255,.06);
 box-shadow:
 0 40px 120px rgba(0,0,0,.45),
 inset 0 1px 0 rgba(255,255,255,.03);
 background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
}

.visual-frame img{
 display:block;
 width:100%;
 filter:contrast(1.04) saturate(.92);
}

.button{
 border-radius:999px;
 padding:15px 28px;
 transition:
 transform .45s cubic-bezier(.22,.61,.36,1),
 background .45s cubic-bezier(.22,.61,.36,1),
 border-color .45s cubic-bezier(.22,.61,.36,1);
}

.button:hover{
 transform:translateY(-2px);
}

.site-footer{
 border-top:1px solid rgba(255,255,255,.06);
 padding-top:50px;
 padding-bottom:40px;
}

@media(max-width:768px){

 .hero{
  min-height:84vh;
  padding:110px 0 70px;
 }

 .hero h1{
  font-size:clamp(2.3rem,9vw,3.6rem);
 }

 .section{
  padding:90px 0;
 }

}


/* v9 mobile + contact correction */
.hero{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.82fr) !important;
  align-items:center !important;
  justify-content:initial !important;
  min-height:calc(100svh - 76px) !important;
  padding:clamp(70px,8vw,128px) clamp(20px,6vw,96px) !important;
  gap:clamp(38px,7vw,110px) !important;
}

.hero-content{
  max-width:none !important;
  margin:0 !important;
  text-align:left !important;
}

.hero h1{
  font-size:clamp(3.6rem,8.8vw,9.8rem) !important;
  line-height:.94 !important;
  letter-spacing:-.06em !important;
  font-weight:390 !important;
  margin-bottom:0 !important;
}

.hero p,
.hero .lead{
  max-width:720px !important;
  margin:30px 0 0 !important;
  font-size:clamp(1.08rem,1.75vw,1.58rem) !important;
  line-height:1.5 !important;
  color:var(--muted) !important;
}

.contact-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:38px;
}

.t33-contact-form{
  display:none !important;
}

@media(max-width:980px){
  .hero{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:72px 18px 88px !important;
    gap:36px !important;
  }

  .hero-content{
    text-align:left !important;
  }

  .hero h1{
    font-size:clamp(3.1rem,15vw,5.6rem) !important;
  }

  .hero p,
  .hero .lead{
    font-size:1.08rem !important;
    max-width:100% !important;
  }

  .visual-frame{
    border-radius:24px !important;
  }

  .visual-frame img{
    border-radius:18px !important;
  }
}

@media(max-width:560px){
  .hero{
    padding-top:58px !important;
  }

  .actions{
    width:100%;
  }

  .actions .button,
  .contact-actions .button{
    width:100%;
  }
}


/* v10 visual upgrade */
.visual-frame img,
.image-card img{
  filter:contrast(1.035) saturate(.94);
}

.image-card{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));
}

.image-card img{
  aspect-ratio:16/9;
  object-fit:cover;
}

@media(max-width:820px){
  .image-card img{
    aspect-ratio:9/16;
  }
}


/* v11 flagship hero */
.hero-flagship{
 position:relative;
 overflow:hidden;
 border-radius:28px;
 border:1px solid rgba(255,255,255,.05);
 background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01));
 box-shadow:0 40px 120px rgba(0,0,0,.55);
}

.hero-flagship img{
 width:100%;
 display:block;
 transform:scale(1.01);
 transition:transform 8s ease;
}

.hero-flagship:hover img{
 transform:scale(1.03);
}

.hero-flagship::after{
 content:"";
 position:absolute;
 inset:0;
 background:
 radial-gradient(circle at 72% 38%, rgba(180,80,20,.10), transparent 28%),
 linear-gradient(120deg, transparent 20%, rgba(255,220,160,.035) 50%, transparent 80%);
 mix-blend-mode:screen;
 animation:t33Glow 14s ease-in-out infinite alternate;
 pointer-events:none;
}

@keyframes t33Glow{
 from{
  opacity:.28;
  transform:translateX(-1%);
 }
 to{
  opacity:.58;
  transform:translateX(1%);
 }
}


/* v12 realism hero */
.hero-flagship{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

.hero-flagship::before{
  content:"";
  position:absolute;
  inset:-12%;
  background:
    radial-gradient(circle at 68% 48%, rgba(214,110,62,.12), transparent 24%),
    radial-gradient(circle at 42% 40%, rgba(198,162,100,.07), transparent 22%);
  opacity:.68;
  filter:blur(24px);
  animation:t33Breath 9s ease-in-out infinite alternate;
  pointer-events:none;
  z-index:1;
}

.hero-flagship::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(112deg, transparent 28%, rgba(255,230,180,.038) 48%, transparent 68%);
  opacity:.38;
  transform:translateX(-8%);
  animation:t33LightSweep 13s ease-in-out infinite alternate;
  pointer-events:none;
  z-index:2;
}

.hero-flagship img{
  position:relative;
  z-index:0;
  transform:scale(1.01);
  transition:transform 7s cubic-bezier(.22,.61,.36,1), filter 7s ease;
}

.hero-flagship:hover img{
  transform:scale(1.035) translate3d(-2px,-2px,0);
  filter:contrast(1.06) saturate(.96);
}

@keyframes t33Breath{
  from{opacity:.42; transform:scale(1)}
  to{opacity:.82; transform:scale(1.04)}
}

@keyframes t33LightSweep{
  from{opacity:.20; transform:translateX(-10%)}
  to{opacity:.55; transform:translateX(7%)}
}

@media(max-width:820px){
  .hero-flagship::before{opacity:.48}
  .hero-flagship::after{opacity:.28}
}


/* v13 Porsche Night Interface */
:root{
  --t33-black:#050607;
  --t33-petrol:#0b2d31;
  --t33-amber:#d06f3d;
  --t33-gold:#c6a264;
  --t33-glass:rgba(255,255,255,.035);
  --t33-line:rgba(245,240,225,.075);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(90deg, rgba(198,162,100,.018) 1px, transparent 1px),
    linear-gradient(0deg, rgba(198,162,100,.012) 1px, transparent 1px),
    radial-gradient(circle at 72% 18%, rgba(11,45,49,.30), transparent 30rem),
    radial-gradient(circle at 18% 84%, rgba(208,111,61,.10), transparent 26rem);
  background-size:
    96px 96px,
    96px 96px,
    auto,
    auto;
  opacity:.58;
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(180deg, rgba(5,6,7,.15), rgba(5,6,7,.65)),
    radial-gradient(circle at 50% 50%, transparent 0, rgba(0,0,0,.42) 80%);
}

.site-header{
  background:rgba(5,6,7,.62)!important;
  border-bottom:1px solid rgba(198,162,100,.075)!important;
  box-shadow:0 18px 80px rgba(0,0,0,.30)!important;
}

.brand{
  text-shadow:0 0 24px rgba(198,162,100,.14);
}

.main-nav a{
  position:relative;
}

.main-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-9px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(198,162,100,.55), transparent);
  opacity:0;
  transform:scaleX(.35);
  transition:opacity .35s ease, transform .35s ease;
}

.main-nav a:hover::after{
  opacity:1;
  transform:scaleX(1);
}

.hero{
  position:relative;
}

.hero::before{
  content:"";
  position:absolute;
  left:clamp(20px,6vw,96px);
  top:clamp(90px,9vw,150px);
  width:180px;
  height:1px;
  background:linear-gradient(90deg, rgba(198,162,100,.42), transparent);
  pointer-events:none;
}

.hero::after{
  content:"T33 / EUROPEAN VISUAL EXPERIENCES";
  position:absolute;
  right:clamp(20px,6vw,96px);
  bottom:42px;
  font-size:.62rem;
  letter-spacing:.32em;
  color:rgba(245,240,225,.22);
  pointer-events:none;
}

.hero h1{
  text-shadow:0 0 42px rgba(255,255,255,.045);
}

.visual-frame,
.card{
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.visual-frame{
  border-color:rgba(198,162,100,.12)!important;
  box-shadow:
    0 42px 130px rgba(0,0,0,.56),
    0 0 0 1px rgba(255,255,255,.018) inset,
    0 0 90px rgba(11,45,49,.12)!important;
}

.visual-frame::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:22px;
  border:1px solid rgba(198,162,100,.055);
  z-index:3;
  pointer-events:none;
}

.card{
  border-color:rgba(198,162,100,.075)!important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.card:hover{
  border-color:rgba(198,162,100,.26)!important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.26),
    0 0 48px rgba(11,45,49,.10),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.button{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 18px 48px rgba(0,0,0,.22);
}

.button.primary{
  background:
    linear-gradient(90deg, rgba(208,111,61,.18), rgba(198,162,100,.07)),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.06), transparent 40%)!important;
}

.button.primary:hover{
  box-shadow:
    0 20px 60px rgba(208,111,61,.10),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.image-card img{
  transition:transform 1.6s cubic-bezier(.22,.61,.36,1), filter 1.6s ease;
}

.image-card:hover img{
  transform:scale(1.025);
  filter:contrast(1.06) saturate(.92);
}

.statement{
  position:relative;
  overflow:hidden;
}

.statement::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, transparent, rgba(198,162,100,.035), transparent),
    radial-gradient(circle at 50% 0%, rgba(11,45,49,.22), transparent 34rem);
  pointer-events:none;
}

.t33-coordinates{
  font-size:.66rem;
  letter-spacing:.28em;
  color:rgba(198,162,100,.46);
  text-transform:uppercase;
  margin-top:24px;
}

@media(max-width:980px){
  body::before{
    background-size:72px 72px,72px 72px,auto,auto;
    opacity:.42;
  }

  .hero::before,
  .hero::after{
    display:none;
  }

  .site-header{
    padding-top:14px!important;
    padding-bottom:14px!important;
  }

  .language-nav a{
    font-size:.62rem;
  }

  .visual-frame{
    box-shadow:0 32px 90px rgba(0,0,0,.48)!important;
  }
}

@media(max-width:560px){
  .brand{
    letter-spacing:.28em;
  }

  .hero h1{
    letter-spacing:-.055em!important;
  }

  .caption{
    font-size:.82rem;
  }
}

.t33-mouse-light{display:block}
@media(max-width:820px){.t33-mouse-light{display:none!important}}


/* v14 professional footer + legal */
.premium-footer{
  display:grid!important;
  grid-template-columns:1fr auto;
  align-items:start;
  gap:42px;
  padding-top:58px!important;
  padding-bottom:54px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(0,0,0,.16));
}

.footer-main p{
  margin:12px 0 0;
}

.footer-designed{
  color:rgba(198,162,100,.55)!important;
  letter-spacing:.06em;
}

.premium-footer .footer-links{
  max-width:620px;
  gap:18px 22px!important;
}

.premium-footer .footer-links a{
  color:rgba(244,240,231,.66);
  transition:color .3s ease;
}

.premium-footer .footer-links a:hover{
  color:rgba(244,240,231,.96);
}

.legal-hero{
  max-width:1180px;
}

.legal-section .lead{
  font-size:clamp(1rem,1.4vw,1.22rem)!important;
}

.anti-spam-sep{
  color:rgba(198,162,100,.65);
}

@media(max-width:980px){
  .premium-footer{
    grid-template-columns:1fr;
  }
}


/* v15 multilingual premium */
html.t33-lang-transition body{
  opacity:.18;
  transition:opacity .22s ease;
}

.language-nav a{
  position:relative;
}

.language-nav a.active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-4px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(198,162,100,.72);
  transform:translateX(-50%);
}

.language-nav a{
  min-width:28px;
  text-align:center;
}


/* v16 minimal psychology */
.hero-copy{
  max-width:620px!important;
}

.hero-copy .lead{
  max-width:520px!important;
  color:rgba(244,240,231,.74)!important;
}

.section .lead{
  max-width:760px;
}

.card p{
  opacity:.78;
}

.minimal-about .lead{
  max-width:520px;
}

.minimal-footer-links{
  opacity:.72;
}

.whatsapp-pill{
  opacity:.58!important;
  transform:scale(.92);
  right:18px!important;
  bottom:18px!important;
}

.whatsapp-pill:hover{
  opacity:.88!important;
}

.applications-grid .card p{
  display:none;
}

.applications-grid .card h3{
  margin-bottom:0!important;
}

.statement{
  padding-top:120px!important;
  padding-bottom:120px!important;
}

.statement .lead{
  font-size:clamp(1.3rem,2vw,1.8rem)!important;
  line-height:1.5!important;
  letter-spacing:-.02em;
}

.page-hero .lead{
  max-width:620px;
}

@media(max-width:820px){
  .statement{
    padding-top:84px!important;
    padding-bottom:84px!important;
  }
}


/* v17 flagship polish */
:root{
  --t33-ease:cubic-bezier(.19,1,.22,1);
}

html{
  -webkit-text-size-adjust:100%;
}

body{
  font-feature-settings:"kern" 1, "liga" 1, "calt" 1;
}

h1,h2,h3{
  text-wrap:balance;
}

p{
  text-wrap:pretty;
}

.site-header{
  padding-top:calc(14px + env(safe-area-inset-top,0px))!important;
}

.hero h1{
  letter-spacing:-.068em!important;
}

.hero-flagship{
  transform:translateZ(0);
}

.hero-flagship img{
  will-change:transform,filter;
  filter:contrast(1.045) saturate(.93) brightness(.98);
}

.hero-flagship::before{
  animation-duration:11s!important;
}

.hero-flagship::after{
  animation-duration:17s!important;
  opacity:.28!important;
}

.visual-frame::before{
  box-shadow:inset 0 0 42px rgba(198,162,100,.035);
}

.button,
.card,
.visual-frame,
.main-nav a,
.language-nav a{
  transition-timing-function:var(--t33-ease)!important;
}

.card{
  transform:translateZ(0);
}

.card:hover{
  transform:translateY(-3px) translateZ(0)!important;
}

.button:hover{
  transform:translateY(-2px) scale(1.006)!important;
}

.statement h2{
  max-width:1050px;
  margin-left:auto;
  margin-right:auto;
}

.footer-brand{
  text-shadow:0 0 24px rgba(198,162,100,.11);
}

.whatsapp-pill{
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

@supports (animation-timeline:view()){
  .image-card{
    animation:t33CardEnter linear both;
    animation-timeline:view();
    animation-range:entry 0% cover 28%;
  }
  @keyframes t33CardEnter{
    from{opacity:.55; transform:translateY(18px)}
    to{opacity:1; transform:translateY(0)}
  }
}

@media(max-width:820px){
  .site-header{
    padding-left:calc(18px + env(safe-area-inset-left,0px))!important;
    padding-right:calc(18px + env(safe-area-inset-right,0px))!important;
  }
  .hero{
    padding-left:calc(18px + env(safe-area-inset-left,0px))!important;
    padding-right:calc(18px + env(safe-area-inset-right,0px))!important;
  }
  .hero h1{
    letter-spacing:-.062em!important;
  }
  .visual-frame{
    border-radius:22px!important;
  }
  .whatsapp-pill{
    bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-flagship::before,
  .hero-flagship::after,
  .image-card{
    animation:none!important;
  }
}


/* v18 mobile premium experience */
:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}

html{
  min-height:100%;
  background:#050607;
}

body{
  min-height:100svh;
  overscroll-behavior-y:none;
  -webkit-tap-highlight-color:rgba(198,162,100,.16);
}

.hero{
  min-height:calc(100svh - 76px)!important;
}

@supports(height:100dvh){
  .hero{
    min-height:calc(100dvh - 76px)!important;
  }
}

.button,
.main-nav a,
.language-nav a,
.footer-links a{
  touch-action:manipulation;
}

@media(max-width:980px){
  .site-header{
    position:sticky;
    top:0;
    min-height:62px;
    padding-top:calc(12px + var(--safe-top))!important;
    padding-bottom:12px!important;
    padding-left:calc(18px + var(--safe-left))!important;
    padding-right:calc(18px + var(--safe-right))!important;
    background:rgba(5,6,7,.78)!important;
  }

  .menu-toggle{
    width:46px!important;
    height:46px!important;
    border-color:rgba(198,162,100,.18)!important;
  }

  .main-nav{
    top:calc(68px + var(--safe-top))!important;
    left:calc(14px + var(--safe-left))!important;
    right:calc(14px + var(--safe-right))!important;
    padding:22px!important;
    border-radius:24px!important;
    background:rgba(7,8,9,.96)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
  }

  .main-nav a{
    width:100%;
    min-height:48px;
    display:flex;
    align-items:center;
    font-size:1rem;
  }

  .language-nav{
    max-width:210px;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .language-nav::-webkit-scrollbar{
    display:none;
  }

  .language-nav a{
    min-width:34px!important;
    min-height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  .hero{
    min-height:auto!important;
    padding-top:calc(54px + var(--safe-top))!important;
    padding-bottom:76px!important;
    gap:34px!important;
  }

  .hero h1{
    font-size:clamp(3rem,14.6vw,5.35rem)!important;
    line-height:.94!important;
  }

  .hero .lead,
  .hero p{
    font-size:1.04rem!important;
    line-height:1.62!important;
  }

  .actions{
    gap:12px!important;
    margin-top:34px!important;
  }

  .button{
    min-height:54px!important;
    padding:0 22px!important;
    font-size:.98rem!important;
  }

  .visual-frame{
    padding:9px!important;
    border-radius:24px!important;
    box-shadow:0 28px 82px rgba(0,0,0,.46)!important;
  }

  .visual-frame::before,
  .visual-frame::after{
    opacity:.38!important;
  }

  .hero-flagship::before{
    filter:blur(18px)!important;
    opacity:.36!important;
    animation-duration:16s!important;
  }

  .hero-flagship::after{
    opacity:.18!important;
    animation-duration:22s!important;
  }

  body::before{
    background-size:84px 84px,84px 84px,auto,auto!important;
    opacity:.30!important;
  }

  .section{
    padding-top:84px!important;
    padding-bottom:84px!important;
  }

  .card{
    min-height:unset!important;
    padding:24px!important;
    border-radius:24px!important;
  }

  .image-card{
    padding:0!important;
  }

  .image-card div{
    padding:22px!important;
  }

  .statement{
    padding-top:92px!important;
    padding-bottom:92px!important;
  }

  .premium-footer{
    padding-bottom:calc(88px + var(--safe-bottom))!important;
  }

  .whatsapp-pill{
    opacity:.42!important;
    left:auto!important;
    right:calc(14px + var(--safe-right))!important;
    bottom:calc(14px + var(--safe-bottom))!important;
    width:auto!important;
    max-width:190px;
    font-size:.76rem!important;
    padding:10px 12px!important;
  }

  .whatsapp-pill:hover,
  .whatsapp-pill:focus{
    opacity:.90!important;
  }

  .t33-mouse-light{
    display:none!important;
  }
}

@media(max-width:560px){
  .brand{
    font-size:1.05rem!important;
  }

  .hero{
    padding-top:calc(42px + var(--safe-top))!important;
  }

  .hero h1{
    font-size:clamp(2.85rem,14vw,4.8rem)!important;
  }

  .hero .lead,
  .hero p{
    color:rgba(244,240,231,.72)!important;
  }

  .button{
    width:100%;
    justify-content:center;
  }

  .language-nav{
    max-width:156px;
  }

  .premium-footer .footer-links{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:14px!important;
  }
}

@media(prefers-reduced-motion:reduce), (update:slow){
  .hero-flagship::before,
  .hero-flagship::after,
  .image-card{
    animation:none!important;
  }

  .hero-flagship img,
  .image-card img,
  .button,
  .card{
    transition:none!important;
  }
}


/* v19 Desktop Premium Engine - progressive enhancement */
@media (min-width: 981px){
  main{
    container-type:inline-size;
  }

  .hero,
  .section,
  .page-hero,
  .statement,
  .site-footer{
    max-width:1920px;
    margin-left:auto;
    margin-right:auto;
  }

  .hero{
    min-height:clamp(760px, calc(100dvh - 76px), 1120px)!important;
  }

  .hero h1{
    max-width:1050px;
  }

  .visual-frame{
    perspective:1200px;
  }

  .hero-flagship img{
    transform-origin:center center;
  }

  .hero-flagship:hover img{
    transform:scale(1.032) rotateX(.18deg) rotateY(-.28deg) translate3d(-2px,-2px,0)!important;
  }

  .grid{
    container-type:inline-size;
  }

  @container (min-width: 1180px){
    .grid{
      gap:26px!important;
    }

    .card{
      padding:34px!important;
    }
  }

  @container (min-width: 1500px){
    .grid{
      gap:32px!important;
    }

    .image-card div{
      padding:34px!important;
    }
  }

  .card{
    transform-style:preserve-3d;
  }

  .card:hover{
    transform:translateY(-4px) scale(1.006)!important;
  }

  .button{
    transform-style:preserve-3d;
  }
}

/* Desktop browser polish */
@supports (view-transition-name: root){
  ::view-transition-old(root),
  ::view-transition-new(root){
    animation-duration:.34s;
    animation-timing-function:cubic-bezier(.19,1,.22,1);
  }
}

@supports (backdrop-filter: blur(20px)){
  .site-header,
  .main-nav,
  .visual-frame,
  .card,
  .whatsapp-pill{
    backdrop-filter:blur(22px) saturate(120%);
    -webkit-backdrop-filter:blur(22px) saturate(120%);
  }
}

@media (min-width:1600px){
  body::before{
    background-size:120px 120px,120px 120px,auto,auto!important;
  }

  .hero{
    gap:clamp(80px,7vw,150px)!important;
  }
}

/* Firefox fallback: reduce costly glass where backdrop-filter is absent */
@supports not (backdrop-filter: blur(20px)){
  .site-header,
  .visual-frame,
  .card{
    background:rgba(7,8,9,.90)!important;
  }
}

/* Automatic performance mode */
@media (update: slow), (prefers-reduced-motion: reduce){
  body::before{
    opacity:.18!important;
  }

  .t33-mouse-light{
    display:none!important;
  }

  .hero-flagship::before,
  .hero-flagship::after{
    animation:none!important;
  }
}


/* v20 luxury depth */
body{
  background:
    radial-gradient(circle at 50% -10%, rgba(255,255,255,.018), transparent 32rem),
    linear-gradient(180deg,#050607,#070809 42%,#050607 100%)!important;
}

body::after{
  background:
    linear-gradient(180deg, rgba(5,6,7,.08), rgba(5,6,7,.72)),
    radial-gradient(circle at 50% 50%, transparent 0, rgba(0,0,0,.52) 84%),
    url('/eu/site/assets/textures/t33-luxury-grain.webp') center/420px repeat!important;
  opacity:.82;
}

.site-header{
  border-bottom:1px solid rgba(255,255,255,.028)!important;
  box-shadow:
    0 30px 90px rgba(0,0,0,.34),
    inset 0 -1px 0 rgba(255,255,255,.018)!important;
}

.brand{
  letter-spacing:.34em!important;
}

.hero{
  position:relative;
}

.hero::before{
  height:1px!important;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(198,162,100,.72),
      rgba(255,255,255,.12),
      transparent)!important;
  opacity:.62;
}

.hero h1{
  text-shadow:
    0 0 60px rgba(255,255,255,.028),
    0 18px 50px rgba(0,0,0,.38)!important;
}

.hero .lead{
  color:rgba(244,240,231,.68)!important;
}

.visual-frame{
  background:
    linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.006))!important;
  border:1px solid rgba(255,255,255,.038)!important;
  box-shadow:
    0 60px 160px rgba(0,0,0,.58),
    0 0 140px rgba(11,45,49,.10),
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -1px 0 rgba(0,0,0,.34)!important;
}

.visual-frame::before{
  border:1px solid rgba(198,162,100,.08)!important;
}

.hero-flagship{
  overflow:hidden;
}

.hero-flagship::before{
  content:"";
  position:absolute;
  inset:-10%;
  background:
    radial-gradient(circle at 22% 12%, rgba(255,255,255,.08), transparent 18rem),
    radial-gradient(circle at 78% 86%, rgba(208,111,61,.08), transparent 22rem);
  mix-blend-mode:screen;
  pointer-events:none;
}

.hero-flagship::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.08) 0%,
      transparent 18%,
      transparent 58%,
      rgba(255,255,255,.03) 76%,
      transparent 100%);
  opacity:.18;
  pointer-events:none;
}

.hero-flagship img{
  filter:
    contrast(1.06)
    saturate(.92)
    brightness(.98)
    drop-shadow(0 30px 70px rgba(0,0,0,.55))!important;
}

.card{
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.024),
      rgba(255,255,255,.008))!important;
  border:1px solid rgba(255,255,255,.032)!important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.028),
    inset 0 -1px 0 rgba(0,0,0,.24)!important;
}

.card:hover{
  box-shadow:
    0 44px 120px rgba(0,0,0,.32),
    0 0 60px rgba(11,45,49,.12),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.button{
  border:1px solid rgba(255,255,255,.04)!important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.button.primary{
  background:
    linear-gradient(180deg,
      rgba(198,162,100,.12),
      rgba(208,111,61,.10))!important;
}

.statement{
  background:
    radial-gradient(circle at 50% 0%, rgba(11,45,49,.18), transparent 34rem),
    linear-gradient(180deg, rgba(255,255,255,.008), rgba(255,255,255,0))!important;
}

.statement h2{
  letter-spacing:-.05em!important;
}

.footer-brand{
  letter-spacing:.34em!important;
}

.premium-footer{
  border-top:1px solid rgba(255,255,255,.03)!important;
}

.language-nav a,
.main-nav a{
  opacity:.82;
}

.language-nav a:hover,
.main-nav a:hover{
  opacity:1;
}

@media(min-width:981px){
  .hero{
    perspective:1800px;
  }

  .hero-flagship:hover{
    transform:translateY(-2px);
  }

  .hero-flagship:hover img{
    transform:
      scale(1.038)
      rotateX(.22deg)
      rotateY(-.32deg)
      translate3d(-4px,-4px,0)!important;
  }
}

@media(max-width:980px){
  body::after{
    background-size:300px!important;
  }

  .visual-frame{
    box-shadow:
      0 38px 90px rgba(0,0,0,.52),
      inset 0 1px 0 rgba(255,255,255,.03)!important;
  }
}