/*
Theme Name: Stereo Bang Media
Author: Stereo Bang Media
Description: Custom one-page film and music portfolio for Miles Forman.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: stereo-bang-media
*/

:root{color-scheme:dark;--paper:#f3f0e8;--gray:#a3a39c;--accent:#dcc796}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:var(--paper);font:17px/1.65 Arial,sans-serif}a{color:inherit}header,main,footer{max-width:1280px;margin:auto}header{padding:26px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #282828}.brand{font-weight:800;letter-spacing:2px;font-size:14px;text-decoration:none}nav{display:flex;gap:28px}nav a{text-decoration:none;color:#bbb;font-size:13px}.hero{padding:90px 6% 100px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:50px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:var(--accent)}h1{font-size:clamp(46px,6.5vw,88px);font-weight:500;line-height:1.04;letter-spacing:-4px;margin:28px 0}h1 em{font-family:Georgia,serif;font-weight:400}p{color:var(--gray);max-width:550px}.logo{width:100%;background:black}.logo img{width:100%;height:auto;display:block}.button{display:inline-block;border:1px solid #777;padding:13px 23px;margin-top:22px;text-decoration:none;font-size:13px;letter-spacing:.6px}.button:hover{background:var(--paper);color:#111}.strip{border-block:1px solid #282828;display:flex;justify-content:space-between;padding:20px 6%;color:#aaa;font-size:11px;letter-spacing:2px;text-transform:uppercase}section.content{padding:85px 6%;border-bottom:1px solid #282828}.section-top{display:flex;gap:40px;justify-content:space-between;align-items:baseline;margin-bottom:40px}h2{font-size:clamp(30px,4vw,48px);font-weight:400;letter-spacing:-1.5px;margin:0}.work{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;align-items:center}.film{min-height:320px;border:1px solid #444;background:linear-gradient(140deg,#262623,#111);padding:40px;display:flex;flex-direction:column;justify-content:space-between}.film strong{font-size:clamp(45px,6vw,78px);letter-spacing:-4px;line-height:1}.film span{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:#b6b6ac}h3{font-size:27px;font-weight:400;margin:0 0 14px}.textlink{font-size:13px;text-underline-offset:6px}.about{display:grid;grid-template-columns:1fr 1.25fr;gap:60px}.about p:first-child{margin-top:0}.contact{background:#eeeae0;color:#111;padding:65px 6%;display:flex;justify-content:space-between;align-items:center;gap:30px}.contact p{color:#555}.contact .button{border-color:#111;white-space:nowrap}.contact .button:hover{background:#111;color:white}footer{padding:25px 6%;display:flex;justify-content:space-between;color:#888;font-size:11px}.note{font-size:12px;color:#6d6d65}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:750px){header{padding:20px 6%}nav{gap:15px}.hero{grid-template-columns:1fr;padding:60px 6%;gap:35px}h1{letter-spacing:-2px}.logo{max-width:350px}.strip{flex-wrap:wrap;gap:18px}.work,.about{grid-template-columns:1fr;gap:30px}section.content{padding:60px 6%}.section-top{display:block}.section-top .eyebrow{margin-bottom:12px}.contact{display:block}footer{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.videos{display:grid;grid-template-columns:1fr 1fr;gap:28px}.videos iframe{display:block;width:100%;aspect-ratio:16/9;border:0;margin-bottom:14px}@media(max-width:750px){.videos{grid-template-columns:1fr}}
.awards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:38px}.award{position:relative;min-height:160px;display:grid;place-items:center;text-align:center}.award img{position:absolute;width:100%;height:100%;object-fit:fill;filter:url(#gold-laurel);pointer-events:none}.award>div{position:relative;width:65%;font-size:10px;line-height:1.3;color:var(--accent)}.award span,.award strong,.award b{display:block}.award strong{font-size:13px;margin:8px 0}.award b{font-size:16px;margin-top:8px}@media(max-width:1050px){.awards{grid-template-columns:1fr}.award{max-width:310px;width:100%;margin:auto}}@media(max-width:750px){.awards{grid-template-columns:1fr 1fr}.award{min-height:150px}}@media(max-width:400px){.awards{grid-template-columns:1fr}}

.contact{align-items:flex-start}.contact-intro{flex:1}.contact-form{flex:1;width:100%;max-width:560px}.contact-form label{display:block;font-size:13px;margin-bottom:18px;font-weight:600}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #a8a59d;border-radius:0;background:#faf8f3;color:#111;font:16px/1.5 Arial,sans-serif;color-scheme:light}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input:focus-visible,.contact-form textarea:focus-visible,.contact-form button:focus-visible{outline:2px solid #756443;outline-offset:3px}.contact-form .button{margin-top:0;background:transparent;color:#111;cursor:pointer}.contact-form .note{margin-bottom:0}@media(max-width:750px){.contact-form{margin-top:30px}}
.review-quote{max-width:720px}.review-quote h2{font-family:Georgia,serif;font-style:italic;line-height:1.18;margin-bottom:14px}.review-quote .textlink{color:var(--accent)}@media(max-width:500px){header{flex-wrap:wrap;gap:16px}nav{width:100%;justify-content:space-between}.section-top{overflow-wrap:break-word}}.section-label{font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.15;color:var(--accent);white-space:nowrap}.section-label span{display:block;font-size:11px;letter-spacing:3px;font-weight:400;margin-bottom:10px}@media(max-width:750px){.section-label{margin-bottom:24px}}
.sbm-thanks{max-width:650px;margin:80px auto;padding:40px 6%}