@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Montserrat:wght@200;300;400&family=Questrial&display=swap";:root{--bg-dark: #070707;--bg-light: #f9f9f7;--text-dark: #111111;--text-light: #f3f3f1}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{overflow-x:hidden;font-family:Montserrat,sans-serif;background:var(--bg-light);color:var(--text-dark)}.hero-scroll{position:relative;height:390vh}.hero-stage{position:sticky;top:0;width:100%;height:100vh;height:100dvh;overflow:hidden}.hero-bg-layer,.hero-grid-layer,.hero-title-layer,.hero-hint-layer{position:absolute;top:0;right:0;bottom:0;left:0}.hero-bg-layer{background:var(--bg-dark);z-index:0}.hero-grid-layer{z-index:4}.hero-title-layer{z-index:10;pointer-events:none}.hero-hint-layer{z-index:14;pointer-events:none}.city-grid{position:absolute;left:50%;top:50%;width:min(92vw,92vh);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7vw;transform-origin:center;pointer-events:none;will-change:transform,opacity}.hero-stage.is-interactive .city-grid{pointer-events:auto}.tile{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#111}.tile img{width:100%;height:100%;object-fit:cover;transition:none}.city{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding-inline:8px;font-family:Cormorant Garamond,serif;font-size:clamp(.85rem,1.3vw,1.55rem);font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#111;background:#fff;clip-path:inset(0 0 100% 0);transition:clip-path .45s ease}.hero-stage.is-interactive .tile:hover .city{clip-path:inset(0 0 0 0)}.hero-title{position:absolute;left:50%;top:50%;font-family:Cormorant Garamond,serif;font-size:clamp(5rem,16vw,15rem);font-weight:300;letter-spacing:.35em;text-transform:uppercase;color:transparent;background-image:linear-gradient(115deg,#fffdf5,#f7ebbf 18%,#d8b35a 38%,#fff8de,#b5882f 74%,#fffdf5);background-size:220% 220%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:jaroGradientDrift 8.5s linear infinite;white-space:nowrap;will-change:transform,opacity}@keyframes jaroGradientDrift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.scroll-hint{position:absolute;left:50%;bottom:clamp(18px,3vh,34px);transform:translate(-50%);font-size:.72rem;letter-spacing:.36em;text-transform:uppercase;color:#f5f5f5e0;font-weight:300;will-change:opacity}.story-scroll{position:relative;height:700vh;background:var(--bg-light)}.story-stage{position:sticky;top:0;width:100%;height:100vh;height:100dvh;background:var(--bg-light);overflow:hidden}.story-line{width:min(94vw,48ch);max-width:94vw;text-align:center;font-family:Questrial,Montserrat,sans-serif;font-size:clamp(1.45rem,3.45vw,4.3rem);font-weight:400;letter-spacing:.03em;line-height:1.08;text-transform:uppercase;color:var(--text-dark);white-space:normal;text-wrap:balance;padding-inline:clamp(8px,1.2vw,16px);will-change:transform,opacity}.story-lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;align-content:center;justify-items:center;gap:clamp(16px,3.2vh,30px);pointer-events:none}.story-parallax{position:absolute;left:0;right:0;top:0;width:100vw;height:auto;z-index:9;overflow:hidden;border:0;pointer-events:auto;will-change:transform}.story-parallax-image{width:100%;height:auto;display:block;will-change:transform;pointer-events:none}.story-parallax-white{position:absolute;left:0;right:0;top:0;height:100vh;height:100dvh;background:var(--bg-light);will-change:transform;display:block;padding:clamp(16px,4vh,42px) clamp(12px,3vw,28px);overflow:hidden}.story-border-marquee{--frame-offset-y: clamp(18px, 4vh, 40px);--frame-offset-x: clamp(14px, 3.2vw, 34px);--border-band: clamp(22px, 2.4vw, 32px);--corner-gap: 16px;position:absolute;left:var(--frame-offset-x);right:var(--frame-offset-x);top:var(--frame-offset-y);bottom:var(--frame-offset-y);border:0;z-index:6;pointer-events:none}.story-border-segment{position:absolute;overflow:hidden}.story-border-segment span{position:absolute;width:max-content;white-space:nowrap;font-family:Questrial,Montserrat,sans-serif;font-size:clamp(.78rem,.92vw,.94rem);font-weight:400;letter-spacing:.03em;text-transform:uppercase;color:#1111119e;line-height:1}.story-border-top{left:0;top:0;height:var(--border-band)}.story-border-top span{left:0;top:3px}.story-border-right{right:0;top:var(--corner-gap);width:var(--border-band);max-height:calc(100% - (2 * var(--corner-gap)))}.story-border-right span{top:0;right:-1px;writing-mode:vertical-rl;text-orientation:mixed}.story-border-bottom{right:0;bottom:0;height:var(--border-band)}.story-border-bottom span{left:0;bottom:3px}.story-border-left{left:0;bottom:var(--corner-gap);width:var(--border-band);max-height:calc(100% - (2 * var(--corner-gap)))}.story-border-left span{left:-1px;bottom:0;writing-mode:vertical-rl;text-orientation:mixed}.story-countdown{position:absolute;left:0;right:0;top:0;z-index:12;width:100%;height:100vh;height:100dvh;padding:0 clamp(12px,3vw,30px);display:grid;place-content:center;place-items:center;gap:clamp(16px,3vh,24px);text-align:center;color:var(--text-dark);will-change:transform;pointer-events:none}.story-black-cover{position:absolute;left:0;right:0;top:-1px;height:calc(100vh + 2px);height:calc(100dvh + 2px);z-index:13;background:var(--bg-dark);will-change:transform;pointer-events:none}.countdown-kicker{font-family:Montserrat,sans-serif;font-size:clamp(.72rem,1vw,.92rem);font-weight:300;letter-spacing:.24em;text-transform:uppercase;color:#1111119e}.countdown-value{font-family:Questrial,Montserrat,sans-serif;font-size:clamp(2.5rem,12.4vw,10.2rem);font-weight:400;letter-spacing:.04em;line-height:.9;text-transform:uppercase;color:var(--text-dark)}.countdown-units{font-family:Montserrat,sans-serif;font-size:clamp(.66rem,.9vw,.82rem);font-weight:300;letter-spacing:.24em;text-transform:uppercase;color:#1111118a}.join-scroll{position:relative;height:100vh;background:var(--bg-dark)}.join-stage{position:relative;width:100%;height:100vh;height:100dvh;background:var(--bg-dark);overflow:hidden}.join-cta{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;width:100%;padding:clamp(18px,6vh,44px) clamp(12px,3vw,30px);display:grid;place-content:center;place-items:center;gap:clamp(16px,3vh,24px);text-align:center;color:var(--text-light);will-change:transform}.join-cta h3{width:min(92vw,920px);font-family:Questrial,Montserrat,sans-serif;font-size:clamp(1.7rem,3.9vw,3.2rem);font-weight:400;letter-spacing:.07em;line-height:1.08;text-transform:uppercase;color:var(--text-light)}.owners-counter{font-family:Questrial,Montserrat,sans-serif;font-size:clamp(1.2rem,2.4vw,2rem);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#f3f3f1db;margin-top:clamp(8px,1.8vh,18px)}.cta-form{width:min(92vw,620px);display:flex;align-items:center;border:1px solid rgba(17,17,17,.45);background:#ffffffe6}.cta-form input{flex:1;min-width:0;border:0;background:transparent;padding:16px 18px;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:300;letter-spacing:.08em;text-transform:uppercase;color:#111;outline:none}.cta-form button{border:0;border-left:1px solid rgba(17,17,17,.45);background:transparent;padding:16px 20px;font-family:Montserrat,sans-serif;font-size:.78rem;font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:#111;cursor:pointer;transition:background-color .25s ease,color .25s ease}.cta-form button:hover{background:#111;color:#fff}.cta-form-inverse{border:1px solid rgba(243,243,241,.45);background:#070707b8}.cta-form-inverse input{color:var(--text-light)}.cta-form-inverse input::placeholder{color:#f3f3f194}.cta-form-inverse button{border-left-color:#f3f3f173;color:var(--text-light)}.cta-form-inverse button:hover{background:var(--text-light);color:#070707}@media (max-width: 900px){.city-grid{width:min(94vw,94vh);grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4vw}.hero-title{letter-spacing:.2em}.scroll-hint{letter-spacing:.26em;font-size:.62rem}.story-line{font-size:clamp(.68rem,3.35vw,1rem);letter-spacing:.02em;white-space:nowrap;padding-inline:.6vw}.story-lines{transform:translateY(0);gap:clamp(8px,1.8vh,14px)}.story-border-marquee{--frame-offset-y: clamp(10px, 2.4vh, 16px);--frame-offset-x: clamp(8px, 2.5vw, 12px);--border-band: clamp(10px, 3vw, 14px);--corner-gap: 10px}.story-border-segment span{font-size:clamp(.56rem,2.1vw,.66rem);letter-spacing:.02em}.story-parallax{height:100vh;height:100dvh}.story-parallax-image{width:100%;height:100%;object-fit:cover;object-position:center}.countdown-value{font-size:clamp(2.05rem,17vw,5.6rem)}.join-cta h3{font-size:clamp(1.6rem,8.2vw,2.6rem)}.cta-form{flex-direction:column}.cta-form button{width:100%;border-left:0;border-top:1px solid rgba(17,17,17,.45)}.cta-form-inverse button{border-top-color:#f3f3f173}}