/*
Theme Name: Telex Pictures
Author: Telex Pictures
Description: A responsive company website theme for Telex Pictures, with About, People and Contact sections.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: telex-pictures
*/

:root{--paper:#f3f0e7;--ink:#20231e;--yellow:#f6da58;--muted:#64665b;--line:#c8c9bc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #a16d00;outline-offset:6px}header{display:flex;justify-content:space-between;align-items:center;padding:30px 5vw;border-bottom:1px solid var(--line);gap:25px}.brand{font-family:Futura,'Century Gothic',Arial,sans-serif;font-weight:600;letter-spacing:.32em;font-size:17px;text-decoration:none}nav{display:flex;gap:30px;font-size:12px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.hero{padding:56px 5vw 68px;position:relative;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:600}.hero h1{font-weight:400;font-size:clamp(70px,10.5vw,164px);letter-spacing:-.075em;line-height:.96;margin:55px 0 45px;max-width:1150px}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px}.hero-bottom p{max-width:400px;font-size:16px;line-height:1.65;margin:0}.round{display:flex;align-items:center;justify-content:center;border:1px solid var(--ink);width:65px;height:65px;border-radius:50%;font-size:25px;text-decoration:none}.ribbon{padding:23px 5vw;background:var(--yellow);display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.section{padding:95px 5vw;display:grid;grid-template-columns:1fr 2.2fr;gap:60px;border-bottom:1px solid var(--line)}.label{display:flex;gap:24px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.label span{color:var(--muted)}h2{font-size:clamp(35px,4.5vw,65px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:0 0 35px}.copy{max-width:760px}.copy p{font-size:17px;line-height:1.75;color:#4e5148}.copy .lead{font-size:24px;line-height:1.5;color:var(--ink)}.people{background:#e5e7dc}.profiles{display:grid;grid-template-columns:1fr 1fr;gap:45px}.portrait{height:230px;background:#d4d7c8;display:flex;align-items:center;justify-content:center;margin-bottom:28px;position:relative;overflow:hidden}.portrait:before{content:'';position:absolute;width:180px;height:180px;border:1px solid #b5b9a7;border-radius:50%}.portrait span{font-family:Georgia,serif;font-size:75px;z-index:1;color:#747c64}.portrait small{position:absolute;bottom:14px;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.profile h3{font-size:27px;letter-spacing:-.03em;font-weight:400;margin:0 0 8px}.role{font-size:10px;text-transform:uppercase;letter-spacing:.16em}.profile p{font-size:14px;line-height:1.75;color:#4e5148}.profile a{font-size:12px}.contact{background:var(--ink);color:var(--paper)}.contact .label span{color:#b4baa5}.contact p{color:#c9cdbf;max-width:570px;line-height:1.7}.contact h2{max-width:650px}.email{display:inline-block;margin-top:22px;font-size:clamp(18px,2.5vw,35px);color:var(--yellow)}footer{padding:30px 5vw;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.05em}.concept{border-top:1px solid var(--line);padding:15px 5vw;color:var(--muted);font-size:11px;line-height:1.6}@media(max-width:750px){header{align-items:start}.brand{max-width:140px;font-size:13px;line-height:1.7}nav{gap:15px;font-size:11px;flex-wrap:wrap;justify-content:end}.hero{padding-top:35px}.hero h1{margin:45px 0;font-size:clamp(62px,13vw,98px)}.hero-bottom p{font-size:14px;max-width:75%}.round{width:48px;height:48px;flex-shrink:0}.ribbon{font-size:9px;line-height:1.6}.section{grid-template-columns:1fr;padding:55px 6vw;gap:30px}.profiles{grid-template-columns:1fr;gap:45px}.portrait{height:270px}.copy p{font-size:15px}.copy .lead{font-size:21px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Reference-led revision: cinema-scale opening, direct typography, spare navigation. */
:root{--paper:#faf9f5;--ink:#111210;--yellow:#ffe35a;--muted:#66695f;--line:#d8d9d0}
body{font-family:Futura,'Century Gothic',Arial,sans-serif}header{background:#10110f;color:#fff;padding:25px 5vw;border:0;min-height:88px}.brand{font-size:16px;letter-spacing:.38em}nav{font-size:11px;text-transform:uppercase;letter-spacing:.12em;gap:35px}nav a:hover{color:var(--yellow)}
.hero{isolation:isolate;min-height:650px;min-height:calc(100svh - 88px);display:flex;flex-direction:column;justify-content:center;padding:55px 7vw 45px;color:#fff;background:#292e25}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('telex-pitch-reference.png') center top / auto 310% no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,17,15,.82),rgba(9,17,15,.18)),linear-gradient(0deg,rgba(9,17,15,.7),transparent 65%)}.hero .eyebrow{color:#fff;font-size:10px;letter-spacing:.2em}.hero h1{font-size:clamp(60px,7.5vw,114px);font-weight:600;letter-spacing:-.045em;line-height:1.03;margin:45px 0;max-width:1000px}.hero h1 em{font:inherit;color:var(--yellow);letter-spacing:inherit;font-style:normal}.hero-bottom{margin-top:auto;padding-top:20px}.hero-bottom p{max-width:480px;font-size:15px;line-height:1.7;color:#f2f2e9}.round{border-color:#e1e3d7;width:55px;height:55px}.round:hover{background:var(--yellow);color:#111;border-color:var(--yellow)}.ribbon{background:var(--yellow);padding:25px 7vw;font-size:10px;font-weight:600;letter-spacing:.16em}.section{padding:90px 7vw;grid-template-columns:1fr 2.5fr;gap:65px}.label{font-size:10px;letter-spacing:.16em}h2{font-size:clamp(35px,4.5vw,60px);font-weight:500;letter-spacing:-.04em}.copy p{font-size:16px;line-height:1.85}.people{background:#efefe9}.portrait{background:#dedfd4;height:260px}.portrait:before{border-color:#c7caba}.portrait span{font-family:Futura,'Century Gothic',Arial,sans-serif;color:#6e7560;font-size:65px;font-weight:400;letter-spacing:.08em}.profile h3{font-weight:500}.contact{background:#111210}.contact .label{color:#fff}.contact h2{font-weight:500}.contact .email{font-size:clamp(18px,2.5vw,34px)}footer{background:#111210;color:#e6e7dd;padding:35px 7vw}.concept{background:#faf9f5;color:#686b5f;padding:18px 7vw}

@media(max-width:750px){header{padding:22px 6vw;align-items:center}.brand{font-size:12px;max-width:155px;letter-spacing:.28em}nav{gap:13px;font-size:9px;letter-spacing:.04em}.hero{padding:40px 7vw;min-height:650px;min-height:calc(100svh - 88px)}.hero h1{font-size:clamp(51px,10.5vw,76px);margin:45px 0;letter-spacing:-.045em}.hero-bottom p{max-width:80%;font-size:13px}.hero .eyebrow{font-size:9px}.ribbon{font-size:8px;padding:20px 7vw;gap:25px}.section{grid-template-columns:1fr;gap:27px;padding:60px 7vw}.portrait{height:280px}.profile p{font-size:14px}}

/* Josh's October 2026 update; retain the existing visual system. */
.hero:before{background-image:url('assets/telex-machine.jpg');background-position:center;background-size:cover}
.hero h1{color:var(--yellow);max-width:100%;margin:35px 0 20px;font-size:clamp(60px,7.5vw,114px)}
.hero-tagline{font-size:clamp(32px,4.8vw,72px);font-weight:600;letter-spacing:-.045em;line-height:1.1;max-width:1000px;margin:0 0 40px;color:#fff}
.hero-tagline em{font:inherit;color:var(--yellow)}
.section{position:relative;padding-bottom:125px}
.section-next{position:absolute;right:7vw;bottom:35px;border-color:currentColor}
.portrait:before{display:none}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
@media(max-width:750px){.hero h1{font-size:clamp(42px,10.5vw,76px);margin:35px 0 20px}.hero-tagline{font-size:clamp(28px,7vw,48px);margin-bottom:35px}.section{padding-bottom:105px}.section-next{bottom:25px}}