:root{
--purple-950:#1C1526;
--purple-900:#271E36;
--purple-700:#3E3252;
--purple-500:#6B5F7A;
--gold:#B08D57;
--gold-dark:#8C6C3F;
--gold-light:#CDA96E;
--beige:#EDE6D9;
--beige-light:#F6F2EA;
--cream:#FBF9F4;
--white:#FFFFFF;
--line: rgba(39,30,54,0.14);
--green: #2E7D32;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
font-family:'Montserrat', sans-serif;
color: var(--purple-900);
background: var(--cream);
font-weight:400;
line-height:1.6;
overflow-x:hidden;
padding-bottom:66px; }
h1,h2,h3{
font-family:'Cormorant Garamond', serif;
font-weight:600;
color: var(--purple-900);
line-height:1.12;
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
button{font-family:inherit; cursor:pointer;}
.container{ max-width:1180px; margin:0 auto; padding:0 28px; }
.eyebrow{ font-size:12.5px; letter-spacing:0.04em; color:var(--gold-dark); font-weight:600; } header{
position:sticky; top:0; z-index:200;
background: rgba(251,249,244,0.94);
backdrop-filter: blur(8px);
border-bottom:1px solid var(--line);
}
.nav-wrap{
display:flex; align-items:center; justify-content:space-between;
padding:14px 28px; max-width:1180px; margin:0 auto;
}
.nav-wrap img{ height:24px; width:auto; }
.header-phone{
display:flex; align-items:center; gap:8px;
font-size:13.5px; font-weight:600; color:var(--purple-900);
}
.header-phone svg{ width:16px; height:16px; color:var(--green); }
.btn-cta{
display:inline-flex; align-items:center; justify-content:center; gap:8px;
background: var(--gold-dark); color: var(--cream) !important;
padding:13px 26px; font-size:13px; font-weight:600;
border:none; border-radius:3px;
transition: background .25s ease, transform .2s ease;
}
.btn-cta:hover{ background:var(--purple-900); transform:translateY(-1px); }
.btn-cta.small{ padding:10px 18px; font-size:12.5px; }
.btn-outline{
display:inline-flex; align-items:center; justify-content:center; gap:8px;
background:transparent; color:var(--purple-900);
padding:12px 24px; font-size:13px; font-weight:600;
border:1.5px solid var(--purple-900); border-radius:3px;
transition: all .25s ease;
}
.btn-outline:hover{ background:var(--purple-900); color:var(--cream); } .hero{
position:relative;
min-height:88vh;
display:flex;
align-items:center;
padding: 110px 0 60px;
overflow:hidden;
isolation:isolate;
}
.hero::before{
content:"";
position:absolute; inset:0;
background-image:url(//www.assenza.mx/wp-content/plugins/golden-view-motion-official/assets/img/hero_bg.jpg);
background-size:cover;
background-position:center 30%;
z-index:-2;
}
.hero::after{
content:"";
position:absolute; inset:0;
background: linear-gradient(105deg, rgba(15,11,21,0.86) 0%, rgba(15,11,21,0.62) 42%, rgba(15,11,21,0.2) 68%, rgba(15,11,21,0.05) 100%),
linear-gradient(0deg, rgba(15,11,21,0.5), transparent 40%);
z-index:-1;
}
.hero-grid{
display:grid; grid-template-columns: 1.15fr 0.85fr;
gap:52px; align-items:center;
}
.hero-pitch .eyebrow{ color:var(--gold-light); }
.hero-pitch h1{ font-size: clamp(34px, 4.2vw, 56px); margin-bottom:18px; color:var(--beige-light); text-shadow:0 2px 20px rgba(0,0,0,0.35); }
.hero-pitch .price-tag{ color:var(--gold-light); font-style:italic; }
.hero-pitch p.lead{ font-size:16.5px; color:rgba(246,242,234,0.92); max-width:480px; margin-bottom:26px; text-shadow:0 1px 12px rgba(0,0,0,0.35); }
.hero-bullets{ list-style:none; display:flex; flex-direction:column; gap:12px; margin-bottom:30px; }
.hero-bullets li{ display:flex; align-items:flex-start; gap:10px; font-size:14.5px; color:var(--beige-light); text-shadow:0 1px 10px rgba(0,0,0,0.35); }
.hero-bullets svg{ width:18px; height:18px; color:var(--gold-light); flex-shrink:0; margin-top:1px; }
.hero-pitch .btn-outline{ border-color:var(--beige-light); color:var(--beige-light); }
.hero-pitch .btn-outline:hover{ background:var(--beige-light); color:var(--purple-900); }
.lead-card{
background:var(--white);
border:1px solid var(--line);
border-radius:6px;
padding:30px 28px;
box-shadow: 0 30px 60px -24px rgba(28,21,38,0.28);
}
.lead-card h2{ font-size:23px; margin-bottom:6px; }
.lead-card p{ font-size:13px; color:var(--purple-500); margin-bottom:20px; }
.field{ margin-bottom:14px; }
.field label{ display:block; font-size:11.5px; font-weight:600; color:var(--purple-700); margin-bottom:6px; }
.field input, .field select{
width:100%; padding:11px 13px; font-size:14px; font-family:inherit;
border:1px solid var(--line); border-radius:3px; background:var(--cream);
color:var(--purple-900);
}
.field input:focus, .field select:focus{ outline:2px solid var(--gold); outline-offset:1px; }
.lead-card .btn-cta{ width:100%; margin-top:6px; }
.lead-card .fine-print{ font-size:10.5px; color:var(--purple-500); margin-top:12px; text-align:center; } .stat-strip{ background: var(--purple-900); padding:26px 0; }
.stat-strip .container{ display:flex; flex-wrap:wrap; justify-content:center; gap:0; }
.stat-strip .stat{ text-align:center; padding:6px 32px; border-right:1px solid rgba(237,230,217,0.16); }
.stat-strip .stat:last-child{ border-right:none; }
.stat-strip .num{ font-family:'Cormorant Garamond', serif; font-weight:600; font-size:28px; color:var(--gold-light); }
.stat-strip .lbl{ font-size:10.5px; color:rgba(237,230,217,0.75); margin-top:3px; letter-spacing:0.03em; } section{ padding:70px 0; }
.section-head{ max-width:620px; margin:0 auto 44px; text-align:center; }
.section-head h2{ font-size: clamp(28px,3.4vw,38px); margin-top:8px; }
.section-head p{ color:var(--purple-700); font-size:15px; margin-top:14px; } .journey{ background:var(--beige-light); }
.journey-steps{
display:grid; grid-template-columns: repeat(4, 1fr);
gap:0;
counter-reset:step;
border-top:1px solid var(--line);
}
.journey-step{
padding:32px 26px; border-right:1px solid var(--line); position:relative;
}
.journey-step:last-child{ border-right:none; }
.journey-step .step-num{
font-family:'Cormorant Garamond', serif; font-size:15px; color:var(--gold-dark);
font-weight:600; margin-bottom:16px; display:block;
}
.journey-step h3{ font-size:19px; margin-bottom:8px; }
.journey-step p{ font-size:13px; color:var(--purple-500); }
.journey-step::after{
content:"";
position:absolute; top:50%; right:-1px; width:14px; height:14px;
background:var(--beige-light); border-top:1px solid var(--line); border-right:1px solid var(--line);
transform: translate(50%,-50%) rotate(45deg);
z-index:2;
}
.journey-step:last-child::after{ display:none; }
.journey-cta{ text-align:center; margin-top:36px; } .gallery-strip{ display:grid; grid-template-columns: 1.4fr 1fr 1fr; gap:4px; height:420px; }
.gallery-strip a{ display:block; overflow:hidden; position:relative; }
.gallery-strip img{ width:100%; height:100%; object-fit:cover; transition: transform .5s ease; }
.gallery-strip a:hover img{ transform:scale(1.05); }
.gallery-strip .g-tall{ grid-row: span 2; } .plan-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:26px; }
.plan-card{ background:var(--white); border:1px solid var(--line); }
.plan-card .p-photo{ aspect-ratio:4/3; overflow:hidden; }
.plan-card .p-photo img{ width:100%; height:100%; object-fit:cover; }
.plan-card .p-plan{ padding:16px; background:var(--beige-light); aspect-ratio:16/7; display:flex; align-items:center; justify-content:center; }
.plan-card .p-plan img{ width:100%; height:100%; object-fit:contain; }
.plan-card .p-body{ padding:20px 22px 24px; }
.plan-card h3{ font-size:21px; margin-bottom:10px; }
.plan-card .p-specs{ display:flex; gap:16px; font-size:12px; color:var(--purple-500); margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.plan-card .p-specs strong{ display:block; color:var(--purple-900); font-family:'Montserrat',sans-serif; font-weight:700; font-size:16px; }
.plan-cta{ text-align:center; margin-top:38px; } .amenities-band{ background:var(--purple-900); }
.amenities-band .section-head h2, .amenities-band .section-head p{ color:var(--beige-light); }
.amenities-band .section-head p{ color:rgba(237,230,217,0.65); }
.amen-row{ display:flex; justify-content:center; flex-wrap:wrap; gap:0; }
.amen-item{ text-align:center; padding:10px 26px; display:flex; flex-direction:column; align-items:center; gap:12px; width:150px; }
.amen-item img{ width:34px; height:34px; object-fit:contain; }
.amen-item span{ font-size:11.5px; color:rgba(237,230,217,0.85); } .loc-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.loc-media{ aspect-ratio:4/3; overflow:hidden; }
.loc-media img{ width:100%; height:100%; object-fit:cover; }
.loc-address{ display:flex; gap:12px; background:var(--beige-light); padding:16px 18px; margin-bottom:22px; }
.loc-address svg{ width:20px; height:20px; color:var(--gold-dark); flex-shrink:0; margin-top:2px; }
.loc-address strong{ display:block; font-size:11.5px; text-transform:uppercase; letter-spacing:0.04em; margin-bottom:3px; }
.loc-address span{ font-size:13.5px; color:var(--purple-700); }
.loc-list{ list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:24px; }
.loc-list li{ font-size:13.5px; color:var(--purple-700); display:flex; gap:8px; }
.loc-list b{ color:var(--gold-dark); } .invest-callout{
background: linear-gradient(135deg, var(--purple-900), var(--purple-700));
padding:56px 0; text-align:center;
}
.invest-callout .price{ font-family:'Cormorant Garamond', serif; font-size:52px; color:var(--gold-light); }
.invest-callout p{ color:rgba(237,230,217,0.8); max-width:520px; margin:12px auto 26px; font-size:15px; }
.invest-callout h2{ color:var(--beige-light); } .faq-list{ max-width:760px; margin:0 auto; }
.faq-item{ border-bottom:1px solid var(--line); }
.faq-item summary{
list-style:none; cursor:pointer; padding:20px 4px; font-size:15.5px; font-weight:600;
display:flex; justify-content:space-between; align-items:center; gap:16px;
}
.faq-item summary::-webkit-details-marker{ display:none; }
.faq-item summary .plus{ font-size:20px; color:var(--gold-dark); flex-shrink:0; transition:transform .25s ease; }
.faq-item[open] summary .plus{ transform:rotate(45deg); }
.faq-item p{ padding:0 4px 20px; color:var(--purple-700); font-size:14px; max-width:640px; } .final-cta{ background:var(--beige-light); text-align:center; }
.final-cta h2{ margin-bottom:14px; }
.final-cta p{ color:var(--purple-700); max-width:480px; margin:0 auto 30px; } footer{ background:var(--purple-950); color:rgba(237,230,217,0.65); padding:32px 0; text-align:center; font-size:12.5px; }
footer img{ height:34px; margin:0 auto 14px; }
footer a{ color:var(--gold-light); } .mobile-bar{
display:none; position:fixed; bottom:0; left:0; right:0; z-index:250;
background:var(--white); border-top:1px solid var(--line);
padding:10px 16px; box-shadow: 0 -8px 24px -8px rgba(28,21,38,0.18);
gap:10px;
}
.mobile-bar a{ flex:1; }
.mobile-bar .btn-cta, .mobile-bar .btn-outline{ width:100%; padding:12px 10px; font-size:12.5px; } .lead-modal{ display:none; position:fixed; inset:0; z-index:400; align-items:center; justify-content:center; padding:20px; }
.lead-modal.open, .lead-modal:target{ display:flex; }
.lead-modal-backdrop{ position:absolute; inset:0; background:rgba(20,15,28,0.78); }
.lead-modal-panel{ position:relative; z-index:2; background:var(--white); max-width:420px; width:100%; border-radius:6px; padding:32px 28px; max-height:88vh; overflow-y:auto; }
.global-exit{
display:none; position:fixed; top: calc(100vh - 66px); right:20px;
align-items:center; gap:6px; padding:10px 16px 10px 14px;
background:var(--purple-900); color:var(--beige-light) !important;
border-radius:999px; z-index:410; box-shadow:0 8px 20px -6px rgba(28,21,38,0.5);
font-size:11.5px; font-weight:600;
}
#lead-modal:target ~ .global-exit, .global-exit.visible{ display:inline-flex; }
.global-exit svg{ width:14px; height:14px; } @media (prefers-reduced-motion: no-preference){
.hero-pitch > *{ opacity:0; animation: riseIn .7s ease forwards; }
.hero-pitch h1{ animation-delay:.05s; }
.hero-pitch p.lead{ animation-delay:.15s; }
.hero-bullets{ animation-delay:.25s; }
.lead-card{ opacity:0; animation: riseIn .7s ease forwards .3s; }
}
@keyframes riseIn{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);} } @media (max-width: 980px){
.hero{ min-height:auto; padding:100px 0 40px; }
.hero::after{ background: linear-gradient(180deg, rgba(15,11,21,0.55) 0%, rgba(15,11,21,0.75) 55%, rgba(15,11,21,0.92) 100%); }
.hero-grid{ grid-template-columns:1fr; }
.journey-steps{ grid-template-columns:1fr 1fr; }
.journey-step:nth-child(2)::after{ display:none; }
.journey-step:nth-child(1), .journey-step:nth-child(2){ border-bottom:1px solid var(--line); }
.gallery-strip{ grid-template-columns:1fr 1fr; height:auto; }
.gallery-strip .g-tall{ grid-row:span 1; aspect-ratio:4/3; }
.gallery-strip a{ aspect-ratio:4/3; }
.plan-grid{ grid-template-columns:1fr; max-width:420px; margin:0 auto; }
.loc-wrap{ grid-template-columns:1fr; }
.amen-item{ width:110px; }
}
@media (max-width: 600px){
.container{ padding:0 20px; }
section{ padding:52px 0; }
.header-phone span{ display:none; }
.journey-steps{ grid-template-columns:1fr; }
.journey-step{ border-right:none !important; border-bottom:1px solid var(--line); }
.journey-step::after{ display:none; }
.stat-strip .stat{ padding:6px 16px; }
.mobile-bar{ display:flex; }
body{ padding-bottom:74px; }
} @media (max-width: 600px){ .nav-wrap{ padding:10px 16px; }
.nav-wrap img{ height:20px; }
.header-phone svg{ width:18px; height:18px; } .hero{ padding:62px 0 32px; }
.hero-grid{ gap:28px; }
.hero-pitch h1{ margin-bottom:14px; }
.hero-pitch p.lead{ margin-bottom:20px; }
.hero-bullets{ margin-bottom:24px; }
.lead-card{ padding:24px 20px; } .stat-strip .container{
display:grid;
grid-template-columns:repeat(2, minmax(0,1fr));
padding:0 20px;
}
.stat-strip .stat{
padding:12px 8px;
border-right:none;
border-bottom:1px solid rgba(237,230,217,0.16);
}
.stat-strip .stat:nth-child(odd){
border-right:1px solid rgba(237,230,217,0.16);
}
.stat-strip .stat:nth-last-child(-n+2){ border-bottom:none; } .journey .section-head{ margin-bottom:28px; }
.journey-step{ padding:24px 10px; }
.journey-step .step-num{ margin-bottom:10px; }
.journey-cta{ margin-top:28px; } .loc-list b{ white-space:nowrap; }
.loc-list{ column-gap:16px; row-gap:14px; } .amen-item{ width:33.333%; padding:12px 6px; } .mobile-bar{
padding:8px 12px calc(8px + env(safe-area-inset-bottom));
gap:8px;
transition:transform .25s ease, opacity .25s ease;
}
.mobile-bar .btn-cta,
.mobile-bar .btn-outline{
min-height:46px;
padding:9px 8px;
font-size:12px;
line-height:1.25;
}
.mobile-bar.gv-hidden{
transform:translateY(115%);
opacity:0;
pointer-events:none;
}
body{ padding-bottom:72px; }
footer{ padding-bottom:44px; } [id]{ scroll-margin-top:64px; }
} html { scroll-behavior: smooth; } .gv-motion-ready .hero-pitch > *,
.gv-motion-ready .lead-card {
opacity: 0;
transform: translateY(18px);
}
.gv-motion-ready.gv-page-loaded .hero-pitch > *,
.gv-motion-ready.gv-page-loaded .lead-card {
opacity: 1;
transform: translateY(0);
transition:
opacity .85s cubic-bezier(.22,.61,.36,1),
transform .85s cubic-bezier(.22,.61,.36,1);
}
.gv-motion-ready.gv-page-loaded .hero-pitch > *:nth-child(1){ transition-delay:.05s; }
.gv-motion-ready.gv-page-loaded .hero-pitch > *:nth-child(2){ transition-delay:.14s; }
.gv-motion-ready.gv-page-loaded .hero-pitch > *:nth-child(3){ transition-delay:.22s; }
.gv-motion-ready.gv-page-loaded .hero-pitch > *:nth-child(4){ transition-delay:.30s; }
.gv-motion-ready.gv-page-loaded .hero-pitch > *:nth-child(5){ transition-delay:.38s; }
.gv-motion-ready.gv-page-loaded .lead-card{ transition-delay:.26s; } .hero::before{
transform: scale(1.035);
background-position:center calc(30% + var(--gv-hero-shift, 0px));
transition: background-position .08s linear;
} .gv-water-light{
position:absolute;
z-index:-1;
inset:-15%;
pointer-events:none;
opacity:.16;
mix-blend-mode:screen;
background:
radial-gradient(ellipse at 24% 60%, rgba(255,224,162,.34) 0 1.2%, transparent 12%),
radial-gradient(ellipse at 58% 52%, rgba(233,218,183,.24) 0 1%, transparent 10%),
radial-gradient(ellipse at 82% 70%, rgba(255,239,198,.24) 0 .8%, transparent 9%),
repeating-linear-gradient(
102deg,
transparent 0 42px,
rgba(245,225,181,.10) 44px 47px,
transparent 49px 92px
);
filter: blur(1.5px);
transform: translate3d(-2%,0,0) rotate(-1deg);
animation: gvWaterDrift 12s ease-in-out infinite alternate;
-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 80%, transparent 100%);
mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 80%, transparent 100%);
}
@keyframes gvWaterDrift{
from{ transform:translate3d(-3%, -1%, 0) rotate(-1deg) scale(1); opacity:.10; }
to{ transform:translate3d(3%, 1.5%, 0) rotate(1deg) scale(1.03); opacity:.19; }
} .gv-motion-ready .gv-reveal{
opacity:0;
transform:translateY(28px);
transition:
opacity .8s cubic-bezier(.22,.61,.36,1),
transform .8s cubic-bezier(.22,.61,.36,1);
transition-delay:var(--gv-delay, 0ms);
will-change:opacity, transform;
}
.gv-motion-ready .gv-reveal.gv-in{
opacity:1;
transform:translateY(0);
} .gv-motion-ready .gv-photo-reveal{
clip-path:inset(0 0 100% 0);
transform:scale(1.025);
transition:
clip-path 1.05s cubic-bezier(.22,.61,.36,1),
transform 1.35s cubic-bezier(.22,.61,.36,1);
}
.gv-motion-ready .gv-photo-reveal.gv-in{
clip-path:inset(0 0 0 0);
transform:scale(1);
} .gallery-strip a,
.plan-card,
.loc-media{
overflow:hidden;
}
.gallery-strip img,
.plan-card .p-photo img,
.plan-card .p-plan img,
.loc-media img{
transition:transform .9s cubic-bezier(.22,.61,.36,1), filter .7s ease;
}
@media (hover:hover){
.gallery-strip a:hover img{ transform:scale(1.045); }
.plan-card:hover .p-photo img{ transform:scale(1.035); }
.plan-card:hover{
transform:translateY(-5px);
box-shadow:0 24px 50px -28px rgba(28,21,38,.42);
}
.plan-card{
transition:transform .42s ease, box-shadow .42s ease, border-color .42s ease;
}
.amen-item{
transition:transform .35s ease, opacity .35s ease;
}
.amen-item:hover{ transform:translateY(-5px); }
.amen-item img{ transition:transform .45s cubic-bezier(.22,.61,.36,1); }
.amen-item:hover img{ transform:scale(1.10); }
} .btn-outline,
.btn-cta{
position:relative;
overflow:hidden;
transform:translateZ(0);
}
.btn-cta::after,
.btn-outline::after{
content:"";
position:absolute;
left:-35%;
top:-120%;
width:28%;
height:340%;
background:linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
transform:rotate(18deg);
transition:left .7s cubic-bezier(.22,.61,.36,1);
pointer-events:none;
}
@media (hover:hover){
.btn-cta:hover::after,
.btn-outline:hover::after{ left:115%; }
} .stat .num{
font-variant-numeric:tabular-nums;
} .faq-item p{
animation:gvFaqIn .32s ease both;
}
@keyframes gvFaqIn{
from{ opacity:0; transform:translateY(-5px); }
to{ opacity:1; transform:translateY(0); }
} .stat-strip{
position:relative;
overflow:hidden;
}
.stat-strip::before{
content:"";
position:absolute;
left:10%;
right:10%;
top:0;
height:1px;
background:linear-gradient(90deg, transparent, rgba(226,192,120,.65), transparent);
opacity:.75;
} @media (prefers-reduced-motion: reduce){
html{ scroll-behavior:auto; }
.gv-water-light{ display:none !important; }
.gv-motion-ready .hero-pitch > *,
.gv-motion-ready .lead-card,
.gv-motion-ready .gv-reveal,
.gv-motion-ready .gv-photo-reveal{
opacity:1 !important;
transform:none !important;
clip-path:none !important;
transition:none !important;
animation:none !important;
}
.hero::before{ transform:none; transition:none; }
} @media (max-width:600px){
.gv-water-light{ opacity:.08; animation-duration:16s; }
.gv-motion-ready .gv-reveal{
transform:translateY(18px);
transition-duration:.68s;
}
.hero::before{ transform:scale(1.02); }
}  .gv-ocean-transition{
position:relative;
height:150px;
overflow:hidden;
background:
linear-gradient(180deg, #171021 0%, #221731 45%, #30223e 100%);
isolation:isolate;
}
.gv-ocean-transition::before,
.gv-ocean-transition::after{
content:"";
position:absolute;
left:-10%;
width:120%;
border-radius:50%;
pointer-events:none;
}
.gv-ocean-transition::before{
height:92px;
top:-62px;
background:#f6f1e7;
box-shadow:
0 14px 38px rgba(209,165,91,.18),
0 1px 0 rgba(240,214,158,.28);
animation:gvWaveBreath 7s ease-in-out infinite alternate;
}
.gv-ocean-transition::after{
height:105px;
bottom:-82px;
background:#271a36;
border-top:1px solid rgba(229,189,113,.30);
animation:gvWaveBreath 9s ease-in-out infinite alternate-reverse;
}
.gv-ocean-glow{
position:absolute;
inset:-40% -10%;
background:
radial-gradient(circle at 23% 48%, rgba(239,190,99,.27), transparent 19%),
radial-gradient(circle at 66% 52%, rgba(255,231,172,.16), transparent 16%),
repeating-linear-gradient(100deg, transparent 0 34px, rgba(238,196,112,.08) 36px 39px, transparent 42px 78px);
filter:blur(2px);
animation:gvOceanDrift 12s ease-in-out infinite alternate;
}
.gv-wave{
position:absolute;
left:-10%;
width:120%;
height:1px;
background:linear-gradient(90deg, transparent, rgba(241,202,124,.6), transparent);
opacity:.7;
}
.gv-wave-a{ top:62%; animation:gvHorizon 6s ease-in-out infinite alternate; }
.gv-wave-b{ top:72%; opacity:.3; animation:gvHorizon 8s ease-in-out infinite alternate-reverse; }
.gv-ocean-word{
position:absolute;
left:50%;
top:52%;
transform:translate(-50%,-50%);
font-size:10px;
letter-spacing:.55em;
color:rgba(245,226,185,.55);
font-weight:600;
}
@keyframes gvWaveBreath{
from{ transform:translateX(-1%) scaleX(.99); }
to{ transform:translateX(1%) scaleX(1.02); }
}
@keyframes gvOceanDrift{
from{ transform:translate3d(-3%,0,0) rotate(-1deg); opacity:.55; }
to{ transform:translate3d(3%,1%,0) rotate(1deg); opacity:.9; }
}
@keyframes gvHorizon{
from{ transform:translateX(-2%) scaleX(.96); }
to{ transform:translateX(2%) scaleX(1.04); }
} .gv-pacific-story{
position:relative;
height:155vh;
min-height:980px;
background:#161020;
}
.gv-pacific-sticky{
--gv-story:0;
position:sticky;
top:0;
height:100vh;
min-height:640px;
overflow:hidden;
background:#171021;
isolation:isolate;
}
.gv-pacific-image{
position:absolute;
inset:-5%;
width:110%;
height:110%;
object-fit:cover;
object-position:center 56%;
transform:
scale(calc(1.11 - (var(--gv-story) * .055)))
translate3d(0, calc((var(--gv-story) - .5) * -18px), 0);
filter:
saturate(calc(.85 + (var(--gv-story) * .25)))
brightness(calc(.72 + (var(--gv-story) * .10)));
transition:filter .12s linear;
will-change:transform,filter;
}
.gv-pacific-shade{
position:absolute;
inset:0;
background:
linear-gradient(90deg, rgba(17,10,24,.82) 0%, rgba(17,10,24,.44) 48%, rgba(17,10,24,.18) 100%),
linear-gradient(180deg, rgba(13,8,19,.22), rgba(13,8,19,.25) 62%, rgba(13,8,19,.66));
z-index:1;
}
.gv-pacific-sun{
position:absolute;
z-index:2;
width:34vw;
height:34vw;
max-width:560px;
max-height:560px;
min-width:260px;
min-height:260px;
left:56%;
top:45%;
transform:translate(-50%,-50%) scale(calc(.78 + var(--gv-story) * .18));
border-radius:50%;
pointer-events:none;
opacity:calc(.14 + var(--gv-story) * .18);
background:radial-gradient(circle,
rgba(255,213,125,.30) 0%,
rgba(244,173,72,.12) 28%,
transparent 68%);
filter:blur(16px);
mix-blend-mode:screen;
}
.gv-pacific-copy{
position:absolute;
z-index:3;
left:max(7vw, 70px);
bottom:14vh;
width:min(760px, 70vw);
color:#fff;
transform:translateY(calc((1 - var(--gv-story)) * 34px));
opacity:calc(.58 + (var(--gv-story) * .42));
}
.gv-time{
display:block;
margin-bottom:28px;
color:#d6ad62;
letter-spacing:.24em;
font-size:12px;
font-weight:700;
}
.gv-pacific-copy h2{
margin:0;
max-width:720px;
color:#fff;
font-family:var(--font-serif, Georgia, serif);
font-size:clamp(46px,5.2vw,82px);
font-weight:400;
line-height:1.02;
letter-spacing:-.025em;
}
.gv-pacific-copy h2 em{
color:#d9ad62;
font-weight:400;
}
.gv-pacific-copy p{
max-width:620px;
margin:30px 0 0;
font-size:clamp(17px,1.35vw,21px);
line-height:1.7;
color:rgba(255,255,255,.82);
}
.gv-scroll-cue{
position:absolute;
z-index:4;
right:4.5vw;
bottom:8vh;
display:flex;
flex-direction:column;
align-items:center;
gap:13px;
color:rgba(255,255,255,.58);
font-size:9px;
letter-spacing:.28em;
writing-mode:vertical-rl;
}
.gv-scroll-cue i{
display:block;
width:1px;
height:72px;
background:linear-gradient(to bottom, rgba(215,173,98,.9), transparent);
transform-origin:top;
animation:gvScrollLine 1.8s ease-in-out infinite;
}
@keyframes gvScrollLine{
0%{ transform:scaleY(.15); opacity:.3; }
50%{ transform:scaleY(1); opacity:1; }
100%{ transform:scaleY(.15); opacity:.3; }
} .gv-pacific-story + .journey{
position:relative;
z-index:5;
box-shadow:0 -40px 80px rgba(14,9,20,.16);
} @media (max-width:700px){
.gv-ocean-transition{ height:105px; }
.gv-ocean-word{ font-size:8px; letter-spacing:.42em; }
.gv-pacific-story{
height:125vh;
min-height:820px;
}
.gv-pacific-sticky{
min-height:620px;
}
.gv-pacific-image{
inset:-3%;
width:106%;
height:106%;
object-position:66% 50%;
}
.gv-pacific-shade{
background:
linear-gradient(180deg, rgba(15,9,22,.18) 0%, rgba(15,9,22,.35) 38%, rgba(15,9,22,.84) 100%);
}
.gv-pacific-copy{
left:28px;
right:28px;
bottom:14vh;
width:auto;
}
.gv-time{
font-size:10px;
margin-bottom:20px;
}
.gv-pacific-copy h2{
font-size:clamp(39px,11vw,56px);
line-height:1.04;
}
.gv-pacific-copy p{
margin-top:22px;
font-size:16px;
line-height:1.55;
}
.gv-pacific-sun{
left:64%;
top:33%;
}
.gv-scroll-cue{
display:none;
}
} @media (prefers-reduced-motion: reduce){
.gv-ocean-transition::before,
.gv-ocean-transition::after,
.gv-ocean-glow,
.gv-wave,
.gv-scroll-cue i{
animation:none !important;
}
.gv-pacific-image{
transform:scale(1.04) !important;
filter:saturate(1) brightness(.82) !important;
}
.gv-pacific-copy{
transform:none !important;
opacity:1 !important;
}
}  .gv-motion-ready .site-header{
opacity:0;
transform:translateY(-10px);
}
.gv-motion-ready.gv-page-loaded .site-header{
opacity:1;
transform:translateY(0);
transition:
opacity 1.15s cubic-bezier(.16,1,.3,1),
transform 1.15s cubic-bezier(.16,1,.3,1);
} .hero{
overflow:hidden;
isolation:isolate;
}
.hero::after{
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
background:
linear-gradient(180deg, rgba(20,13,28,.48) 0%, rgba(20,13,28,.18) 30%, rgba(20,13,28,.08) 55%, rgba(20,13,28,.38) 100%),
radial-gradient(circle at 72% 22%, rgba(239,186,103,.14), transparent 34%);
opacity:.98;
transition:opacity 2.4s cubic-bezier(.16,1,.3,1);
}
.gv-page-loaded .hero::after{
opacity:.70;
} @media (min-width:801px) and (prefers-reduced-motion:no-preference){
.hero::before{
animation:gvHeroBreath 18s ease-in-out infinite alternate;
will-change:transform,background-position;
}
}
@keyframes gvHeroBreath{
0%{ transform:scale(1.035); }
100%{ transform:scale(1.075); }
} .gv-motion-ready .hero-pitch > *,
.gv-motion-ready .lead-card{
opacity:0;
filter:blur(7px);
transform:translateY(30px) scale(.992);
}
.gv-motion-ready.gv-page-loaded .hero-pitch > *,
.gv-motion-ready.gv-page-loaded .lead-card{
opacity:1;
filter:blur(0);
transform:translateY(0) scale(1);
transition:
opacity 1.35s cubic-bezier(.16,1,.3,1),
transform 1.45s cubic-bezier(.16,1,.3,1),
filter 1.15s ease;
}
.gv-motion-ready.gv-page-loaded .hero-pitch > *:nth-child(1){ transition-delay:.16s; }
.gv-motion-ready.gv-page-loaded .hero-pitch > *:nth-child(2){ transition-delay:.30s; }
.gv-motion-ready.gv-page-loaded .hero-pitch > *:nth-child(3){ transition-delay:.44s; }
.gv-motion-ready.gv-page-loaded .hero-pitch > *:nth-child(4){ transition-delay:.58s; }
.gv-motion-ready.gv-page-loaded .hero-pitch > *:nth-child(5){ transition-delay:.72s; }
.gv-motion-ready.gv-page-loaded .lead-card{ transition-delay:.46s; } @media (min-width:801px) and (prefers-reduced-motion:no-preference){
.hero-pitch{
transform:translate3d(calc(var(--gv-hero-drift, 0px) * -0.22), 0, 0);
transition:transform .18s linear;
}
.lead-card{
transform:translate3d(calc(var(--gv-hero-drift, 0px) * 0.18), 0, 0);
}
} .gv-motion-ready .gv-reveal{
opacity:0;
filter:blur(6px);
transform:translateY(34px) scale(.988);
transition:
opacity 1.05s cubic-bezier(.16,1,.3,1),
transform 1.15s cubic-bezier(.16,1,.3,1),
filter .95s ease;
transition-delay:var(--gv-delay,0ms);
}
.gv-motion-ready .gv-reveal.gv-in{
opacity:1;
filter:blur(0);
transform:translateY(0) scale(1);
} .gv-motion-ready .gv-photo-reveal{
clip-path:inset(0 0 100% 0);
opacity:.35;
filter:blur(5px);
transform:scale(1.045);
transition:
clip-path 1.45s cubic-bezier(.16,1,.3,1),
opacity 1.05s ease,
filter 1.15s ease,
transform 1.65s cubic-bezier(.16,1,.3,1);
}
.gv-motion-ready .gv-photo-reveal.gv-in{
clip-path:inset(0 0 0 0);
opacity:1;
filter:blur(0);
transform:scale(1);
} .amenities,
.invest-callout{
position:relative;
}
.amenities::before,
.invest-callout::before{
content:"";
position:absolute;
left:0;right:0;top:-54px;height:54px;
pointer-events:none;
background:linear-gradient(to bottom, rgba(246,241,231,0), rgba(39,26,54,.12));
} .gv-pacific-copy{
filter:blur(calc((1 - var(--gv-story)) * 4px));
transition:filter .12s linear;
}
.gv-pacific-copy h2,
.gv-pacific-copy p,
.gv-pacific-copy .gv-time{
text-shadow:0 12px 40px rgba(0,0,0,.28);
} .gv-ocean-glow{
animation-duration:16s!important;
}
.gv-wave-a{ animation-duration:9s!important; }
.gv-wave-b{ animation-duration:12s!important; } @media (max-width:700px){
.gv-motion-ready .hero-pitch > *,
.gv-motion-ready .lead-card{
filter:blur(4px);
transform:translateY(22px) scale(.995);
}
.gv-motion-ready .gv-reveal{
filter:blur(3px);
transform:translateY(22px) scale(.994);
}
.gv-motion-ready .gv-photo-reveal{
filter:blur(3px);
}
} @media (prefers-reduced-motion: reduce){
.hero::after{ transition:none!important; opacity:.70!important; }
.site-header,
.hero-pitch > *,
.lead-card,
.gv-reveal,
.gv-photo-reveal{
opacity:1!important;
filter:none!important;
transform:none!important;
clip-path:none!important;
transition:none!important;
animation:none!important;
}
}  .gv-motion-ready .gv-photo-reveal,
.gv-motion-ready .gv-photo-reveal.gv-in{
clip-path:none !important;
opacity:1 !important;
filter:none !important;
transform:none !important;
visibility:visible !important;
} .gallery-strip img,
.plan-card .p-photo img,
.plan-card .p-plan img,
.loc-media img{
opacity:1 !important;
visibility:visible !important;
clip-path:none !important;
} @media (prefers-reduced-motion:no-preference){
.plan-card .p-photo img,
.loc-media img,
.gallery-strip img{
transform:scale(1.012);
transition:
transform 1.15s cubic-bezier(.16,1,.3,1),
filter .9s ease;
}
.plan-card.gv-in .p-photo img,
.loc-media.gv-in img,
.gallery-strip a.gv-in img{
transform:scale(1);
}
} .plan-card .p-photo{
display:block !important;
overflow:hidden !important;
}
.plan-card .p-photo img{
display:block !important;
width:100% !important;
height:auto !important;
}
.loc-media{
display:block !important;
overflow:hidden !important;
}
.loc-media img{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
} @media (max-width:700px){
.gv-photo-reveal,
.gv-photo-reveal.gv-in{
opacity:1 !important;
filter:none !important;
clip-path:none !important;
transform:none !important;
}
} .gv-day-story{
position:relative;
height:300vh;
min-height:2100px;
padding:0!important;
background:#15101d;
}
.gv-day-sticky{
--gv-day-progress:0;
position:sticky;
top:0;
height:100vh;
min-height:650px;
overflow:hidden;
isolation:isolate;
background:#15101d;
}
.gv-day-visual{
position:absolute;
inset:0;
z-index:0;
overflow:hidden;
}
.gv-day-bg{
position:absolute;
inset:-3%;
width:106%;
height:106%;
max-width:none!important;
object-fit:cover;
object-position:center;
visibility:visible!important;
clip-path:none!important;
filter:none;
transform:scale(1.055);
transition:
opacity 1.25s cubic-bezier(.16,1,.3,1),
transform 2.4s cubic-bezier(.16,1,.3,1),
filter 1.4s ease;
will-change:opacity, transform, filter;
}
.gv-day-bg-1{
opacity:1;
z-index:1;
object-position:center 56%;
}
.gv-day-bg-2{
opacity:0;
z-index:2;
object-position:center 48%;
}
.gv-day-bg-3{
opacity:0;
z-index:3;
object-position:center 55%;
} .gv-day-story[data-gv-scene="0"] .gv-day-bg-1{opacity:1;transform:scale(1.035);}
.gv-day-story[data-gv-scene="0"] .gv-day-bg-2,
.gv-day-story[data-gv-scene="0"] .gv-day-bg-3{opacity:0;}
.gv-day-story[data-gv-scene="1"] .gv-day-bg-1{opacity:0;}
.gv-day-story[data-gv-scene="1"] .gv-day-bg-2{opacity:1;transform:scale(1.025);}
.gv-day-story[data-gv-scene="1"] .gv-day-bg-3{opacity:0;}
.gv-day-story[data-gv-scene="2"] .gv-day-bg-1,
.gv-day-story[data-gv-scene="2"] .gv-day-bg-2{opacity:0;}
.gv-day-story[data-gv-scene="2"] .gv-day-bg-3{
opacity:1;
transform:scale(1.02);
filter:saturate(1.08) brightness(.92);
}
.gv-day-grade{
position:absolute;
inset:0;
z-index:5;
background:
linear-gradient(90deg,rgba(14,9,20,.83) 0%,rgba(14,9,20,.50) 44%,rgba(14,9,20,.12) 72%,rgba(14,9,20,.20) 100%),
linear-gradient(180deg,rgba(9,6,14,.15),rgba(9,6,14,.05) 45%,rgba(9,6,14,.65) 100%);
transition:background 1.2s ease;
}
.gv-day-story[data-gv-scene="1"] .gv-day-grade{
background:
linear-gradient(90deg,rgba(14,9,20,.72) 0%,rgba(14,9,20,.34) 45%,rgba(14,9,20,.08) 74%,rgba(14,9,20,.17) 100%),
linear-gradient(180deg,rgba(10,7,14,.07),rgba(10,7,14,.02) 45%,rgba(10,7,14,.57) 100%);
}
.gv-day-story[data-gv-scene="2"] .gv-day-grade{
background:
linear-gradient(90deg,rgba(14,9,20,.86) 0%,rgba(14,9,20,.50) 45%,rgba(14,9,20,.12) 75%,rgba(14,9,20,.24) 100%),
linear-gradient(180deg,rgba(28,12,20,.13),rgba(13,8,19,.10) 45%,rgba(13,8,19,.72) 100%);
}
.gv-day-light{
position:absolute;
z-index:6;
width:52vw;
height:52vw;
max-width:800px;
max-height:800px;
left:66%;
top:35%;
border-radius:50%;
transform:translate(-50%,-50%);
background:radial-gradient(circle,
rgba(255,227,163,.19) 0%,
rgba(237,181,91,.08) 28%,
transparent 68%);
mix-blend-mode:screen;
filter:blur(22px);
opacity:.45;
transition:
left 1.5s cubic-bezier(.16,1,.3,1),
top 1.5s cubic-bezier(.16,1,.3,1),
opacity 1.5s ease,
transform 1.8s cubic-bezier(.16,1,.3,1);
}
.gv-day-story[data-gv-scene="1"] .gv-day-light{
left:54%;top:28%;opacity:.24;transform:translate(-50%,-50%) scale(.75);
}
.gv-day-story[data-gv-scene="2"] .gv-day-light{
left:42%;top:37%;opacity:.80;transform:translate(-50%,-50%) scale(1.2);
}
.gv-day-kicker{
position:absolute;
z-index:10;
top:11vh;
left:7vw;
display:flex;
align-items:center;
gap:18px;
color:rgba(255,255,255,.72);
font-size:9px;
letter-spacing:.28em;
}
.gv-day-kicker span{
color:#d8ad61;
font-weight:700;
}
.gv-day-kicker span::after{
content:"";
display:inline-block;
width:48px;
height:1px;
margin-left:18px;
vertical-align:middle;
background:rgba(216,173,97,.55);
}
.gv-day-copy{
position:absolute;
z-index:10;
left:7vw;
bottom:13vh;
width:min(780px,72vw);
min-height:350px;
}
.gv-day-scene{
position:absolute;
left:0;
bottom:0;
width:100%;
opacity:0;
visibility:hidden;
transform:translateY(28px);
filter:blur(5px);
transition:
opacity .95s cubic-bezier(.16,1,.3,1),
transform 1.15s cubic-bezier(.16,1,.3,1),
filter .9s ease,
visibility 0s linear .95s;
}
.gv-day-scene-1{
opacity:1;
visibility:visible;
transform:none;
filter:none;
}
.gv-day-story[data-gv-scene="0"] .gv-day-scene-1,
.gv-day-story[data-gv-scene="1"] .gv-day-scene-2,
.gv-day-story[data-gv-scene="2"] .gv-day-scene-3{
opacity:1;
visibility:visible;
transform:translateY(0);
filter:blur(0);
transition-delay:.16s, .16s, .16s, 0s;
}
.gv-day-story[data-gv-scene="1"] .gv-day-scene-1,
.gv-day-story[data-gv-scene="2"] .gv-day-scene-1,
.gv-day-story[data-gv-scene="0"] .gv-day-scene-2,
.gv-day-story[data-gv-scene="2"] .gv-day-scene-2,
.gv-day-story[data-gv-scene="0"] .gv-day-scene-3,
.gv-day-story[data-gv-scene="1"] .gv-day-scene-3{
opacity:0;
visibility:hidden;
transform:translateY(-18px);
filter:blur(4px);
}
.gv-day-time{
display:block;
margin-bottom:24px;
color:#e1b767;
font-family:'Montserrat',sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:.23em;
}
.gv-day-scene h2{
margin:0;
color:#fff;
font-family:'Cormorant Garamond',Georgia,serif;
font-size:clamp(58px,6vw,94px);
font-weight:500;
letter-spacing:-.032em;
line-height:.94;
text-shadow:0 18px 50px rgba(0,0,0,.30);
}
.gv-day-scene h2 em{
color:#e0b362;
font-weight:500;
}
.gv-day-scene p{
max-width:590px;
margin:28px 0 0;
color:rgba(255,255,255,.82);
font-size:clamp(16px,1.25vw,20px);
line-height:1.65;
text-shadow:0 8px 30px rgba(0,0,0,.32);
}
.gv-day-progress{
position:absolute;
z-index:12;
right:5vw;
top:50%;
transform:translateY(-50%);
display:flex;
flex-direction:column;
align-items:center;
gap:34px;
}
.gv-day-progress-line{
position:absolute;
z-index:-1;
top:12px;
bottom:12px;
width:1px;
background:rgba(255,255,255,.22);
}
.gv-day-dot{
position:relative;
display:grid;
place-items:center;
width:34px;
height:34px;
border:1px solid rgba(255,255,255,.32);
border-radius:50%;
background:rgba(18,11,27,.25);
backdrop-filter:blur(6px);
transition:
border-color .55s ease,
background .55s ease,
transform .55s cubic-bezier(.16,1,.3,1);
}
.gv-day-dot b{
color:rgba(255,255,255,.66);
font-size:9px;
font-weight:600;
}
.gv-day-dot.is-active{
transform:scale(1.16);
border-color:#ddb368;
background:rgba(221,179,104,.16);
}
.gv-day-dot.is-active b{color:#f0cf92;}
.gv-day-scroll{
position:absolute;
z-index:12;
right:2.2vw;
bottom:7vh;
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
color:rgba(255,255,255,.54);
font-size:8px;
letter-spacing:.28em;
writing-mode:vertical-rl;
}
.gv-day-scroll i{
width:1px;
height:58px;
background:linear-gradient(to bottom,#dfb66b,transparent);
transform-origin:top;
animation:gvDayScrollLine 2s ease-in-out infinite;
}
@keyframes gvDayScrollLine{
0%,100%{transform:scaleY(.22);opacity:.35;}
50%{transform:scaleY(1);opacity:1;}
} @media (prefers-reduced-motion:no-preference){
.gv-day-story[data-gv-scene="0"] .gv-day-bg-1{
animation:gvDayBreath1 14s ease-in-out infinite alternate;
}
.gv-day-story[data-gv-scene="1"] .gv-day-bg-2{
animation:gvDayBreath2 14s ease-in-out infinite alternate;
}
.gv-day-story[data-gv-scene="2"] .gv-day-bg-3{
animation:gvDayBreath3 15s ease-in-out infinite alternate;
}
}
@keyframes gvDayBreath1{from{transform:scale(1.035) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-.7%,-.4%,0)}}
@keyframes gvDayBreath2{from{transform:scale(1.025) translate3d(0,0,0)}to{transform:scale(1.065) translate3d(.6%,-.5%,0)}}
@keyframes gvDayBreath3{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.06) translate3d(-.5%,-.3%,0)}} .gv-day-story + .journey{
position:relative;
z-index:4;
box-shadow:0 -45px 100px rgba(14,9,20,.16);
} @media (max-width:700px){
.gv-day-story{
height:260vh;
min-height:1750px;
}
.gv-day-sticky{min-height:620px;}
.gv-day-kicker{
top:12vh;
left:28px;
right:28px;
display:block;
font-size:8px;
}
.gv-day-kicker span{
display:block;
margin-bottom:10px;
}
.gv-day-kicker span::after{display:none;}
.gv-day-copy{
left:28px;
right:28px;
bottom:13vh;
width:auto;
min-height:330px;
}
.gv-day-scene h2{
font-size:clamp(47px,13vw,64px);
line-height:.98;
}
.gv-day-scene p{
max-width:92%;
font-size:15.5px;
margin-top:22px;
}
.gv-day-time{
font-size:9px;
margin-bottom:18px;
}
.gv-day-progress{
right:17px;
gap:24px;
}
.gv-day-dot{
width:28px;
height:28px;
}
.gv-day-dot b{font-size:8px;}
.gv-day-scroll{display:none;}
.gv-day-bg-1{object-position:55% center;}
.gv-day-bg-2{object-position:52% center;}
.gv-day-bg-3{object-position:62% center;}
.gv-day-grade{
background:
linear-gradient(180deg,rgba(12,8,17,.18) 0%,rgba(12,8,17,.20) 34%,rgba(12,8,17,.84) 100%)!important;
}
.gv-day-light{width:90vw;height:90vw;}
} @media (prefers-reduced-motion:reduce){
.gv-day-story{height:100vh;min-height:700px;}
.gv-day-bg{animation:none!important;transition:none!important;}
.gv-day-bg-1{opacity:1!important;transform:scale(1.02)!important;}
.gv-day-bg-2,.gv-day-bg-3{opacity:0!important;}
.gv-day-scene{display:none!important;}
.gv-day-scene-1{
display:block!important;
opacity:1!important;
visibility:visible!important;
filter:none!important;
transform:none!important;
}
.gv-day-progress,.gv-day-scroll{display:none!important;}
} .stat-strip .num{
min-width:2.2ch;
font-variant-numeric:tabular-nums lining-nums;
backface-visibility:hidden;
transform:translateZ(0);
}
.stat-strip .stat:last-child .num{
min-width:4.4ch;
}  .gv-top-anchor{
position:absolute;
top:0;
left:0;
width:1px;
height:1px;
pointer-events:none;
}
.site-header{
height:72px;
transition:
height .55s cubic-bezier(.16,1,.3,1),
background .55s ease,
box-shadow .55s ease,
border-color .55s ease;
}
.site-header .nav-wrap{
height:100%;
width:100%;
max-width:1320px;
padding:0 34px;
display:grid;
grid-template-columns:minmax(250px,1fr) auto minmax(300px,1fr);
align-items:center;
gap:34px;
transition:padding .55s cubic-bezier(.16,1,.3,1);
}
.gv-brand{
justify-self:start;
display:inline-flex;
align-items:center;
}
.gv-brand img{
height:26px!important;
width:auto;
display:block;
transition:height .55s cubic-bezier(.16,1,.3,1);
}
.gv-primary-nav{
justify-self:center;
display:flex;
align-items:center;
gap:30px;
height:100%;
}
.gv-primary-nav a{
position:relative;
display:flex;
align-items:center;
height:100%;
color:rgba(39,30,54,.72);
font-family:'Montserrat',sans-serif;
font-size:10.5px;
line-height:1;
font-weight:600;
letter-spacing:.075em;
text-transform:uppercase;
white-space:nowrap;
transition:color .3s ease;
}
.gv-primary-nav a::after{
content:"";
position:absolute;
left:50%;
bottom:14px;
width:0;
height:1.5px;
transform:translateX(-50%);
background:var(--gold-dark);
transition:width .45s cubic-bezier(.16,1,.3,1);
}
.gv-primary-nav a:hover,
.gv-primary-nav a.is-active{
color:var(--purple-900);
}
.gv-primary-nav a:hover::after,
.gv-primary-nav a.is-active::after{
width:100%;
}
.gv-header-actions{
justify-self:end;
display:flex;
align-items:center;
gap:16px;
}
.gv-header-divider{
display:block;
width:1px;
height:25px;
background:rgba(39,30,54,.13);
}
.gv-header-cta{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:0 17px;
border:1px solid rgba(140,108,63,.48);
border-radius:999px;
color:var(--gold-dark);
font-family:'Montserrat',sans-serif;
font-size:10.5px;
font-weight:700;
letter-spacing:.055em;
text-transform:uppercase;
transition:
background .35s ease,
color .35s ease,
border-color .35s ease,
transform .35s cubic-bezier(.16,1,.3,1);
}
.gv-header-cta:hover{
color:#fff;
background:var(--gold-dark);
border-color:var(--gold-dark);
transform:translateY(-1px);
} .site-header.gv-header-scrolled{
height:62px;
background:rgba(251,249,244,.86);
border-bottom-color:rgba(39,30,54,.10);
box-shadow:0 10px 40px rgba(28,21,38,.055);
backdrop-filter:blur(18px) saturate(1.15);
-webkit-backdrop-filter:blur(18px) saturate(1.15);
}
.site-header.gv-header-scrolled .gv-brand img{
height:23px!important;
}
.site-header.gv-header-scrolled .gv-primary-nav a::after{
bottom:10px;
}  .journey.gv-journey-scroll .section-head .eyebrow,
.journey.gv-journey-scroll .section-head h2,
.journey.gv-journey-scroll .section-head p,
.journey.gv-journey-scroll .journey-step,
.journey.gv-journey-scroll .journey-cta{
will-change:opacity,transform,filter;
}
.journey.gv-journey-scroll .journey-steps{
position:relative;
border-top-color:transparent;
}
.journey.gv-journey-scroll .journey-steps::before{
content:"";
position:absolute;
z-index:3;
top:0;
left:0;
width:100%;
height:1px;
background:linear-gradient(
90deg,
rgba(176,141,87,.25),
rgba(176,141,87,.82) 35%,
rgba(39,30,54,.20)
);
transform-origin:left center;
transform:scaleX(var(--gv-journey-line,0));
opacity:.95;
}
.journey.gv-journey-scroll .journey-step::after{
transition:
opacity .55s ease,
transform .7s cubic-bezier(.16,1,.3,1);
}
.journey.gv-journey-scroll .journey-step:not(.gv-step-visible)::after{
opacity:0;
transform:translate(50%,-50%) rotate(45deg) scale(.65);
}
.journey.gv-journey-scroll .journey-step.gv-step-visible::after{
opacity:1;
} .journey.gv-journey-scroll .step-num{
transition:
color .5s ease,
text-shadow .65s ease;
}
.journey.gv-journey-scroll .journey-step.gv-step-visible .step-num{
color:#9d7139;
text-shadow:0 0 22px rgba(176,141,87,.18);
}
@media (max-width:1100px){
.site-header .nav-wrap{
grid-template-columns:auto 1fr auto;
gap:20px;
padding-left:24px;
padding-right:24px;
}
.gv-primary-nav{gap:18px;}
.gv-primary-nav a{font-size:9.5px;}
.gv-header-cta{display:none;}
.gv-header-divider{display:none;}
}
@media (max-width:760px){
.site-header{
height:58px;
}
.site-header .nav-wrap{
display:flex;
justify-content:space-between;
padding:0 18px;
}
.gv-primary-nav{
display:none;
}
.gv-brand img{
height:21px!important;
}
.site-header.gv-header-scrolled{
height:54px;
}
.site-header.gv-header-scrolled .gv-brand img{
height:20px!important;
}
.gv-header-actions{gap:0;}
} @media (prefers-reduced-motion:reduce){
.site-header,
.site-header *,
.journey,
.journey *{
transition:none!important;
}
.journey .journey-steps::before{
transform:scaleX(1)!important;
}
}  .hero::before{
background-image:url(//www.assenza.mx/wp-content/plugins/golden-view-motion-official/assets/video/golden-view-hero-poster.jpg) !important;
z-index:-4 !important;
}
.hero::after{
z-index:-1 !important;
}
.gv-hero-video{
position:absolute;
inset:0;
z-index:-3;
width:100%;
height:100%;
max-width:none!important;
object-fit:cover;
object-position:center center;
opacity:0;
visibility:visible!important;
filter:saturate(.98) contrast(1.02);
transform:scale(1.018);
transition:
opacity 1.65s cubic-bezier(.16,1,.3,1),
transform 7s ease-out;
pointer-events:none;
background:#1b1423;
}
.gv-hero-video.is-ready{
opacity:1;
transform:scale(1.005);
}
.gv-hero-video-vignette{
position:absolute;
inset:0;
z-index:-2;
pointer-events:none;
background:
radial-gradient(circle at 50% 40%, transparent 28%, rgba(17,10,24,.12) 72%, rgba(17,10,24,.24) 100%),
linear-gradient(180deg,rgba(18,10,24,.04),rgba(18,10,24,.18));
} .hero > .gv-water-light{opacity:.035!important;} .gv-day-video{
position:absolute;
inset:-3%;
z-index:4;
width:106%;
height:106%;
max-width:none!important;
object-fit:cover;
object-position:center 55%;
opacity:0;
visibility:visible!important;
transform:scale(1.025);
filter:saturate(1.03) brightness(.96);
transition:
opacity 1.45s cubic-bezier(.16,1,.3,1),
transform 4.5s cubic-bezier(.16,1,.3,1);
pointer-events:none;
}
.gv-day-story[data-gv-scene="2"] .gv-day-video-3.is-ready{
opacity:1;
transform:scale(1.008);
} .gv-day-story[data-gv-scene="2"] .gv-day-bg-3{
opacity:1;
} .gv-day-story[data-gv-scene="2"] .gv-day-grade{
transition:background 1.6s ease, opacity 1.3s ease;
}
@media (max-width:700px){
.gv-hero-video{
object-position:50% center;
transform:scale(1.025);
}
.gv-day-video{
object-position:58% center;
}
} @media (prefers-reduced-motion:reduce){
.gv-hero-video,
.gv-day-video{
display:none!important;
}
} .gv-editorial-gallery{
position:relative;
overflow:hidden;
padding:96px 0 104px;
background:
radial-gradient(circle at 88% 8%, rgba(176,141,87,.08), transparent 26%),
linear-gradient(180deg,#fbf9f4 0%,#f7f2e8 100%);
}
.gv-editorial-gallery::before{
content:"";
position:absolute;
top:0;
left:50%;
width:min(1124px,calc(100% - 56px));
height:1px;
transform:translateX(-50%);
background:linear-gradient(90deg,transparent,rgba(39,30,54,.12),transparent);
}
.gv-gallery-heading{
max-width:790px;
margin-bottom:48px;
text-align:center;
}
.gv-gallery-heading h2{
margin:10px auto 0;
max-width:760px;
font-size:clamp(36px,4.5vw,58px);
letter-spacing:-.025em;
}
.gv-gallery-heading h2 em{
color:var(--gold-dark);
font-weight:500;
}
.gv-gallery-heading p{
max-width:680px;
margin:16px auto 0;
color:var(--purple-500);
font-size:14px;
}
.gv-editorial-grid{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
grid-auto-flow:dense;
grid-auto-rows:clamp(46px,4vw,62px);
gap:14px;
}
.gv-gallery-card{
position:relative;
display:block;
width:100%;
height:100%;
min-width:0;
overflow:hidden;
appearance:none;
-webkit-appearance:none;
padding:0;
border:0;
border-radius:2px;
background:#e9e3d8;
color:#fff;
text-align:left;
box-shadow:0 14px 42px rgba(28,21,38,.06);
isolation:isolate;
cursor:zoom-in;
}
.gv-gallery-card::before{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
background:linear-gradient(180deg,transparent 50%,rgba(20,14,28,.62) 100%);
opacity:.70;
transition:opacity .6s ease;
}
.gv-gallery-card::after{
content:"";
position:absolute;
inset:0;
z-index:3;
pointer-events:none;
border:1px solid rgba(255,255,255,.13);
}
.gv-gallery-card img,
.gv-gallery-card video{
position:absolute;
inset:0;
width:100%;
height:100%;
max-width:none!important;
object-fit:cover;
transform:scale(1.01);
transition:transform 1.15s cubic-bezier(.16,1,.3,1),filter .8s ease;
}
.gv-gallery-video video{
background:#ded8ce;
}
.gv-gallery-caption{
position:absolute;
z-index:5;
left:20px;
right:20px;
bottom:18px;
display:flex;
flex-direction:column;
gap:1px;
text-shadow:0 2px 18px rgba(0,0,0,.28);
transform:translateY(0);
transition:transform .6s cubic-bezier(.16,1,.3,1);
}
.gv-gallery-caption b{
font-family:'Cormorant Garamond',serif;
font-size:23px;
line-height:1.04;
font-weight:600;
letter-spacing:-.01em;
}
.gv-gallery-caption small{
font-size:9.5px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
opacity:.78;
}
.gv-video-pill{
position:absolute;
top:16px;
right:16px;
z-index:6;
display:inline-flex;
align-items:center;
min-height:24px;
padding:0 9px;
border:1px solid rgba(255,255,255,.52);
border-radius:999px;
background:rgba(20,14,28,.24);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
color:#fff;
font-size:8.5px;
line-height:1;
font-weight:700;
letter-spacing:.13em;
}
.gv-gallery-video::marker{display:none;}
.gv-gallery-video .gv-gallery-caption::after{
content:"";
width:28px;
height:1px;
margin-top:8px;
background:rgba(255,255,255,.62);
} .gv-g1{grid-column:span 8;grid-row:span 7;}
.gv-g2{grid-column:span 4;grid-row:span 9;}
.gv-g3{grid-column:span 4;grid-row:span 8;}
.gv-g4{grid-column:span 4;grid-row:span 6;}
.gv-g5{grid-column:span 4;grid-row:span 6;}
.gv-g6{grid-column:span 4;grid-row:span 8;}
.gv-g7{grid-column:span 8;grid-row:span 6;}
.gv-g8{grid-column:span 4;grid-row:span 6;}
.gv-g9{grid-column:span 4;grid-row:span 6;}
.gv-g1 img{object-position:center 52%;}
.gv-g4 img{object-position:center 48%;}
.gv-g5 img{object-position:center 48%;}
.gv-g7 img{object-position:center 48%;}
.gv-g8 img{object-position:center 48%;}
.gv-g9 img{object-position:center center;}
.gv-gallery-foot{
display:flex;
align-items:center;
justify-content:space-between;
gap:28px;
padding-top:34px;
}
.gv-gallery-foot p{
max-width:520px;
color:var(--purple-500);
font-size:12px;
}
@media (hover:hover) and (pointer:fine){
.gv-gallery-card:hover img,
.gv-gallery-card:hover video{
transform:scale(1.045);
filter:saturate(1.035) contrast(1.015);
}
.gv-gallery-card:hover::before{opacity:.88;}
.gv-gallery-card:hover .gv-gallery-caption{transform:translateY(-3px);}
} .gv-gallery-lightbox{
position:fixed;
inset:0;
z-index:99999;
display:grid;
grid-template-columns:72px minmax(0,1fr) 72px;
grid-template-rows:1fr auto;
align-items:center;
gap:12px;
padding:54px 28px 24px;
background:rgba(14,10,19,.965);
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .42s ease,visibility .42s ease;
}
.gv-gallery-lightbox.is-open{
opacity:1;
visibility:visible;
pointer-events:auto;
}
.gv-gallery-stage{
grid-column:2;
grid-row:1;
display:flex;
align-items:center;
justify-content:center;
min-width:0;
min-height:0;
width:100%;
height:100%;
}
.gv-gallery-stage img,
.gv-gallery-stage video{
display:block;
width:auto;
height:auto;
max-width:min(1280px,100%);
max-height:calc(100vh - 132px);
object-fit:contain;
border-radius:2px;
box-shadow:0 30px 100px rgba(0,0,0,.42);
}
.gv-gallery-stage video{
background:#000;
}
.gv-gallery-close,
.gv-gallery-arrow{
appearance:none;
border:1px solid rgba(255,255,255,.18);
background:rgba(255,255,255,.04);
color:#fff;
transition:background .25s ease,border-color .25s ease,transform .25s ease;
}
.gv-gallery-close{
position:absolute;
top:18px;
right:22px;
width:42px;
height:42px;
border-radius:50%;
font-size:27px;
font-weight:300;
line-height:38px;
}
.gv-gallery-arrow{
width:48px;
height:64px;
border-radius:999px;
font-family:Georgia,serif;
font-size:34px;
line-height:1;
justify-self:center;
}
.gv-gallery-prev{grid-column:1;grid-row:1;}
.gv-gallery-next{grid-column:3;grid-row:1;}
.gv-gallery-meta{
grid-column:2;
grid-row:2;
display:flex;
align-items:center;
justify-content:center;
gap:16px;
min-height:28px;
color:rgba(255,255,255,.72);
font-size:10px;
letter-spacing:.07em;
text-transform:uppercase;
}
.gv-gallery-count{color:var(--gold-light);font-weight:700;}
.gv-gallery-lightbox-caption{text-align:center;}
@media (hover:hover){
.gv-gallery-close:hover,
.gv-gallery-arrow:hover{
background:rgba(255,255,255,.11);
border-color:rgba(255,255,255,.34);
}
.gv-gallery-arrow:hover{transform:scale(1.04);}
}
@media (max-width:900px){
.gv-editorial-gallery{padding:78px 0 86px;}
.gv-editorial-grid{grid-auto-rows:clamp(45px,6vw,58px);gap:10px;}
.gv-g1{grid-column:span 8;grid-row:span 6;}
.gv-g2{grid-column:span 4;grid-row:span 8;}
.gv-g3{grid-column:span 4;grid-row:span 7;}
.gv-g4,.gv-g5{grid-column:span 4;grid-row:span 5;}
.gv-g6{grid-column:span 4;grid-row:span 7;}
.gv-g7{grid-column:span 8;grid-row:span 5;}
.gv-g8,.gv-g9{grid-column:span 4;grid-row:span 5;}
}
@media (max-width:700px){
.gv-editorial-gallery{
padding:64px 0 70px;
}
.gv-editorial-gallery::before{
width:calc(100% - 38px);
}
.gv-gallery-heading{
margin-bottom:30px;
padding-left:22px;
padding-right:22px;
}
.gv-gallery-heading h2{
font-size:clamp(34px,10.4vw,46px);
}
.gv-gallery-heading p{
font-size:13px;
}
.gv-editorial-grid{
padding-left:12px;
padding-right:12px;
grid-template-columns:repeat(2,minmax(0,1fr));
grid-auto-rows:86px;
gap:7px;
}
.gv-g1{grid-column:span 2;grid-row:span 3;}
.gv-g2{grid-column:span 1;grid-row:span 5;}
.gv-g3{grid-column:span 1;grid-row:span 5;}
.gv-g4{grid-column:span 2;grid-row:span 3;}
.gv-g5{grid-column:span 2;grid-row:span 3;}
.gv-g6{grid-column:span 1;grid-row:span 5;}
.gv-g8{grid-column:span 1;grid-row:span 5;}
.gv-g7{grid-column:span 2;grid-row:span 3;}
.gv-g9{grid-column:span 2;grid-row:span 3;}
.gv-gallery-caption{
left:12px;
right:12px;
bottom:12px;
}
.gv-gallery-caption b{font-size:18px;}
.gv-gallery-caption small{font-size:7.5px;}
.gv-video-pill{top:10px;right:10px;font-size:7.5px;min-height:21px;padding:0 7px;}
.gv-gallery-foot{
flex-direction:column;
align-items:stretch;
padding:26px 22px 0;
text-align:center;
}
.gv-gallery-foot .btn-outline{width:100%;}
.gv-gallery-lightbox{
grid-template-columns:44px minmax(0,1fr) 44px;
padding:56px 8px 18px;
gap:2px;
}
.gv-gallery-stage img,
.gv-gallery-stage video{
max-height:calc(100vh - 142px);
}
.gv-gallery-arrow{
width:38px;
height:52px;
border:none;
background:transparent;
font-size:31px;
}
.gv-gallery-close{top:10px;right:12px;}
.gv-gallery-meta{
gap:10px;
font-size:8.5px;
}
}
@media (prefers-reduced-motion:reduce){
.gv-gallery-card img,
.gv-gallery-card video,
.gv-gallery-caption,
.gv-gallery-lightbox{
transition:none!important;
}
} .gv-g10{grid-column:span 4;grid-row:span 6;}
.gv-g10 img{object-position:center 50%;}
@media (max-width:900px){.gv-g10{grid-column:span 4;grid-row:span 5;}}
@media (max-width:700px){.gv-g10{grid-column:span 2;grid-row:span 3;}} .gv-location-map-panel{
margin-top:44px;
display:grid;
grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);
align-items:stretch;
background:var(--beige-light);
border:1px solid rgba(39,30,54,.10);
overflow:hidden;
box-shadow:0 22px 58px -48px rgba(28,21,38,.25);
}
.gv-location-map-copy{
padding:42px 40px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
}
.gv-location-map-copy h3{
font-size:31px;
line-height:1.08;
margin:10px 0 15px;
max-width:400px;
}
.gv-location-map-copy > p{
color:var(--purple-700);
font-size:13.5px;
line-height:1.72;
max-width:420px;
margin:0 0 23px;
}
.gv-location-map-media{
position:relative;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:#e2b663;
min-height:455px;
max-height:520px;
}
.gv-location-map-media img{
display:block;
width:100%;
height:100%;
object-fit:contain;
object-position:center;
transition:transform 1.15s cubic-bezier(.16,1,.3,1), filter .7s ease;
} .gv-map-pin-label{
position:absolute;
top:34%;
left:22.5%;
display:inline-flex;
align-items:center;
justify-content:center;
padding:6px 9px;
border-radius:999px;
background:rgba(59,43,111,.94);
color:#fff;
box-shadow:0 6px 18px rgba(39,30,54,.18);
font-family:'Montserrat',sans-serif;
font-size:8px;
line-height:1;
font-weight:700;
letter-spacing:.065em;
text-transform:uppercase;
transform:translate(-50%,-115%);
pointer-events:none;
white-space:nowrap;
}
.gv-map-pin-label::after{
content:"";
position:absolute;
left:50%;
bottom:-4px;
width:8px;
height:8px;
background:rgba(59,43,111,.94);
transform:translateX(-50%) rotate(45deg);
z-index:-1;
}
.gv-map-open{
position:absolute;
right:12px;
bottom:12px;
padding:7px 9px;
border:1px solid rgba(255,255,255,.30);
background:rgba(28,21,38,.76);
color:#fff;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
font-family:'Montserrat',sans-serif;
font-size:8px;
font-weight:600;
letter-spacing:.045em;
text-transform:uppercase;
transition:background .35s ease, transform .35s ease;
}
@media (hover:hover){
.gv-location-map-media:hover img{ transform:scale(1.012); }
.gv-location-map-media:hover .gv-map-open{
background:rgba(59,43,111,.90);
transform:translateY(-1px);
}
}
@media (max-width:980px){
.gv-location-map-panel{
grid-template-columns:1fr;
margin-top:38px;
}
.gv-location-map-copy{ padding:34px 30px 30px; }
.gv-location-map-copy h3{ font-size:29px; }
.gv-location-map-media{
min-height:0;
max-height:none;
}
.gv-location-map-media img{
width:100%;
height:auto;
object-fit:contain;
}
}
@media (max-width:600px){
.gv-location-map-panel{ margin-top:28px; }
.gv-location-map-copy{ padding:28px 22px 25px; }
.gv-location-map-copy h3{ font-size:26px; }
.gv-location-map-copy > p{ font-size:12.5px; }
.gv-map-pin-label{
top:34.5%;
left:22.5%;
padding:5px 7px;
font-size:7px;
transform:translate(-50%,-110%);
}
.gv-map-pin-label::after{
width:6px;
height:6px;
bottom:-3px;
}
.gv-map-open{
right:8px;
bottom:8px;
font-size:7px;
padding:6px 7px;
}
}