:root{color-scheme:light;--navy:#16243b;--ink:#23334a;--cream:#f8f6f1;--paper:#fffdfa;--orange:#ff7855;--line:#d9dedf;--muted:#667384;--blue:#3864c2;font-family:Arial,Helvetica,sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6}img{display:block;max-width:100%}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.1}h1,h2{letter-spacing:-.055em}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h2{font-size:clamp(2.8rem,5.5vw,5.8rem)}h3{font-size:clamp(1.45rem,2.2vw,2.2rem);letter-spacing:-.04em}p{max-width:70ch}.skip-link{position:absolute;left:1rem;top:-5rem;background:white;color:var(--navy);padding:.7rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{height:78px;display:flex;align-items:center;gap:2rem;padding:0 clamp(1.25rem,4vw,5rem);background:var(--navy);color:white;border-bottom:1px solid rgba(255,255,255,.16);position:relative;z-index:5}.brand{text-decoration:none;font-size:1.7rem;font-weight:900;letter-spacing:-.09em;line-height:1}.brand-dot{color:var(--orange)}.main-nav{display:flex;align-items:center;gap:clamp(1.2rem,2.8vw,2.8rem);margin-left:auto}.main-nav a,.header-contact{text-decoration:none;font-size:.84rem;font-weight:700;letter-spacing:.015em}.main-nav a{color:#dde6f2}.main-nav a:hover,.header-contact:hover{color:var(--orange)}.header-contact{margin-left:2rem;border:1px solid rgba(255,255,255,.42);padding:.62rem 1rem;border-radius:999px;white-space:nowrap}.header-contact span{margin-left:.4rem}.section-pad{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,5.5vw,7rem)}.section-number,.micro-label,.chapter-index,.eyebrow,.hero-photo-index{font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section-number{color:var(--blue);display:block;margin-bottom:1.6rem}.section-heading{max-width:620px}.section-heading-wide{max-width:970px}.section-heading>p{font-size:1.08rem;max-width:560px;color:var(--muted);margin-top:1.5rem}.hero{min-height:min(810px,calc(100svh - 78px));display:grid;grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);background:var(--navy);color:white;overflow:hidden}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(5rem,9vw,9rem) clamp(1.5rem,5.5vw,7rem) 2.1rem;min-width:0}.eyebrow{display:flex;align-items:center;gap:1rem;color:#d8e1ed;margin-bottom:2.2rem}.eyebrow-line{width:2.1rem;height:2px;background:var(--orange)}.hero h1{font-size:clamp(3.4rem,6.45vw,7.2rem);max-width:940px}.hero h1 em{color:var(--orange)}.hero-intro{font-size:clamp(1.04rem,1.42vw,1.27rem);line-height:1.65;color:#e0e7f0;max-width:640px;margin:2rem 0 2.4rem}.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:2.3rem;padding:1rem 1.25rem;text-decoration:none;border-radius:2px;font-size:.91rem;font-weight:700;white-space:nowrap}.button-light{background:var(--cream);color:var(--navy)}.button:hover{transform:translateY(-2px)}.text-link{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.28rem;font-size:.91rem;font-weight:700}.text-link-light{color:white}.hero-signature{display:flex;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:3.2rem;color:#aebacc;font-size:.66rem;font-weight:700;letter-spacing:.14em}.hero-visual{position:relative;min-height:660px;background:#718190}.hero-portrait{width:100%;height:100%;object-fit:cover;object-position:51% 27%;filter:saturate(.83)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 61%,rgba(22,36,59,.32))}.hero-music-card{position:absolute;z-index:2;left:-10%;bottom:8%;width:min(280px,46%);padding:.45rem;background:var(--cream);box-shadow:0 18px 45px rgba(0,0,0,.23);transform:rotate(-5deg)}.hero-music-card img{width:100%;aspect-ratio:1.35;object-fit:cover}.hero-music-card span{display:block;color:var(--navy);font-family:Georgia,serif;font-style:italic;font-size:.92rem;line-height:1.16;padding:.6rem .65rem .45rem}.hero-photo-index{position:absolute;right:1.7rem;bottom:1.8rem;z-index:2;color:white}.about{display:grid;grid-template-columns:.95fr 1.05fr;gap:3rem 7vw;align-items:start;background:var(--cream)}.about .section-heading{grid-column:1}.about-copy{grid-column:2;padding-top:3.3rem}.about-copy p{font-size:1.04rem;color:#4e5c6c;margin-bottom:1.15rem}.about-copy .lead{font-size:clamp(1.5rem,2.4vw,2.4rem);line-height:1.3;color:var(--navy);font-weight:700;letter-spacing:-.035em;max-width:22ch;margin-bottom:1.5rem}.about-photo-wrap{grid-column:1/-1;position:relative;margin-top:1rem}.about-photo-wrap img{width:100%;height:clamp(330px,48vw,660px);object-fit:cover;object-position:center 41%;filter:saturate(.86)}.image-caption{position:absolute;bottom:0;right:0;background:var(--paper);padding:1rem 1.4rem;font-family:Georgia,serif;font-style:italic;color:var(--navy);font-size:clamp(.95rem,1.5vw,1.35rem);max-width:330px;line-height:1.25}.value{background:var(--paper)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:4rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-card{padding:2rem clamp(1.1rem,2.5vw,3rem) 2rem 0;display:flex;flex-direction:column;min-height:380px}.value-card+.value-card{border-left:1px solid var(--line);padding-left:clamp(1.1rem,2.5vw,3rem)}.value-card-no{font-family:Georgia,serif;font-style:italic;color:var(--orange);font-size:1.2rem;margin-bottom:1.4rem}.value-card h3{max-width:18ch;color:var(--navy)}.value-card p{font-size:.94rem;color:var(--muted);line-height:1.65;margin:1.2rem 0 2rem}.value-card strong{font-size:clamp(1.4rem,2.2vw,2rem);color:var(--navy);margin-top:auto;letter-spacing:-.05em}.value-card strong span{display:block;font-size:.79rem;line-height:1.4;letter-spacing:0;font-weight:600;color:var(--muted);margin-top:.3rem}.value-proof{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center;margin-top:clamp(5rem,9vw,9rem)}.micro-label{color:var(--blue)}.proof-copy h3{font-size:clamp(2rem,3vw,3.4rem);max-width:15ch;color:var(--navy);margin:1.3rem 0}.proof-copy p{color:var(--muted);font-size:1.04rem}.proof-image img{width:100%;aspect-ratio:1.4;object-fit:cover}.proof-image figcaption,.story figure figcaption{font-size:.77rem;color:var(--muted);margin-top:.7rem}.story{background:#e9eef4}.story>.section-heading{margin-bottom:5rem}.story-grid{border-top:1px solid #bfcad6}.story-chapter{padding:4.4rem 0;border-bottom:1px solid #bfcad6}.story-chapter-image{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,6vw,7rem)}.story-chapter-image.reverse .chapter-text{order:2}.story-chapter-image.reverse>figure,.story-chapter-image.reverse>.chapter-photo-pair{order:1}.chapter-index{display:block;color:var(--blue);margin-bottom:1.1rem}.story-chapter h3{font-size:clamp(2.4rem,4vw,4.2rem);color:var(--navy);margin-bottom:1.5rem}.story-chapter p{font-size:1.02rem;color:#536374;margin-bottom:1rem}.story-chapter figure img{width:100%;max-height:570px;object-fit:cover}.story-chapter figure img[src$="la-ultima-copa.webp"]{aspect-ratio:1.45}.story-chapter figure img[src$="skill-hunting.webp"]{aspect-ratio:1.45}.story-chapter figure img[src$="tedx.webp"]{aspect-ratio:1.15;object-position:center 56%}.chapter-links{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;margin-top:2rem}.chapter-links a{font-size:.85rem;font-weight:800;text-decoration:none;border-bottom:1px solid var(--blue);color:var(--navy);padding-bottom:.2rem}.chapter-links a:hover{color:var(--blue)}.story-chapter-plain{max-width:690px;margin:0 auto;padding:5rem 0}.chapter-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}.chapter-photo-pair figure:first-child{margin-top:3rem}.chapter-photo-pair img{aspect-ratio:.82;object-fit:cover}.voices{background:var(--cream)}.voices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem;margin-top:3.7rem}.case-card{background:white}.case-card img{width:100%;height:clamp(250px,27vw,440px);object-fit:cover}.case-card:nth-child(2) img{object-position:center 40%}.case-card>div{padding:1.4rem 1.6rem 1.7rem}.case-card span{font-size:.68rem;font-weight:800;letter-spacing:.13em;color:var(--blue)}.case-card h3{margin:.5rem 0;color:var(--navy)}.case-card p{font-size:.95rem;color:var(--muted)}.voices-note{font-size:.83rem;color:var(--muted);margin-top:1.2rem}.contact{background:var(--navy);color:white;min-height:580px;display:flex;flex-direction:column}.contact .section-number{color:#ffb4a0}.contact h2{font-size:clamp(3rem,6vw,6rem)}.contact h2 em{color:var(--orange)}.contact>p{color:#c5d0df;font-size:1.1rem;margin:1.5rem 0 2rem}.contact-email{align-self:flex-start;text-decoration:none;border-bottom:2px solid var(--orange);font-size:clamp(1.25rem,3vw,2.5rem);letter-spacing:-.04em;line-height:1.4;overflow-wrap:anywhere}.contact-email:hover{color:var(--orange)}.contact-bottom{border-top:1px solid rgba(255,255,255,.25);display:flex;gap:2rem;flex-wrap:wrap;margin-top:auto;padding-top:2rem;font-size:.81rem;color:#b9c4d2}.contact-bottom span{margin-right:auto}.contact-bottom a{text-decoration:none;color:white}.contact-bottom a:hover{color:var(--orange)}@media(max-width:1100px){.hero{grid-template-columns:1fr .82fr}.hero-copy{padding-left:5vw;padding-right:4vw}.hero h1{font-size:clamp(3.5rem,6vw,5.8rem)}.hero-visual{min-height:610px}.hero-music-card{left:-8%}}@media(max-width:850px){.site-header{padding:0 1.25rem;height:68px}.main-nav{gap:1rem}.main-nav a{font-size:.72rem}.header-contact{margin-left:0;font-size:.75rem}.hero{grid-template-columns:1fr;min-height:unset}.hero-copy{min-height:610px;padding:5rem 1.5rem 2rem}.hero h1{font-size:clamp(3.8rem,11vw,6rem)}.hero-signature{margin-top:2rem}.hero-visual{min-height:560px;max-height:700px}.hero-music-card{left:auto;right:4%;bottom:7%;width:min(230px,37%)}.about{gap:1.5rem 3rem}.about-copy{padding-top:3rem}.value-grid{grid-template-columns:1fr}.value-card,.value-card+.value-card{min-height:unset;padding:1.7rem 0;border-left:0}.value-card+.value-card{border-top:1px solid var(--line)}.value-card p{margin-bottom:1rem}.value-proof{grid-template-columns:1fr;gap:2rem}.story-chapter-image{gap:2rem}.story-chapter h3{font-size:clamp(2.2rem,4vw,3rem)}}@media(max-width:620px){.site-header{gap:1rem}.main-nav{display:none}.header-contact{margin-left:auto}.section-pad{padding:4.8rem 1.25rem}.section-number{margin-bottom:1rem}.hero-copy{min-height:590px;padding:4.5rem 1.25rem 1.5rem}.eyebrow{font-size:.64rem;letter-spacing:.11em;margin-bottom:1.6rem}.hero h1{font-size:clamp(3.3rem,12vw,4.9rem)}.hero-intro{margin:1.7rem 0 2rem}.hero-actions{gap:1.5rem}.hero-signature{font-size:.58rem}.hero-visual{min-height:490px}.hero-portrait{object-position:50% 28%}.hero-music-card{right:4%;bottom:4%;width:42%;transform:rotate(-4deg)}.hero-music-card span{font-size:.7rem}.hero-photo-index{right:auto;left:1rem;bottom:1rem;font-size:.6rem}.about{display:block}.about-copy{padding-top:2rem}.about-photo-wrap{margin-top:2rem}.about-photo-wrap img{height:340px}.image-caption{font-size:.95rem;max-width:220px;padding:.7rem 1rem}.section-heading>p{font-size:1rem}.value-grid{margin-top:2.4rem}.value-card{gap:0}.value-card p{font-size:1rem}.value-proof{margin-top:4rem}.story>.section-heading{margin-bottom:3rem}.story-chapter{padding:3rem 0}.story-chapter-image{display:flex;flex-direction:column}.story-chapter-image.reverse .chapter-text,.story-chapter-image.reverse>figure,.story-chapter-image.reverse>.chapter-photo-pair{order:initial}.story-chapter figure,.chapter-photo-pair{width:100%}.chapter-photo-pair figure:first-child{margin-top:1.5rem}.chapter-photo-pair img{max-height:360px}.story-chapter-plain{padding:3rem 0}.voices-grid{grid-template-columns:1fr;gap:1.2rem;margin-top:2.5rem}.case-card img{height:260px}.contact{min-height:520px}.contact-bottom{gap:1rem}.contact-bottom span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media (min-width: 701px) and (max-width: 850px) {
  .hero { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
  .hero-copy { min-height: 660px; padding: 4rem 1.5rem 2rem; }
  .hero h1 { font-size: clamp(3rem, 5.7vw, 4rem); }
  .hero-visual { min-height: 660px; max-height: none; }
  .hero-music-card { left: -10%; right: auto; bottom: 8%; width: 50%; }
}

@media (max-width: 620px) {
  .site-header {
    height: auto;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .35rem 1rem;
    padding: .9rem 1.25rem .65rem;
  }
  .site-header .brand { grid-column: 1; grid-row: 1; align-self: center; }
  .site-header .header-contact { grid-column: 2; grid-row: 1; }
  .main-nav {
    display: flex;
    grid-column: 1 / -1;
    grid-row: 2;
    gap: 1.25rem;
    width: 100%;
    margin: 0;
    padding: .35rem 0 .15rem;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .main-nav::-webkit-scrollbar { display: none; }
  .main-nav a { flex: 0 0 auto; font-size: .77rem; white-space: nowrap; }
}

/* Focused one-screen hero with a naturally framed portrait. */
.hero {
  position: relative;
  display: block;
  height: calc(100svh - 78px);
  min-height: 0;
  isolation: isolate;
}
.hero-copy {
  position: relative;
  z-index: 2;
  width: min(64%, 1100px);
  height: 100%;
  min-height: 0;
  justify-content: flex-start;
  padding: clamp(4rem, 10vh, 7rem) 1.5rem 2rem clamp(1.5rem, 5.5vw, 7rem);
}
.hero h1 {
  max-width: 900px;
  font-size: clamp(3rem, 4.45vw, 5.2rem);
  line-height: 1.04;
}
.hero-intro {
  max-width: 760px;
  font-size: clamp(1rem, 1.22vw, 1.2rem);
  line-height: 1.55;
  margin: clamp(2rem, 5vh, 3.3rem) 0 clamp(2rem, 5vh, 3.2rem);
}
.hero-actions { gap: 1.7rem; }
.hero .button-light {
  background: var(--orange);
  color: white;
  border-radius: 999px;
  padding: 1rem 1.5rem;
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
}
.hero-signature {
  display: block;
  white-space: nowrap;
  margin-top: auto;
  padding-top: 1rem;
}
.hero-visual {
  position: absolute;
  z-index: 1;
  inset: 0 0 0 auto;
  width: 50%;
  height: 100%;
  min-height: 0;
  max-height: none;
  background: var(--navy);
}
.hero-portrait {
  object-position: 51% 21%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.22) 15%, #000 42%);
  mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.22) 15%, #000 42%);
}
.hero-visual::after {
  background: linear-gradient(90deg, var(--navy) 0%, transparent 44%), linear-gradient(0deg, rgba(22,36,59,.12), transparent 28%);
}

@media (min-width: 1200px) {
  .hero h1 { max-width: clamp(680px, 50vw, 820px); }
  .hero-intro {
    max-width: 640px;
    margin-top: clamp(2.7rem, 6vh, 4.4rem);
    margin-bottom: clamp(2.7rem, 6vh, 4.4rem);
  }
}

@media (max-width: 1100px) {
  .hero-copy { width: 75%; padding-left: 5vw; }
  .hero h1 { font-size: clamp(2.8rem, 5.25vw, 4.6rem); }
  .hero-intro { max-width: 470px; }
  .hero-visual { right: -9%; width: 62%; }
}

@media (min-width: 701px) and (max-width: 850px) {
  .hero { height: calc(100svh - 68px); }
}

@media (max-width: 700px) {
  .hero {
    height: auto;
    min-height: calc(100svh - 100px);
  }
  .hero-copy {
    width: 100%;
    min-height: calc(100svh - 100px);
    padding: clamp(2.75rem, 8vh, 4.5rem) 1.25rem 1.7rem;
  }
  .hero h1 { font-size: clamp(2.35rem, 9.7vw, 4rem); }
  .hero-intro { max-width: 34ch; margin: 1.5rem 0 1.8rem; }
  .hero-actions { align-items: flex-start; gap: 1.25rem; }
  .hero-signature { margin-top: auto; font-size: .58rem; letter-spacing: .08em; }
  .hero-visual { right: 0; width: 100%; opacity: .36; }
  .hero-portrait {
    object-position: 65% 20%;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 80%);
    mask-image: linear-gradient(180deg, #000 0%, transparent 80%);
  }
  .hero-visual::after { background: linear-gradient(90deg, var(--navy) 0%, transparent 75%); }
}

@media (max-height: 730px) and (min-width: 701px) {
  .hero-copy { padding-top: 2.2rem; padding-bottom: 1.25rem; }
  .hero h1 { font-size: clamp(2.7rem, 4.6vw, 4.4rem); }
  .hero-intro { margin: 1rem 0 1.3rem; }
  .hero-signature { padding-top: .9rem; }
}