@font-face{font-family:'Playfair Display';src:url('/assets/fonts/playfair.ttf') format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:'Fraunces';src:url('/assets/fonts/fraunces.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('/assets/fonts/barlow-700.ttf') format('truetype');font-weight:700;font-display:swap}
body[data-page=home]{--paper:#f2f4e9;--ink:#f2f4e9;--green:#003c2d;--muted:#c0d4c8;--line:#d9ecdf33;background:#003c2d;color:#f2f4e9;font-family:'DM Sans',Arial,sans-serif}
body[data-page=home] .wrap{width:min(1400px,calc(100% - 88px))}
body[data-page=home] h1,body[data-page=home] h2{font-family:'DM Sans',Arial,sans-serif;letter-spacing:-.055em;font-weight:500;line-height:1.05}
body[data-page=home] p{color:#c0d4c8}
body[data-page=home] .header{background:#003c2df5;backdrop-filter:blur(18px);border-bottom:1px solid #c4dec52b;position:relative;z-index:20}
body[data-page=home] .header-inner{height:80px;gap:22px}
body[data-page=home] .brand{flex-basis:180px}
body[data-page=home] .brand img{width:180px;filter:brightness(0) invert(1)}
body[data-page=home] .desktop-nav{gap:24px}
body[data-page=home] .desktop-nav a{font-size:.78rem;color:#e3ece3;opacity:1}
body[data-page=home] .header-cta{border-color:#d9e3d566;background:none;color:#f2f4e9;border-radius:0}
body[data-page=home] .header-cta:hover{background:#d8ecd9;color:#003c2d}
body[data-page=home] .menu-toggle{color:#f2f4e9;border-color:#ffffff55}
body[data-page=home] .mobile-nav{background:#003c2d}
body[data-page=home] .mobile-nav a{font-size:1.1rem}
body[data-page=home] :focus-visible{outline:2px solid #d8ecd9;outline-offset:5px}
body[data-page=home] .skip{color:#003c2d}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand-loader{position:fixed;inset:0;z-index:100;background:#003c2d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s cubic-bezier(.2,.7,.2,1),visibility .5s;isolation:isolate}
.brand-loader.is-visible{opacity:1}
.brand-loader.is-leaving{opacity:0;pointer-events:none}
.loader-inner{text-align:center;transform:translateY(-18px)}
.loader-wordmark{position:relative;width:clamp(240px,39vw,530px);margin:auto}
.loader-wordmark>img{width:100%;height:auto;filter:brightness(0) invert(1);opacity:.15}
.loader-logo-fill{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--load-progress,0%)) 0 0);transition:clip-path .6s cubic-bezier(.2,.7,.2,1);}
.loader-logo-fill img{width:100%;height:auto;filter:brightness(0) invert(1)}
#loader-message{color:#d7e9d9;font-size:clamp(.8rem,1.3vw,1rem);letter-spacing:.04em;margin-top:26px;min-height:30px}
#skip-intro{position:absolute;bottom:34px;right:44px;background:none;border:0;border-bottom:1px solid #bed7c280;color:#d5e9d9;padding:10px 0;font-size:.75rem;display:flex;gap:20px}
.brand-cinema{--cinema-accent:#ff1a1a;--cinema-font:'Playfair Display';--cinema-surface:#0c0c0c;--cinema-ink:#fff;--cinema-muted:#d6d2d2;--cinema-heading:var(--cinema-accent);--cinema-line:#ffffff38;--cinema-hover:#ffffff12;--cinema-signal:var(--cinema-accent);background-color:var(--cinema-surface);color:var(--cinema-ink);transition:background-color .45s,color .45s}
.brand-cinema[data-brand=mousai]{--cinema-surface:#0c0c0c;--cinema-ink:#fff;--cinema-muted:#d6d2d2;--cinema-heading:#ff1a1a;--cinema-line:#ffffff38;--cinema-hover:#ffffff12}
.brand-cinema[data-brand=sunday-blitz]{--cinema-surface:#101012;--cinema-ink:#fff;--cinema-muted:#d0d0d3;--cinema-heading:#fff;--cinema-line:#ffffff38;--cinema-hover:#ff36451c}
.brand-cinema[data-brand=skybox]{--cinema-surface:#07162b;--cinema-ink:#fff;--cinema-muted:#bed0e5;--cinema-heading:#fff;--cinema-line:#bed0e54d;--cinema-hover:#5ce6c61c;--cinema-signal:linear-gradient(90deg,#5ce6c6,#58baf3,#a98afb,#ef8bcc);background-image:radial-gradient(ellipse at 85% 100%,#8e7bfc25,transparent 38%),radial-gradient(ellipse at 8% 100%,#39dba424,transparent 35%)}
.brand-cinema[data-brand=casa-jardin]{--cinema-surface:#fffdf9;--cinema-ink:#5a382c;--cinema-muted:#765548;--cinema-heading:#5a382c;--cinema-line:#7c4f3545;--cinema-hover:#f6d9e1;--cinema-signal:#e7bd43}
.brand-cinema[data-brand=penny-z]{--cinema-surface:#fff;--cinema-ink:#164c39;--cinema-muted:#476755;--cinema-heading:#bd2c65;--cinema-line:#21684645;--cinema-hover:#fde8f0;--cinema-signal:#2a7b56}
.brand-cinema[data-brand=h-wellness]{--cinema-surface:#12110f;--cinema-ink:#f4eddf;--cinema-muted:#d6ccb8;--cinema-heading:#d4b671;--cinema-line:#bda26c66;--cinema-hover:#ffffff12}
body[data-page=home] .brand-cinema :focus-visible{outline-color:var(--cinema-accent)}
.cinema-stage{height:auto;aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--cinema-surface);width:100%;isolation:isolate}
.cinema-film,#cinema-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;}
#cinema-poster{z-index:0}
.cinema-film{z-index:1;opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.cinema-film.is-active{opacity:1;z-index:2}
.cinema-progress{position:absolute;left:0;bottom:0;width:var(--scene-progress,0%);height:3px;background:var(--cinema-signal);z-index:3;pointer-events:none;transition:width .25s linear,background .4s}
.cinema-dock{display:grid;grid-template-columns:1.1fr 1fr auto;gap:35px;align-items:center;padding-top:20px;padding-bottom:20px;min-height:144px}
.cinema-eyebrow{display:flex;gap:25px;text-transform:uppercase;letter-spacing:.15em;font-size:.56rem;color:var(--cinema-muted)!important;margin-bottom:8px}
#cinema-count{color:var(--cinema-accent)}
body[data-page=home] #cinema-brand{font-family:var(--cinema-font),'DM Sans',Arial,sans-serif;font-size:clamp(1.8rem,2.7vw,3rem);font-weight:500;letter-spacing:-.035em;line-height:1.08;color:var(--cinema-heading);transition:color .45s;font-style:normal}
.cinema-description p{font-size:.8rem;line-height:1.5;margin-bottom:7px;color:var(--cinema-muted)!important}
#cinema-link{display:inline-flex;gap:27px;align-items:center;font-size:.72rem;line-height:1.5;color:var(--cinema-ink);border-bottom:1px solid var(--cinema-line);padding-bottom:3px}
#cinema-link:hover{color:var(--cinema-accent);border-color:var(--cinema-accent)}
.cinema-controls{display:flex;gap:19px;align-items:center}
.cinema-arrows{display:flex;gap:8px}
.cinema-arrows button{width:44px;height:44px;border-radius:50%;border:1px solid var(--cinema-line);background:transparent;color:var(--cinema-ink);font-size:1.1rem;transition:background .2s}
.cinema-arrows button:hover{background:var(--cinema-hover)}
#cinema-toggle{font-size:.65rem;min-width:93px;min-height:44px;color:var(--cinema-ink);background:none;border:0;padding:0;text-align:left}
.cinema-chapters{border-top:1px solid var(--cinema-line);border-bottom:1px solid var(--cinema-line);display:flex;justify-content:space-between;padding-inline:44px;gap:14px;overflow:auto;scrollbar-width:none;}
.cinema-chapters::-webkit-scrollbar{display:none}
.cinema-chapters button{background:none;color:var(--cinema-muted);border:0;border-bottom:2px solid transparent;padding:16px 0 13px;white-space:nowrap;font-size:.71rem;min-height:49px;transition:color .25s,border-color .25s;display:flex;gap:10px;align-items:center}
.cinema-chapters button[aria-pressed=true]{color:var(--cinema-ink);border-bottom-color:var(--cinema-accent)}
.cinema-chapters button:hover{color:var(--cinema-ink)}
.chapter-number{font-size:.52rem;color:var(--cinema-muted)}
.studio-note{padding:48px 0}
.studio-note>.eyebrow{color:#a1c7b0!important;font-size:.6rem;margin-bottom:22px}
.studio-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.studio-note h2{font-size:clamp(2.5rem,4vw,4.5rem)}
.studio-note-grid>div>p{font-size:.95rem;line-height:1.8;max-width:530px}
.motion-link{display:inline-flex;gap:25px;align-items:center;font-size:.8rem;border-bottom:1px solid #aacfb477;padding:10px 0;color:#f2f4e9}
.motion-link:hover{color:#dbefdf;border-color:#dbefdf}
.studio-note .motion-link{margin-top:18px}
.client-roster{background:#00513b;border-top:1px solid #cee6d21f;border-bottom:1px solid #cee6d21f;padding:40px 0}
.roster-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:25px}
.roster-heading .eyebrow{color:#b4d6c1!important;font-size:.62rem;margin-bottom:12px}
.roster-heading h2{font-size:clamp(1.9rem,3.2vw,3.1rem)}
.roster-heading>p{font-size:.85rem;max-width:350px;color:#c5dfcf!important}
.roster-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}
.roster-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid #cee6d233;font-size:.79rem;line-height:1.45}
.roster-grid a span{font-size:.85rem;color:#9bc9ae}
.roster-grid a:hover{color:#dbefdf}
.home-services{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;padding:52px 0}
.services-intro>.eyebrow{font-size:.62rem;color:#9fc8b0!important;margin-bottom:15px}
.services-intro h2{font-size:clamp(2rem,3.2vw,3.1rem);margin-bottom:23px}
.service-list>a{display:grid;grid-template-columns:25px 1fr 15px;align-items:start;gap:18px;padding:20px 0;border-top:1px solid #cee6d233}
.service-list>a:last-child{border-bottom:1px solid #cee6d233}
.service-no{font-size:.65rem;color:#97bda5;padding-top:3px}
.service-list h3{font-size:1.07rem;font-weight:400;letter-spacing:-.02em}
.service-list p{font-size:.8rem;margin-top:7px;line-height:1.6}
.service-list>a>span:last-child{color:#a2c8ad}
.service-list>a:hover h3{color:#d2ead8}
.home-contact{border-top:1px solid #cee6d233;display:flex;justify-content:space-between;align-items:end;gap:30px;padding:30px 0 44px}
.home-contact>p{font-size:clamp(1.5rem,2.8vw,2.5rem);letter-spacing:-.04em;line-height:1.13;color:#f2f4e9!important}
.home-contact>a{font-size:clamp(1.1rem,2.3vw,2rem);letter-spacing:-.04em;color:#d1e8d7;border-bottom:1px solid #98c8aa;padding-bottom:7px}
.home-contact>a span{margin-left:25px}
body[data-page=home] .company-footer{background:#002d22;border-top:1px solid #c8dfce26;padding-top:35px}
body[data-page=home] .company-footer-top{padding-bottom:24px;gap:30px;grid-template-columns:1.4fr .8fr .8fr 1fr}
body[data-page=home] .footer-brand{font:500 1.9rem/1.2 'DM Sans',Arial,sans-serif;letter-spacing:-.045em}
body[data-page=home] .footer-brand span{letter-spacing:0;font-size:.73rem;line-height:1.65}
body[data-page=home] .footer-column a{font-size:.73rem}
body[data-page=home] .footer-bottom{margin-top:0;font-size:.65rem}
@media(max-width:1100px){body[data-page=home] .wrap{width:calc(100% - 56px)}.cinema-dock{gap:25px;grid-template-columns:1.2fr 1fr auto}.cinema-controls{gap:12px;flex-direction:column;align-items:flex-end}#cinema-toggle{min-height:24px;min-width:0}.cinema-chapters{padding-inline:28px;gap:25px}.home-services{gap:40px}.roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-note-grid{gap:40px}}
@media(max-width:1000px){body[data-page=home] .desktop-nav{display:none}body[data-page=home] .menu-toggle{display:flex;align-items:center;margin-left:auto}body[data-page=home] .header-inner{height:74px}}
@media(max-width:700px){body[data-page=home] .wrap{width:calc(100% - 36px)}body[data-page=home] .header-inner{height:70px}body[data-page=home] .brand{flex-basis:156px}body[data-page=home] .brand img{width:156px}.cinema-stage{aspect-ratio:9/16}.cinema-dock{grid-template-columns:1fr auto;gap:9px 16px;padding-top:15px;padding-bottom:15px;min-height:166px}.cinema-identity{min-width:0;grid-column:1}.cinema-eyebrow{font-size:.51rem;letter-spacing:.12em;gap:18px;margin-bottom:7px}body[data-page=home] #cinema-brand{font-size:clamp(1.7rem,7vw,2.3rem);max-width:100%}.cinema-description{grid-column:1;grid-row:2}.cinema-description p{font-size:.68rem;margin-bottom:4px}.cinema-controls{grid-column:2;grid-row:1/3;gap:12px;align-self:center}.cinema-arrows{gap:7px}.cinema-arrows button{width:40px;height:40px}.cinema-controls #cinema-toggle{font-size:.59rem;text-align:center;width:87px;line-height:1.5;min-height:24px}#cinema-link{font-size:.65rem;gap:20px}.cinema-chapters{padding-inline:18px;gap:26px;justify-content:flex-start}.cinema-chapters button{font-size:.64rem;min-height:47px;padding-block:14px 12px}.chapter-number{display:none}.studio-note{padding:34px 0}.studio-note>.eyebrow{font-size:.53rem;letter-spacing:.1em;line-height:1.6;margin-bottom:17px}.studio-note-grid{grid-template-columns:1fr;gap:22px}.studio-note h2{font-size:2.6rem}.studio-note-grid>div>p{font-size:.88rem;line-height:1.7}.motion-link{font-size:.74rem}.client-roster{padding:30px 0}.roster-heading{display:block;margin-bottom:20px}.roster-heading>p{font-size:.8rem;margin-top:16px}.roster-heading h2{font-size:2.2rem}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.roster-grid a{font-size:.73rem;padding:12px 0}.home-services{grid-template-columns:1fr;gap:28px;padding:36px 0}.services-intro h2{font-size:2.2rem;margin-bottom:15px}.service-list>a{gap:12px;padding:17px 0}.service-list h3{font-size:1rem}.service-list p{font-size:.77rem}.home-contact{display:block;padding:26px 0 34px}.home-contact>a{display:inline-block;margin-top:20px;font-size:1.45rem}body[data-page=home] .company-footer-top{grid-template-columns:1fr 1fr;gap:25px}body[data-page=home] .footer-identity{grid-column:1/-1}body[data-page=home] .footer-column:last-child{grid-column:1/-1}body[data-page=home] .footer-brand{font-size:2rem}#skip-intro{right:23px;bottom:24px}.loader-inner{padding-inline:25px}#loader-message{font-size:.77rem}}
@media(max-width:350px){.cinema-controls{gap:9px}.cinema-arrows button{width:34px;height:34px}.cinema-controls #cinema-toggle{width:75px}.cinema-dock{gap:9px 10px;min-height:184px}body[data-page=home] #cinema-brand{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.brand-loader{display:none!important}.brand-cinema,.cinema-film,.cinema-progress{transition:none}html{scroll-behavior:auto}}