/*
Theme Name: Spark Visuals Cinema
Author: Spark Visuals
Description: Compact cinematic portfolio with editable films, photographs and project stories.
Version: 1.2.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: spark-cinema
*/
:root{--bg:#101010;--fg:#f5f3ef;--muted:#999995;--accent:#e0443e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}header{height:88px;display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;border-bottom:1px solid #343434}.logo{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.spark{color:var(--accent);font-size:36px;font-weight:400}nav{display:flex;align-items:center;gap:34px}nav a{font-size:13px}nav a.active{color:var(--accent)}.contact-link{border:1px solid #555;border-radius:100px;padding:11px 18px}.wrap{margin:0 4.5%}.intro{display:flex;align-items:end;justify-content:space-between;padding:49px 0 30px;gap:35px}h1,h2,h3,p{margin:0}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,6.6vw,100px);font-weight:500;line-height:1.02;letter-spacing:-5px}.intro p{max-width:280px;color:#b4b4af;line-height:1.6;font-size:14px;padding-bottom:7px}.accent{color:var(--accent)}.hero{height:clamp(300px,39vw,590px);position:relative;overflow:hidden;background:#282d29}.hero img,.hero video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero video{opacity:.8}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#0009)}.hero-label{position:absolute;z-index:1;bottom:27px;left:28px;font:12px 'Space Grotesk';letter-spacing:2px}.play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #ffffff80;background:#ffffff12;backdrop-filter:blur(8px);color:white;border-radius:50%;height:86px;width:86px;font-size:20px}.video-tools{position:absolute;right:25px;bottom:25px;z-index:2;display:flex;gap:10px}.video-tools button{background:#1118;border:1px solid #aaa5;color:white;border-radius:100px;padding:8px 13px;font-size:11px}.note{font-size:11px;color:var(--muted);padding-top:10px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:52px 0 23px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:var(--muted);margin-bottom:12px}h2{font:500 clamp(28px,3vw,44px) 'Space Grotesk';letter-spacing:-1.6px}.text-link{font-size:12px;border-bottom:1px solid #666;padding-bottom:6px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 22px}.card .picture{aspect-ratio:1.65;overflow:hidden;background:#242424;position:relative}.card img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:transform .6s,filter .6s}.card:hover img{transform:scale(1.035);filter:saturate(1)}.card .arrow{position:absolute;right:15px;bottom:15px;width:35px;height:35px;background:var(--fg);color:#111;display:grid;place-items:center;border-radius:50%}.card-info{display:flex;justify-content:space-between;align-items:start;padding-top:15px}.card h3{font-size:20px;font-weight:500;letter-spacing:-.5px}.card small{color:var(--muted);font-size:11px}.card-info p{font-size:12px;color:var(--muted);margin-top:5px}.statement{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid #333;margin-top:55px;padding:38px 0 45px}.statement p{font:400 clamp(21px,2.5vw,34px)/1.3 'Space Grotesk';letter-spacing:-1px;max-width:800px}.cta{background:var(--accent);color:#101010;display:flex;align-items:center;justify-content:space-between;padding:38px;margin-bottom:45px}.cta h2{font-size:clamp(30px,4vw,58px)}.round{border:1px solid #111;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:28px;flex-shrink:0}footer{border-top:1px solid #333;padding:25px 0 30px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.filters{display:flex;gap:10px;margin:20px 0 28px;flex-wrap:wrap}.filters button{border:1px solid #444;border-radius:40px;background:none;color:#ccc;padding:9px 17px;font-size:12px}.filters button.selected{background:var(--fg);color:#111;border-color:var(--fg)}.project-intro{padding:42px 0 30px}.project-intro h1{font-size:clamp(48px,7vw,90px);margin:25px 0}.detail-meta{display:flex;gap:60px;border-top:1px solid #333;padding:20px 0;color:#bbb;font-size:12px}.detail-meta span{display:block;color:#666;margin-bottom:6px}.article{max-width:700px;margin:45px auto 55px}.article h2{font-size:30px;margin:30px 0 15px}.article p{color:#aaa;line-height:1.8}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:55px 0 75px}.contact-layout h1{font-size:clamp(55px,7vw,95px)}.contact-layout p{color:#aaa;line-height:1.7;margin:25px 0}.email{font-size:clamp(16px,1.8vw,23px);border-bottom:1px solid #666}.form label{display:block;color:#aaa;font-size:12px;margin-bottom:8px}.form input,.form textarea,.form select{width:100%;background:transparent;border:0;border-bottom:1px solid #444;color:white;padding:10px 0 15px;margin-bottom:24px;border-radius:0}.form textarea{resize:vertical;min-height:100px}.form button{background:var(--accent);border:0;padding:15px 22px;color:#111;width:100%;display:flex;justify-content:space-between}.form .note{line-height:1.6}.preview{font-size:10px;letter-spacing:1px;border:1px solid #555;color:#aaa;padding:5px 9px;border-radius:20px;margin-left:10px}.hidden{display:none}dialog{background:#111;border:1px solid #555;color:white;width:min(1100px,95vw);padding:15px}dialog::backdrop{background:#000d}dialog video{width:100%}dialog button{background:none;color:white;border:0;display:block;margin-left:auto;padding:10px}
@media(min-width:1600px){.wrap,header{max-width:1500px;margin-left:auto;margin-right:auto}}@media(max-width:700px){header{height:75px}nav{gap:17px}.logo{font-size:17px}.contact-link{padding:8px 12px}.intro{padding:35px 0 25px;display:block}h1{letter-spacing:-2.7px}.intro p{margin-top:20px;max-width:320px}.hero{height:370px}.hero-label{left:17px;bottom:22px;font-size:10px}.video-tools{right:12px;bottom:16px}.grid{grid-template-columns:1fr;gap:26px}.section-head{margin-top:38px}.statement{grid-template-columns:1fr;gap:12px}.cta{padding:25px 20px;gap:20px}.contact-layout{grid-template-columns:1fr;gap:45px}.detail-meta{gap:25px}.preview{display:none}footer{gap:20px}.card h3{font-size:19px}}

.project-film{margin:0;background:#080808}.project-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#080808}.project-film figcaption{padding:12px 0;background:var(--bg);font-size:11px;color:var(--muted)}.project-gallery{margin:0 0 50px}.stills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.still{padding:0;border:0;background:none;color:inherit;text-align:left;margin:0}.still img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;transition:opacity .2s}.still:hover img{opacity:.8}.still span{display:block;color:var(--muted);font-size:11px;padding-top:9px}.photo-dialog{max-width:1200px}.photo-dialog img{display:block;max-height:80vh;max-width:100%;margin:auto;object-fit:contain}.gallery-hint{font-size:11px;color:var(--muted)}@media(max-width:700px){.stills-grid{gap:18px;grid-template-columns:1fr}.project-film video{aspect-ratio:16/9}.section-head{gap:15px}}

body{font-family:Arial,sans-serif}h1,h2,h3,.logo,.statement p{font-family:Arial,sans-serif}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:10px;z-index:999;background:#fff;color:#111;padding:15px}.admin-bar header{scroll-margin-top:32px}.empty-media{display:grid;place-items:center;min-height:260px;background:#202020;color:#aaa;text-align:center;padding:30px}.project-description{max-width:760px;margin:38px auto}.project-description p,.project-description li{line-height:1.8;color:#bbb}.project-description h2,.project-description h3{margin:28px 0 15px}.project-description img{max-width:100%;height:auto}.project-description a{text-decoration:underline}.project-description .wp-block-gallery{margin:30px 0}.project-description iframe{max-width:100%}.project-film iframe,.project-film .wp-video{width:100%!important;aspect-ratio:16/9;height:auto}.project-film video{width:100%}.contact-content{padding-top:20px}.contact-content input,.contact-content textarea{background:#202020!important;color:#fff!important;border:1px solid #555!important}.contact-content button{background:var(--accent)!important;color:#101010!important}.pagination{margin:35px 0}.pagination a,.pagination span{display:inline-block;padding:12px}.card:focus-visible{outline:2px solid var(--accent)}.picture.empty-media{aspect-ratio:1.65;min-height:0}.site-logo img{max-width:145px;max-height:50px;width:auto}.project-description .alignwide{max-width:100%}.project-gallery img{height:auto;aspect-ratio:1.6;object-fit:cover}.project-description .wp-block-video video{width:100%}.single .article{max-width:760px}.hero{margin:0}.hero .hero-label{pointer-events:none}.hero-controls{position:absolute;right:20px;bottom:20px;z-index:3;background:#111c;color:#fff;border:1px solid #777;border-radius:30px;padding:9px 15px}.hero:after{pointer-events:none}.form-link{display:inline-block;background:var(--accent);color:#111;padding:15px 24px;margin:15px 0}.wp-block-gallery img{max-width:100%}.contact-layout{min-height:55vh}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.legal-nav{padding:0 0 25px;color:var(--muted);font-size:11px}.legal-nav ul{list-style:none;padding:0;display:flex;gap:18px;flex-wrap:wrap}.legal-nav a{text-decoration:underline}

.youtube-hero{height:auto;aspect-ratio:16/9;background:#080808}.youtube-hero:after{display:none}.youtube-hero iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}.youtube-hero .play{background:var(--accent);color:#101010;border:0}.youtube-hero img{object-fit:cover}

/* Editorial project stories and compact social navigation. */
.footer-connect{display:flex;gap:24px;align-items:center}.social-links{display:flex;gap:10px}.social-links a{display:grid;place-items:center;width:40px;height:40px;border:1px solid #444;border-radius:50%;color:var(--fg);transition:color .2s,border-color .2s,background .2s}.social-links a:hover,.social-links a:focus-visible{color:var(--accent);border-color:var(--accent);background:#ffffff06}.project-story{padding:12px 0 20px;margin:36px auto 45px}.project-story>p:first-of-type{font-size:clamp(19px,2vw,24px);line-height:1.6;color:var(--fg)}.project-story>p{margin:0 0 22px}.project-story h2{font-size:clamp(27px,3vw,36px)}.project-story h3{font-size:24px}.project-story blockquote{border-left:2px solid var(--accent);padding-left:25px;margin:30px 0}.project-film{border:1px solid #303030}.stills-grid{gap:24px}.stills-odd .still:first-child{grid-column:1/-1}.stills-odd .still:first-child img{aspect-ratio:2/1}.stills-grid .still img{transition:filter .25s}.stills-grid .still:hover img{filter:brightness(1.08)}.project-gallery{padding-bottom:20px;border-bottom:1px solid #333}.project-intro h1{max-width:1100px}.project-story ul,.project-story ol{padding-left:23px}.project-story .wp-block-image{margin:30px 0}.project-story figcaption{color:var(--muted);font-size:12px}
@media(max-width:700px){footer{flex-wrap:wrap;align-items:center}.footer-connect{width:100%;justify-content:space-between}.stills-odd .still:first-child img{aspect-ratio:1.6}.stills-grid{gap:20px}.project-story{margin-top:25px}}