/* Brand manual: Gris Oscuro #111111, Plateado #a1a1a1.
   Posterama is named as a local preference only; no unlicensed font file is shipped. */
:root{--ink:#111111;--silver:#a1a1a1;--line:#353535}
body{font-family:Arial,Helvetica,sans-serif}
h1,h2,h3{font-family:Posterama,"Avenir Next",Avenir,"Century Gothic",Futura,Arial,sans-serif;font-weight:300}
em{font-family:inherit;font-style:normal;color:var(--silver)}
.site-header{background:#111111f5;border-color:#353535}
.hero{background:#111111}
.hero-grid{grid-template-columns:1fr 1.07fr;gap:54px;min-height:730px;padding-block:40px}
.hero-copy{padding:24px 0}
.hero h1{font-size:clamp(65px,6.8vw,96px);letter-spacing:-4.5px;line-height:1.06}
.hero-lead{max-width:400px}
.hero .eyebrow{letter-spacing:2px}
.hero-portrait{margin:0;align-self:stretch;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;overflow:hidden;background:#222;border:1px solid #444;position:relative}
.hero-portrait>img{display:block;width:100%;height:600px;object-fit:cover;object-position:76% 56%;transform:scale(1.2);transform-origin:86% 58%}
.hero-portrait figcaption{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;padding:16px 18px;color:#d4d4d4;font-size:8px;letter-spacing:1.5px;line-height:1.5;background:#181818}
.hero-bottom{border-color:#353535}
.hero-bottom>span,.hero-location{letter-spacing:1px}
.team{background:#171717}
.team-grid{gap:96px;grid-template-columns:1fr 1fr}
.team-portrait{margin:0;border:1px solid #444;position:relative;background:#222;max-width:470px}
.team-portrait>img{width:100%;height:auto;display:block}
.team-portrait figcaption{padding:17px 20px;font-size:8px;letter-spacing:1.7px;color:#d4d4d4;line-height:1.6;background:#181818}
.team-copy h2{font-size:clamp(38px,4vw,54px)}
.contact{background:radial-gradient(ellipse at 80% 60%,#262626 0,transparent 65%)}
footer{background:#111111;border-color:#353535}
.brand{gap:0}
.brand-lockup{display:block;width:210px;line-height:0;flex-shrink:0}
.brand .brand-logo{width:100%;height:auto;display:block}
.brand .logo-for-light{display:none}
@media screen{
  html[data-theme="light"]{--ink:#f6f6f6;--paper:#eeeeee;--silver:#5b5b5b;--line:#c7c7c7}
  html[data-theme="light"] .site-header{background:#fafafaf5;border-color:#ccc}
  html[data-theme="light"] .hero{background:#f6f6f6}
  html[data-theme="light"] .hero-lead,html[data-theme="light"] .hero-location,html[data-theme="light"] .hero-bottom{color:#535353}
  html[data-theme="light"] .hero-portrait,html[data-theme="light"] .team-portrait{border-color:#bbb;background:#e8e8e8}
  html[data-theme="light"] .hero-portrait figcaption,html[data-theme="light"] .team-portrait figcaption{background:#ededed;color:#3e3e3e}
  html[data-theme="light"] .hero-bottom{border-color:#ccc}
  html[data-theme="light"] .team{background:#e7e7e7}
  html[data-theme="light"] .team-copy>p:not(.eyebrow){color:#505050}
  html[data-theme="light"] .contact{background:radial-gradient(ellipse at 80% 60%,#dcdcdc 0,transparent 65%)}
  html[data-theme="light"] footer{background:#e3e3e3;border-color:#bbb}
  html[data-theme="light"] .brand .brand-logo{filter:none}
  html[data-theme="light"] .brand .logo-for-dark{display:none}
  html[data-theme="light"] .brand .logo-for-light{display:block}
}
@media(min-width:1500px){.hero-grid{min-height:770px;gap:80px}.hero-portrait>img{height:650px}.hero h1{font-size:106px}.hero-actions{flex-direction:column;align-items:flex-start}}
@media(max-width:1150px){.hero-grid{gap:35px;min-height:660px;padding-block:32px}.hero h1{font-size:76px;letter-spacing:-3.6px}.hero-portrait>img{height:560px}.brand-lockup{width:190px}.team-grid{gap:58px}}
@media(max-width:900px) and (min-width:621px){.hero-grid{grid-template-columns:1fr 1fr;gap:28px;min-height:620px}.hero h1{font-size:61px;letter-spacing:-3px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-lead{font-size:14px}.hero-portrait>img{height:530px;object-position:86% 56%}.hero-portrait figcaption{display:block;line-height:1.9}.hero-portrait figcaption>span{display:block}.brand-lockup{width:160px}.site-header nav{gap:15px;font-size:11px}.header-inner{gap:16px}.hero-location{font-size:9px;letter-spacing:0}.team-grid{gap:36px}.team-copy h2{font-size:39px}}
@media(max-width:620px){
  .brand-lockup{width:169px}
  .hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;padding-top:20px;padding-bottom:34px}
  .hero-portrait{order:1;width:100%;align-self:auto}
  .hero-portrait>img{height:310px;object-position:82% 57%;transform:scale(1.26);transform-origin:86% 57%}
  .hero-portrait figcaption{padding:12px 13px;font-size:7px;letter-spacing:1.2px}
  .hero-copy{order:2;width:100%;padding:31px 0 0}
  .hero .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:20px}
  .hero h1{font-size:clamp(48px,12.5vw,72px);letter-spacing:-2.7px;margin-bottom:21px;line-height:1.08}
  .hero-lead{font-size:14px;margin-bottom:24px;max-width:420px}
  .hero-actions{gap:14px}
  .hero-location{margin-top:23px;letter-spacing:0}
  .team-grid{display:flex;flex-direction:column;gap:34px}
  .team-portrait{max-width:100%;width:100%;order:1}
  .team-copy{order:2}
  .team-copy h2{font-size:39px}
  .team-portrait figcaption{padding:14px 15px;font-size:7px;letter-spacing:1.3px}
}
@media(max-width:360px){.brand-lockup{width:144px}.hero-portrait>img{height:285px;object-position:82% 57%}.hero h1{font-size:47px;letter-spacing:-2.7px}.hero-portrait figcaption{font-size:6px;letter-spacing:.9px}.team-copy h2{font-size:36px}}
@media print{.hero-portrait,.team-portrait{display:none}.brand .logo-for-dark{display:none}.brand .logo-for-light{display:block}.hero,.team,.contact,footer{background:white!important}}
