
:root:root:root .question{font-style:italic;color:var(--forest)}
:root:root:root .principles{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:0;border-top:1px solid var(--line)}
:root:root:root .principles li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line);font-size:17px}
:root:root:root .principles li span{color:var(--muted)}
:root:root:root .principles li strong{font-size:21px;letter-spacing:-.02em}
:root:root:root .reserve{position:relative;overflow:hidden;isolation:isolate}
:root:root:root .reserve-bg,:root:root:root .reserve-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
:root:root:root .reserve-bg{object-fit:cover;object-position:center 40%}
:root:root:root .reserve-shade{background:linear-gradient(90deg,#06271ef2 0%,#06271ed9 55%,#06271e99 100%)}
:root:root:root .reserve-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:70px;align-items:center}
:root:root:root .reserve-stats{display:grid;gap:14px}
:root:root:root .reserve-stats>div{padding:26px 28px;border:1px solid #ffffff28;border-radius:var(--radius);background:#ffffff0a;display:flex;align-items:baseline;gap:18px}
:root:root:root .reserve-stats strong{font-size:clamp(40px,4vw,56px);line-height:1;letter-spacing:-.045em;color:var(--gold);font-weight:400;white-space:nowrap}
:root:root:root .reserve-stats span{font-size:15px;color:#d3ddd4;line-height:1.5}
:root:root:root .legacy{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
:root:root:root #familia .split>figure img{height:620px;object-position:center 35%}
:root:root:root .milestones{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:70px;align-items:start}
:root:root:root .milestones .sec-head{grid-column:1/-1;margin-bottom:10px}
:root:root:root .milestones-photo{margin:0;position:sticky;top:calc(var(--header-h) + 32px)}
:root:root:root .milestones-photo img{height:560px;border-radius:var(--radius);outline:1px solid #00000014}
:root:root:root .milestones-photo figcaption{margin-top:12px;font-size:13px;color:var(--muted)}
:root:root:root .museum .sec-head{max-width:960px}
:root:root:root .museum-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:70px;align-items:start}
:root:root:root .museum-copy h3{margin-top:34px!important}
:root:root:root .museum-copy h3:first-child{margin-top:0!important}
:root:root:root .museum-aside{position:sticky;top:calc(var(--header-h) + 32px);display:grid;gap:20px}
:root:root:root .museum-aside figure{margin:0}
:root:root:root .museum-aside img{height:360px;border-radius:var(--radius);outline:1px solid #00000014}
:root:root:root .visit-card{padding:30px;border-radius:var(--radius);background:var(--forest);color:var(--paper)}
:root:root:root .visit-card .section-tag{color:var(--gold);border-color:#efdf9e70}
:root:root:root .inner main .visit-card h3{color:#f7f4ec;margin-bottom:16px!important}
:root:root:root .inner main .visit-card p{color:#d3ddd4;margin:18px 0 22px}
:root:root:root .visit-card .check-list li{color:#f1f3ea}
:root:root:root .visit-card .check-list .icon-slot{color:var(--gold)}
:root:root:root .visit-card .button{background:var(--gold);color:var(--forest)}
:root:root:root .pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
:root:root:root .pillar{padding:34px 30px;border:1px solid #ffffff22;border-radius:var(--radius);background:#ffffff08;display:flex;flex-direction:column;gap:16px}
:root:root:root .pillar>.icon-slot{width:48px;height:48px;border-radius:50%;background:var(--gold);color:var(--forest)}
:root:root:root .pillar>.icon-slot svg{width:24px;height:24px}
:root:root:root .inner main .pillar h3{color:var(--gold);font-size:34px!important;margin:0!important}
:root:root:root .pillar p{margin:0!important}
:root:root:root .manifesto{max-width:920px;margin:56px auto 0!important;text-align:center;padding-top:40px!important;border-top:1px solid #ffffff22!important}
@media(max-width:1100px){:root:root:root .reserve-grid,:root:root:root .milestones,:root:root:root .museum-grid{gap:40px}:root:root:root .milestones-photo img{height:460px}:root:root:root #familia .split>figure img{height:480px}}
@media(max-width:760px){:root:root:root .reserve-grid,:root:root:root .milestones,:root:root:root .museum-grid{grid-template-columns:1fr;gap:30px}:root:root:root .reserve-shade{background:#06271ee0}:root:root:root .reserve-stats>div{padding:20px 22px;gap:14px}:root:root:root .milestones-photo,:root:root:root .museum-aside{position:static}:root:root:root .milestones-photo img{height:300px}:root:root:root .museum-aside img{height:260px}:root:root:root .visit-card{padding:26px}:root:root:root .pillars{grid-template-columns:1fr}:root:root:root .pillar{padding:26px}:root:root:root .inner main .pillar h3{font-size:30px!important}:root:root:root .manifesto{margin-top:36px!important;padding-top:28px!important}:root:root:root #familia .split>figure img{height:380px}:root:root:root .principles li strong{font-size:19px}}


:root:root:root .museum-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 64px}
:root:root:root .museum-photo{display:block;padding:0;border:0;background:var(--forest);border-radius:var(--radius);overflow:hidden;height:300px;outline:1px solid #00000014;cursor:zoom-in}
:root:root:root .museum-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
@media(hover:hover){:root:root:root .museum-photo:hover img{transform:scale(1.04)}}
@media(max-width:1100px){:root:root:root .museum-photo{height:240px}}
@media(max-width:760px){:root:root:root .museum-photos{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:40px}:root:root:root .museum-photo{height:180px}:root:root:root .museum-photo:first-child{grid-column:span 2;height:220px}}
