:root{--black:#040404;--ink:#090d0b;--gold:#c8a45a;--gold2:#f0d18a;--paper:#efe5ca;--muted:#b9b09c;--green:#18241f;--line:rgba(200,164,90,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:Montserrat,Arial,sans-serif;overflow-x:hidden}img{max-width:100%;display:block}.grain{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.14;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.fog{position:fixed;inset:-20%;z-index:2;pointer-events:none;filter:blur(28px);opacity:.52;background:radial-gradient(circle at 15% 50%,rgba(255,255,255,.11),transparent 16%),radial-gradient(circle at 75% 30%,rgba(255,255,255,.08),transparent 18%),radial-gradient(circle at 55% 80%,rgba(255,255,255,.06),transparent 20%);animation:fog 40s linear infinite}.fog-2{animation-direction:reverse;animation-duration:58s;opacity:.36}.intro{position:fixed;inset:0;z-index:150;background:#020302;display:grid;place-items:center;overflow:hidden;transition:opacity 1.1s ease,visibility 1.1s ease}.intro.is-hidden{opacity:0;visibility:hidden}.intro__sea{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),#020302 78%),url('../assets/hero-bg.jpg') center/cover;filter:brightness(.55) contrast(1.15);transform:scale(1.08)}.intro__fog{position:absolute;inset:-20%;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.13),transparent 18%),radial-gradient(circle at 70% 40%,rgba(255,255,255,.10),transparent 20%);filter:blur(24px);animation:fog 24s linear infinite}.intro__ship{position:absolute;width:min(760px,72vw);right:6vw;top:8vh;opacity:.72;filter:drop-shadow(0 40px 50px #000);animation:introShip 7s ease-in-out infinite alternate}.intro__content{position:relative;z-index:3;text-align:center;padding:24px}.intro__logo{width:110px;height:110px;border-radius:50%;object-fit:cover;border:1px solid var(--line);margin:0 auto 22px;box-shadow:0 0 42px rgba(200,164,90,.18)}.kicker{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.22em;color:var(--gold2);font-size:12px}.intro h1,.hero h2,.section-title,.text-panel h2,.inn h2,.seal h2{font-family:Cinzel,serif;text-transform:uppercase;font-weight:900;line-height:.92;margin:0;color:#fff4dc;text-shadow:0 18px 55px #000}.intro h1{font-size:clamp(48px,8vw,104px)}.subtitle{font-family:'Cormorant Garamond',serif;font-size:clamp(25px,3vw,42px);font-style:italic;color:var(--gold2);max-width:780px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);min-height:52px;padding:0 26px;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;transition:.35s;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:.6s}.btn:hover:before{transform:translateX(110%)}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 55px rgba(200,164,90,.18)}.btn--gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#15100a}.btn--outline{background:rgba(0,0,0,.22);color:var(--paper)}.skip{display:block;margin:20px auto 0;background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer}.header{position:fixed;z-index:100;top:0;left:0;right:0;height:86px;display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;background:linear-gradient(180deg,rgba(0,0,0,.82),rgba(0,0,0,.12));border-bottom:1px solid rgba(200,164,90,.18);transition:.35s}.header.scrolled{height:72px;background:rgba(3,3,3,.92);backdrop-filter:blur(12px)}.brand{display:flex;gap:13px;align-items:center;color:var(--paper);text-decoration:none;text-transform:uppercase;letter-spacing:.12em}.brand img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}.brand strong{display:block;font-family:Cinzel,serif;font-size:19px}.brand small{display:block;color:var(--gold2);font-size:9px}.nav{display:flex;gap:24px}.nav a{color:var(--paper);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--gold2);transition:.3s}.nav a:hover:after{right:0}.header__actions{display:flex;gap:10px}.sound,.hamburger{width:42px;height:42px;border:1px solid var(--line);background:rgba(0,0,0,.25);color:var(--gold2);cursor:pointer}.hamburger{display:none}.hero{position:relative;min-height:100vh;overflow:hidden;display:grid;align-items:center;padding:120px 7vw 70px}.hero__bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.58),rgba(0,0,0,.15)),url('../assets/hero-bg.jpg') center/cover;transform:scale(1.08);filter:brightness(.68) contrast(1.13)}.moon{position:absolute;right:42vw;top:16vh;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#b8b2a4 46%,transparent 70%);opacity:.38}.water{position:absolute;left:-5%;right:-5%;bottom:0;height:34%;background:linear-gradient(0deg,#020302 12%,rgba(2,3,2,.5),transparent),repeating-linear-gradient(174deg,rgba(240,209,138,.16) 0 1px,transparent 1px 28px);opacity:.52;animation:water 5s ease-in-out infinite alternate}.ship{position:absolute;right:-2vw;top:7vh;width:min(780px,58vw);opacity:.92;filter:drop-shadow(0 40px 55px #000);animation:ship 9s ease-in-out infinite alternate}.hero__copy{position:relative;z-index:5;max-width:680px}.hero h2{font-size:clamp(58px,9vw,118px)}.hero h2 span{color:var(--gold2)}.cta-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px}.scroll{position:absolute;z-index:4;left:50%;bottom:28px;transform:translateX(-50%);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.2em;text-decoration:none}.section{position:relative;padding:90px 7vw;border-top:1px solid var(--line);background:#050606}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.image-panel{border:1px solid var(--line);padding:12px;background:rgba(255,255,255,.03)}.image-panel img{width:100%;height:390px;object-fit:cover;filter:brightness(.8) contrast(1.08)}.text-panel h2,.section-title,.inn h2,.seal h2{font-size:clamp(34px,5vw,64px)}.text-panel p,.inn p,.seal p,.feature p,.card p{color:var(--muted);line-height:1.85}.tour{background:radial-gradient(circle at 50% 0,rgba(200,164,90,.12),transparent 30%),#040404;text-align:center}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:40px}.card{position:relative;text-align:left;min-height:330px;border:1px solid var(--line);background:#080909;overflow:hidden;transition:.42s}.card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.16),transparent 22%);filter:blur(18px);opacity:0;transition:.4s}.card:hover:after{opacity:.55;transform:translateY(-20px)}.card img{width:100%;height:188px;object-fit:cover;filter:saturate(.9) contrast(1.12);transition:.7s}.card div{padding:20px}.card h3,.feature h3{font-family:Cinzel,serif;text-transform:uppercase;color:var(--gold2);margin:0 0 8px}.card:hover{transform:translateY(-10px);border-color:var(--gold2);box-shadow:0 24px 70px rgba(0,0,0,.58)}.card:hover img{transform:scale(1.09)}.inn{min-height:650px;display:grid;grid-template-columns:1fr .95fr;gap:50px;align-items:center;overflow:hidden;background:#030303}.inn__bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.5)),url('../assets/black-pearl-inn.jpg') center/cover;opacity:.65;filter:brightness(.72)}.inn__content,.inn__glass{position:relative;z-index:3}.inn__glass{border:1px solid var(--line);width:100%;height:340px;object-fit:cover;box-shadow:0 25px 80px #000}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);padding:1px}.feature{background:#070807;text-align:center;padding:44px 28px}.feature span{font-size:38px}.reserve{min-height:650px;display:grid;place-items:center;background:linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.9)),url('../assets/hero-bg.jpg') center/cover fixed}.seal{max-width:920px;text-align:center;border:1px solid var(--line);outline:1px solid rgba(200,164,90,.16);outline-offset:-16px;padding:70px 8vw;background:rgba(0,0,0,.5);box-shadow:0 30px 100px #000}.seal h2{font-size:clamp(48px,8vw,108px);color:var(--gold2)}.footer{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;padding:50px 7vw;background:#020202;border-top:1px solid var(--line);color:var(--muted)}.footer img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:1px solid var(--line);margin-bottom:12px}.footer strong{display:block;color:var(--paper);font-family:Cinzel,serif;text-transform:uppercase}.footer small{color:var(--gold2);text-transform:uppercase;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}@keyframes fog{from{transform:translateX(-8%) scale(1.05)}to{transform:translateX(8%) scale(1.12)}}@keyframes introShip{from{transform:translate3d(0,0,0) rotate(-.4deg)}to{transform:translate3d(-38px,16px,0) rotate(.6deg)}}@keyframes ship{from{transform:translate3d(0,0,0) rotate(-.25deg)}to{transform:translate3d(-28px,13px,0) rotate(.45deg)}}@keyframes water{from{transform:translateX(-12px)}to{transform:translateX(12px)}}@media(max-width:1050px){.nav{position:absolute;top:76px;left:5vw;right:5vw;display:none;flex-direction:column;padding:22px;background:rgba(0,0,0,.94);border:1px solid var(--line)}.nav.open{display:flex}.hamburger{display:block}.ship{width:88vw;right:-28vw;opacity:.55}.split,.inn{grid-template-columns:1fr}.cards,.features,.footer{grid-template-columns:1fr 1fr}.inn__glass{height:260px}.intro__ship{width:95vw;right:-25vw;opacity:.4}}@media(max-width:650px){.header{height:74px;padding:12px 4vw}.brand strong{font-size:16px}.brand img{width:40px;height:40px}.hero{padding:112px 6vw 70px}.hero h2{font-size:52px}.cta-row .btn{width:100%;}.subtitle{font-size:24px}.cards,.features,.footer{grid-template-columns:1fr}.image-panel img{height:260px}.section{padding:64px 6vw}.card{min-height:auto}.ship{top:18vh;width:115vw;right:-55vw}.moon{display:none}.seal{padding:56px 7vw}.intro h1{font-size:44px}}