@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--ink:#0b0d0c;--deep:#101815;--green:#163c31;--emerald:#0f5a45;--gold:#e7c780;--cream:#f5ead4;--paper:#e9ddc7;--muted:#a89f8e;--line:rgba(231,199,128,.18);--glass:rgba(18,28,24,.76)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
::selection{background:var(--gold);color:#111}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.wrap{width:min(1240px,calc(100% - 48px));margin:auto}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:700}.section{padding:120px 0;position:relative}.section-title{font-family:'Playfair Display',serif;font-size:clamp(44px,7vw,92px);line-height:.94;letter-spacing:-.035em;margin:14px 0 28px}.lede{font-size:18px;line-height:1.7;color:#cbc2b1;max-width:700px}
header{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid transparent;transition:.35s;background:linear-gradient(to bottom,rgba(11,13,12,.8),transparent)}header.scrolled{backdrop-filter:blur(18px);background:rgba(11,13,12,.84);border-color:var(--line)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:.08em}.mark{width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;position:relative}.mark:before,.mark:after{content:'';position:absolute;border:1px solid var(--gold);border-radius:50%}.mark:before{width:18px;height:18px}.mark:after{width:4px;height:4px;background:var(--gold)}.navlinks{display:flex;gap:30px;font-size:13px;color:#d4cbb9}.navlinks a{transition:.2s}.navlinks a:hover{color:var(--gold)}.nav-cta{border:1px solid var(--gold);padding:12px 18px;border-radius:999px;color:var(--gold)}.menu{display:none;background:none;border:0;color:var(--cream);font-size:24px}
.hero{min-height:100svh;display:flex;align-items:center;position:relative;padding:130px 0 70px;overflow:hidden;background:radial-gradient(circle at 72% 35%,rgba(19,89,69,.36),transparent 28%),radial-gradient(circle at 20% 74%,rgba(120,76,31,.18),transparent 28%),#0b0d0c}.hero:before{content:'';position:absolute;width:760px;height:760px;border:1px solid rgba(231,199,128,.14);border-radius:50%;right:-180px;top:2%;box-shadow:0 0 0 80px rgba(231,199,128,.025),0 0 0 160px rgba(231,199,128,.018)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:52px}.hero h1{font-family:'Playfair Display',serif;font-size:clamp(68px,8.8vw,132px);line-height:.82;letter-spacing:-.06em;margin:20px 0 26px}.hero h1 em{font-weight:600;color:var(--gold)}.hero p{font-size:18px;line-height:1.7;color:#c5bcab;max-width:620px}.hero-actions{display:flex;gap:12px;margin-top:36px}.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border-radius:999px;font-weight:700;font-size:13px;letter-spacing:.02em;transition:.25s}.btn.primary{background:var(--gold);color:#151515}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(231,199,128,.18)}.btn.ghost{border:1px solid var(--line);color:var(--cream)}.btn.ghost:hover{border-color:var(--gold);color:var(--gold)}
.phone-stage{position:relative;height:650px}.phone{position:absolute;width:310px;border-radius:43px;overflow:hidden;border:1px solid rgba(231,199,128,.25);box-shadow:0 50px 120px rgba(0,0,0,.55)}.phone img{width:100%}.phone.main{right:64px;top:20px;transform:rotate(2deg);z-index:3}.phone.back{width:250px;left:30px;top:118px;transform:rotate(-8deg);opacity:.72;filter:saturate(.85)}.seal{position:absolute;right:10px;bottom:22px;width:150px;height:150px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase;animation:spin 24s linear infinite}.seal:before{content:'VV';font-family:'Playfair Display',serif;font-size:36px;letter-spacing:0;position:absolute;color:var(--cream)}@keyframes spin{to{transform:rotate(360deg)}}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:#0e1210}.ticker-track{display:flex;width:max-content;animation:marquee 24s linear infinite}.ticker span{padding:18px 34px;font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:#9f9688}.ticker b{color:var(--gold);margin-right:28px}@keyframes marquee{to{transform:translateX(-50%)}}
.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.big-copy{font-family:'Playfair Display',serif;font-size:clamp(32px,4.3vw,62px);line-height:1.05;margin:0}.feature-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.feature{padding:28px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:38px 1fr;gap:14px}.feature:nth-child(odd){padding-right:26px}.feature:nth-child(even){padding-left:26px;border-left:1px solid var(--line)}.feature .num{color:var(--gold);font-size:11px}.feature h3{font-size:17px;margin:0 0 8px}.feature p{margin:0;color:#9e978a;line-height:1.55;font-size:14px}
.floor{background:linear-gradient(180deg,#101815,#0b0d0c)}.floor-layout{display:grid;grid-template-columns:360px 1fr;gap:60px;align-items:start}.mode-tabs{position:sticky;top:120px}.mode-btn{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);color:#8f887c;padding:22px 0;font:inherit;cursor:pointer;display:flex;justify-content:space-between}.mode-btn.active{color:var(--cream)}.mode-btn.active span{color:var(--gold)}.mode-panel{display:none;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center;min-height:620px}.mode-panel.active{display:grid}.mode-visual{border-radius:30px;overflow:hidden;background:#101511;border:1px solid var(--line);padding:18px}.mode-visual img{border-radius:22px;width:100%}.mode-copy .tag{color:var(--gold);font-size:11px;letter-spacing:.18em}.mode-copy h3{font-family:'Playfair Display',serif;font-size:44px;margin:14px 0 16px}.mode-copy p{color:#aaa294;line-height:1.7}.micro{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.micro span{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:#c9c0ae}
.duet{overflow:hidden}.duet-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.duet-card{min-height:690px;border:1px solid var(--line);border-radius:34px;padding:34px;position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(23,58,47,.45),rgba(15,18,16,.92))}.duet-card h3{font-family:'Playfair Display',serif;font-size:44px;margin:12px 0 10px}.duet-card p{color:#a49c8f;max-width:450px}.duet-shot{position:absolute;width:310px;right:25px;bottom:-76px;border-radius:40px;border:1px solid var(--line);box-shadow:0 35px 90px rgba(0,0,0,.5);transition:.45s}.duet-card:hover .duet-shot{transform:translateY(-20px) rotate(-1deg)}.duet-card:nth-child(2) .duet-shot{right:auto;left:28px;transform:rotate(-3deg)}.duet-card:nth-child(2):hover .duet-shot{transform:translateY(-20px) rotate(-1deg)}
.memory{background:#e9ddc7;color:#171916}.memory .eyebrow{color:#78612f}.memory .lede{color:#5f5b53}.memory-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.cards-fan{height:640px;position:relative}.cards-fan img{position:absolute;width:310px;border-radius:38px;box-shadow:0 30px 70px rgba(45,35,19,.24);border:1px solid rgba(0,0,0,.08)}.cards-fan img:nth-child(1){left:0;top:65px;transform:rotate(-8deg)}.cards-fan img:nth-child(2){left:155px;top:10px;z-index:2}.cards-fan img:nth-child(3){left:305px;top:75px;transform:rotate(8deg)}.memory-points{display:grid;gap:0;border-top:1px solid rgba(0,0,0,.14)}.memory-point{padding:20px 0;border-bottom:1px solid rgba(0,0,0,.14);display:flex;justify-content:space-between;gap:20px}.memory-point b{font-size:14px}.memory-point span{color:#777166;font-size:13px;text-align:right}
.progress-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.vault-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vault-shot{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#111713}.vault-shot:nth-child(2){transform:translateY(72px)}.vault-shot img{width:100%}.progress-copy .statline{display:flex;gap:32px;margin-top:35px}.stat strong{display:block;font-family:'Playfair Display',serif;color:var(--gold);font-size:34px}.stat small{color:#8f887c;text-transform:uppercase;letter-spacing:.12em;font-size:9px}
.disclaimer{padding:70px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0f1412}.disclaimer-inner{display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center}.diamond{width:74px;height:74px;border:1px solid var(--gold);transform:rotate(45deg);display:grid;place-items:center}.diamond span{transform:rotate(-45deg);font-family:'Playfair Display',serif;color:var(--gold);font-size:24px}.disclaimer h3{margin:0 0 8px;font-size:20px}.disclaimer p{margin:0;color:#9f978a;line-height:1.6;max-width:800px}
.contact{background:radial-gradient(circle at 80% 20%,rgba(19,89,69,.28),transparent 30%),#090b0a}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px}.contact-card{border:1px solid var(--line);border-radius:28px;padding:30px;background:rgba(16,24,21,.5)}.contact-row{padding:18px 0;border-bottom:1px solid var(--line)}.contact-row:last-child{border-bottom:0}.contact-row small{display:block;color:#867f74;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px}.contact-row a,.contact-row span{font-size:16px}.footer{padding:34px 0;border-top:1px solid var(--line);color:#7f796f;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:20px}.footer a:hover{color:var(--gold)}
.reveal{opacity:0;transform:translateY(26px);transition:.8s cubic-bezier(.2,.65,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.navlinks{display:none}.menu{display:block}.hero-grid,.intro-grid,.memory-grid,.progress-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:120px}.phone-stage{height:590px}.phone.main{right:8%;}.phone.back{left:6%}.floor-layout{grid-template-columns:1fr}.mode-tabs{position:static;display:flex;overflow:auto;gap:8px}.mode-btn{min-width:max-content;padding:11px 15px;border:1px solid var(--line);border-radius:999px}.mode-btn span{display:none}.mode-panel.active{grid-template-columns:1fr}.duet-grid{grid-template-columns:1fr}.memory-grid{gap:20px}.feature-list{grid-template-columns:1fr}.feature:nth-child(even){padding-left:0;border-left:0}.feature:nth-child(odd){padding-right:0}.cards-fan{height:590px;transform:scale(.9);transform-origin:left center}.section{padding:90px 0}.mobile-open .navlinks{display:flex;position:absolute;top:82px;left:24px;right:24px;padding:24px;flex-direction:column;background:#111613;border:1px solid var(--line);border-radius:18px}.mobile-open .nav-cta{display:none}}
@media(max-width:640px){.wrap{width:min(100% - 30px,1240px)}.hero h1{font-size:64px}.hero-actions{flex-direction:column;align-items:flex-start}.phone-stage{height:500px}.phone{width:240px}.phone.main{right:0}.phone.back{width:190px;left:0;top:140px}.seal{width:110px;height:110px}.duet-card{min-height:610px;padding:24px}.duet-shot{width:250px;right:16px}.duet-card:nth-child(2) .duet-shot{left:16px}.cards-fan{height:500px;transform:scale(.7);transform-origin:left top}.vault-stack{grid-template-columns:1fr 1fr}.progress-copy .statline{flex-wrap:wrap}.disclaimer-inner{grid-template-columns:1fr}.diamond{margin-left:12px}.footer-inner{flex-direction:column}.section-title{font-size:48px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}