/* Homepage editorial rhythm, in the palette established for Nuestra esencia. */
.home-page{--home-sand:var(--site-ivory);--home-wine:#68102b;--home-charcoal:#3e3030}
.home-page main>section{padding-block:clamp(72px,7vw,104px)}
.home-page .hero{border-bottom:1px solid var(--site-rule);padding-top:60px;padding-bottom:68px}
.home-page .hero h1{line-height:1.16;margin-bottom:28px}
.home-page .hero-copy p{line-height:1.8}
.home-page .hero-copy>p:last-of-type{padding-left:18px;border-left:2px solid #b18a47;margin-top:24px;color:#68102b}
.home-page .hero-copy>p:last-of-type strong{font-size:17px;line-height:1.6}
.home-page .hero-copy .actions{margin-top:24px}
.home-page .hero-art img{max-width:420px}
.home-page #nosotros{background:var(--home-sand);border-top:0}
.home-page .story-photo-inner{gap:44px 7%;align-items:center}
.home-page .story-photo-inner>img{aspect-ratio:1.1;border:1px solid #ccb28b;border-radius:0}
.home-page .story-photo-inner>div:not(.audience-wide){padding-top:26px;border-top:2px solid #b18a47}
.home-page .story-photo h2{font-size:clamp(34px,3.5vw,49px);line-height:1.18;margin-bottom:26px;text-wrap:balance}
.home-page .story-photo p{font-size:17px;line-height:1.8}
.home-page .audience-wide{border-top:0;padding-top:4px}
.home-page .audience-points{gap:20px;margin-bottom:34px}
.home-page .audience-points p{background:var(--site-cream);border:1px solid #decbb1;border-top:2px solid #b18a47;padding:25px 28px;margin:0}
.audience-invitation{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding-top:30px;border-top:1px solid #d5bfa0}
.home-page .audience-invitation>p{font-size:clamp(22px,2vw,28px);line-height:1.5;margin:0;max-width:860px;color:#68102b;text-wrap:balance}
.home-page .audience-invitation .action-button{align-self:center;margin:0}
.home-page #emprender{background:var(--home-wine);color:#fff8ed}
.home-page #emprender .split{align-items:center;gap:7%;grid-template-columns:repeat(2,minmax(0,1fr))}
.home-page #emprender .split>div{min-width:0}
.home-page #emprender .split>div:first-child{position:relative;isolation:isolate;min-width:0;padding-block:30px}
/* The existing tree artwork is softly blurred and cropped by the background box. */
.home-page #emprender .split>div:first-child:before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:0 -10px auto;width:100%;height:300px;background:url('/platindreams-logo-transparent.png') center top/430px auto no-repeat;opacity:.13;filter:blur(3px)}
.home-page #emprender .quote{font-size:clamp(38px,4.2vw,58px);line-height:1.16;max-width:500px}
.home-page #emprender .split>div:first-child p{font-size:18px;line-height:1.8;max-width:490px}
.home-page #emprender .line{background:#d6b578;margin:28px 0}
.home-page #emprender .split>div:last-child{padding:38px;background:var(--site-cream);border-top:3px solid #b18a47;color:#3e3030}
.home-page #emprender .split h3{font-size:30px;line-height:1.3;color:#68102b;margin-bottom:23px}
.home-page #emprender .split>div:last-child p{font-size:17px;line-height:1.8;color:#3e3030}
.home-page #emprender .button.outline{background:#790c2b;border-color:#790c2b;color:#fff}
.home-page #emprender .button.outline:hover{background:#590d25;border-color:#590d25}
.home-page #agenda{background:var(--site-cream);border-top:0;gap:7%}
.home-page #agenda .heading{font-size:clamp(34px,3.5vw,49px);line-height:1.2;max-width:540px}
.home-page #agenda .section-title>p{font-size:18px;line-height:1.8}
.home-page .agenda-preview .panel{padding:38px;background:var(--home-charcoal);border:1px solid var(--home-charcoal);border-top:3px solid #b18a47;color:#fff8ed}
.home-page .agenda-preview .panel .tag{color:#edce96}
.home-page .agenda-preview .panel h3{font-size:32px;color:#f4d5a2;margin:18px 0 24px}
.home-page .agenda-preview .panel p{font-size:17px;line-height:1.8;color:#fff1e7}
.home-page .agenda-preview .panel p.muted{font-size:15px;color:#decbbb}
.home-page .agenda-preview .panel>a.action-button{background:#fff8ed;color:#68102b;margin-top:10px}
.home-page .agenda-preview .panel>a.action-button:hover{background:#edddc6}
.home-page #directorio{background:var(--home-sand);border-top:1px solid #dfceb5}
.home-page #directorio .heading{font-size:clamp(34px,3.5vw,49px);margin-bottom:24px}
.home-page #directorio .section-title>p{font-size:17px;line-height:1.8}
.home-page .founders-grid{margin-top:40px;margin-bottom:0;gap:26px}
.home-page .founders-grid .panel.person{padding:32px;background:var(--site-cream);border:1px solid #decbb1;border-top:3px solid #b18a47;gap:28px}
.home-page .founders-grid .person>img{width:min(100%,280px);border:1px solid #c9ab76}
.home-page .founders-grid h3{font-size:36px;line-height:1.2;color:#68102b;margin-bottom:22px}
.home-page .founders-grid p{font-size:16px;line-height:1.8;margin-bottom:24px}
.home-page .founders-grid .tag{font-size:10px;letter-spacing:.14em}
.home-page .dreams{min-height:440px;border-top:3px solid #b18a47}
.home-page .dreams:after{background:linear-gradient(90deg,rgba(58,19,34,.95),rgba(58,23,34,.82) 55%,rgba(57,32,34,.4))}
.home-page .dreams h2{font-size:clamp(36px,4vw,56px);line-height:1.18;max-width:800px;margin-bottom:26px}
.home-page .dreams p{font-size:19px;line-height:1.8;margin-bottom:28px}
.home-page #contacto{background:var(--site-cream);border-top:0;gap:7%;grid-template-columns:.9fr 1.1fr;align-items:start}
.home-page .contact h2{font-size:clamp(36px,3.8vw,53px);line-height:1.2;max-width:460px;text-wrap:balance}
.home-page .contact-body{border-left:1px solid #c9ab76;padding:0 0 0 36px}
.home-page .contact-body p{font-size:17px;line-height:1.8;margin-bottom:24px}
.home-page .contact-body p:last-of-type{margin:30px 0 0;padding:24px;background:var(--home-sand);border-top:2px solid #b18a47;font-size:21px;line-height:1.5;color:#68102b;text-wrap:balance}
@media(max-width:1000px){
 .home-page .audience-invitation{grid-template-columns:1fr;gap:24px}
 .home-page .audience-invitation .action-button{justify-self:start}
 .home-page #emprender .split>div:last-child,.home-page .agenda-preview .panel{padding:30px}
 .home-page .founders-grid .panel.person{padding:28px}
 .home-page .founders-grid h3{font-size:32px}
}
@media(max-width:850px){
 .home-page .hero{padding-top:50px;padding-bottom:58px}
 .home-page .hero-art img{max-width:310px}
 .home-page #emprender .split{grid-template-columns:minmax(0,1fr);gap:28px}
 .home-page #emprender .split>div:first-child{padding:0}
 .home-page #emprender .quote{max-width:650px;font-size:44px}
 .home-page #emprender .split>div:first-child p{max-width:650px}
 .home-page #emprender .split>div:first-child:before{height:260px;max-width:480px;background-size:390px auto;right:0;left:auto;opacity:.1}
 .home-page #contacto{grid-template-columns:1fr;gap:30px}
 .home-page .contact h2{max-width:650px}
 .home-page .contact-body{padding:28px 0 0;border-left:0;border-top:1px solid #c9ab76}
}
@media(max-width:700px){
 .home-page main>section{padding-block:58px}
 .home-page .hero-art img{max-width:260px}
 .home-page .hero-copy>p:last-of-type{margin-top:22px;padding-left:15px}
 .home-page .hero-copy>p:last-of-type strong{font-size:16px}
 .home-page .story-photo-inner{gap:30px}
 .home-page .story-photo-inner>img{aspect-ratio:1.2}
 .home-page .story-photo-inner>div:not(.audience-wide){padding-top:24px}
 .home-page .story-photo h2{font-size:34px}
 .home-page .story-photo p{font-size:16px}
 .home-page .audience-points{gap:16px;margin-bottom:26px}
 .home-page .audience-points p{padding:24px}
 .home-page .audience-invitation{padding-top:26px;gap:22px}
 .home-page .audience-invitation>p{font-size:23px}
 .home-page #emprender .quote{font-size:38px}
 .home-page #emprender .split>div:first-child p{font-size:16px}
 .home-page #emprender .split>div:last-child,.home-page .agenda-preview .panel{padding:27px}
 .home-page #emprender .split h3{font-size:28px}
 .home-page #emprender .split>div:last-child p{font-size:16px}
 .home-page #agenda{gap:30px}
 .home-page #agenda .heading,.home-page #directorio .heading{font-size:34px}
 .home-page #agenda .section-title>p{font-size:16px}
 .home-page .agenda-preview .panel h3{font-size:30px}
 .home-page .agenda-preview .panel p,.home-page #directorio .section-title>p{font-size:16px}
 .home-page .founders-grid{margin-top:30px;gap:22px}
 .home-page .founders-grid .panel.person{padding:26px;gap:24px}
 .home-page .founders-grid h3{font-size:32px}
 .home-page .dreams{min-height:420px}
 .home-page .dreams h2{font-size:36px}
 .home-page .dreams p{font-size:17px}
 .home-page .contact h2{font-size:36px}
 .home-page .contact-body p{font-size:16px}
 .home-page .contact-body p:last-of-type{padding:22px;font-size:21px}
}
/* The opening now has three reading levels: statement, story + symbol, invitation. */
.home-page .hero-editorial{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:32px 8%;align-items:center;padding-top:56px;padding-bottom:56px}
.hero-editorial .hero-heading{grid-column:1/-1;position:relative;min-width:0}
.home-page .hero-editorial .eyebrow{margin:25px 0 22px}
.home-page .hero-editorial h1{font-size:clamp(36px,4.1vw,60px);line-height:1.13;letter-spacing:-.04em;max-width:none;margin:0}
.home-page .hero-editorial h1 .hero-lead{font-weight:700}
.home-page .hero-editorial h1 em{font-size:.88em;margin-top:.14em;font-weight:400}
.hero-editorial .hero-story{min-width:0;max-width:740px}
.hero-editorial .hero-story p{font-size:18px;line-height:1.8;margin:0 0 22px}
.hero-editorial .hero-story p:last-child{margin-bottom:0}
.home-page .hero-editorial .hero-art{justify-self:center;width:100%;max-width:290px}
.home-page .hero-editorial .hero-art img{max-width:290px}
.hero-editorial .hero-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:26px;border-top:1px solid #ccb28b;min-width:0}
.hero-editorial .hero-footer>p{margin:0;color:#68102b;font-size:19px;line-height:1.6;max-width:780px;text-wrap:balance}
.hero-editorial .hero-footer .actions{flex:none;margin:0}
@media(max-width:1000px) and (min-width:851px){.home-page .hero-editorial{column-gap:6%;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.hero-editorial .hero-story p{font-size:17px}}
@media(max-width:850px){
 .home-page .hero-editorial{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:30px 6%;padding-top:48px;padding-bottom:52px}
 .home-page .hero-editorial h1{font-size:clamp(35px,5.5vw,46px)}
 .hero-editorial .hero-story p{font-size:17px}
 .hero-editorial .hero-footer>p{font-size:18px}
 .home-page .hero-editorial .hero-art,.home-page .hero-editorial .hero-art img{max-width:240px}
}
@media(max-width:700px){
 .home-page .hero-editorial{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:46px;padding-bottom:48px}
 .home-page .hero-editorial h1{font-size:clamp(34px,7.8vw,44px)}
 .home-page .hero-editorial h1 em{font-size:.94em;margin-top:.2em}
 .hero-editorial .hero-story p{font-size:16px;line-height:1.8;margin-bottom:20px}
 .home-page .hero-editorial .hero-art,.home-page .hero-editorial .hero-art img{max-width:230px}
 .hero-editorial .hero-footer{flex-direction:column;align-items:flex-start;gap:22px;padding-top:24px}
 .hero-editorial .hero-footer>p{font-size:18px;text-wrap:pretty}
}

/* Keep the conversation photograph proportional after intrinsic image dimensions are supplied. */
.home-page .story-photo-inner>img{height:auto;aspect-ratio:1.35;max-height:400px;object-fit:cover;object-position:center}
@media(max-width:700px){.home-page .story-photo-inner>img{aspect-ratio:1.35;max-height:300px}}
