@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

/* SeacoastDJ — Apollo / RANE ONE MKII drop-in stylesheet */
:root {
  color-scheme: dark;
  --bg-dark-room:#020307; --bg-dark:#05070a; --bg-base:#090c11; --bg:#0b0f15; --bg-soft:#131923;
  --surface:rgba(255,255,255,.055); --surface-strong:rgba(255,255,255,.085);
  --panel:rgba(15,19,26,.82); --panel-strong:rgba(22,28,37,.94);
  --text:#f3f5f7; --muted:#aab3bd; --muted-soft:#7f8995;
  --accent:#21d7f2; --accent-soft:rgba(33,215,242,.13); --accent-strong:#dcfaff;
  --rane-chassis-white:#f1f3f5; --rane-chassis-silver:#c7cdd3; --rane-control-black:#111419;
  --rane-groove:#2d333b; --rane-led-blue:#118cff; --rane-led-cyan:#21d7f2;
  --rane-led-green:#31d17a; --rane-led-amber:#ffae32; --rane-led-red:#ff5062;
  --rane-led-violet:#a66cff; --rane-neon-glow:rgba(33,215,242,.32);
  --border:rgba(235,241,246,.12); --border-strong:rgba(235,241,246,.2);
  --shadow:0 26px 60px rgba(0,0,0,.38); --shadow-deep:0 42px 100px rgba(0,0,0,.52);
  --focus-ring:0 0 0 4px rgba(33,215,242,.18);
  --max-width:1180px; --content-width:1120px;
  --radius-sm:10px; --radius-md:16px; --radius-lg:24px; --radius-xl:32px;
}

*,*::before,*::after{box-sizing:border-box}
html{min-height:100%;margin:0;padding:0;background:var(--bg-dark-room);scroll-behavior:smooth}
body{min-height:100%;margin:0;padding:0;overflow-x:hidden;background:radial-gradient(circle at 14% 8%,rgba(17,140,255,.10),transparent 24rem),radial-gradient(circle at 88% 10%,rgba(166,108,255,.08),transparent 22rem),linear-gradient(180deg,#080a0e 0%,#05070a 52%,#020306 100%);color:var(--text);font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.32;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% -15%,rgba(241,243,245,.08),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%,rgba(0,0,0,.34))}
img{display:block;max-width:100%} a{color:inherit;text-decoration:none} button,input,textarea,select{font:inherit}
:focus-visible{outline:2px solid var(--rane-led-cyan);outline-offset:3px;box-shadow:var(--focus-ring)}

h1,h2,h3,.brand-title,.section-headline,.form-title{margin:0 0 1rem;color:var(--text);font-family:"Space Grotesk","Inter",sans-serif;font-weight:650;line-height:1.04;letter-spacing:-.04em}
h1{max-width:12ch;font-size:clamp(3.1rem,8vw,6.5rem)} h2{font-size:clamp(2.2rem,4.6vw,4.1rem)} h3{font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:-.025em} p{margin:0 0 1rem}
.eyebrow,.tagline,.sub-text{display:inline-flex;align-items:center;gap:.65rem;margin:0 0 1rem;color:var(--rane-led-cyan);font-size:.76rem;font-weight:800;letter-spacing:.18em;line-height:1.3;text-transform:uppercase}
.eyebrow::before{content:"";width:1.8rem;height:2px;background:linear-gradient(90deg,var(--rane-led-cyan),var(--rane-led-blue));box-shadow:0 0 12px var(--rane-neon-glow)}
.hero-tagline,.section-subtext,.page-intro p,.card p,.panel p,.contact-box p,.story-copy p{max-width:68ch;color:var(--muted);font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.8}

.site-shell{position:relative;min-height:100vh}
.section,.content-section{position:relative;z-index:1;width:min(var(--content-width),calc(100% - 48px));margin:0 auto;padding:clamp(72px,7vw,108px) 0}
.section-headline,.page-intro,.section-heading{margin-bottom:clamp(28px,4vw,46px)} .section-heading h2{max-width:14ch}
.feature-grid,.card-grid,.media-grid,.page-grid,.gallery-grid,.review-grid{display:grid;gap:22px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid,.page-grid,.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,52px);align-items:center}

.top-nav{position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:min(var(--max-width),calc(100% - 40px));margin:0 auto;padding:24px 0}
.brand{display:inline-flex;align-items:center;gap:.85rem;color:var(--text);font-family:"Space Grotesk",sans-serif;font-size:clamp(.9rem,1.2vw,1.15rem);font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.nav-logo{width:clamp(2.15rem,2.7vw,2.75rem);height:auto;filter:drop-shadow(0 0 14px rgba(33,215,242,.18))}
.nav-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem}.nav-links a{position:relative;padding:.65rem .8rem;border-radius:8px;color:#b9c1cb;font-size:.77rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:color .18s ease,background .18s ease,transform .18s ease}.nav-links a::after{content:"";position:absolute;right:.8rem;bottom:.35rem;left:.8rem;height:2px;border-radius:999px;background:var(--rane-led-cyan);box-shadow:0 0 10px var(--rane-neon-glow);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav-links a:hover{color:#fff;background:rgba(255,255,255,.04);transform:translateY(-1px)}.nav-links a:hover::after,.nav-links a[aria-current="page"]::after{transform:scaleX(1)}

.hero{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:flex-start;overflow:hidden;padding-bottom:clamp(42px,7vw,92px)}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 76% 13%,rgba(241,243,245,.11),transparent 16rem),radial-gradient(circle at 26% 24%,rgba(33,215,242,.12),transparent 20rem),linear-gradient(180deg,rgba(3,5,8,.12),rgba(3,5,8,.72))}
.hero .top-nav,.hero .hero-content{position:relative;z-index:12}.hero .hero-content{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);align-items:center;gap:clamp(28px,5vw,68px);width:min(var(--content-width),calc(100% - 40px));margin:clamp(20px,4vw,54px) auto 0;padding:clamp(30px,5vw,62px);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(145deg,rgba(241,243,245,.055),transparent 32%),linear-gradient(135deg,rgba(14,18,24,.92),rgba(7,9,13,.84));box-shadow:var(--shadow-deep),inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.7);backdrop-filter:blur(20px)}
.hero .hero-content::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--rane-led-cyan),var(--rane-led-blue) 45%,var(--rane-led-violet));box-shadow:0 0 24px var(--rane-neon-glow)}
.hero-copy{position:relative;z-index:2;max-width:830px;animation:fade-in-up .75s ease both}.hero-media{position:relative;z-index:2;width:min(100%,1080px);margin:0 auto}.hero-image{width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-deep)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:clamp(28px,4vw,44px)}.hero-panels{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:min(100%,980px);margin:2rem auto 0}

.btn,.booking-cta,.trigger-popup-btn,.cta-button,.play-audio-btn,.submit-form-btn{position:relative;display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:0 26px;overflow:hidden;border:1px solid var(--border-strong);border-radius:11px;color:var(--text);font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -4px 0 rgba(0,0,0,.24),0 14px 30px rgba(0,0,0,.3)}
.btn:hover,.booking-cta:hover,.trigger-popup-btn:hover,.cta-button:hover,.play-audio-btn:hover,.submit-form-btn:hover{transform:translateY(-2px)}.btn:active,.booking-cta:active,.trigger-popup-btn:active,.cta-button:active,.play-audio-btn:active,.submit-form-btn:active{transform:translateY(2px) scale(.985);box-shadow:inset 0 5px 10px rgba(0,0,0,.45),0 6px 12px rgba(0,0,0,.28)}
.btn-primary,.booking-cta,.trigger-popup-btn,.cta-button,.play-audio-btn,.submit-form-btn{border-color:rgba(33,215,242,.5);background:linear-gradient(135deg,var(--rane-led-cyan),var(--rane-led-blue));color:#031116;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -4px 0 rgba(0,0,0,.2),0 0 0 1px rgba(33,215,242,.16),0 15px 34px rgba(17,140,255,.22)}
.btn-secondary{border-color:rgba(241,243,245,.2);background:linear-gradient(145deg,#181d24,#0e1218);color:var(--text)}.floating-cta{animation:float 5s ease-in-out infinite}

.glass-panel,.panel,.card,.page-card,.contact-box,.hero-card,.story-copy,.quote-card,.image-card,.content-section,.hero-slider,.mix-card{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.022)),rgba(11,14,19,.84);box-shadow:0 16px 40px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(16px);transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}
.panel:hover,.card:hover,.story-copy:hover,.quote-card:hover,.image-card:hover,.mix-card:hover{transform:translateY(-3px);border-color:rgba(33,215,242,.28);box-shadow:0 22px 48px rgba(0,0,0,.3),0 0 30px rgba(33,215,242,.06)}
.card,.page-card,.contact-box,.story-copy,.quote-card{padding:clamp(24px,3vw,36px)}.card a,.page-card a{color:var(--rane-led-cyan);font-weight:800}.story-photo img{width:100%;height:100%;min-height:320px;object-fit:cover;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.highlight-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.3rem}.highlight-list span{display:inline-flex;align-items:center;padding:.58rem .8rem;border:1px solid rgba(33,215,242,.22);border-radius:999px;background:rgba(33,215,242,.075);color:var(--accent-strong);font-size:.73rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

.gallery-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.photo-grid-3x3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.image-card,.grid-item{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:#090c11}.image-card img{width:100%;aspect-ratio:4/5;object-fit:cover}.grid-item{aspect-ratio:1/1}.grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.16,1,.3,1),filter .42s ease}.grid-item:hover img{transform:scale(1.055);filter:saturate(1.12) contrast(1.03)}

.hero-slider{width:min(100%,540px);margin:1.2rem auto 0;padding:14px}.hero-slider .slides{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:var(--radius-md)}.hero-slide{position:absolute;inset:0;z-index:0;opacity:0;transform:translateX(24px) scale(.98);transition:opacity .7s ease,transform .7s ease}.hero-slide.is-active{z-index:2;opacity:1;transform:translateX(0) scale(1)}.hero-slide.is-leaving{z-index:1;opacity:0;transform:translateX(-24px) scale(.98)}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide figcaption{position:absolute;right:1rem;bottom:1rem;left:1rem;padding:.8rem 1rem;border:1px solid var(--border);border-radius:999px;background:rgba(3,4,8,.78);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;backdrop-filter:blur(8px)}
.slider-dots{display:flex;justify-content:center;gap:.65rem;margin-top:1rem}.slider-dot{width:.86rem;height:.86rem;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:rgba(255,255,255,.12);cursor:pointer}.slider-dot.is-active{border-color:var(--rane-led-cyan);background:var(--rane-led-cyan);box-shadow:0 0 0 4px rgba(33,215,242,.12),0 0 14px var(--rane-neon-glow)}

.audio-player-container{display:grid;gap:1rem}.mix-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;background:linear-gradient(90deg,rgba(17,140,255,.13),rgba(166,108,255,.09)),rgba(11,14,19,.86)}.mix-duration{color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.social-links-flex{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.25rem}.social-anchor{display:inline-flex;flex:1 1 150px;align-items:center;justify-content:center;min-height:52px;padding:.7rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(145deg,#151a21,#0d1117);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -4px 0 rgba(0,0,0,.24);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.social-anchor:hover{transform:translateY(-2px);border-color:var(--rane-led-cyan);box-shadow:0 0 22px rgba(33,215,242,.12)}

input,textarea,select{width:100%;padding:15px 17px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#11161e;color:var(--text);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}textarea{min-height:120px;resize:vertical}input::placeholder,textarea::placeholder{color:#737d88}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--rane-led-cyan);background:#141a22;box-shadow:var(--focus-ring),inset 0 0 0 1px rgba(33,215,242,.12)}form,.booking-form-element{display:grid;gap:14px}.contact-box{display:grid;grid-template-columns:1.05fr .95fr;gap:28px}.input-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}

.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:rgba(2,3,7,.86);opacity:0;pointer-events:none;backdrop-filter:blur(12px);transition:opacity .3s ease}.modal-overlay.is-open,.modal-overlay.is-active{opacity:1;pointer-events:auto}.modal-window{position:relative;width:min(700px,100%);padding:clamp(26px,4vw,42px);border:1px solid rgba(33,215,242,.38);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(255,255,255,.05),transparent),#0b0f15;box-shadow:0 0 50px rgba(33,215,242,.12),var(--shadow-deep);transform:translateY(24px) scale(.985);transition:transform .32s cubic-bezier(.16,1,.3,1)}.modal-overlay.is-open .modal-window,.modal-overlay.is-active .modal-window{transform:translateY(0) scale(1)}.close-modal-btn{position:absolute;top:14px;right:16px;display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:9px;background:#121720;color:var(--text);font-size:1.2rem;cursor:pointer}

.site-footer,footer{margin-top:1rem;padding:clamp(2rem,4vw,3rem) clamp(1.2rem,4vw,2.5rem) 3rem;border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(3,4,8,.95),rgba(2,3,6,.99));color:var(--muted);text-align:center}.footer-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:980px;margin:0 auto 1.2rem}.footer-btn{display:inline-flex;min-width:180px;min-height:54px;align-items:center;justify-content:center;padding:0 1.35rem;border:1px solid rgba(33,215,242,.22);border-radius:11px;background:linear-gradient(145deg,#171d25,#0d1117);font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -4px 0 rgba(0,0,0,.28),0 12px 24px rgba(0,0,0,.34);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.footer-btn:hover{transform:translateY(-2px);border-color:var(--rane-led-cyan);box-shadow:0 0 20px rgba(33,215,242,.11),0 15px 28px rgba(0,0,0,.38)}.site-footer p,footer p{margin:0;color:var(--muted)}

.wis-home-cta{position:relative;isolation:isolate;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;max-width:var(--max-width);margin:56px auto;padding:clamp(36px,6vw,72px);overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 100% 0,rgba(33,215,242,.12),transparent 36%),linear-gradient(135deg,#141a21,#090c11);box-shadow:var(--shadow-deep)}.wis-home-glow{position:absolute;z-index:-1;width:360px;height:360px;top:-120px;right:-100px;border-radius:50%;background:var(--rane-led-cyan);opacity:.1;filter:blur(70px)}.wis-home-eyebrow{color:var(--rane-led-cyan);font-size:.72rem;font-weight:800;letter-spacing:.16em}.wis-home-copy h2{margin:12px 0 18px;font-size:clamp(2.1rem,4.4vw,4.6rem);letter-spacing:-.045em}.wis-home-copy p{max-width:700px;color:var(--muted);font-size:1.05rem;line-height:1.75}.wis-home-copy a{display:inline-flex;margin-top:12px;padding:13px 18px;border-radius:10px;background:linear-gradient(135deg,var(--rane-led-cyan),var(--rane-led-blue));color:#061319;font-size:.86rem;font-weight:800}.wis-mini-window{padding:18px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#151a21;box-shadow:var(--shadow);transform:rotate(1.4deg)}.wis-mini-bar{display:flex;align-items:center;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--border);color:#8f98a3;font-size:.62rem;font-weight:800;letter-spacing:.12em}.wis-mini-bar i{width:8px;height:8px;border-radius:3px;background:#4b5560}.wis-mini-bar span{margin-left:auto}.wis-mini-content{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.wis-mini-content div{padding:16px;border:1px solid var(--border);border-radius:10px;background:#1d232c}.wis-mini-content small,.wis-mini-content strong{display:block}.wis-mini-content small{color:#89939f;font-size:.56rem;font-weight:800}.wis-mini-content strong{color:var(--rane-led-cyan);font-family:"Space Grotesk",sans-serif;font-size:30px}.wis-mini-line{height:56px;padding:14px;border-radius:8px;background:#0e1217}.wis-mini-line span{display:block;width:82%;height:4px;margin-top:12px;border-radius:4px;background:linear-gradient(90deg,var(--rane-led-cyan),var(--rane-led-blue))}.wis-mini-window>b{display:block;margin-top:15px;color:#dce2e8;font-size:.72rem}

.dj-container{height:100vh;overflow-x:hidden;overflow-y:auto;perspective:1400px;perspective-origin:50% 50%;background:radial-gradient(circle at 20% 20%,rgba(33,215,242,.13),transparent 24%),radial-gradient(circle at 80% 15%,rgba(166,108,255,.12),transparent 24%),linear-gradient(135deg,#020307 0%,#06080d 45%,#010208 100%)}.space-3d-wrapper{position:relative;min-height:240vh;overflow:hidden;transform-style:preserve-3d}.fixed-hero-typography{position:fixed;inset:50% auto auto 50%;z-index:30;width:min(92vw,760px);padding:2rem;border:1px solid rgba(33,215,242,.22);border-radius:var(--radius-lg);background:rgba(2,3,7,.58);box-shadow:0 0 90px rgba(33,215,242,.12);text-align:center;pointer-events:auto;backdrop-filter:blur(14px);transform:translate(-50%,-50%) translateZ(80px)}.hero-logo{width:min(32vw,220px);max-width:220px;height:auto;margin:0 auto 1rem;filter:drop-shadow(0 0 18px rgba(17,140,255,.3));animation:hero-logo-zoom 4.6s ease-in-out infinite alternate}.brand-title{margin-bottom:.7rem;font-size:clamp(2.6rem,6vw,5rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 24px rgba(33,215,242,.16)}
.scroll-layer{position:absolute;inset:0;z-index:8;width:100%;height:100vh;pointer-events:none}.layer-bg{transform:translateZ(-600px) scale(1.9)}.layer-dj-deck{display:flex;align-items:flex-end;justify-content:center;padding-bottom:4vh;transform:translateZ(-300px) scale(1.3)}#deck-asset{width:min(100vw,1400px);max-width:1400px;height:auto;object-fit:cover;opacity:.28;filter:saturate(.94) contrast(1.04);will-change:transform}#deck-asset-2{width:min(72vw,760px);max-width:760px;filter:drop-shadow(0 0 25px rgba(33,215,242,.15));will-change:transform}.layer-fg-lasers{transform:translateZ(260px) scale(.82)}#vinyl-asset{position:absolute;top:12%;right:8%;width:min(26vw,220px);max-width:220px;filter:drop-shadow(0 0 30px rgba(166,108,255,.24));will-change:transform}.laser-beam{position:absolute;height:2px;border-radius:999px;box-shadow:0 0 18px currentColor}.beam-left{top:30%;left:-4%;width:56%;color:var(--rane-led-cyan);background:linear-gradient(90deg,transparent,var(--rane-led-cyan));transform:rotate(-8deg)}.beam-right{top:42%;right:-6%;width:54%;color:var(--rane-led-violet);background:linear-gradient(90deg,var(--rane-led-violet),transparent);transform:rotate(8deg)}.glow-orb{position:absolute;width:380px;height:380px;border-radius:50%;opacity:.22;filter:blur(140px);pointer-events:none}.magenta{top:8%;left:14%;background:var(--rane-led-violet)}.cyan{right:16%;bottom:12%;background:var(--rane-led-cyan)}#cursor-glow-pad{position:fixed;top:0;left:0;z-index:5;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,var(--rane-led-cyan) 0%,transparent 65%);opacity:.13;filter:blur(50px);pointer-events:none;transform:translate(-50%,-50%);transition:transform .08s ease-out}.main-content-flow{position:relative;z-index:200;display:grid;gap:2rem;margin-top:100vh;padding:90px 1.5rem 60px;background:linear-gradient(180deg,rgba(2,3,7,.96),var(--bg-dark-room))}.main-content-flow .content-section{margin-bottom:48px;padding:clamp(28px,4vw,46px)}

@keyframes fade-in-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hero-logo-zoom{from{transform:scale(.97)}to{transform:scale(1.025)}}

@media(max-width:920px){.top-nav{flex-direction:column;justify-content:center;text-align:center}.nav-links{justify-content:center}.hero .hero-content,.feature-grid,.card-grid,.media-grid,.page-grid,.gallery-grid,.contact-box,.review-grid,.story-grid,.wis-home-cta{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy h1{margin-right:auto;margin-left:auto}.eyebrow{justify-content:center}.hero-actions{justify-content:center}.gallery-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.wis-home-visual{max-width:580px}}
@media(max-width:720px){.section,.content-section{width:min(100% - 28px,var(--content-width))}.hero{min-height:auto}.hero .hero-content{width:min(100% - 24px,var(--content-width));padding:28px 22px;border-radius:22px}.hero-panels,.photo-grid-3x3,.input-row{grid-template-columns:1fr}.main-content-flow{margin-top:90vh;padding:2rem 1rem 4rem}.fixed-hero-typography{width:min(94vw,560px);padding:1.25rem}.hero-logo{width:min(58vw,180px)}.wis-home-cta{margin:30px 14px;padding:32px 24px}.wis-home-visual{display:none}}
@media(max-width:520px){.gallery-strip{grid-template-columns:1fr}.nav-links{gap:.1rem}.nav-links a{padding:.55rem .58rem;font-size:.7rem}.btn,.booking-cta,.trigger-popup-btn,.cta-button{width:100%}.hero-slide figcaption{border-radius:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#cursor-glow-pad{display:none}}
