@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700;900&display=swap');
:root{--bg:#111317;--fg:#f4f2ed;--muted:#a6acb3;--line:#ffffff24;--accent:#bdc9d8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Heebo,Arial,sans-serif;font-size:17px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}header{position:absolute;z-index:10;top:0;width:100%;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px;background:linear-gradient(#10131866,transparent)}.logo{font-size:32px;font-weight:900;line-height:1}.logo span{display:block;font-size:10px;letter-spacing:5px;margin-top:8px}nav{display:flex;gap:30px;font-size:15px}.booking{font-size:14px;border:1px solid #ffffff66;padding:12px 20px;border-radius:30px}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;background:#697b8e}.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;transform:scale(1.025);animation:drift 16s ease-out forwards}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11131770,transparent 70%),linear-gradient(0deg,#111317,transparent 45%)}.hero-copy{position:absolute;left:7%;top:32%;z-index:1;text-align:right}.eyebrow{font-size:14px;letter-spacing:2px}.hero h1{font-size:clamp(100px,15vw,220px);line-height:1.2;margin:0 0 25px;font-weight:900;letter-spacing:-7px}.actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;gap:35px;justify-content:space-between;align-items:center;background:var(--fg);color:var(--bg);padding:14px 25px;border-radius:32px;border:0;cursor:pointer}.hero-bottom{position:absolute;bottom:38px;right:5%;left:5%;z-index:2;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}section.content{max-width:1400px;margin:auto;padding:100px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font-size:clamp(38px,6vw,80px);font-weight:400;line-height:1.2;margin:10px 0 25px}h3{font-weight:500;font-size:24px;margin:12px 0}p{line-height:1.9}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;transition:transform .6s}.card .visual{overflow:hidden;background:#252932}.card:hover img{transform:scale(1.035)}.card small,.meta{color:var(--muted);font-size:14px}.card .visual{position:relative}.play{position:absolute;bottom:18px;left:18px;width:46px;height:46px;display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;background:#1116}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.split img{width:100%;max-height:740px;object-fit:cover}.split p{max-width:490px}.banner{min-height:650px;position:relative;display:flex;align-items:center;padding:7%}.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}.banner>div{position:relative;max-width:540px}.page-top{padding-top:180px!important}.page-top>h1{font-size:clamp(60px,10vw,130px);font-weight:400;margin:0 0 35px;line-height:1.2}.press .visual img{aspect-ratio:16/10}.press{row-gap:55px}.press-label{background:#252b34;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:900;border-bottom:3px solid var(--accent)}.coming{border:1px solid var(--line);padding:35px;margin-top:60px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.person{border-bottom:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;align-items:center}.person a{direction:ltr;font-size:24px}label{display:block;margin:18px 0 6px;font-size:14px}input,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid #ffffff66;color:white;padding:12px 0;border-radius:0}textarea{min-height:100px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:4px}form .button{margin-top:24px}.links-list a{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line);font-size:22px}.show-row{border-top:1px solid var(--line);padding:30px 0;display:flex;align-items:center;gap:30px;justify-content:space-between}footer{padding:60px 6%;border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;flex-wrap:wrap}footer small{margin-right:auto;color:var(--muted)}a:hover{color:#c4d8ed}.button:hover{background:#c4d8ed;color:#111}a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:6px}@keyframes drift{to{transform:scale(1)}}@media(max-width:800px){header{padding:20px 5%;flex-wrap:wrap;gap:18px}nav{order:3;width:100%;gap:20px;overflow:auto;white-space:nowrap;padding-bottom:4px}.booking{margin-right:auto}.hero{min-height:750px}.hero>img{object-position:62% center}.hero-copy{top:auto;bottom:140px;left:6%;right:6%}.hero h1{font-size:110px}.hero:after{background:linear-gradient(0deg,#111317 2%,transparent 90%)}.grid{grid-template-columns:1fr 1fr;gap:22px}.split,.contact-grid{grid-template-columns:1fr;gap:35px}.page-top{padding-top:200px!important}section.content{padding:65px 6%}.banner{min-height:540px}.card h3{font-size:21px}.section-head{align-items:start;gap:20px}.show-row{align-items:start;flex-direction:column}footer{gap:20px}footer p{width:100%}.hero .eyebrow{letter-spacing:0}.actions{gap:20px}}@media(max-width:480px){.press{grid-template-columns:1fr}.grid:not(.press){gap:16px}.person{align-items:start;gap:10px;flex-direction:column}.hero h1{font-size:95px}.hero-bottom{font-size:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media(min-width:1000px){.hero>img{position:absolute;right:0;width:76%;object-position:55% 40%}.hero{background:#738293}.hero-copy{left:5%;top:36%}.hero h1{font-size:clamp(110px,12vw,175px)}}

/* Refined motion, typography and media surfaces */
:root{--accent:#c1dce8}
.hero h1{letter-spacing:.035em;line-height:1.35;margin-bottom:26px;animation:name-arrive 1.5s cubic-bezier(.2,.7,.2,1) both}
.hero-copy>.eyebrow,.hero-copy>.actions{animation:copy-arrive 1.1s .35s both}
.hero-copy>.actions{animation-delay:.65s}
@keyframes name-arrive{from{opacity:0;transform:translateY(24px);filter:blur(8px);letter-spacing:.09em}to{opacity:1;transform:translateY(0);filter:blur(0);letter-spacing:.035em}}
@keyframes copy-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.card .visual{aspect-ratio:1;isolation:isolate;background:transparent;border-radius:18px}
.card .visual>img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.press .visual{aspect-ratio:16/10}
.press .visual>img{aspect-ratio:auto}
.play{width:48px;height:48px;bottom:16px;left:16px;background:#ffffff18;border:1px solid #ffffff80;box-shadow:0 4px 24px #0002,inset 0 1px 0 #ffffff40;backdrop-filter:blur(16px);transition:background .3s,transform .3s}
.play svg{width:21px;height:21px;fill:none;stroke:white;stroke-width:1.5;stroke-linejoin:round}
.card:hover .play{background:#ffffff35;transform:scale(1.07)}
.press-label{height:100%;border:1px solid #ffffff1c;border-radius:18px;background:radial-gradient(ellipse at 80% 0,#52687855,transparent 70%),#1b2028;font-size:clamp(25px,3vw,42px)}
.button,.booking{transition:background .3s,box-shadow .3s,transform .3s}
.button:hover,.booking:hover{box-shadow:0 0 28px #b4d6e51a;transform:translateY(-2px)}
.sound-mark{display:flex;align-items:center;gap:3px;height:20px}.sound-mark i{display:block;width:2px;height:9px;background:currentColor;border-radius:2px}.sound-mark i:nth-child(2){height:18px}.sound-mark i:nth-child(3){height:13px}
.links-list a{align-items:center;gap:18px;transition:background .3s,padding .3s,color .3s}
.links-list a:hover{padding-inline:12px;background:linear-gradient(90deg,transparent,#b4d6e509)}
.link-plus{flex-shrink:0;width:34px;height:34px;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;font-weight:300;font-size:24px;color:var(--accent);transition:transform .4s,background .4s}
.links-list a:hover .link-plus{transform:rotate(90deg);background:#c1dce812}
nav a[aria-current=page]{color:var(--accent);box-shadow:0 1px 0 var(--accent)}
.split>div>h1{font-size:clamp(64px,8vw,110px);font-weight:400;letter-spacing:.025em;line-height:1.3;margin:0 0 28px}
.hero-bottom span:last-child:after{content:'';display:inline-block;vertical-align:middle;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:12px;box-shadow:0 0 12px #c1dce877}
@media(max-width:800px){.hero h1{font-size:clamp(80px,17vw,110px)}.card .visual{border-radius:12px}.play{width:38px;height:38px;left:10px;bottom:10px}.links-list a{font-size:19px}.hero-copy{bottom:135px}}
@media(prefers-reduced-motion:reduce){.hero h1,.hero-copy>.eyebrow,.hero-copy>.actions{animation:none;filter:none;transform:none}.button:hover,.booking:hover,.links-list a:hover .link-plus{transform:none}}
.button>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;flex-shrink:0}
@media(max-width:800px){.hero>img{object-position:35% center}nav{scrollbar-width:none}nav::-webkit-scrollbar{display:none}}
/* Portrait and links share a single cinematic canvas. */
.links-scene{position:relative;isolation:isolate;min-height:900px;min-height:100svh;overflow:hidden;background:#111317;padding:175px 7% 90px;display:flex;align-items:center}
.links-portrait{position:absolute;inset:0 42% 0 0;z-index:-1;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 12%,#000 55%,transparent 100%)}
.links-portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111317,transparent 35%,#11131733)}
.links-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;opacity:.72}
.links-content{width:52%;max-width:640px;text-align:center}.links-content h1{font-size:clamp(70px,8vw,120px);font-weight:500;letter-spacing:.035em;line-height:1.2;margin:0 0 42px}.links-content .eyebrow{color:#b9c1cb}
.icon-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 20px}.icon-links a{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:14px}.brand-orbit{width:82px;height:82px;border:1px solid #dcecf32b;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 25% 15%,#dcecf315,transparent 65%);box-shadow:inset 0 1px 0 #ffffff15;transition:transform .4s,border-color .4s,box-shadow .4s}.brand-orbit img{width:31px;height:31px;filter:invert(1);opacity:.92}.icon-links a:hover .brand-orbit{transform:translateY(-5px);border-color:#c1dce899;box-shadow:0 0 35px #c1dce81c,inset 0 1px 0 #ffffff30}
.links-extras{display:flex;justify-content:center;gap:40px;border-top:1px solid #ffffff20;padding-top:28px;margin-top:42px}.links-extras a{display:flex;align-items:center;flex-direction:column;gap:10px;font-size:14px;color:#c4ccd6}.links-extras svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.split>img{mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
@media(max-width:800px){.links-scene{padding:290px 7% 70px;min-height:100svh;align-items:flex-start}.links-portrait{inset:110px 0 auto;height:440px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 35%,transparent 100%)}.links-portrait img{object-position:50% 33%;opacity:.48}.links-content{width:100%;max-width:500px;margin:auto;position:relative}.links-content h1{font-size:78px;margin-bottom:36px}.icon-links{gap:28px 14px}.brand-orbit{width:70px;height:70px;backdrop-filter:blur(12px);background:#11131744}.links-extras{gap:28px}.links-content .eyebrow{text-shadow:0 2px 12px #000}}
/* Branded, sculpted link tiles */
.icon-links{gap:18px}.icon-links a{gap:12px}.brand-orbit{width:100%;height:112px;border-radius:25px;border:1px solid #ffffff24;background:linear-gradient(145deg,#ffffff14,#ffffff03);box-shadow:inset 0 1px 0 #ffffff30,0 12px 30px #0002}.brand-orbit img{width:45px;height:45px}.icon-links a:nth-child(1) .brand-orbit{background:radial-gradient(at 50% 110%,#ff00336b,transparent 80%),#ffffff06}.icon-links a:nth-child(2) .brand-orbit{background:radial-gradient(at 50% 110%,#fc3c4466,transparent 80%),#ffffff06}.icon-links a:nth-child(3) .brand-orbit{background:radial-gradient(at 50% 110%,#25d36655,transparent 80%),#ffffff06}.icon-links a:nth-child(4) .brand-orbit{background:linear-gradient(145deg,#7638fa44,#e1306c44,#ffba3433)}.icon-links a:nth-child(5) .brand-orbit{background:linear-gradient(130deg,#25f4ee33,transparent 50%,#fe2c5533)}.icon-links a:nth-child(6) .brand-orbit{background:radial-gradient(at 50% 110%,#0866ff88,transparent 80%),#ffffff06}.icon-links a:hover .brand-orbit{transform:translateY(-6px) scale(1.03);box-shadow:inset 0 1px 0 #ffffff66,0 18px 45px #0005}
.moon-hero{min-height:850px;position:relative;isolation:isolate;padding:190px 7% 100px;display:flex;align-items:center;background:#141419;overflow:hidden}.moon-art{position:absolute;inset:0 auto 0 0;width:63%;height:100%;object-fit:cover;object-position:center;z-index:-1;mask-image:linear-gradient(to right,#000 35%,transparent 100%)}.moon-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#111317,transparent 35%)}.moon-intro h1{font-size:clamp(80px,10vw,150px);font-weight:500;line-height:1.05;margin:25px 0 30px;letter-spacing:-.025em}.moon-date{font-size:32px;direction:ltr;text-align:right}.moon-date span{font-size:20px;margin-left:20px}.ticket-cta{background:#eac49b;color:#171317;font-size:23px;font-weight:500;min-width:280px;justify-content:center;padding:20px 38px;border-radius:12px;box-shadow:0 8px 36px #eac49b1c}.film-link{display:block;margin-top:24px;text-decoration:underline;text-underline-offset:7px}.moon-story{display:grid;grid-template-columns:1fr 1.2fr;gap:9%}.show-copy p{font-size:19px;line-height:1.95;margin-top:0;margin-bottom:25px}.show-copy small,.show-facts{color:var(--muted);font-size:14px}.show-facts{border-top:1px solid var(--line);margin-top:35px;padding-top:20px}.moon-watch{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;scroll-margin-top:30px}.moon-watch video{width:100%;max-width:420px;max-height:740px;aspect-ratio:9/16;object-fit:contain;border-radius:20px;background:#08090b;box-shadow:0 24px 100px #0006}.moon-watch p{margin-bottom:30px}
@media(max-width:800px){.brand-orbit{height:88px;border-radius:21px}.brand-orbit img{width:36px;height:36px}.moon-hero{min-height:900px;padding:420px 7% 65px;align-items:end}.moon-art{width:100%;height:620px;mask-image:linear-gradient(to bottom,#000 45%,transparent 100%)}.moon-intro h1{font-size:76px}.moon-intro h1 br{display:none}.moon-date{font-size:26px}.moon-date span{font-size:18px}.moon-story,.moon-watch{grid-template-columns:1fr;gap:35px}.ticket-cta{width:100%;min-width:0}.moon-watch video{margin:auto}.show-copy p{font-size:17px}}
@media(max-width:800px){.moon-intro h1 br{display:block}.moon-intro h1{font-size:70px}}
.music-library{overflow:hidden;text-align:center;padding-bottom:40px;background:radial-gradient(ellipse at 50% 45%,#34425155,transparent 60%)}.music-library>h1{font-size:clamp(50px,6vw,80px);font-weight:400;margin:0 0 12px}.record-shelf{display:flex;align-items:center;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:45px calc(50% - 165px) 50px;cursor:grab;perspective:1200px;touch-action:pan-x pan-y}.record-shelf::-webkit-scrollbar{display:none}.record{flex:0 0 330px;width:330px;padding:0;border:0;background:none;scroll-snap-align:center;cursor:pointer;transform:scale(.78) rotateY(-14deg);opacity:.45;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .65s;position:relative}.record.selected{transform:scale(1) rotateY(0);opacity:1;z-index:2}.record img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;box-shadow:0 25px 55px #0008;pointer-events:none;-webkit-box-reflect:below 10px linear-gradient(transparent 82%,#ffffff15)}.record:focus-visible{outline:2px solid var(--accent);outline-offset:8px}.record-info h2{font-size:clamp(26px,4vw,44px);margin:12px 0 24px}.record-count{letter-spacing:4px}.listen-button{gap:22px}.record-dots{display:flex;justify-content:center;gap:11px;margin:30px 0 10px;direction:rtl}.record-dots button{border:0;width:24px;height:24px;background:transparent;padding:8px;cursor:pointer}.record-dots button:after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#ffffff35;transition:background .3s,transform .3s}.record-dots .active:after{background:var(--accent);transform:scale(1.3)}
#listen-dialog{border:1px solid #ffffff25;border-radius:26px;background:#191e26;color:var(--fg);width:min(460px,90vw);max-height:90svh;padding:35px;text-align:center;box-shadow:0 30px 100px #0009}#listen-dialog::backdrop{background:#080c13cc;backdrop-filter:blur(14px)}.dialog-close{position:absolute;top:12px;left:17px;background:none;border:0;color:white;font-size:30px;cursor:pointer}.dialog-cover{width:130px;aspect-ratio:1;border-radius:8px}#listen-dialog h2{font-size:27px;line-height:1.4}.platform-options{display:grid;gap:12px}.platform-options a{display:flex;justify-content:center;align-items:center;gap:15px;border:1px solid #ffffff25;border-radius:13px;padding:17px;transition:background .3s}.platform-options a:hover{background:#ffffff12}.platform-options img{width:25px;height:25px;filter:invert(1)}
@media(max-width:600px){.record{flex-basis:260px;width:260px}.record-shelf{padding-inline:calc(50% - 130px);gap:5px;padding-top:30px;padding-bottom:40px}.music-library>h1{margin:0}.record-info h2{padding-inline:20px}#listen-dialog{padding:30px 22px}}
.about-lead{font-size:28px;line-height:1.5}.about-intro p{font-size:18px}.about-intro .about-lead{font-size:28px}.photo-library{padding:30px 0 65px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#46516425,transparent 70%)}.photo-heading{padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1400px;margin:auto}.photo-heading h2{font-size:clamp(32px,5vw,58px)}.gallery-controls{display:flex;gap:20px;align-items:center}.gallery-controls button{background:none;border:0;border-bottom:1px solid #ffffff44;color:var(--fg);padding:10px 0;cursor:pointer;font:inherit;font-size:14px}.gallery-controls button:disabled{opacity:.3;cursor:default}.gallery-controls span{direction:ltr;font-size:14px;color:var(--muted)}.photo-rail{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;padding:35px max(6%,calc(50% - 210px));scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}.photo-rail::-webkit-scrollbar{display:none}.photo-slide{margin:0;flex:0 0 420px;scroll-snap-align:center;position:relative;user-select:none}.photo-slide img{width:100%;height:560px;object-fit:cover;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 80%,transparent);border-radius:4px}.photo-slide:nth-child(even){padding-top:35px}.photo-slide:nth-child(even) img{height:490px}.photo-slide figcaption{font-size:12px;direction:ltr;letter-spacing:3px;color:var(--muted);text-align:center}.personal-note{max-width:850px!important}.personal-note>p{font-size:20px;line-height:2}.personal-note .eyebrow{font-size:14px}.personal-note .moon-signoff{font-size:30px;line-height:1.6;margin:40px 0}.moon-signoff span{font-size:20px;color:var(--muted)}.story-link{display:inline-block;margin:20px 24px;font-size:15px}.photo-rail:focus-visible{outline:1px solid var(--accent);outline-offset:-4px}@media(max-width:600px){.photo-heading{align-items:flex-start;flex-direction:column;gap:0}.photo-rail{padding-inline:calc(50% - 140px);gap:18px}.photo-slide{flex-basis:280px}.photo-slide img{height:395px}.photo-slide:nth-child(even) img{height:345px}.personal-note>p{font-size:18px}.personal-note .moon-signoff{font-size:25px}}
.manager-links{display:flex;gap:30px;flex-wrap:wrap;margin:30px 0 35px}.manager-chat{display:flex;align-items:center;flex-direction:column;gap:14px;text-align:center}.manager-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:155px;height:155px;border-radius:50%;border:1px solid #8be9b355;background:radial-gradient(circle at 35% 20%,#25d36628,#25d36605 75%);box-shadow:inset 0 1px 0 #ffffff22;transition:transform .3s,box-shadow .3s,border-color .3s}.manager-circle img{width:32px;height:32px;filter:invert(1)}.manager-circle span{font-size:21px;line-height:1.35}.manager-chat small{font-size:14px;color:var(--muted)}.manager-chat:hover .manager-circle{transform:translateY(-4px);border-color:#87eaae;box-shadow:0 10px 35px #25d36622}.manager-chat:focus-visible{outline-offset:8px;border-radius:20px}@media(max-width:480px){.manager-links{gap:20px;justify-content:center}.manager-circle{width:138px;height:138px}.manager-circle span{font-size:19px}}
