:root {
  --petrol: #004f59;
  --petrol-light: #0a6973;
  --petrol-deep: #062f35;
  --petrol-black: #03171a;
  --black: #010506;
  --black-soft: #071012;
  --cream: #e9ddc8;
  --off-white: #f5f6f4;
  --gold: #c7a44c;
  --gold-light: #e0c47d;
  --gold-dim: rgba(199, 164, 76, .42);
  --muted: rgba(245, 246, 244, .68);
  --line: rgba(233, 221, 200, .15);
  --max: 1220px;
  --header-h: 78px;
  --serif: Georgia, "Times New Roman", Times, serif;
  --sans: Inter, Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--off-white);
  background: var(--black);
  font-family: var(--sans);
  line-height: 1.65;
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 120;
  opacity: .035;
  mix-blend-mode: screen;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");
}

img, video { display: block; max-width: 100%; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.skip-link {
  position: fixed;
  left: 1rem;
  top: -5rem;
  z-index: 1000;
  padding: .8rem 1rem;
  border-radius: 2px;
  background: var(--cream);
  color: var(--black);
}
.skip-link:focus { top: 1rem; }

/* Cinematic backdrop */
.cinematic-bg {
  position: fixed;
  inset: 0;
  z-index: -20;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(circle at 15% 8%, rgba(0,79,89,.2), transparent 26rem),
    radial-gradient(circle at 82% 38%, rgba(0,79,89,.12), transparent 30rem),
    linear-gradient(180deg, #031014 0%, #010506 40%, #02090b 100%);
}
.cinematic-orb {
  position: absolute;
  width: 46rem;
  height: 46rem;
  border-radius: 50%;
  filter: blur(90px);
  opacity: .18;
}
.cinematic-orb-one { top: -20rem; left: -18rem; background: var(--petrol); }
.cinematic-orb-two { right: -22rem; top: 38%; background: var(--petrol-light); opacity: .1; }
.cinematic-beam {
  position: absolute;
  inset: -20% auto auto 55%;
  width: 10rem;
  height: 145%;
  transform: rotate(19deg);
  opacity: .055;
  filter: blur(26px);
  background: linear-gradient(180deg, transparent, var(--gold-light), transparent);
}
.gold-particles { position: absolute; inset: 0; }
.gold-particle {
  position: absolute;
  left: var(--left);
  top: var(--top);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  opacity: var(--opacity);
  background: var(--gold-light);
  box-shadow: 0 0 10px rgba(224,196,125,.58);
  animation: particleFloat var(--duration) ease-in-out var(--delay) infinite alternate;
}

/* Header */
.site-header {
  position: fixed;
  inset: 0 0 auto;
  height: var(--header-h);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2rem;
  z-index: 80;
  padding: 0 clamp(1.2rem, 4vw, 4.5rem);
  border-bottom: 1px solid transparent;
  transition: background .3s ease, border-color .3s ease, backdrop-filter .3s ease;
}
.site-header.scrolled {
  background: rgba(1,7,8,.82);
  border-color: rgba(199,164,76,.18);
  backdrop-filter: blur(16px);
}
.brand {
  width: max-content;
  text-decoration: none;
  color: var(--cream);
  font-family: var(--serif);
  font-size: 1.12rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.brand span { color: var(--gold); }
.nav { display: flex; gap: clamp(1rem, 2vw, 2rem); }
.nav a {
  position: relative;
  text-decoration: none;
  color: rgba(245,246,244,.66);
  font-size: .72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  transition: color .2s ease;
}
.nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -.45rem;
  height: 1px;
  background: var(--gold);
  transition: right .25s ease;
}
.nav a:hover, .nav a:focus-visible { color: var(--cream); }
.nav a:hover::after, .nav a:focus-visible::after { right: 0; }
.language-toggle {
  justify-self: end;
  border: 1px solid rgba(199,164,76,.35);
  color: rgba(245,246,244,.65);
  background: rgba(0,79,89,.12);
  border-radius: 999px;
  padding: .5rem .75rem;
  font: inherit;
  font-size: .72rem;
  cursor: pointer;
}
.language-toggle span { margin: 0 .1rem; }
.language-toggle .lang-active { color: var(--gold-light); font-weight: 750; }

/* Hero */
.hero {
  position: relative;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: calc(var(--header-h) + 3.5rem) clamp(1.2rem, 6vw, 6rem) 5.5rem;
  overflow: hidden;
  isolation: isolate;
  text-align: center;
}
.hero-media {
  position: absolute;
  inset: 0;
  z-index: -4;
  background: url('assets/showreel-poster.jpg') center 44% / cover no-repeat;
  transform: scale(1.07);
  filter: saturate(.62) contrast(1.12) brightness(.55);
  animation: heroZoom 20s ease-out forwards;
}
.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(180deg, rgba(1,5,6,.72), rgba(1,5,6,.48) 35%, rgba(1,5,6,.88) 88%),
    radial-gradient(circle at 50% 42%, rgba(0,79,89,.24), transparent 35rem),
    linear-gradient(90deg, rgba(0,0,0,.78), transparent 28%, transparent 72%, rgba(0,0,0,.78));
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(180deg, transparent 0 76%, rgba(0,79,89,.12));
}
.hero-content { width: min(970px, 100%); }
.eyebrow {
  margin: 0 0 .85rem;
  color: var(--gold);
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.hero-name-small {
  margin: 0 0 .7rem;
  color: rgba(245,246,244,.72);
  font-size: .78rem;
  letter-spacing: .28em;
  text-transform: uppercase;
}
.hero h1,
.section h2,
.tools-heading h3,
.focus-grid h3,
.contact-section h2 {
  font-family: var(--serif);
  font-weight: 400;
  color: var(--gold-light);
}
.hero h1 {
  margin: 0;
  font-size: clamp(4rem, 10.7vw, 9.4rem);
  line-height: .88;
  letter-spacing: .015em;
  text-transform: uppercase;
  text-shadow: 0 8px 50px rgba(0,0,0,.72);
}
.hero-role {
  margin: 1.8rem 0 .45rem;
  color: var(--cream);
  font-size: clamp(1.05rem, 2vw, 1.55rem);
  letter-spacing: .05em;
}
.hero-role span { color: var(--gold); }
.hero-subtitle {
  max-width: 680px;
  margin: 0 auto;
  color: var(--muted);
  font-size: clamp(.98rem, 1.45vw, 1.16rem);
}
.hero-actions, .contact-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: .85rem;
  margin-top: 2rem;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 49px;
  padding: .78rem 1.35rem;
  border: 1px solid transparent;
  border-radius: 1px;
  text-decoration: none;
  font-size: .74rem;
  font-weight: 720;
  letter-spacing: .11em;
  text-transform: uppercase;
  transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.button:hover, .button:focus-visible { transform: translateY(-2px); }
.button-primary {
  color: var(--black);
  background: linear-gradient(135deg, var(--gold-light), var(--gold));
  box-shadow: 0 12px 35px rgba(199,164,76,.16);
}
.button-primary:hover { background: var(--cream); box-shadow: 0 16px 42px rgba(199,164,76,.22); }
.button-secondary {
  color: var(--cream);
  border-color: rgba(224,196,125,.58);
  background: rgba(2,11,12,.36);
}
.button-secondary:hover { color: var(--gold-light); border-color: var(--gold-light); background: rgba(199,164,76,.08); }
.button-cv::before {
  content: "PDF";
  margin-right: .55rem;
  color: var(--gold);
  font-size: .58rem;
  letter-spacing: .08em;
}
.scroll-cue {
  position: absolute;
  left: 50%;
  bottom: 1.7rem;
  width: 27px;
  height: 43px;
  border: 1px solid rgba(224,196,125,.42);
  border-radius: 99px;
  transform: translateX(-50%);
}
.scroll-cue span {
  position: absolute;
  left: 50%;
  top: 8px;
  width: 2px;
  height: 7px;
  border-radius: 99px;
  background: var(--gold);
  transform: translateX(-50%);
  animation: scrollCue 1.8s ease-in-out infinite;
}

/* Sections */
.section {
  position: relative;
  width: min(var(--max), calc(100% - 2.4rem));
  margin: 0 auto;
  padding: clamp(5.5rem, 10vw, 9rem) 0;
  isolation: isolate;
}
.section::before {
  content: "";
  position: absolute;
  inset: 0 calc(50% - 50vw);
  z-index: -2;
  border-top: 1px solid rgba(199,164,76,.08);
}
.reel-section::before {
  background:
    radial-gradient(circle at 78% 12%, rgba(0,79,89,.16), transparent 24rem),
    linear-gradient(180deg, #010607, #030d0f);
}
.about-section::before {
  background:
    radial-gradient(circle at 18% 45%, rgba(0,79,89,.2), transparent 28rem),
    linear-gradient(180deg, #040c0e, #010506 80%);
}
.experience-section::before {
  background:
    linear-gradient(115deg, rgba(0,79,89,.1), transparent 38%),
    #020708;
}
.focus-section::before { background: #000304; }
.testimonial-section::before {
  background:
    radial-gradient(circle at 75% 45%, rgba(0,79,89,.18), transparent 28rem),
    linear-gradient(180deg, #030b0d, #010506);
}
.contact-section::before {
  background:
    radial-gradient(circle at 50% 20%, rgba(0,79,89,.33), transparent 30rem),
    linear-gradient(180deg, #03191d, #020708);
}
.section-heading {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  align-items: start;
  margin-bottom: clamp(2.4rem, 5vw, 4.3rem);
}
.section-heading.compact { grid-template-columns: 52px minmax(0,1fr); margin-bottom: 1.6rem; }
.section-heading.centered-heading {
  grid-template-columns: 1fr;
  text-align: center;
}
.section-heading.centered-heading .section-number { margin-bottom: .7rem; }
.section-number {
  margin: .2rem 0 0;
  color: rgba(199,164,76,.55);
  font-family: var(--serif);
  font-size: .82rem;
  letter-spacing: .12em;
}
.section h2 {
  max-width: 900px;
  margin: 0;
  font-size: clamp(2.3rem, 5vw, 4.5rem);
  line-height: 1.04;
  letter-spacing: .01em;
}
.centered-heading h2 { margin-inline: auto; }

/* Reel */
.video-shell {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(199,164,76,.3);
  background: #000;
  box-shadow: 0 40px 110px rgba(0,0,0,.58);
}
.video-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border: 1px solid rgba(245,246,244,.04);
  box-shadow: inset 0 0 70px rgba(0,0,0,.26);
}
.video-shell video { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.reel-meta {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  padding: 1.15rem 0;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
}
.reel-meta p { margin: 0; }
.reel-meta span { color: var(--gold); }

/* About and tools */
.about-grid {
  display: grid;
  grid-template-columns: minmax(280px, .78fr) minmax(320px, 1fr);
  align-items: center;
  gap: clamp(3rem, 8vw, 8rem);
}
.portrait-wrap {
  position: relative;
  width: min(430px, 100%);
  aspect-ratio: 1;
  margin-inline: auto;
}
.portrait-wrap::before {
  content: "";
  position: absolute;
  inset: -2.3rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,79,89,.32), transparent 66%);
  filter: blur(12px);
  z-index: -1;
}
.portrait-wrap img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: center 24%;
  border: 1px solid rgba(224,196,125,.48);
  filter: saturate(.78) contrast(1.08) brightness(.85);
  box-shadow: 0 35px 80px rgba(0,0,0,.52);
}
.portrait-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 55%, rgba(0,28,32,.32));
}
.portrait-ring {
  position: absolute;
  inset: -14px;
  z-index: -1;
  border: 1px solid rgba(199,164,76,.56);
  border-radius: 50%;
}
.about-copy .lead {
  color: var(--cream);
  font-family: var(--serif);
  font-size: clamp(1.22rem, 2vw, 1.7rem);
  line-height: 1.5;
}
.about-copy > p:not(.lead) { max-width: 680px; color: var(--muted); }
.tools-block {
  margin-top: clamp(4rem, 8vw, 7rem);
  padding-top: 2.3rem;
  border-top: 1px solid rgba(199,164,76,.22);
}
.tools-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 1.8rem;
}
.tools-heading h3 { margin: 0; font-size: clamp(1.7rem, 3vw, 2.65rem); }
.tools-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: .8rem; }
.tool-card {
  display: flex;
  align-items: center;
  gap: .85rem;
  min-height: 96px;
  padding: 1rem;
  border: 1px solid rgba(199,164,76,.18);
  background: linear-gradient(145deg, rgba(0,79,89,.13), rgba(0,0,0,.42));
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.tool-card:hover { transform: translateY(-3px); border-color: rgba(224,196,125,.55); background: linear-gradient(145deg, rgba(0,79,89,.22), rgba(0,0,0,.54)); }
.tool-logo {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 9px;
}
.tool-logo svg { width: 38px; height: 38px; }
.tool-card strong { display: block; color: var(--cream); font-size: .85rem; line-height: 1.2; }
.tool-card small { display: block; margin-top: .2rem; color: var(--muted); font-size: .68rem; line-height: 1.3; }
.adobe-logo { font-size: 1.05rem; font-weight: 800; border: 1px solid currentColor; }
.premiere-logo { color: #d9b5ff; background: #160625; }
.photoshop-logo { color: #7edbff; background: #001a2c; }
.comfy-logo, .metricool-logo { color: var(--gold-light); border: 1px solid rgba(199,164,76,.42); background: rgba(0,0,0,.36); }
.comfy-logo svg, .metricool-logo svg { fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }

/* Experience */
.timeline { border-top: 1px solid rgba(199,164,76,.22); }
.timeline-item {
  display: grid;
  grid-template-columns: minmax(170px, .34fr) 1fr;
  gap: clamp(1.5rem, 4vw, 5rem);
  padding: 2.6rem 0;
  border-bottom: 1px solid var(--line);
}
.timeline-date {
  color: var(--gold);
  font-size: .75rem;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.timeline-content h3 {
  margin: 0 0 .75rem;
  color: var(--cream);
  font-family: var(--serif);
  font-size: clamp(1.5rem, 2.7vw, 2.15rem);
  font-weight: 400;
}
.timeline-content p { margin: 0; color: var(--muted); }
.timeline-content ul { margin: 1rem 0 0; padding-left: 1.15rem; color: var(--cream); }
.project-list { margin-top: 1rem !important; color: rgba(233,221,200,.74) !important; }

/* Focus */
.focus-card {
  position: relative;
  overflow: hidden;
  padding: clamp(2.4rem, 5.5vw, 5rem);
  border: 1px solid rgba(199,164,76,.28);
  background:
    radial-gradient(circle at 16% 10%, rgba(224,196,125,.09), transparent 20rem),
    linear-gradient(135deg, rgba(0,79,89,.8), rgba(2,19,22,.98) 68%);
  box-shadow: 0 35px 90px rgba(0,0,0,.42);
}
.focus-card::after {
  content: "";
  position: absolute;
  right: -8rem;
  top: -10rem;
  width: 22rem;
  height: 22rem;
  border: 1px solid rgba(199,164,76,.15);
  border-radius: 50%;
}
.focus-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 2.4rem; }
.focus-grid > div { padding: 0 clamp(1rem,3vw,2.4rem); border-left: 1px solid rgba(224,196,125,.2); }
.focus-grid > div:first-child { padding-left: 0; border-left: 0; }
.focus-grid > div:last-child { padding-right: 0; }
.focus-grid span { color: var(--gold); font-family: var(--serif); font-size: .78rem; letter-spacing: .12em; }
.focus-grid h3 { margin: .65rem 0 .55rem; color: var(--cream); font-size: 1.45rem; }
.focus-grid p { margin: 0; color: rgba(245,246,244,.7); }

/* Testimonials */
.testimonial-carousel {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(199,164,76,.32);
  background: linear-gradient(135deg, rgba(0,79,89,.16), rgba(0,0,0,.76));
  box-shadow: 0 36px 95px rgba(0,0,0,.5);
}
.testimonial-viewport { overflow: hidden; }
.testimonial-track { display: flex; transition: transform .55s cubic-bezier(.22,.61,.36,1); }
.testimonial-slide {
  min-width: 100%;
  display: grid;
  grid-template-columns: minmax(250px, .72fr) minmax(0, 1.3fr);
  align-items: center;
  gap: clamp(2.5rem, 6vw, 5.5rem);
  padding: clamp(2rem, 5.5vw, 5rem);
}
.testimonial-portrait {
  position: relative;
  min-height: 360px;
  overflow: hidden;
  border: 1px solid rgba(224,196,125,.38);
  background: #071012;
}
.testimonial-portrait::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.45));
  pointer-events: none;
}
.testimonial-portrait img {
  width: 100%;
  height: 100%;
  min-height: 360px;
  object-fit: cover;
  object-position: center 27%;
  filter: saturate(.72) contrast(1.08) brightness(.78);
}
.testimonial-content { position: relative; }
.quote-mark {
  position: absolute;
  top: -2.2rem;
  left: -.8rem;
  color: rgba(199,164,76,.18);
  font-family: var(--serif);
  font-size: clamp(7rem, 12vw, 11rem);
  line-height: 1;
}
.testimonial-content blockquote {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--cream);
  font-family: var(--serif);
  font-size: clamp(1.2rem, 2.1vw, 1.78rem);
  line-height: 1.55;
}
.testimonial-author { display: flex; flex-direction: column; margin-top: 1.8rem; }
.testimonial-author strong { color: var(--gold-light); font-family: var(--serif); font-size: 1.15rem; font-weight: 400; }
.testimonial-author span { color: rgba(245,246,244,.55); font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; }
.testimonial-slide-pending { opacity: .72; }
.testimonial-placeholder-avatar {
  width: 100%;
  min-height: 360px;
  display: grid;
  place-items: center;
  border: 1px dashed rgba(199,164,76,.42);
  color: rgba(224,196,125,.58);
  background: radial-gradient(circle, rgba(0,79,89,.22), rgba(0,0,0,.52));
  font-family: var(--serif);
  font-size: 4rem;
}
.carousel-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.15rem 1rem 1.4rem;
  border-top: 1px solid rgba(199,164,76,.14);
}
.carousel-button {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(199,164,76,.35);
  color: var(--gold-light);
  background: transparent;
  cursor: pointer;
  transition: background .2s ease, color .2s ease;
}
.carousel-button:hover { background: rgba(199,164,76,.1); color: var(--cream); }
.carousel-button:disabled { opacity: .35; cursor: default; }
.carousel-dots { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.carousel-dot {
  width: 24px;
  height: 2px;
  padding: 0;
  border: 0;
  background: rgba(245,246,244,.23);
  cursor: pointer;
  transition: width .2s ease, background .2s ease;
}
.carousel-dot.is-active { width: 40px; background: var(--gold); }

/* Contact */
.contact-section { text-align: center; padding-top: clamp(6rem,10vw,9rem); padding-bottom: clamp(6rem,10vw,9rem); }
.contact-number { margin-bottom: .65rem; }
.contact-section h2 { max-width: 900px; margin: 0 auto; }
.contact-section > p:not(.eyebrow):not(.section-number) { color: var(--muted); }

/* WhatsApp and footer */
.whatsapp-float {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 90;
  display: flex;
  align-items: center;
  gap: .55rem;
  min-height: 52px;
  padding: .65rem .9rem;
  border: 1px solid rgba(224,196,125,.26);
  border-radius: 999px;
  color: white;
  text-decoration: none;
  background: linear-gradient(135deg, #1fa866, #147a4a);
  box-shadow: 0 16px 44px rgba(0,0,0,.45);
  transition: transform .2s ease, box-shadow .2s ease;
}
.whatsapp-float:hover, .whatsapp-float:focus-visible { transform: translateY(-3px); box-shadow: 0 20px 50px rgba(0,0,0,.55); }
.whatsapp-float svg { width: 26px; height: 26px; fill: currentColor; }
.whatsapp-float span { font-size: .73rem; font-weight: 750; letter-spacing: .06em; }
.site-footer {
  width: min(var(--max), calc(100% - 2.4rem));
  margin: 0 auto;
  padding: 1.6rem 0 2.4rem;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  border-top: 1px solid rgba(199,164,76,.18);
  color: rgba(245,246,244,.42);
  font-size: .76rem;
}
.site-footer a { text-decoration: none; color: var(--gold); }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .75s ease, transform .75s ease; }
.reveal.visible { opacity: 1; transform: none; }

@keyframes heroZoom { from { transform: scale(1.1); } to { transform: scale(1.035); } }
@keyframes scrollCue { 0%,100% { transform: translate(-50%,0); opacity: .35; } 50% { transform: translate(-50%,11px); opacity: 1; } }
@keyframes particleFloat { from { transform: translate(0,0); } to { transform: translate(var(--drift-x), var(--drift-y)); } }

@media (max-width: 1050px) {
  .tools-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (max-width: 840px) {
  .site-header { grid-template-columns: 1fr auto; }
  .nav { display: none; }
  .hero { min-height: 92svh; }
  .hero h1 { font-size: clamp(3.4rem, 14.5vw, 6.7rem); }
  .scroll-cue { display: none; }
  .about-grid { grid-template-columns: 1fr; }
  .portrait-wrap { max-width: 420px; }
  .tools-heading { display: block; }
  .tools-heading h3 { margin-top: .3rem; }
  .focus-grid { grid-template-columns: 1fr; }
  .focus-grid > div, .focus-grid > div:first-child, .focus-grid > div:last-child {
    padding: 1.45rem 0;
    border-left: 0;
    border-top: 1px solid rgba(224,196,125,.2);
  }
  .focus-grid > div:first-child { border-top: 0; }
  .testimonial-slide { grid-template-columns: 1fr; text-align: center; }
  .testimonial-portrait, .testimonial-placeholder-avatar { width: min(420px,100%); min-height: 340px; margin-inline: auto; }
  .testimonial-author { align-items: center; }
}

@media (max-width: 620px) {
  :root { --header-h: 68px; }
  .site-header { padding-inline: 1rem; }
  .brand { font-size: .92rem; letter-spacing: .08em; }
  .hero { padding-inline: 1rem; }
  .hero h1 { font-size: clamp(3rem, 15vw, 5.1rem); }
  .hero-name-small { letter-spacing: .18em; }
  .hero-actions .button { width: 100%; }
  .section { width: min(var(--max), calc(100% - 2rem)); }
  .section-heading, .section-heading.compact { grid-template-columns: 38px 1fr; }
  .section-heading.centered-heading { grid-template-columns: 1fr; }
  .tools-grid { grid-template-columns: 1fr; }
  .tool-card { min-height: 78px; }
  .timeline-item { grid-template-columns: 1fr; gap: .7rem; }
  .reel-meta { flex-direction: column; gap: .35rem; }
  .testimonial-slide { padding: 1.2rem; }
  .testimonial-portrait, .testimonial-placeholder-avatar { min-height: 285px; }
  .carousel-dot { width: 14px; }
  .carousel-dot.is-active { width: 26px; }
  .contact-actions .button { width: 100%; }
  .whatsapp-float { right: 14px; bottom: 14px; width: 54px; height: 54px; padding: 0; justify-content: center; }
  .whatsapp-float span { display: none; }
  .site-footer { flex-direction: column; gap: .4rem; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}
/* V5 — tratamiento editorial/cinematográfico */
body{background:radial-gradient(circle at 78% 6%,rgba(0,79,89,.22),transparent 30rem),linear-gradient(180deg,#010606 0%,#020d0f 34%,#000 100%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center,transparent 42%,rgba(0,0,0,.62) 100%)}
.hero h1,.section h2,.tools-heading h3,.testimonial-author strong{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.015em;color:var(--cream);text-shadow:0 0 28px rgba(199,164,76,.08)}
.hero h1{color:#f0e4cf;letter-spacing:.01em;text-transform:uppercase}
.section{position:relative}
.section::before{content:"";position:absolute;left:50%;top:0;width:min(760px,75%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(199,164,76,.3),transparent)}
.project-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.35rem}
.project-links a{display:inline-flex;gap:.5rem;align-items:center;padding:.62rem .82rem;border:1px solid rgba(199,164,76,.28);background:linear-gradient(135deg,rgba(0,79,89,.18),rgba(0,0,0,.3));color:var(--cream);text-decoration:none;font-size:.8rem;letter-spacing:.035em;transition:.2s ease}
.project-links a span{color:var(--gold)}
.project-links a:hover{transform:translateY(-2px);border-color:rgba(199,164,76,.7);background:rgba(199,164,76,.08)}
.testimonial-section{width:min(1320px,calc(100% - 2.4rem))}
.testimonial-carousel{background:linear-gradient(145deg,rgba(0,39,44,.72),rgba(0,0,0,.82));border:1px solid rgba(199,164,76,.32);box-shadow:0 30px 90px rgba(0,0,0,.5),inset 0 0 70px rgba(0,79,89,.09)}
.testimonial-slide{grid-template-columns:minmax(220px,360px) 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(1.4rem,4vw,3.5rem)}
.testimonial-photo,.testimonial-placeholder{width:100%;aspect-ratio:1/1;border-radius:3px;object-fit:cover;border:1px solid rgba(199,164,76,.48);box-shadow:0 20px 60px rgba(0,0,0,.45);filter:saturate(.88) contrast(1.04)}
.testimonial-placeholder{display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#0c555d,#031719 72%);font:400 clamp(4rem,10vw,8rem)/1 Georgia,serif;color:rgba(233,221,200,.6)}
.quote-mark{font-family:Georgia,serif;color:var(--gold);font-size:5rem;line-height:.55}
.testimonial-content blockquote{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.15rem,2vw,1.65rem);line-height:1.55;color:#eee1cc}
.carousel-button,.carousel-dot{border-color:rgba(199,164,76,.48)}
@media(max-width:760px){.testimonial-slide{grid-template-columns:1fr}.testimonial-photo,.testimonial-placeholder{max-width:320px;margin:auto}.project-links a{width:100%;justify-content:space-between}}


/* V6 tweaks */
.cinematic-bg::before{content:"";position:absolute;left:50%;top:10%;width:min(68vw,860px);height:min(68vw,860px);transform:translateX(-50%);background:radial-gradient(circle,rgba(224,196,125,.18) 0%,rgba(199,164,76,.09) 16%,rgba(0,79,89,.18) 34%,transparent 70%);filter:blur(14px);opacity:.9;animation:centerGlow 12s ease-in-out infinite alternate;}
.cinematic-bg::after{content:"";position:absolute;left:50%;top:22%;width:min(82vw,1020px);height:58vh;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(224,196,125,.08),transparent 58%);opacity:.9;}
.cinematic-beam{left:56%;width:14rem;opacity:.11;filter:blur(18px);background:linear-gradient(180deg,transparent,rgba(224,196,125,.8),transparent);animation:beamShift 16s ease-in-out infinite alternate;}
.gold-particle{box-shadow:0 0 12px rgba(224,196,125,.78),0 0 24px rgba(224,196,125,.18);}
.site-header{grid-template-columns:max-content 1fr max-content;gap:1rem;padding:0 clamp(1rem,3vw,3.1rem);}
.brand{font-size:1.38rem;letter-spacing:.14em;}
.brand-accent{color:var(--gold)!important;}
.nav{justify-self:center;justify-content:center;gap:1.15rem;}
.nav a{font-size:.79rem;letter-spacing:.12em;}
.language-toggle{font-size:.8rem;padding:.58rem .8rem;}
.hero-content{max-width:980px;}
.hero-name-small{margin:.55rem 0 0.95rem;color:rgba(245,246,244,.8);font-size:.86rem;letter-spacing:.22em;}
.hero h1{font-size:clamp(4.2rem,11.4vw,9.8rem);color:#f2e6d2;text-shadow:0 0 32px rgba(224,196,125,.13),0 10px 50px rgba(0,0,0,.72);}
.hero-overlay{background:linear-gradient(180deg,rgba(1,5,6,.72),rgba(1,5,6,.4) 32%,rgba(1,5,6,.88) 92%),radial-gradient(circle at 50% 30%,rgba(224,196,125,.14),transparent 20rem),radial-gradient(circle at 50% 42%,rgba(0,79,89,.28),transparent 35rem),linear-gradient(90deg,rgba(0,0,0,.78),transparent 28%,transparent 72%,rgba(0,0,0,.78));}
.tools-heading h3{max-width:640px;}
.whatsapp-float{color:var(--gold-light);background:linear-gradient(135deg,rgba(7,16,18,.96),rgba(2,8,9,.94));border-color:rgba(224,196,125,.42);box-shadow:0 16px 44px rgba(0,0,0,.45),0 0 0 1px rgba(224,196,125,.08) inset;}
.whatsapp-float:hover,.whatsapp-float:focus-visible{color:var(--cream);background:linear-gradient(135deg,rgba(16,23,25,.98),rgba(4,10,11,.98));}
.whatsapp-float svg{fill:currentColor;}
@keyframes centerGlow{from{transform:translateX(-50%) scale(.98);opacity:.72}to{transform:translateX(-50%) scale(1.05);opacity:1}}
@keyframes beamShift{from{transform:rotate(16deg) translateY(-2%)}to{transform:rotate(20deg) translateY(2%)}}
@media (max-width: 840px){.site-header{grid-template-columns:max-content 1fr max-content;gap:.75rem;}.nav{display:flex;gap:.7rem;overflow:auto;scrollbar-width:none;}.nav::-webkit-scrollbar{display:none;}.nav a{font-size:.68rem;white-space:nowrap;}.language-toggle{justify-self:auto;}}
@media (max-width: 620px){.brand{font-size:1.06rem;letter-spacing:.1em;}.site-header{padding-inline:.75rem;}.language-toggle{font-size:.72rem;padding:.44rem .64rem;}.hero-name-small{font-size:.74rem;letter-spacing:.16em;}}


/* V7 tweaks */
.cinematic-bg{background:radial-gradient(circle at 18% 8%, rgba(0,79,89,.28), transparent 28rem),radial-gradient(circle at 82% 18%, rgba(224,196,125,.08), transparent 22rem),radial-gradient(circle at 72% 68%, rgba(0,79,89,.16), transparent 34rem),linear-gradient(180deg, #031116 0%, #02090b 34%, #000204 100%);}
.cinematic-bg::before{background:radial-gradient(circle,rgba(224,196,125,.12) 0%,rgba(199,164,76,.08) 14%,rgba(0,79,89,.22) 34%,transparent 72%);filter:blur(18px);}
.cinematic-bg::after{background:radial-gradient(ellipse at center,rgba(224,196,125,.06),transparent 60%), radial-gradient(ellipse at center, rgba(0,79,89,.08), transparent 72%);}
.gold-particles{mix-blend-mode:screen;}
.gold-particle{animation:particleFloat var(--duration) linear var(--delay) infinite; background:rgba(224,196,125,.95);}
@keyframes particleFloat{0%{transform:translate(0,0) scale(1);opacity:calc(var(--opacity) * .82)}50%{transform:translate(calc(var(--drift-x) * .45), calc(var(--drift-y) * .45)) scale(1.08);opacity:var(--opacity)}100%{transform:translate(var(--drift-x), var(--drift-y)) scale(.96);opacity:calc(var(--opacity) * .76)}}
.focus-card{text-align:center;padding:clamp(2.2rem,5vw,4.6rem);}
.focus-main-title{margin:.15rem 0 .7rem;font-size:clamp(2.3rem,5vw,4.9rem);line-height:1.02;}
.focus-intro{max-width:900px;margin:0 auto 2.4rem;color:rgba(245,246,244,.82);font-size:clamp(1.05rem,1.6vw,1.22rem);}
.focus-grid{align-items:start;}
.focus-grid > div{padding:0 clamp(1rem,3vw,2rem);text-align:center;}
.focus-grid h3{font-size:clamp(1.35rem,2vw,1.7rem);margin:.8rem 0 .7rem;}
.focus-grid p{font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.72;color:rgba(245,246,244,.82);}
.testimonial-slide{grid-template-columns:minmax(250px,300px) 1fr;align-items:center;}
.testimonial-photo,.testimonial-placeholder{width:min(270px,72vw);aspect-ratio:1/1;border-radius:50%;object-fit:cover;object-position:center 22%;margin-inline:auto;box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 0 1px rgba(224,196,125,.28);}
.testimonial-content{display:flex;flex-direction:column;justify-content:center;}
.testimonial-author strong{font-size:1.28rem;}
.testimonial-author span{font-size:.74rem;}
@media(max-width:840px){.focus-intro{font-size:1rem}.testimonial-slide{text-align:center;grid-template-columns:1fr}.testimonial-content{align-items:center}.quote-mark{left:50%;transform:translateX(-50%);}.testimonial-content blockquote{max-width:760px}}


/* V8 tweaks */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;font-size:0;}
.brand-logo{display:block;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(199,164,76,.16));}
.eyebrow{font-size:.94rem;letter-spacing:.16em;margin-bottom:1rem;}
.section h2{font-size:clamp(2.8rem,6vw,5.7rem);}
.section-heading{margin-bottom:clamp(2.8rem,5vw,4.8rem);}
.section-number{font-size:1.05rem;}
.timeline-date{font-size:1rem;letter-spacing:.12em;}
.reel-meta p{font-size:1.02rem;}
.about-copy .lead{font-size:clamp(1.08rem,1.85vw,1.34rem);line-height:1.6;color:var(--gold-light);}
.about-copy>p:not(.lead){font-size:1.04rem;line-height:1.82;color:rgba(245,246,244,.82);max-width:780px;}
.tools-heading .eyebrow{font-size:1.05rem;}
.tools-heading h3{font-size:clamp(2.1rem,4vw,3.2rem);}
.tool-card{min-height:108px;}
.tool-logo{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:0 0 70px;background:rgba(245,246,244,.06);border:1px solid rgba(233,221,200,.18);}
.tool-logo-image img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;}
.tool-logo-circle{border-radius:50%!important;width:70px;height:70px;}
.adobe-logo{font-size:1.3rem;font-weight:700;}
.focus-main-title{font-size:clamp(2.8rem,6vw,5.9rem);margin-bottom:1rem;}
.focus-intro{max-width:980px;font-size:clamp(1.08rem,1.7vw,1.24rem);}
.focus-grid h3{font-size:clamp(1.5rem,2vw,1.8rem);}
.focus-grid p{font-size:clamp(1.03rem,1.45vw,1.15rem);}
.testimonial-content blockquote{font-size:clamp(1.18rem,2.1vw,1.72rem);}
.testimonial-author span{font-size:.78rem;}
@media(max-width:620px){.brand-logo{width:48px;height:48px}.eyebrow{font-size:.84rem}.section h2{font-size:clamp(2.4rem,9vw,4rem)}}


/* V9 final refinements */
.brand-logo{width:62px;height:62px;object-fit:contain;}
.about-heading{margin-bottom:1.3rem;}
.about-heading .eyebrow{margin-bottom:0;font-size:1.18rem;}
.tool-logo{width:76px;height:76px;flex-basis:76px;border:0;background:transparent;overflow:visible;}
.tool-logo-image img{width:76px;height:76px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.34));}
.tool-card{align-items:center;gap:1rem;}
.project-pending{display:inline-flex;gap:.45rem;align-items:center;padding:.62rem .82rem;border:1px dashed rgba(199,164,76,.34);background:rgba(0,79,89,.08);color:rgba(233,221,200,.75);font-size:.8rem;letter-spacing:.035em;}
.project-pending em{font-style:normal;color:var(--gold);font-size:.72rem;}
.focus-card{position:relative;overflow:hidden;padding:clamp(3rem,6vw,5.4rem);background:radial-gradient(circle at 50% -10%,rgba(224,196,125,.12),transparent 34rem),linear-gradient(145deg,rgba(0,79,89,.72),rgba(1,7,8,.94));border:1px solid rgba(199,164,76,.34);box-shadow:0 40px 100px rgba(0,0,0,.5),inset 0 0 80px rgba(0,79,89,.08);}
.focus-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(224,196,125,.05) 48%,transparent 76%);}
.focus-main-title{position:relative;margin:0 0 1.2rem;font-size:clamp(3.4rem,7vw,6.5rem);color:var(--gold-light);}
.focus-intro{position:relative;margin-bottom:3rem;max-width:900px;}
.focus-grid{position:relative;gap:1.2rem;}
.focus-grid>div,.focus-grid>div:first-child,.focus-grid>div:last-child{position:relative;padding:2.2rem 1.65rem;border:1px solid rgba(224,196,125,.18);background:linear-gradient(155deg,rgba(3,34,39,.82),rgba(0,0,0,.42));min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.focus-grid>div::before{content:"";position:absolute;left:15%;right:15%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);}
.focus-grid span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;margin-bottom:.75rem;border:1px solid rgba(224,196,125,.42);color:var(--gold-light);background:rgba(0,79,89,.32);font-size:.75rem;}
.focus-grid h3{color:var(--cream);font-size:clamp(1.45rem,2vw,1.8rem);}
.focus-grid p{max-width:34ch;margin-inline:auto;}
.testimonial-author strong{font-size:clamp(1.15rem,1.8vw,1.42rem);}
.testimonial-author span{font-size:.76rem;letter-spacing:.11em;}
@media(max-width:840px){.focus-grid{gap:.85rem}.focus-grid>div,.focus-grid>div:first-child,.focus-grid>div:last-child{min-height:auto;padding:1.8rem 1.25rem}.brand-logo{width:54px;height:54px}}


/* V10 refinements */
.focus-card{text-align:center;}
.focus-main-title{display:block;width:100%;margin:0 auto 1.35rem;text-align:center;color:var(--gold);}
.focus-grid{grid-auto-rows:1fr;align-items:stretch;}
.focus-grid>div,.focus-grid>div:first-child,.focus-grid>div:last-child{height:100%;min-height:360px;justify-content:flex-start;}
.focus-grid p{flex:1;display:flex;align-items:flex-start;}
@media(max-width:840px){.focus-grid{grid-auto-rows:auto}.focus-grid>div,.focus-grid>div:first-child,.focus-grid>div:last-child{height:auto;min-height:0}.focus-grid p{display:block}}


/* V11 tweaks */
.nav{gap:clamp(1.15rem,2.2vw,2.35rem);}
.nav a{color:rgba(245,246,244,.92);font-size:1rem;font-weight:640;letter-spacing:.11em;text-shadow:0 0 18px rgba(0,0,0,.32);}
.nav a::after{height:2px;bottom:-.5rem;background:linear-gradient(90deg,var(--gold),rgba(224,196,125,.5));}
.nav a:hover,.nav a:focus-visible{color:var(--off-white);}
.language-toggle{font-size:.9rem;color:rgba(245,246,244,.9);padding:.62rem .86rem;background:rgba(0,79,89,.18);border-color:rgba(224,196,125,.4);}
.site-header.scrolled{background:rgba(1,7,8,.9);}
.hero-media{background:url('assets/hero-collage.webp') center center / cover no-repeat;filter:saturate(.92) contrast(1.05) brightness(.54);transform:scale(1.03);}
.hero-overlay{background:linear-gradient(180deg,rgba(1,5,6,.56),rgba(1,5,6,.28) 28%,rgba(1,5,6,.86) 92%),radial-gradient(circle at 50% 30%,rgba(224,196,125,.14),transparent 18rem),radial-gradient(circle at 50% 42%,rgba(0,79,89,.18),transparent 34rem),linear-gradient(90deg,rgba(0,0,0,.74),transparent 24%,transparent 76%,rgba(0,0,0,.74));}
.tool-logo{width:82px;height:82px;flex-basis:82px;border:0 !important;background:transparent !important;box-shadow:none !important;padding:0;overflow:hidden;}
.tool-logo-image img{width:82px;height:82px;object-fit:contain !important;border-radius:50%;display:block;filter:drop-shadow(0 12px 24px rgba(0,0,0,.28));background:transparent !important;}
.tool-card{align-items:center;}
.tool-card strong{font-size:1.02rem;}
.tool-card small{font-size:.84rem;}
@media (max-width: 840px){.nav a{font-size:.78rem;letter-spacing:.08em;opacity:1}.language-toggle{font-size:.76rem;padding:.5rem .68rem}.hero-media{background-position:center 40%;}}
@media (max-width: 620px){.nav a{font-size:.74rem;}}


/* V12 tweaks */
.hero-media{filter:saturate(.68) contrast(1.02) brightness(.50) sepia(.22);}
.reel-section,.testimonial-section,.contact-section,.experience-section{position:relative;isolation:isolate;}
.reel-section::before,.testimonial-section::before,.contact-section::before,.experience-section::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background:
 radial-gradient(circle at 15% 20%, rgba(224,196,125,.12), transparent 18rem),
 radial-gradient(circle at 82% 22%, rgba(0,79,89,.12), transparent 20rem),
 radial-gradient(circle, rgba(224,196,125,.24) 0 1px, transparent 1.4px) 0 0/56px 56px,
 radial-gradient(circle, rgba(224,196,125,.14) 0 1px, transparent 1.3px) 23px 16px/72px 72px,
 radial-gradient(circle, rgba(224,196,125,.08) 0 1px, transparent 1.2px) 8px 36px/86px 86px;mask-image:linear-gradient(180deg, transparent 0, rgba(0,0,0,.7) 9%, rgba(0,0,0,1) 18%, rgba(0,0,0,1) 82%, rgba(0,0,0,.6) 92%, transparent 100%);}
.video-shell{position:relative;isolation:isolate;}
.video-shell::after{content:"";position:absolute;inset:-1px;pointer-events:none;z-index:2;background:
 radial-gradient(circle at 9% 14%, rgba(224,196,125,.16), transparent 12rem),
 radial-gradient(circle at 88% 80%, rgba(0,79,89,.15), transparent 14rem),
 radial-gradient(circle, rgba(224,196,125,.18) 0 1px, transparent 1.25px) 0 0/42px 42px,
 radial-gradient(circle, rgba(224,196,125,.10) 0 1px, transparent 1.1px) 18px 12px/56px 56px;mix-blend-mode:screen;opacity:.35;}
.focus-card{position:relative;overflow:hidden;isolation:isolate;}
.focus-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.26;background:
 radial-gradient(circle at 18% 16%, rgba(224,196,125,.15), transparent 16rem),
 radial-gradient(circle at 84% 22%, rgba(245,246,244,.06), transparent 18rem),
 radial-gradient(circle at 70% 72%, rgba(0,79,89,.16), transparent 20rem),
 radial-gradient(circle, rgba(224,196,125,.24) 0 1px, transparent 1.3px) 0 0/52px 52px,
 radial-gradient(circle, rgba(224,196,125,.12) 0 1px, transparent 1.2px) 18px 18px/72px 72px;}
.testimonial-carousel{position:relative;overflow:hidden;isolation:isolate;}
.testimonial-carousel::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;background:
 radial-gradient(circle at 82% 18%, rgba(224,196,125,.16), transparent 16rem),
 radial-gradient(circle at 22% 78%, rgba(0,79,89,.14), transparent 18rem),
 radial-gradient(circle, rgba(224,196,125,.20) 0 1px, transparent 1.25px) 0 0/62px 62px,
 radial-gradient(circle, rgba(224,196,125,.10) 0 1px, transparent 1.1px) 21px 13px/78px 78px;}
.contact-section::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.20;background:
 radial-gradient(circle at 50% 15%, rgba(224,196,125,.20), transparent 14rem),
 radial-gradient(circle at 30% 75%, rgba(0,79,89,.12), transparent 20rem),
 radial-gradient(circle, rgba(224,196,125,.22) 0 1px, transparent 1.25px) 0 0/54px 54px,
 radial-gradient(circle, rgba(224,196,125,.10) 0 1px, transparent 1.1px) 17px 9px/70px 70px;}
.tool-logo{width:82px;height:82px;flex-basis:82px;display:grid;place-items:center;overflow:hidden;border:0!important;background:transparent!important;box-shadow:none!important;padding:0;}
.tool-logo-image img{width:82px;height:82px;object-fit:contain!important;border-radius:50%;display:block;background:transparent!important;filter:drop-shadow(0 12px 22px rgba(0,0,0,.24));}


/* V13 tweaks */
.focus-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.focus-main-title{display:flex !important;align-items:center;justify-content:center;min-height:1.1em;width:100%;margin:0 auto 1.35rem !important;text-align:center;line-height:1;position:relative;left:0;right:0;padding:0;}
.tool-logo{width:84px;height:84px;flex-basis:84px;display:grid;place-items:center;overflow:hidden;border:0!important;background:transparent!important;box-shadow:none!important;padding:0;}
.tool-logo-image img{width:84px;height:84px;object-fit:contain!important;border-radius:50%;display:block;background:transparent!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22));}
.tool-card{align-items:center;gap:1rem;}
@media(max-width:620px){.focus-main-title{margin-bottom:1rem !important}.tool-logo,.tool-logo-image img{width:78px;height:78px;flex-basis:78px}}


/* V15 email dropdown */
.contact-actions-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center;max-width:100%;}
.email-toggle{font-family:inherit;cursor:pointer;}
.email-panel{position:absolute;left:50%;top:calc(100% + 1rem);z-index:20;width:min(420px,calc(100vw - 2rem));padding:1.15rem 1.2rem 1rem;transform:translateX(-50%);border:1px solid rgba(199,164,76,.48);background:linear-gradient(145deg,rgba(4,31,35,.97),rgba(1,8,10,.98));box-shadow:0 24px 70px rgba(0,0,0,.55),inset 0 0 45px rgba(0,79,89,.12);text-align:left;animation:emailPanelIn .22s ease both;}
.email-panel[hidden]{display:none;}
.email-panel::before{content:"";position:absolute;left:50%;top:-7px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);border-left:1px solid rgba(199,164,76,.48);border-top:1px solid rgba(199,164,76,.48);background:#041d21;}
.email-panel-label{display:block;margin-bottom:.35rem;color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}
.email-address{display:block;overflow-wrap:anywhere;color:var(--cream);font-family:var(--serif);font-size:clamp(1.05rem,3vw,1.35rem);text-decoration:none;}
.email-address:hover,.email-address:focus-visible{color:var(--gold-light);}
.email-panel-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem;}
.email-copy,.email-open{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.55rem .8rem;border:1px solid rgba(224,196,125,.34);background:rgba(0,79,89,.14);color:var(--cream);font:inherit;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;}
.email-copy:hover,.email-copy:focus-visible,.email-open:hover,.email-open:focus-visible{border-color:var(--gold-light);background:rgba(199,164,76,.1);color:var(--gold-light);}
@keyframes emailPanelIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:620px){.contact-actions-wrap{display:flex;width:100%;}.contact-actions-wrap .contact-actions{width:100%;}.email-panel{top:calc(100% + .75rem);}.email-panel-actions>*{flex:1;}}