/* FG Studios. — graphite, silver and soft white */
[hidden]{display:none!important}
body[data-page=home]{--accent:#e1e1dc;--accent2:#aaa;--radius:5px;background:#090909}
.skip-link{position:fixed;top:-80px;left:20px;z-index:9999;background:#fff;color:#111;padding:14px}.skip-link:focus{top:10px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #eee;outline-offset:5px}
body[data-page=home] .site-header{height:76px;background:#0b0b0bf0;border-color:#292929;backdrop-filter:blur(20px)}
body[data-page=home] .header-inner{width:100%;padding:0 32px;max-width:none}
body[data-page=home] .brand img{width:50px;height:35px}body[data-page=home] .brand span{font-size:15px;letter-spacing:-.2px}
body[data-page=home] .main-nav{margin-left:auto;margin-right:25px}body[data-page=home] .main-nav>a,body[data-page=home] .nav-dropdown>button{font-size:11px}
body[data-page=home] .header-join{border-radius:3px;padding:10px 20px}.studio-rail{width:214px;position:fixed;top:76px;bottom:0;left:0;z-index:90;background:#0c0c0c;border-right:1px solid #282828;padding:30px 17px;display:flex;flex-direction:column;gap:6px}
.rail-label{font-size:8px;letter-spacing:2px;color:#818181;margin:19px 12px 10px}.studio-rail>a{padding:12px 14px;font-size:12px;color:#aaa;border-radius:3px;display:flex;gap:14px;transition:background .25s,color .25s}.studio-rail>a span{font-size:16px;color:#8d8d8d;line-height:18px}.studio-rail>a:hover,.studio-rail>a.active{background:linear-gradient(90deg,#282828,#1c1c1c);color:#f2f2ef}.studio-rail>a.active{box-shadow:inset 2px 0 #ccc}.rail-bottom{margin-top:auto;padding:28px 10px 0;border-top:1px solid #242424}.rail-bottom p{font-size:12px;color:#929292;line-height:1.8;margin-bottom:22px}.rail-bottom .button{font-size:11px;border-radius:3px}.rail-bottom .kicker{font-size:8px}
body[data-page=home] main,body[data-page=home] .site-footer{margin-left:214px}body[data-page=home] .container{width:calc(100% - 100px);max-width:1250px}
.immersive-hero{min-height:710px;height:calc(100svh - 76px);max-height:1060px;position:relative;isolation:isolate;overflow:hidden;background:#171717}
.hero-scene{position:absolute;inset:-1%;z-index:-4;background:url('assets/la-rp-hero.jpeg') 60% center/cover;filter:grayscale(1) brightness(.9);transform:scale(1);transition:transform 1.6s cubic-bezier(.16,1,.3,1)}
.hero-haze{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#080808e8,rgba(8,8,8,.35) 64%,#08080805),linear-gradient(0deg,#0b0b0b,transparent 26%)}
.hero-grain{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff03 4px);pointer-events:none}
.scene-lines{position:absolute;inset:0;overflow:hidden;z-index:-2;pointer-events:none;opacity:.09;transform:rotate(-20deg) scale(1.5);display:flex;flex-direction:column;justify-content:center;gap:34px}.scene-lines i{height:2px;width:100%;background:linear-gradient(90deg,transparent 35%,#fff 75%,transparent)}
.scene-coordinate{position:absolute;top:32px;left:50px;right:50px;display:flex;justify-content:space-between;color:#9f9f9f;font-family:monospace;font-size:8px;letter-spacing:1.5px}.scene-coordinate span{color:#737373}
.immersive-copy{position:absolute;top:49%;transform:translateY(-43%);left:50px;right:26px}.immersive-copy .eyebrow{font-size:8px;letter-spacing:2px;color:#c3c3c0}.immersive-copy h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(60px,7.1vw,122px);line-height:.99;letter-spacing:-.07em;font-weight:800;margin:30px 0 27px;color:#f6f6f3}.immersive-copy h1 em{font-style:normal;background:linear-gradient(115deg,#fff 10%,#c6c6c6 50%,#737373 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
.immersive-copy p{font-size:17px;font-weight:400;color:#b4b4b4;line-height:1.7;margin:0}.immersive-copy .hero-actions{gap:30px;margin-top:32px;align-items:center}.immersive-copy .button{border:1px solid #eee;color:#111;border-radius:3px;padding:0 23px;min-height:49px;gap:38px;font-size:11px;box-shadow:0 8px 40px #ffffff08}.hero-text-link{font-size:11px;color:#d2d2cf}.hero-text-link span{margin-left:22px;color:#888}.hero-bottom{position:absolute;bottom:29px;left:50px;right:50px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.7px;color:#8c8c8c}.hero-bottom a{color:#bebebb}
.spotlight-strip{padding:32px 50px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:linear-gradient(105deg,#202020,#111);border-top:1px solid #444;border-bottom:1px solid #292929}.spotlight-strip h2{margin:9px 0 5px;font-size:24px;letter-spacing:-.8px}.spotlight-strip p{color:#999;font-size:12px;margin:0;max-width:630px}.spotlight-meta{text-align:right;min-width:180px;font-size:11px}.spotlight-meta span{display:block;color:#898989;margin-bottom:12px}.spotlight-meta a{color:#e1e1df}.announcement-band{background:#0c0c0c}
body[data-page=home] .section{padding:92px 0}body[data-page=home] .section-heading h2,body[data-page=home] .studio-intro h2{letter-spacing:-2px}body[data-page=home] .section-heading h2{font-weight:650}body[data-page=home] .membership-card.featured{border-color:#737373}body[data-page=home] .kicker{color:#adadad}body[data-page=home] .cookie-note{left:auto;right:24px;max-width:400px;border-radius:5px;background:#151515f5}body[data-page=home] .membership-badge{background:#d4d4d4;color:#111}body[data-page=home] .studio-card{border-radius:4px}.experience-card,.news-card{border-radius:6px}.experience-media{filter:saturate(.7);transition:filter .4s}.experience-card:hover .experience-media{filter:saturate(1)}
/* The intro has no visual controls. It dissolves into the real homepage. */
.cinema-intro{position:fixed;inset:0;z-index:9998;background:#090909;display:grid;place-items:center;overflow:hidden;opacity:1;transition:opacity 1.3s cubic-bezier(.33,0,.2,1);pointer-events:auto}
.cinema-intro.leaving{opacity:0;pointer-events:none}.intro-light{position:absolute;inset:-25%;background:radial-gradient(ellipse at 50% 45%,#ffffff0d,transparent 48%);animation:light-arrive 2s ease-out both}.intro-brand{text-align:center;position:relative;animation:brand-arrive 1.7s cubic-bezier(.16,1,.3,1) both;transition:transform 1.3s cubic-bezier(.16,1,.3,1),filter 1.3s,opacity .9s}.intro-brand img{display:block;width:130px;height:85px;object-fit:contain;margin:0 auto 27px;filter:drop-shadow(0 0 30px #ffffff15)}.intro-brand>span{font-size:31px;letter-spacing:-1px;font-weight:500;color:#efefec}.brand-period{color:#969696}.intro-brand p{color:#818181;letter-spacing:4px;font-size:8px;margin-top:21px}.intro-rule{position:absolute;left:50%;bottom:27%;height:1px;width:120px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#b8b8b8,transparent);animation:rule-arrive 1.8s ease both}.leaving .intro-brand{animation:none;transform:scale(1.075);filter:blur(3px);opacity:0}.intro-active .immersive-copy{opacity:0;translate:0 20px;filter:blur(4px)}.intro-active .hero-scene{transform:scale(1.055)}.immersive-copy{transition:opacity 1.2s ease,translate 1.4s cubic-bezier(.16,1,.3,1),filter 1.2s ease}.intro-releasing .immersive-copy{opacity:1;translate:0 0;filter:blur(0)}.intro-releasing .hero-scene{transform:scale(1)}
@keyframes brand-arrive{from{opacity:0;transform:translateY(12px) scale(.96);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes light-arrive{from{opacity:0}to{opacity:1}}@keyframes rule-arrive{0%,20%{opacity:0;width:0}100%{opacity:.65;width:120px}}
@media(min-width:1500px){.immersive-copy{left:70px}.immersive-copy h1{font-size:128px}}@media(max-width:1100px){.studio-rail{width:185px;padding:25px 10px}body[data-page=home] main,body[data-page=home] .site-footer{margin-left:185px}body[data-page=home] .main-nav{display:none}.immersive-copy h1{font-size:clamp(62px,7.5vw,80px)}.immersive-copy,.scene-coordinate{left:35px}.hero-bottom{left:35px}body[data-page=home] .container{width:calc(100% - 60px)}.spotlight-strip{padding:28px 30px}.scene-coordinate span{display:none}body[data-page=home] .header-actions{margin-left:auto}}
@media(max-width:760px){.studio-rail{display:none}body[data-page=home] main,body[data-page=home] .site-footer{margin-left:0}body[data-page=home] .header-inner{padding:0 18px}.immersive-hero{min-height:650px;height:calc(100svh - 76px)}.immersive-copy{left:25px;right:20px;top:48%}.immersive-copy h1{font-size:clamp(48px,11.4vw,80px);letter-spacing:-.065em}.immersive-copy .eyebrow{font-size:7px;letter-spacing:1px}.immersive-copy p{font-size:15px}.hero-scene{background-position:62% center}.hero-haze{background:linear-gradient(90deg,#080808d9,#08080830),linear-gradient(0deg,#0b0b0b,transparent 50%)}.hero-bottom{left:25px;right:25px;bottom:25px;font-size:7px;gap:24px}.hero-bottom>span{max-width:140px}.scene-coordinate{left:25px;font-size:7px}.spotlight-strip{align-items:flex-start;flex-direction:column;gap:18px}.spotlight-meta{text-align:left}.spotlight-meta span{display:none}.immersive-copy .hero-actions{gap:22px;align-items:flex-start;flex-direction:column}body[data-page=home] .container{width:calc(100% - 40px)}body[data-page=home] .section{padding:65px 0}body[data-page=home].menu-open .studio-rail{display:flex;width:100%;bottom:0;top:76px;overflow:auto}.rail-bottom{margin-top:22px}.intro-brand img{width:115px;height:75px}.intro-brand>span{font-size:28px}body[data-page=home] .cookie-note{right:15px;left:15px;max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-brand,.intro-light,.intro-rule{animation:none}.cinema-intro,.hero-scene,.immersive-copy{transition:none}.intro-active .immersive-copy{opacity:1;translate:0 0;filter:none}.intro-active .hero-scene{transform:none}.reveal{opacity:1!important;transform:none!important}}