/*
Theme Name: GOZ MEDIA Cinematic
Theme URI: https://goz.media
Author: GOZ MEDIA
Description: Minimal cinematic portfolio theme for filmmaker Colin Gonzalez.
Version: 1.2.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: gozmedia
*/
:root{--bg:#0a0a0a;--fg:#f8f8f6;--muted:#aaa;--line:#353535}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}header.site-header{position:absolute;z-index:10;top:0;left:0;right:0;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#0009,transparent)}.brand{font-size:1.45rem;font-weight:800;letter-spacing:.24em}.nav{display:flex;gap:25px;align-items:center}.nav a{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase}.nav a:hover,.text-link:hover{opacity:.65}.menu-toggle{display:none;background:transparent;border:1px solid #777;color:#fff;padding:8px 13px}.hero{height:100svh;min-height:570px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 55% 45%,#333,#070707 70%)}.hero video,.hero .hero-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0009,#0005),linear-gradient(0deg,#0009,transparent 35%)}.hero-content{z-index:1;padding:20px;max-width:1000px}.eyebrow{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:#d0d0d0}.hero h1{font-size:clamp(3.3rem,9vw,9rem);line-height:.94;letter-spacing:-.07em;font-weight:700;margin:25px 0}.hero p{max-width:580px;margin:0 auto 32px;color:#ddd}.btn{display:inline-block;border:1px solid #fff;padding:13px 24px;text-transform:uppercase;font-size:.73rem;letter-spacing:.15em;transition:.2s}.btn:hover{background:#fff;color:#111}.section{padding:105px 6%;max-width:1600px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:38px}.section h2,.page-heading h1{font-size:clamp(2.4rem,5vw,5.3rem);letter-spacing:-.055em;line-height:1.05;margin:12px 0}.subtle{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{display:block}.card-image{aspect-ratio:16/10;background:linear-gradient(140deg,#303030,#101010);overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card:hover img{transform:scale(1.04)}.card h3{font-size:1.2rem;margin:14px 0 0}.card p{color:var(--muted);margin:3px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.split img{width:100%;object-fit:cover}.service-list{border-top:1px solid var(--line)}.service-row{padding:20px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px}.page-heading{padding:180px 6% 55px;max-width:1500px;margin:auto}.page-heading p{max-width:720px;color:#bbb}.body-copy{max-width:850px}.body-copy p{color:#ccc}.detail-media{margin:25px 0 45px}.detail-media iframe{width:100%;aspect-ratio:16/9;border:0}.detail-media video{width:100%}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filters a{border:1px solid #444;padding:8px 13px;font-size:.8rem}.filters a.active,.filters a:hover{background:#fff;color:#000}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:7px;background:#151515;color:white;border:1px solid #555;padding:13px;font:inherit}.form-grid .wide{grid-column:1/-1}.form-grid button{background:#fff;border:0;padding:14px 24px;cursor:pointer;font-weight:bold}.notice{border:1px solid #666;padding:12px;margin:15px 0}footer{border-top:1px solid var(--line);padding:55px 6%;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;color:#bbb}footer .brand{color:white}.empty{border:1px solid #333;padding:45px;color:#bbb}.wp-block-image img{height:auto}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.nav{display:none;position:absolute;top:78px;right:5%;left:5%;background:#111;padding:20px;flex-direction:column;align-items:start}.nav.open{display:flex}.menu-toggle{display:block}.section{padding:70px 6%}}@media(max-width:550px){.grid,.form-grid{grid-template-columns:1fr}.hero h1{font-size:3.9rem}.section-head{display:block}}

/* YouTube cinematic hero */
.hero-youtube{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.hero-youtube iframe{position:absolute;top:50%;left:50%;width:max(100vw,177.78vh);height:max(100vh,56.25vw);transform:translate(-50%,-50%);border:0;pointer-events:none}.hero:after{z-index:1}.hero-content{position:relative;z-index:2}body.admin-bar header.site-header{top:32px}@media(max-width:782px){body.admin-bar header.site-header{top:46px}}@media(prefers-reduced-motion:reduce){.hero-youtube{display:none}}

/* v1.2 cinematic portfolio */
.card-image{position:relative;aspect-ratio:16/10}.demo-badge{position:absolute;top:18px;left:18px;z-index:2;background:rgba(10,10,10,.85);border:1px solid #ffffff8c;padding:7px 11px;font-size:10px;font-weight:700;letter-spacing:.18em;color:white}.card h3{font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.035em}.card p{font-size:.79rem;letter-spacing:.09em;text-transform:uppercase}.grid{column-gap:26px;row-gap:46px}.card-image img{display:block}.detail-media img{display:block;width:100%;height:auto}.detail-media{max-width:1250px}.hero:has(>video) .hero-youtube,.hero:has(>.hero-image) .hero-youtube{display:none}
@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.grid{grid-template-columns:1fr}}