:root{--gold:#e2ad49;--pale:#f1d397;--white:#f5f0e8}*{box-sizing:border-box}html{width:100%;overflow-x:clip}body{margin:0;min-height:100svh;background:#050505;color:var(--white);font-family:Montserrat,Arial,sans-serif;overflow-x:clip}a{color:inherit}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.scene,.scene-vignette{position:fixed;inset:0;pointer-events:none}.scene{background:#050505 url('assets/desktop.webp?v=13.0.0') center center/cover no-repeat;animation:slowzoom 24s ease-in-out infinite alternate;transform-origin:center}.scene-vignette{background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.03) 40%,rgba(0,0,0,.22) 80%,rgba(0,0,0,.65)),radial-gradient(ellipse 37% 42% at 50% 38%,rgba(0,0,0,.38),transparent 95%)}.glow{position:fixed;pointer-events:none;width:10px;height:10px;border-radius:50%;background:#fff2bb;box-shadow:0 0 12px 5px #e2ad49,0 0 35px 12px #e2ad4970;animation:twinkle 5s ease-in-out infinite}.glow-one{left:13%;top:66%}.glow-two{right:18%;top:72%;animation-delay:2.5s}.page{position:relative;isolation:isolate;min-height:100svh;max-width:1600px;margin:auto;display:flex;flex-direction:column;align-items:center;padding:22px clamp(18px,4vw,64px) 16px;text-align:center}.topbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.mini-brand{display:flex;align-items:center;gap:10px;color:var(--pale);font-size:9px;font-weight:600;letter-spacing:.15em;text-align:left;line-height:1.6}.monogram{font:32px 'Cormorant Garamond',serif;color:var(--gold);letter-spacing:-.06em}.rule{height:28px;width:1px;background:var(--gold)}.city{font-size:10px;letter-spacing:.32em;color:var(--pale)}.hero{width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 0 28px}.logo{display:block;width:clamp(165px,23vw,285px);height:auto;object-fit:contain;filter:drop-shadow(0 8px 25px #0009);animation:rise .9s ease both}h1{font:500 clamp(37px,5vw,72px)/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:2px 0 15px;text-shadow:0 3px 15px #000}h1 em{font-weight:400;color:var(--pale)}.coming{font-size:clamp(11px,1.3vw,16px);font-weight:600;letter-spacing:.48em;color:var(--pale);margin:0 0 17px;padding-left:.48em}.intro{font:400 clamp(17px,2vw,23px)/1.35 'Cormorant Garamond',serif;margin:0;color:#f5e9d5;text-shadow:0 2px 10px #000}.bottom{width:100%;display:flex;align-items:center;flex-direction:column;gap:16px}.instagram-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:12px 24px;min-height:48px;max-width:100%;border:1px solid var(--gold);border-radius:50px;background:#070605a8;text-decoration:none;color:var(--pale);font-size:10px;font-weight:600;letter-spacing:.13em;transition:background .25s,transform .25s,box-shadow .25s}.instagram-button:hover{background:#221805;transform:translateY(-2px);box-shadow:0 0 20px #e2ad493d}.icon{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-links{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(12px,3vw,26px)}.icon-links a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #e2ad496b;border-radius:50%;background:#070605b5;color:var(--gold);transition:transform .2s,background .2s}.icon-links a:hover{transform:translateY(-3px);background:#241a0a}.icon-links .icon{width:19px;height:19px}footer{font-size:9px;letter-spacing:.15em;color:#d8b974;text-shadow:0 1px 6px #000}footer span{margin:0 8px}@keyframes slowzoom{from{transform:scale(1)}to{transform:scale(1.055)}}@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:.8;transform:scale(1.2)}}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.scene{background-image:url('assets/mobile.webp?v=13.0.0');background-position:center center}.scene-vignette{background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.04) 40%,rgba(0,0,0,.15) 72%,rgba(0,0,0,.72))}.page{padding:15px 14px max(14px,env(safe-area-inset-bottom));min-height:100svh}.mini-brand{font-size:7px;gap:7px}.monogram{font-size:26px}.rule{height:22px}.city{font-size:8px;letter-spacing:.15em}.hero{padding:20px 0 22px}.logo{width:clamp(145px,43vw,220px)}h1{font-size:clamp(36px,9vw,56px);max-width:95%;margin:5px 0 15px}.coming{font-size:11px;letter-spacing:.3em}.intro{font-size:19px;max-width:290px}.desktop-only{display:none}.bottom{gap:14px}.instagram-button{padding:12px 17px;font-size:9px}.icon-links{gap:12px}.icon-links a{width:42px;height:42px}footer{font-size:8px;line-height:1.6;max-width:310px}.glow-one{left:15%;top:79%}.glow-two{right:18%;top:81%}}@media(max-width:370px){.icon-links{gap:8px}.icon-links a{width:39px;height:39px}.city{font-size:7px}.hero{padding:10px 0}.logo{width:145px}h1{font-size:35px}}@media(max-height:670px){.hero{padding:8px 0}.logo{width:clamp(120px,20vh,210px)}h1{font-size:clamp(32px,6vh,58px)}.bottom{gap:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* V9: true single-screen presentation on desktop and mobile. */
html,body{width:100%;height:100%;overflow-x:hidden}
.page{width:100%;height:100svh;min-height:0;max-width:none;justify-content:space-between;padding:clamp(12px,2.5vh,28px) 16px max(12px,env(safe-area-inset-bottom));overflow:hidden}
.hero{flex:1;min-height:0;margin:0;padding:0;justify-content:center;gap:clamp(3px,1vh,12px)}
.logo{width:clamp(116px,17vw,208px);max-height:32vh;object-fit:contain}
h1{font-size:clamp(34px,4.4vw,67px);margin:0 0 5px}
.coming{margin:0 0 5px}.intro{margin:0}
.bottom{flex:none;gap:clamp(7px,1.3vh,14px)}
footer{padding-top:2px}
@media(max-width:700px){
 .page{height:100svh;min-height:0;padding:clamp(10px,2vh,20px) 12px max(10px,env(safe-area-inset-bottom));}
 .hero{padding:0;gap:clamp(2px,.7vh,8px)}
 .logo{width:clamp(112px,34vw,162px);max-height:27vh}
 h1{font-size:clamp(30px,8.3vw,48px);margin:0 0 4px}
 .coming{font-size:10px;margin:0 0 4px}
 .intro{font-size:clamp(15px,4.2vw,19px)}
 .bottom{gap:clamp(6px,1.4vh,12px)}
 .instagram-button{min-height:42px;padding:10px 16px}
 .icon-links a{width:40px;height:40px}
}
@media(max-height:650px){.page{padding-top:6px;padding-bottom:6px}.hero{gap:1px}.logo{width:clamp(95px,18vh,150px);max-height:24vh}h1{font-size:clamp(27px,5.8vh,48px)}.coming{margin:0}.intro{font-size:clamp(14px,2.8vh,18px)}.bottom{gap:5px}.instagram-button{min-height:36px;padding:7px 13px}.icon-links a{width:34px;height:34px}.icon-links .icon{width:17px;height:17px}footer{font-size:8px}}
@media(max-width:370px){.logo{width:clamp(100px,30vw,138px)}h1{font-size:clamp(29px,8vw,37px)}.icon-links{gap:8px}.icon-links a{width:36px;height:36px}}

/* V10: refined desktop spacing and legible mobile composition. */
@media(min-width:701px){
  .hero{gap:clamp(8px,1.6vh,20px)}
  .logo{width:clamp(118px,16vw,194px)}
  .bottom{padding-bottom:clamp(22px,4.2vh,56px);gap:9px}
  .instagram-button{min-height:44px;padding:10px 24px}
  .icon-links{gap:clamp(13px,2vw,22px)}
}
@media(max-width:700px){
  .hero{gap:clamp(7px,1.3vh,15px)}
  .logo{width:clamp(150px,43vw,205px);max-height:32vh}
  h1{font-size:clamp(34px,9.1vw,53px);line-height:1.04;margin:0 0 3px;max-width:100%}
  .coming{font-size:clamp(11px,2.8vw,13px);margin:0 0 3px}
  .intro{font-size:clamp(18px,4.7vw,22px);max-width:340px;line-height:1.25}
  .bottom{gap:clamp(9px,1.5vh,15px)}
}
@media(max-width:700px) and (max-height:740px){
  .hero{gap:clamp(3px,.65vh,7px)}
  .logo{width:clamp(128px,36vw,174px);max-height:26vh}
  h1{font-size:clamp(31px,8.3vw,44px)}
  .intro{font-size:clamp(16px,4.2vw,19px)}
  .bottom{gap:7px}
}
@media(max-width:700px) and (max-height:600px){
  .logo{width:clamp(105px,26vw,142px);max-height:21vh}
  h1{font-size:clamp(27px,7.2vw,36px)}
  .intro{font-size:15px}
  .hero{gap:2px}
}

/* V11: mobile-only refinement. Desktop rules remain unchanged. */
@media (max-width:700px) and (min-height:741px){
  .hero{transform:translateY(-2.2vh);gap:clamp(9px,1.6vh,18px)}
  .logo{width:clamp(174px,49vw,236px);max-height:33vh;margin-bottom:clamp(10px,2vh,22px)}
  h1{font-size:clamp(38px,10vw,60px);line-height:1.03;max-width:100%;margin:0 0 3px}
  .coming{font-size:clamp(12px,3.15vw,15px);letter-spacing:.3em}
  .intro{font-size:clamp(19px,5.1vw,24px);line-height:1.25;max-width:360px}
}
@media (max-width:700px) and (min-height:601px) and (max-height:740px){
  .hero{transform:translateY(-1.5vh);gap:clamp(5px,1vh,10px)}
  .logo{width:clamp(148px,41vw,192px);max-height:28vh;margin-bottom:clamp(7px,1.3vh,14px)}
  h1{font-size:clamp(34px,9.2vw,50px);line-height:1.04}
  .coming{font-size:clamp(11px,2.9vw,14px)}
  .intro{font-size:clamp(17px,4.65vw,21px);line-height:1.25}
}
@media (max-width:700px) and (max-height:600px){
  .logo{margin-bottom:5px}
}

/* V12.1: stable compositor-only animations. No opacity or animated filters. */
.icon-links a[aria-label="WhatsApp"] .icon {width:20px;height:20px;display:block;overflow:visible;stroke:none;fill:currentColor}
.logo {opacity:1;filter:drop-shadow(0 8px 25px #0009);animation:aj-logo-float 6s ease-in-out infinite;backface-visibility:hidden}
@keyframes aj-logo-float {0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
.instagram-button {position:relative;isolation:isolate;overflow:hidden;animation:aj-button-halo 4s ease-in-out infinite}
.instagram-button::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#e2ad4900 35%,#e2ad493a 50%,#e2ad4900 65%,transparent 80%);transform:translateX(-145%);animation:aj-button-sweep 5s ease-in-out 1s infinite}
@keyframes aj-button-sweep {0%,20%{transform:translateX(-145%)}55%,100%{transform:translateX(145%)}}
@keyframes aj-button-halo {0%,100%{box-shadow:0 0 0 0 #e2ad4900}50%{box-shadow:0 0 16px 1px #e2ad493f}}
@media(prefers-reduced-motion:reduce){.logo,.instagram-button,.instagram-button::before{animation:none!important}}

/* V13: mobile horizontal-lock. Maintain existing visual proportions. */
html { width:100%; max-width:100%; overflow-x:hidden; overscroll-behavior-x:none; }
body { width:100%; max-width:100%; overflow-x:hidden; overscroll-behavior-x:none; }
.page { width:100%; max-width:100%; min-width:0; overflow-x:clip; }
.hero,.bottom { min-width:0; max-width:100%; }
.hero > *, .bottom > * { min-width:0; }
.logo { max-width: min(100%, 236px); }
h1 { overflow-wrap:normal; text-wrap:balance; }
.scene,.scene-vignette { width:100%; max-width:100%; overflow:hidden; }
@media (max-width:700px) {
  .page { width:100%; max-width:100%; margin:0; padding-left:max(12px,env(safe-area-inset-left)); padding-right:max(12px,env(safe-area-inset-right)); }
  .hero { width:100%; max-width:100%; transform:none; }
  .logo { max-width:min(53vw,220px); }
  h1 { width:100%; max-width:100%; font-size:clamp(30px,9.2vw,52px); letter-spacing:-.035em; }
  .intro { max-width:100%; }
  .bottom { width:100%; }
  .instagram-button { max-width:calc(100vw - 32px); white-space:nowrap; }
  .icon-links { width:100%; max-width:100%; gap:clamp(8px,3vw,16px); }
  .icon-links a { flex:0 0 auto; }
  .scene { animation:none; transform:none; background-size:cover; }
}
@media(max-width:350px){
  h1{font-size:clamp(27px,8.5vw,32px)}
  .instagram-button{font-size:8px;padding:9px 12px;gap:8px}
  .icon-links a{width:36px;height:36px}
}