/*
Theme Name: Leo Universe Studios
Theme URI: https://leouniversestudios.com/
Author: Leo Universe Studios
Author URI: https://leouniversestudios.com/
Description: A cinematic black-and-gold one-page studio theme for Leo Universe Studios.
Version: 1.0.0
Text Domain: leo-universe-studios
License: GPL-2.0-or-later
*/

:root{--ink:#070706;--charcoal:#0e0e0c;--gold:#c89a52;--gold-light:#e5c78e;--bronze:#805e34;--ivory:#eee7db;--muted:#aaa397;--line:rgba(200,154,82,.28);--ease:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--ink);color:var(--ivory);font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(100% - 2rem,1240px);margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:0;left:1rem;z-index:200;padding:.7rem 1rem;background:var(--gold);color:var(--ink);transform:translateY(-120%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;z-index:100;inset:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:82px;padding:0 4vw;border-bottom:1px solid transparent;transition:.25s var(--ease)}.site-header.solid{min-height:70px;background:rgba(7,7,6,.96);border-color:var(--line);box-shadow:0 16px 50px rgba(0,0,0,.28)}.brand{display:inline-flex;align-items:center;text-decoration:none}.brand img{object-fit:contain}.brand--header img{width:clamp(82px,8vw,116px);max-height:92px}.brand--footer img{width:clamp(108px,10vw,152px);max-height:132px}.desktop-nav{justify-self:center;display:flex;gap:clamp(1.25rem,2.7vw,2.8rem)}.desktop-nav a,.mobile-nav a,.header-enquiry{font-size:.68rem;font-weight:600;letter-spacing:.17em;text-decoration:none;text-transform:uppercase}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;right:0;bottom:-.65rem;left:0;height:1px;background:var(--gold);transform:scaleX(0);transition:.22s var(--ease)}.desktop-nav a:hover:after{transform:scaleX(1)}.header-enquiry{display:inline-flex;align-items:center;gap:.55rem;color:var(--gold-light)}.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;display:grid;min-height:100svh;place-items:center;isolation:isolate;border-bottom:1px solid var(--line);overflow:hidden;background:#10100d url('assets/studio.jpg') center/cover}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.52) 56%,rgba(5,5,5,.95) 84%,#050505)}.hero-frame{position:absolute;inset:7rem 3.5vw 2.5rem;border:1px solid rgba(200,154,82,.22);pointer-events:none}.hero-content{display:grid;justify-items:center;max-width:1200px;padding:7.7rem 1rem 3.2rem;text-align:center}.hero-logo-stage{width:min(87vw,1120px);padding:.5rem}.hero-logo-stage img{display:block;width:min(100%,520px);max-height:72svh;margin:auto;object-fit:contain}.eyebrow{margin:0 0 .8rem;color:var(--gold);font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase}.hero-kicker{margin:1rem 0 1.4rem;color:var(--gold-light);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase}.hero-side-note{position:absolute;right:2vw;bottom:3rem;margin:0;color:var(--muted);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl}.button{display:inline-flex;align-items:center;gap:.65rem;padding:.9rem 1.2rem;border:1px solid var(--gold);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:.2s var(--ease)}.button:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px)}.button--primary{background:var(--gold);color:var(--ink)}.button--outline{color:var(--gold-light)}
.split-section,.founder,.contact__layout,.collaborate__inner,.faq__layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.split-section{width:min(100% - 2rem,1240px);margin:auto;padding:clamp(5rem,10vw,10rem) 0}.split-section--reverse .split-section__image{order:2}.split-section__copy{max-width:530px}.split-section__copy h2,.section-title h2,.vision h2,.founder h2,.collaborate h2,.faq h2,.contact h2{margin:.2rem 0 1.4rem;color:var(--gold-light);font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.5rem,5vw,5rem);font-weight:400;line-height:.95}.split-section__copy p{color:var(--muted);max-width:55ch}.statement{color:var(--ivory)!important;font-family:Georgia,serif;font-size:1.3rem;line-height:1.35}.split-section__image{margin:0;border:1px solid var(--line);padding:.55rem;background:var(--charcoal)}.split-section__image img{display:block;width:100%;height:420px;object-fit:cover}.split-section__image figcaption{padding:.7rem .4rem 0;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.services,.stories,.collaborate,.faq,.contact{padding:clamp(5rem,10vw,9rem) 0;border-top:1px solid rgba(200,154,82,.16)}.services,.faq{background:var(--charcoal)}.section-title{margin-bottom:3rem}.section-title h2{margin-top:.6rem}.section-title__line{width:70px;height:1px;background:var(--gold)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.service-card{min-height:280px;padding:1.5rem;background:var(--charcoal);border:1px solid transparent}.service-card:hover{border-color:var(--gold)}.service-card svg{width:29px;height:29px;color:var(--gold);margin:2.5rem 0 1.3rem}.service-card__index{color:var(--gold);font-family:Georgia,serif}.service-card h3{font-family:Georgia,serif;font-size:1.55rem;font-weight:400}.service-card p,.faq p,.collaborate p{color:var(--muted)}.story-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,7vw,7rem);align-items:center}.story-feature__image{position:relative;border:1px solid var(--line);padding:.55rem}.story-feature__image img{display:block;width:100%;height:500px;object-fit:cover}.story-feature__image span{position:absolute;top:1.5rem;left:1.5rem;padding:.4rem .7rem;background:var(--gold);color:var(--ink);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.story-feature__copy h3{margin:.2rem 0;color:var(--gold-light);font-family:Georgia,serif;font-size:clamp(3rem,7vw,7rem);font-weight:400;line-height:.85}.story-feature__tagline{color:var(--gold);font-family:Georgia,serif;font-size:1.25rem}.story-feature__lead{font-size:1.15rem}.vision{position:relative;display:grid;place-items:center;min-height:580px;padding:6rem 1rem;text-align:center;background:radial-gradient(circle at center,#2a2114 0,#0b0a08 45%,#070706 75%);overflow:hidden}.vision__mark{position:absolute;width:min(70vw,520px);opacity:.12}.vision__content{position:relative;max-width:850px}.vision h2{font-size:clamp(2.3rem,5vw,5rem)}.vision__principles{display:flex;justify-content:center;gap:2rem;color:var(--gold);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.founder{width:min(100% - 2rem,1100px);margin:auto;padding:clamp(5rem,10vw,9rem) 0}.founder__portrait{position:relative;margin:0;border:1px solid var(--line);padding:.55rem}.founder__portrait img{display:block;width:100%;height:590px;object-fit:cover;object-position:top center}.founder__portrait p{position:absolute;right:1rem;bottom:1rem;left:1rem;margin:0;color:var(--gold-light);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.founder__role{color:var(--gold);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.collaborate__copy{max-width:530px}.collaborator-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.collaborator-list div{display:flex;align-items:center;gap:.8rem;padding:1.2rem;background:var(--ink);color:var(--gold-light);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.collaborator-list svg{color:var(--gold)}.faq__layout{align-items:start}.faq__items details{padding:1rem 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;color:var(--gold-light);font-family:Georgia,serif;font-size:1.3rem}.contact{background:#0b0a08}.contact__details address{display:grid;gap:.8rem;font-style:normal}.contact__details address a{display:flex;align-items:center;gap:.7rem;color:var(--muted);font-size:.9rem;text-decoration:none}.contact__details address svg{width:17px;color:var(--gold)}.contact-company-heading{color:var(--gold);font-size:1.2rem;letter-spacing:.13em}.social-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;color:var(--gold);font-size:.7rem}.social-link{display:inline-flex;align-items:center;gap:.35rem}.social-link svg{width:16px}.contact-form{padding:clamp(1.2rem,3vw,2.5rem);border:1px solid var(--line);background:var(--charcoal)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form label{display:block;margin:0 0 1rem;color:var(--gold-light);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:.45rem;padding:.85rem;border:1px solid rgba(200,154,82,.35);border-radius:0;background:#080807;color:var(--ivory);outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}.form-trap{position:absolute;left:-9999px}.form-status{margin-bottom:1rem;padding:.8rem;border:1px solid var(--gold);color:var(--gold-light);font-size:.85rem}.site-footer{padding:3rem 0;border-top:1px solid var(--line);background:#050504}.site-footer__inner{text-align:center}.site-footer__inner p{color:var(--gold-light);font-family:Georgia,serif;font-size:1.2rem}.site-footer small{color:var(--muted);font-size:.7rem}.cookie-notice{position:fixed;right:1rem;bottom:1rem;z-index:150;display:flex;align-items:center;gap:1rem;max-width:520px;padding:1rem 1.2rem;border:1px solid var(--line);background:rgba(14,14,12,.97);box-shadow:0 10px 40px rgba(0,0,0,.35);font-size:.75rem}.cookie-notice p{margin:.2rem 0;color:var(--muted)}.cookie-notice a{color:var(--gold-light)}.cookie-notice button{border:1px solid var(--gold);background:var(--gold);color:var(--ink);padding:.55rem .8rem;cursor:pointer;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.desktop-nav,.header-enquiry{display:none}.site-header{grid-template-columns:auto auto;justify-content:space-between}.menu-toggle{display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--gold);padding:.55rem;cursor:pointer}.mobile-nav{position:absolute;top:100%;right:0;left:0;display:grid;gap:1rem;padding:1.4rem 4vw;background:rgba(7,7,6,.98);border-bottom:1px solid var(--line);transform:translateY(-130%);transition:.25s var(--ease)}.mobile-nav.open{transform:translateY(0)}.hero-logo-stage img{width:min(100%,460px);max-height:65svh}.split-section,.founder,.contact__layout,.collaborate__inner,.faq__layout,.story-feature{grid-template-columns:1fr;gap:2.5rem}.split-section--reverse .split-section__image{order:0}.service-grid{grid-template-columns:repeat(2,1fr)}.story-feature__image img{height:420px}.founder__portrait img{height:520px}.hero-side-note{display:none}}@media(max-width:560px){.container,.split-section,.founder{width:min(100% - 1.4rem,1240px)}.site-header{padding:0 1rem}.hero-frame{inset:6.5rem .8rem 1rem}.hero-logo-stage img{width:min(100%,360px);max-height:58svh}.hero-content{padding-top:7rem}.service-grid,.field-row{grid-template-columns:1fr}.service-card{min-height:0}.story-feature__image img{height:300px}.founder__portrait img{height:430px}.vision__principles{flex-direction:column;gap:.6rem}.cookie-notice{right:.7rem;bottom:.7rem;left:.7rem;align-items:flex-start}.cookie-notice button{flex:none}}
@media(min-width:700px) and (max-width:1100px){.story-feature__copy h3{font-size:clamp(3rem,6vw,5rem);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}