:root{--black:#050505;--panel:#101010;--white:#f7f7f5;--muted:#aaa;--red:#d71920;--gold:#d4af37;--max:1180px}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-latin-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-latin-600-normal.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-latin-700-normal.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-latin-800-normal.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"Inter";src:url("assets/fonts/inter-latin-900-normal.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:"Montserrat";src:url("assets/fonts/montserrat-latin-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Montserrat";src:url("assets/fonts/montserrat-latin-600-normal.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Montserrat";src:url("assets/fonts/montserrat-latin-700-normal.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Montserrat";src:url("assets/fonts/montserrat-latin-800-normal.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:"Montserrat";src:url("assets/fonts/montserrat-latin-900-normal.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"Inter",Arial,Helvetica,sans-serif;line-height:1.55}h1,h2,h3,h4,h5,h6,.btn,.eyebrow,.nav-links{font-family:"Montserrat","Inter",Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.nav{position:sticky;top:0;z-index:20;background:#050505ee;border-bottom:1px solid #ffffff18;backdrop-filter:blur(12px)}.nav-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand-logo{width:145px;max-height:72px;object-fit:contain}.nav-links{display:flex;gap:28px;font-weight:700;font-size:13px}.nav-links a:hover{color:var(--gold)}.mobile-btn{display:none;background:none;border:0;color:#fff;font-size:26px}.btn{display:inline-flex;padding:13px 20px;border:1px solid var(--gold);font-weight:800;letter-spacing:.03em}.btn-red{background:var(--red);border-color:var(--red)}.btn-gold{color:var(--gold)}.hero,.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 35%,#5a0d122f,transparent 30%),radial-gradient(circle at 85% 20%,#d4af371e,transparent 24%),linear-gradient(120deg,#050505,#0c0c0c);}.hero{min-height:680px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.hero h1,.page-hero h1{font-size:clamp(48px,6.5vw,86px);line-height:.95;margin:15px 0 24px;letter-spacing:-.045em}.hero h1 span,.page-hero h1 span{color:var(--red)}.hero p,.page-hero p{font-size:19px;max-width:680px;color:#d0d0cc}.hero-brand{text-align:center;padding:55px;border:1px solid #d4af3742;background:#0b0b0bcc}.hero-brand img{width:min(420px,90%)}.hero-brand p{margin:25px auto 0;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:12px}.page-hero{padding:110px 0 105px}.tech-hero{background:radial-gradient(circle at 80% 40%,#15375488,transparent 35%),linear-gradient(120deg,#050505,#081018)}.media-hero{background:radial-gradient(circle at 80% 40%,#6a321c66,transparent 35%),linear-gradient(120deg,#050505,#160a0d)}.event-hero{background:radial-gradient(circle at 80% 40%,#82132366,transparent 35%),linear-gradient(120deg,#050505,#160709)}.eyebrow{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.red{color:var(--red)}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.section{padding:88px 0}.section-light{background:#f2f2ef;color:#111}.center{text-align:center}.section-title{font-size:clamp(32px,4vw,50px);line-height:1.05;margin:10px 0 20px}.section-copy{max-width:760px;margin:0 auto;color:#aaa}.section-light .section-copy{color:#555}.cards{display:grid;gap:18px;margin-top:40px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card,.wide-card{background:#0c0c0c;color:#f5f5f5;border:1px solid #d4af3766;padding:28px;text-align:left}.card h3,.wide-card h3{margin-top:0;font-size:22px}.card p,.card li,.wide-card p{color:#c8c8c4}.card ul{padding-left:20px}.card>a:not(.btn){display:inline-block;margin-top:14px;color:var(--gold);font-weight:800}.featured{border-color:var(--red)}.wide-card{margin-top:20px}.partner-note{border-color:#d4af37}.process{display:grid;gap:12px;margin-top:40px}.process.four{grid-template-columns:repeat(4,1fr)}.step{padding:24px;border-top:2px solid var(--red)}.step b{color:var(--gold);font-size:24px}.cta{padding:55px 0;background:linear-gradient(90deg,#190507,#050505);border-top:1px solid #d4af3755}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:5px 0}.portfolio-section{margin-bottom:60px}.portfolio-section>h2{font-size:34px;border-bottom:2px solid var(--red);padding-bottom:10px}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.contact-form{background:#0d0d0d;color:#fff;padding:30px;border:1px solid #d4af3766}.contact-form label{display:block;font-weight:700;margin-bottom:18px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;margin-top:7px;background:#171717;color:#fff;border:1px solid #555;padding:13px;font:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.muted{color:#666}.small{font-size:12px}footer{border-top:1px solid #ffffff16;padding:42px 0;background:#030303}footer .footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}footer img{width:155px}footer h4{color:var(--gold);margin:0 0 10px}footer p,footer a{color:#aaa;font-size:13px}footer a{display:block;margin:5px 0}
@media(max-width:900px){.nav-links{display:none}.nav-links.open{display:flex;position:absolute;left:0;right:0;top:92px;background:#080808;flex-direction:column;padding:25px}.mobile-btn{display:block}.nav .btn{display:none}.hero-grid,.cards.three,.cards.four,.process.four,.about-grid,.contact-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:80px 0}.hero-brand{margin-top:20px}.form-row{grid-template-columns:1fr}.cta .container{flex-direction:column;align-items:flex-start}}

.about-hero{padding:70px 0;background:radial-gradient(circle at 15% 35%,#54101844,transparent 30%),#060606}
.about-hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:55px;align-items:center}
.about-hero h1,.film-hero h1,.case-hero h1{font-size:clamp(48px,6vw,82px);line-height:.95;margin:14px 0 22px}
.about-hero h1 span{color:var(--red)}.founder-photo img{width:100%;border:1px solid #d4af3766;box-shadow:0 25px 70px #0008}
.founder-tag{margin-top:28px;border-left:3px solid var(--gold);padding-left:16px}.founder-tag strong{font-size:28px;display:block}.founder-tag span{color:var(--gold)}
.film-hero{padding:70px 0;background:linear-gradient(120deg,#050505,#160709)}.film-hero h1{color:#fff}.film-sub{font-size:25px!important;color:var(--gold)!important}
.video-shell{margin-top:32px;border:1px solid #d4af3766;background:#000;box-shadow:0 30px 70px #0008}.video-shell video{width:100%;display:block;max-height:70vh;background:#000}
.film-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.film-meta span{border:1px solid #d4af3766;padding:8px 11px;font-size:12px;color:#d4af37}
.story-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px;align-items:start}.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.frame-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #d4af3755}
.case-hero{padding:90px 0;background:radial-gradient(circle at 80% 40%,#8b131d42,transparent 30%),#060606}.case-hero h1{max-width:900px}.case-hero p{font-size:22px;color:#d4af37;max-width:760px}
.case-layout{display:grid;grid-template-columns:300px 1fr;gap:45px}.case-snapshot{position:sticky;top:120px;background:#0d0d0d;color:#fff;border:1px solid #d4af3766;padding:24px;align-self:start}.case-snapshot h3{color:#d4af37}
.case-row{padding:10px 0 28px;border-bottom:1px solid #ccc;margin-bottom:25px}.case-row h2{color:#d71920;margin:0 0 10px}.case-row p{font-size:17px;color:#333}
.link-card{display:block}.link-card b,.feature-project b{color:#d4af37}.feature-project{display:grid;grid-template-columns:1.2fr .8fr;background:#0b0b0b;color:#fff;border:1px solid #d4af3766}.feature-project img{width:100%;height:100%;min-height:280px;object-fit:cover}.feature-project>div{padding:35px;align-self:center}.feature-project h3{font-size:36px;margin:8px 0}
@media(max-width:900px){.about-hero-grid,.story-grid,.case-layout,.feature-project{grid-template-columns:1fr}.case-snapshot{position:static}.frame-grid{grid-template-columns:repeat(2,1fr)}}

.event-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}
.event-gallery figure{margin:0;background:#0b0b0b;border:1px solid #d4af3766}
.event-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.event-gallery figcaption{padding:9px 12px;color:#d4af37;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.event-projects{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:38px}
.event-projects .feature-project{grid-template-columns:1fr}
.event-projects .feature-project img{height:290px;min-height:0}
@media(max-width:900px){.event-gallery{grid-template-columns:1fr 1fr}.event-projects{grid-template-columns:1fr}}
@media(max-width:560px){.event-gallery{grid-template-columns:1fr}}

.event-projects:has(> :nth-child(3)){grid-template-columns:repeat(3,1fr)}
.event-projects:has(> :nth-child(3)) .feature-project h3{font-size:27px}
@media(max-width:1000px){.event-projects:has(> :nth-child(3)){grid-template-columns:1fr}}

/* v1.4 Homepage */
.home-hero{min-height:720px;display:flex;align-items:center;background:radial-gradient(circle at 78% 45%,#25170a,#050505 58%)}
.home-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;padding:80px 0}.home-hero h1{font-size:clamp(60px,8vw,112px);line-height:.85;letter-spacing:-.05em;margin:20px 0 30px}.home-hero h1 span{color:var(--gold)}.home-hero p{color:#bbb;font-size:19px;line-height:1.6}.home-hero-mark{text-align:center}.home-hero-mark img{width:min(340px,80%)}.home-hero-mark p{font-size:11px;font-weight:900;letter-spacing:.13em}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:32px}.text-link{font-weight:900;letter-spacing:.05em;color:var(--gold);text-decoration:none}
.home-pillars,.proof-grid,.event-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.pillar-card,.proof-card{display:flex;flex-direction:column;padding:30px;text-decoration:none}.pillar-card{background:#fff;border:1px solid #ddd;color:#111}.pillar-card small,.proof-card small{color:var(--red);font-weight:900}.pillar-card h3,.proof-card h3{font-size:28px}.pillar-card p{color:#555;line-height:1.6;flex:1}.proof-card{background:#0d0d0d;border:1px solid #292929;color:#fff;min-height:300px}.proof-card p{color:#aaa;line-height:1.6;flex:1}.proof-card b{color:var(--gold);font-size:11px}
.home-head{display:flex;justify-content:space-between;gap:35px;align-items:end}.home-head h2{font-size:clamp(40px,5vw,68px);line-height:.95;margin:12px 0}
.media-grid,.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.media-grid p,.why-grid p{font-size:18px;line-height:1.7;color:#444}.media-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.media-tags span{border:1px solid #bbb;padding:8px 11px;font-size:11px;font-weight:900}.btn-dark{background:#080808;color:#fff}.audio-box{background:#090909;color:#fff;padding:45px}.audio-box small{color:var(--gold);font-weight:900}.audio-box h3{font-size:34px}.audio-box p{color:#aaa}.wave{font-size:64px;letter-spacing:4px;color:var(--gold);margin-bottom:35px}
.event-strip>a{position:relative;min-height:430px;overflow:hidden;color:#fff;text-decoration:none;background:#111}.event-strip img{position:absolute;width:100%;height:100%;object-fit:cover}.event-strip>a:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.93))}.event-strip>a>div{position:absolute;z-index:2;bottom:25px;left:24px;right:24px}.event-strip small{color:var(--gold);font-weight:900}.event-strip h3{font-size:27px;line-height:1}.event-strip b{font-size:11px}.dark{color:#111}
@media(max-width:900px){.home-hero-grid,.media-grid,.why-grid{grid-template-columns:1fr}.home-hero-mark{display:none}.home-pillars,.proof-grid,.event-strip{grid-template-columns:1fr}.home-head{display:block}.event-strip>a{min-height:360px}}

/* v1.5 Brand hierarchy correction — TOM red primary, gold secondary */
.home-hero h1 span{color:var(--red)}
.text-link{color:var(--red)}
.home-hero-mark p{color:#c8c8c5}
.pillar-card small,.proof-card small{color:var(--red)}
.proof-card b{color:var(--red)}
.audio-box small{color:var(--red)}
.wave{color:var(--red)}
.event-strip small{color:var(--red)}
.event-overlay small{color:var(--red)}
.eyebrow{color:var(--red)}
.eyebrow.red{color:var(--red)}
.btn-gold{background:var(--gold);color:#090909}
.home-pillars .pillar-card{border-top:3px solid var(--red)}
.proof-card{border-top:2px solid var(--red)}
.audio-box{border-top:3px solid var(--red)}
.event-strip>a{border-bottom:3px solid var(--gold)}

/* v1.6 Original TOM brand restoration */
.home-hero .eyebrow{color:var(--gold)}
.home-hero h1 span{color:var(--red)}
.btn-red{background:var(--red);color:#fff;border-color:var(--red)}
.btn-red:hover{filter:brightness(1.08)}
.brand-promise span{color:var(--red)}
.home-pillars .pillar-card h3{color:var(--red)}
.home-head .eyebrow{color:var(--red)}
.home-head .text-link{color:var(--red)}
.media-grid .eyebrow{color:var(--red)}
.audio-box small{color:var(--gold)}
.wave{color:var(--red)}
.event-strip small{color:var(--gold)}
.why-grid .eyebrow{color:var(--red)}
.cta .eyebrow{color:var(--gold)}

/* v1.7 Approved visual homepage */
.nav-inner{height:88px}.nav-links{gap:20px}.nav-links a{position:relative}.nav-links a.active{color:#fff}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-13px;height:2px;background:var(--red)}.nav-cta{font-size:11px;padding:12px 14px}
.v17-hero{min-height:700px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 82% 38%,#64101755,transparent 26%),radial-gradient(circle at 72% 70%,#8a681822,transparent 25%),#050505}.v17-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center;padding:85px 0}.v17-hero h1{font-size:clamp(58px,7.3vw,104px);line-height:.86;letter-spacing:-.055em;margin:20px 0 28px}.v17-hero h1 span{color:var(--red)}.v17-hero p{font-size:19px;color:#c8c8c5;max-width:690px}.v17-hero-world{height:500px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:perspective(900px) rotateY(-5deg)}.v17-hero-world .world{position:relative;overflow:hidden;border:1px solid #ffffff18;background:#0d0d0d}.v17-hero-world .world>span{position:absolute;left:18px;bottom:18px;font-size:11px;font-weight:900;letter-spacing:.16em;z-index:2}.tech-world{background:linear-gradient(145deg,#111,#1b0507)!important}.creative-world{background:linear-gradient(145deg,#160708,#251c09)!important}.v17-hero-world>img{position:absolute;width:130px;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 15px 30px #000)}.screen-lines{position:absolute;inset:70px 25px;background:repeating-linear-gradient(0deg,#d7192020 0 2px,transparent 2px 28px),repeating-linear-gradient(90deg,#d7192018 0 2px,transparent 2px 40px);border:1px solid #d7192044}.lens{width:190px;height:190px;border:22px solid #d4af3733;border-radius:50%;position:absolute;top:110px;left:45px;box-shadow:0 0 0 18px #d7192022,0 0 80px #d7192033}
.v17-solutions{background:#f2f2ef;color:#111}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}.cap-card{background:#fff;border:1px solid #ddd;border-top:3px solid var(--red);display:flex;flex-direction:column;min-height:510px}.cap-visual{height:220px;background:#0b0b0b;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.cap-visual.photo img{width:100%;height:100%;object-fit:cover}.cap-icon{font-size:76px;color:var(--red);z-index:2}.tech-lines{position:absolute;inset:25px;background:repeating-linear-gradient(0deg,#d7192025 0 2px,transparent 2px 28px),repeating-linear-gradient(90deg,#d4af3718 0 2px,transparent 2px 45px)}.media-wave{position:absolute;bottom:25px;color:var(--gold);font-size:38px;letter-spacing:5px}.cap-body{padding:27px;display:flex;flex-direction:column;flex:1}.cap-body small{color:var(--red);font-weight:900;letter-spacing:.13em}.cap-body h3{font-size:25px;line-height:1.05}.cap-body p{color:#555;flex:1}.cap-body b{color:var(--red);font-size:11px}
.v17-tech-work .home-head h2 span,.v17-events .home-head h2 span,.v17-why h2 span{color:var(--red)}.case-progression{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.case-v17{border:1px solid #2b2b2b;border-top:2px solid var(--red);padding:0 28px 30px;background:#0c0c0c;display:flex;flex-direction:column;min-height:450px}.case-art{height:150px;margin:0 -28px 26px;display:grid;place-items:center;background:linear-gradient(135deg,#111,#190608);border-bottom:1px solid #292929}.case-art span{font-size:58px;color:var(--red)}.cloud-art{background:linear-gradient(135deg,#101010,#15140b)}.cloud-art span{color:var(--gold)}.share-art{background:linear-gradient(135deg,#0d0d0d,#1b0708)}.case-v17 small{color:var(--gold);font-weight:900;letter-spacing:.09em}.case-v17 h3{font-size:25px;line-height:1.1}.case-v17 p{color:#aaa;flex:1}.case-v17 b{color:var(--red);font-size:11px}.featured-case{border-color:#d4af3766}
.v17-multimedia{background:#f2f2ef;color:#111}.media-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.media-intro h2{font-size:clamp(40px,5vw,66px);line-height:.94}.media-intro h2 span{color:var(--red)}.media-intro p{font-size:18px;color:#555}.studio-visual{min-height:420px;background:#080808;border:1px solid #222;padding:38px;display:flex;flex-direction:column;justify-content:center}.studio-screen{height:245px;border:1px solid #d7192055;background:radial-gradient(circle,#5c0b1222,transparent 55%);display:grid;place-items:center;position:relative}.studio-screen img{width:150px}.waveform{position:absolute;bottom:25px;color:var(--gold);font-size:32px;letter-spacing:4px}.studio-knobs{display:flex;justify-content:space-around;margin-top:30px}.studio-knobs i{width:34px;height:34px;border-radius:50%;border:2px solid #777}.media-capabilities{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border-top:1px solid #bbb;border-bottom:1px solid #bbb}.media-capabilities span{text-align:center;padding:18px 8px;font-size:12px;font-weight:900;border-right:1px solid #bbb}.media-capabilities span:last-child{border-right:0}
.v17-events .event-lede{color:#aaa;font-size:18px;max-width:720px}.event-grid-v17{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:36px}.event-grid-v17>a{height:340px;position:relative;overflow:hidden;border-bottom:3px solid var(--gold)}.event-grid-v17 img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.event-grid-v17>a:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#000 100%)}.event-grid-v17>a>div{position:absolute;z-index:2;left:25px;right:25px;bottom:22px}.event-grid-v17 small{color:var(--gold);font-weight:900}.event-grid-v17 h3{font-size:24px;margin:7px 0}.event-grid-v17 b{font-size:11px;color:#fff}.event-services{display:grid;grid-template-columns:repeat(5,1fr);margin-top:30px;border-top:1px solid #333;border-bottom:1px solid #333}.event-services span{text-align:center;padding:20px 10px;font-size:11px;font-weight:900;color:#ddd;border-right:1px solid #333}.event-services span:last-child{border:0}@media(hover:hover){.event-grid-v17>a:hover img{transform:scale(1.03)}}
.v17-why{background:#f2f2ef;color:#111}.why-v17-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.v17-why h2{font-size:clamp(40px,5vw,66px);line-height:.95}.v17-why p{color:#555;font-size:18px;max-width:680px}.listen-orbit{width:330px;height:330px;border:1px solid #bbb;border-radius:50%;margin:auto;display:grid;place-items:center;position:relative}.listen-orbit:before,.listen-orbit:after{content:"";position:absolute;border-radius:50%}.listen-orbit:before{inset:35px;border:2px solid var(--gold)}.listen-orbit:after{inset:75px;border:3px solid var(--red)}.listen-orbit div{z-index:2;text-align:center}.listen-orbit strong,.listen-orbit b{display:block}.listen-orbit b{color:var(--red);font-size:20px}.why-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #bbb}.why-steps>div{padding:28px 24px;border-right:1px solid #ccc}.why-steps>div:last-child{border:0}.why-steps b{color:var(--red);font-size:25px}.why-steps h3{font-size:16px}.why-steps p{font-size:14px}
.v17-closing{padding:95px 0;background:radial-gradient(circle at 80% 50%,#d4af371c,transparent 28%),linear-gradient(110deg,#170507,#050505 60%);border-top:1px solid #d4af3755}.closing-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.v17-closing h2{font-size:clamp(48px,6vw,82px);line-height:.9;margin:16px 0 25px}.v17-closing h2 span{color:var(--red)}.v17-closing p{color:#bbb;font-size:18px;max-width:700px}.closing-mark{text-align:center;border:1px solid #d4af3744;padding:50px 25px;background:#080808aa}.closing-mark img{width:min(320px,85%)}.closing-mark p{color:var(--gold);font-size:11px;letter-spacing:.14em;margin:25px auto 0}
footer{padding:55px 0 25px;background:radial-gradient(circle at 10% 60%,#6510172e,transparent 25%),#030303}.footer-inner-v17{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:55px}.footer-brand img{width:180px}.footer-brand .signature{color:var(--gold);font-weight:900;letter-spacing:.08em}.footer-inner-v17 h4{color:var(--red)}.footer-inner-v17 .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}.footer-bottom{grid-column:1/-1;margin-top:20px;padding-top:24px;border-top:1px solid #ffffff1c;display:flex;align-items:end;justify-content:space-between}.footer-bottom strong{font-size:34px;color:#fff}.footer-bottom strong span{color:var(--red)}
@media(max-width:1050px){.nav-links{gap:13px;font-size:11px}.nav-cta{display:none}.v17-hero-grid{grid-template-columns:1fr 1fr}.cap-grid,.case-progression{grid-template-columns:1fr}.cap-card{min-height:0}.cap-visual{height:260px}.event-services{grid-template-columns:1fr 1fr}.event-services span{border-bottom:1px solid #333}.why-steps{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.v17-hero-grid,.media-intro,.why-v17-grid,.closing-grid{grid-template-columns:1fr}.v17-hero-world{display:none}.event-grid-v17{grid-template-columns:1fr}.why-steps{grid-template-columns:1fr}.listen-orbit{width:270px;height:270px}.media-capabilities{grid-template-columns:1fr 1fr}.footer-inner-v17{grid-template-columns:1fr}.footer-bottom{display:block}.nav-links a.active:after{display:none}}
@media(max-width:560px){.v17-hero h1{font-size:52px}.event-services,.media-capabilities{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.footer-inner-v17 .footer-links{grid-template-columns:1fr}}

/* v1.7 Technology approved visual build */
.tech-v17-hero{background:radial-gradient(circle at 82% 38%,#8c101a38,transparent 28%),radial-gradient(circle at 70% 15%,#d4af3714,transparent 24%),linear-gradient(120deg,#050505,#090909);overflow:hidden}.tech-v17-hero-grid{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.tech-v17-hero h1{font-size:clamp(52px,6.2vw,88px);line-height:.92;letter-spacing:-.05em;margin:18px 0 26px}.tech-v17-hero h1 span,.tech-partner-v17 h2 span,.tech-work-v17 .home-head h2 span{color:var(--red)}.tech-v17-hero p{max-width:720px;color:#c7c7c3;font-size:19px}.tech-command{height:470px;border:1px solid #d4af3740;background:#090909;position:relative;padding:35px;box-shadow:0 35px 90px #0009}.command-screen{height:100%;border:1px solid #d7192055;background:linear-gradient(145deg,#0b0b0b,#130608);position:relative;overflow:hidden}.screen-top{height:45px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;gap:8px;padding:0 14px;color:#777;font-size:10px;letter-spacing:.14em}.screen-top i{width:8px;height:8px;border-radius:50%;background:#555}.screen-top i:first-child{background:var(--red)}.screen-top span{margin-left:auto}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:30px}.metric{border:1px solid #ffffff17;padding:20px;background:#080808bb}.metric b{display:block;color:#888;font-size:10px;letter-spacing:.14em}.metric span{display:block;color:var(--gold);font-weight:900;margin-top:7px}.command-lines{position:absolute;left:30px;right:30px;bottom:35px;height:90px;background:repeating-linear-gradient(0deg,#d7192022 0 2px,transparent 2px 22px),linear-gradient(90deg,transparent,#d7192030,transparent)}.tech-command>img{position:absolute;width:88px;right:12px;bottom:12px;filter:drop-shadow(0 10px 25px #000)}
.tech-services-v17{background:#f2f2ef;color:#111}.tech-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.tech-service-card{background:#fff;border:1px solid #ddd;border-top:3px solid var(--red);padding:28px;min-height:300px}.tech-service-card:nth-child(even){border-top-color:var(--gold)}.tech-service-card h3{font-size:20px;margin:22px 0 12px}.tech-service-card p{color:#555}.service-icon{width:68px;height:68px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;position:relative}.tech-service-card:nth-child(even) .service-icon{border-color:var(--gold)}.service-icon:after{content:"";position:absolute;inset:8px;border:1px solid #ccc;border-radius:50%}.service-icon span{font-size:26px;font-weight:900;color:var(--red);z-index:1}.tech-service-card:nth-child(even) .service-icon span{color:#9b7419}
.tech-partner-v17{background:radial-gradient(circle at 80% 50%,#d4af3712,transparent 30%),#070707}.tech-partner-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.tech-partner-v17 h2{font-size:clamp(46px,5vw,70px);line-height:.92;margin:14px 0 24px}.tech-partner-v17 p{color:#aaa;font-size:18px;max-width:580px}.partner-panel{display:grid;grid-template-columns:1fr 1fr;border:1px solid #333}.partner-panel>div{padding:30px;border-right:1px solid #333;border-bottom:1px solid #333;min-height:170px}.partner-panel>div:nth-child(2n){border-right:0}.partner-panel>div:nth-child(n+3){border-bottom:0}.partner-panel b{font-size:28px;color:var(--red)}.partner-panel>div:nth-child(even) b{color:var(--gold)}.partner-panel h3{margin:8px 0}.partner-panel p{font-size:14px;margin:0}
.tech-work-v17{background:#050505}.tech-work-lede{color:#aaa;max-width:850px;font-size:17px}.tech-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.tech-case-card{background:#0c0c0c;border:1px solid #303030;border-top:2px solid var(--red);padding:0 28px 30px;display:flex;flex-direction:column;min-height:520px}.tech-case-card.featured-case{border-color:#d4af3777}.tech-case-visual{height:205px;margin:0 -28px 28px;background:#0b0b0b;position:relative;overflow:hidden;border-bottom:1px solid #333;display:grid;place-items:center}.tech-case-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,#ffffff08 0 1px,transparent 1px 36px)}.visual-label{position:absolute;left:18px;bottom:14px;color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.12em}.monitor-shape{width:145px;height:90px;border:4px solid var(--red);display:grid;place-items:center;position:relative;z-index:1}.monitor-shape:after{content:"";position:absolute;width:70px;height:4px;background:var(--red);bottom:-25px}.monitor-shape span{font-size:38px;color:var(--red)}.m365-visual{background:radial-gradient(circle,#d4af3718,transparent 45%),#0b0b0b}.cloud-shape{font-size:82px;color:var(--gold);z-index:1}.mail-lines{position:absolute;right:35px;top:45px;z-index:1}.mail-lines i{display:block;width:85px;height:8px;background:#d7192066;margin:12px}.folder-stack{position:relative;width:160px;height:110px;z-index:1}.folder-stack i{position:absolute;width:120px;height:75px;border:3px solid var(--red);background:#120708}.folder-stack i:nth-child(1){left:0;top:30px}.folder-stack i:nth-child(2){left:20px;top:15px;border-color:var(--gold)}.folder-stack i:nth-child(3){left:40px;top:0}.tech-case-card small{color:var(--gold);font-weight:900;letter-spacing:.08em}.tech-case-card h3{font-size:24px;line-height:1.1}.tech-case-card p{color:#aaa;flex:1}.tech-case-card>b{color:var(--red);font-size:11px}
.tech-v17-cta{padding:65px 0;background:linear-gradient(90deg,#190507,#050505);border-top:1px solid #d4af3755}.tech-v17-cta .container{display:flex;align-items:center;justify-content:space-between;gap:45px}.tech-v17-cta h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.tech-v17-cta p{color:#aaa;margin:0}
@media(max-width:1000px){.tech-v17-hero-grid,.tech-partner-grid{grid-template-columns:1fr}.tech-command{height:390px}.tech-service-grid,.tech-case-grid{grid-template-columns:1fr 1fr}.tech-v17-cta .container{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.tech-v17-hero-grid{min-height:0;padding:75px 0}.tech-v17-hero h1{font-size:48px}.tech-command{display:none}.tech-service-grid,.tech-case-grid,.partner-panel{grid-template-columns:1fr}.partner-panel>div{border-right:0!important;border-bottom:1px solid #333!important}.partner-panel>div:last-child{border-bottom:0!important}}

/* v1.7 Multimedia approved visual build */
.mm-v17-hero{background:radial-gradient(circle at 82% 36%,#d7192030,transparent 30%),radial-gradient(circle at 68% 18%,#d4af3718,transparent 22%),linear-gradient(120deg,#050505,#110609);overflow:hidden}.mm-hero-grid{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}.mm-v17-hero h1{font-size:clamp(48px,5.7vw,80px);line-height:.94;letter-spacing:-.045em;margin:18px 0 26px}.mm-v17-hero h1 span{color:var(--red)}.mm-v17-hero p{font-size:19px;color:#c9c9c5;max-width:680px}.mm-studio{height:500px;border:1px solid #d4af3744;background:linear-gradient(145deg,#0c0c0c,#170709);position:relative;overflow:hidden;box-shadow:0 35px 90px #0009}.mm-studio:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 52px)}.mm-screen{position:absolute;left:55px;right:55px;top:48px;height:235px;border:1px solid #555;background:#060606;overflow:hidden}.mm-play{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:68px;height:68px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);padding-left:5px;font-size:26px}.mm-wave{position:absolute;left:25px;right:25px;bottom:35px;height:50px;background:repeating-linear-gradient(90deg,var(--gold) 0 3px,transparent 3px 11px);clip-path:polygon(0 45%,4% 25%,8% 65%,12% 15%,16% 70%,20% 35%,24% 55%,28% 10%,32% 75%,36% 30%,40% 60%,44% 20%,48% 70%,52% 25%,56% 60%,60% 15%,64% 75%,68% 35%,72% 55%,76% 20%,80% 68%,84% 30%,88% 55%,92% 25%,96% 60%,100% 45%,100% 55%,0 55%);opacity:.75}.mm-mic{position:absolute;left:85px;bottom:75px;color:var(--red);font-size:45px}.mm-mic i{display:block;width:4px;height:80px;background:var(--red);margin:-4px auto 0}.mm-console{position:absolute;left:210px;right:45px;bottom:45px;height:100px;border:1px solid #444;display:flex;gap:24px;padding:20px;align-items:flex-end}.mm-console i{flex:1;height:55px;border-left:3px solid #666;position:relative}.mm-console i:after{content:"";position:absolute;width:16px;height:7px;background:var(--gold);left:-9px;bottom:var(--p,20px)}.mm-console i:nth-child(2):after{bottom:38px}.mm-console i:nth-child(3):after{bottom:12px}.mm-console i:nth-child(4):after{bottom:45px}.mm-console i:nth-child(5):after{bottom:28px}.mm-console i:nth-child(6):after{bottom:48px}.mm-studio>img{position:absolute;width:95px;right:12px;bottom:12px;filter:drop-shadow(0 10px 25px #000)}
.mm-cap-v17{background:#f2f2ef;color:#111}.mm-cap-v17 .home-head h2 span{color:var(--red)}.mm-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.mm-service-grid article{background:#fff;border:1px solid #ddd;border-top:3px solid var(--red);padding:28px;min-height:300px}.mm-service-grid article:nth-child(odd){border-top-color:var(--gold)}.mm-service-grid article.audio{background:#0b0b0b;color:#fff;border-color:#d71920}.mm-service-grid h3{font-size:20px;margin:20px 0 12px}.mm-service-grid p{color:#555}.mm-service-grid .audio p{color:#bbb}.mm-icon{width:66px;height:66px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;font-size:25px;font-weight:900;color:var(--red)}.mm-service-grid article:nth-child(odd) .mm-icon{border-color:var(--gold);color:#9b7419}.mm-photo-note{margin-top:18px;border:1px solid #c9b267;padding:20px 25px;display:flex;gap:30px;align-items:center}.mm-photo-note strong{color:#8b6818}.mm-photo-note span{color:#555}
.mm-process-v17{background:#070707}.mm-process{display:grid;grid-template-columns:repeat(5,1fr);margin-top:45px;border-top:1px solid #444}.mm-process>div{padding:28px 22px;border-right:1px solid #333}.mm-process>div:last-child{border:0}.mm-process b{font-size:27px;color:var(--red)}.mm-process>div:nth-child(even) b{color:var(--gold)}.mm-process h3{font-size:16px}.mm-process p{font-size:13px;color:#aaa}
.mm-real-v17{background:radial-gradient(circle at 80% 50%,#d4af3712,transparent 28%),#050505}.mm-real-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.mm-real-v17 h2{font-size:clamp(38px,4.5vw,62px);line-height:.95}.mm-real-v17 p{color:#aaa;font-size:17px;margin-bottom:28px}.mm-reel{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:10px;height:430px}.reel-frame{overflow:hidden;border:1px solid #d4af3755}.reel-frame:first-child{grid-row:1/3}.reel-frame img{width:100%;height:100%;object-fit:cover;display:block}.mm-v17-cta{padding:65px 0;background:linear-gradient(90deg,#190507,#050505);border-top:1px solid #d4af3755}.mm-v17-cta .container{display:flex;align-items:center;justify-content:space-between;gap:45px}.mm-v17-cta h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.mm-v17-cta p{color:#aaa;margin:0}
@media(max-width:1000px){.mm-hero-grid,.mm-real-grid{grid-template-columns:1fr}.mm-service-grid{grid-template-columns:1fr 1fr}.mm-process{grid-template-columns:1fr 1fr}.mm-process>div{border-bottom:1px solid #333}.mm-v17-cta .container{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.mm-hero-grid{min-height:0;padding:75px 0}.mm-v17-hero h1{font-size:45px}.mm-studio{display:none}.mm-service-grid,.mm-process{grid-template-columns:1fr}.mm-photo-note{align-items:flex-start;flex-direction:column;gap:5px}.mm-reel{height:auto;display:grid;grid-template-columns:1fr}.reel-frame,.reel-frame:first-child{grid-row:auto;height:240px}}

/* v1.7 Events approved visual build */
.ev-v17-hero{min-height:650px;position:relative;overflow:hidden;background:#050505}.ev-hero-photo{position:absolute;inset:0 0 0 48%;background:linear-gradient(90deg,#05050500,#05050500),url('assets/media/love-gallery-02.jpg') center/cover no-repeat;filter:saturate(.9)}.ev-v17-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#050505 39%,#050505e8 50%,#05050544 72%,#05050533 100%)}.ev-hero-grid{min-height:650px;display:grid;grid-template-columns:1fr .8fr;align-items:center;position:relative;z-index:2}.ev-v17-hero h1{font-size:clamp(52px,6vw,84px);line-height:.93;letter-spacing:-.045em;margin:18px 0 25px}.ev-v17-hero h1 span{color:var(--red)}.ev-v17-hero p{font-size:19px;color:#ccc;max-width:630px}.ev-signature{margin-top:40px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.12em}.ev-signature b{color:var(--red)}
.ev-experience{background:#f2f2ef;color:#111}.ev-experience .home-head h2 span{color:var(--red)}.ev-lede{color:#666;max-width:820px;font-size:17px}.ev-work .ev-lede{color:#aaa}.ev-service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:48px;border-top:1px solid #ccc}.ev-service-grid article{padding:32px 22px;border-right:1px solid #d5d5d5;min-height:255px}.ev-service-grid article:last-child{border:0}.ev-service-grid h3{font-size:16px;line-height:1.15;margin:20px 0 12px}.ev-service-grid p{font-size:13px;color:#555}.ev-icon{width:62px;height:62px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:900;color:var(--red)}.ev-service-grid article:nth-child(even) .ev-icon{border-color:#9b7419;color:#9b7419}
.ev-work{background:radial-gradient(circle at 85% 20%,#d4af3710,transparent 24%),#050505}.ev-work .home-head h2 span,.ev-stories h2 span{color:var(--red)}.ev-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.ev-project{border:1px solid #333;background:#0c0c0c;display:flex;flex-direction:column;transition:.2s ease}.ev-project:hover{transform:translateY(-4px);border-color:#d4af3777}.ev-project-image{height:265px;overflow:hidden}.ev-project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s ease}.ev-project:hover img{transform:scale(1.025)}.ev-project-body{padding:26px;display:flex;flex-direction:column;flex:1}.ev-project-body small{color:var(--gold);font-weight:900;letter-spacing:.08em}.ev-project-body h3{font-size:23px;line-height:1.1;margin:12px 0}.ev-project-body p{color:#aaa;flex:1}.ev-project-body b{font-size:11px;color:var(--red)}
.ev-stories{background:#0a0a0a}.ev-story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.ev-stories h2{font-size:clamp(40px,4.5vw,62px);line-height:.95;margin:12px 0 24px}.ev-stories p{color:#aaa;font-size:17px;max-width:590px;margin-bottom:28px}.ev-story-reel{height:430px;display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:9px}.ev-story-reel img{width:100%;height:100%;object-fit:cover;border:1px solid #d4af3744}.ev-story-reel img:first-child{grid-row:1/3}
.ev-v17-cta{padding:65px 0;background:linear-gradient(90deg,#190507,#050505);border-top:1px solid #d4af3755}.ev-v17-cta .container{display:flex;align-items:center;justify-content:space-between;gap:45px}.ev-v17-cta h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.ev-v17-cta p{color:#aaa;margin:0}
@media(max-width:1000px){.ev-hero-photo{inset:0;opacity:.35}.ev-v17-hero:after{background:#050505aa}.ev-hero-grid{grid-template-columns:1fr}.ev-service-grid{grid-template-columns:1fr 1fr}.ev-service-grid article{border-bottom:1px solid #d5d5d5}.ev-project-grid{grid-template-columns:1fr 1fr}.ev-story-grid{grid-template-columns:1fr}.ev-v17-cta .container{flex-direction:column;align-items:flex-start}}@media(max-width:680px){.ev-v17-hero,.ev-hero-grid{min-height:590px}.ev-v17-hero h1{font-size:48px}.ev-service-grid,.ev-project-grid{grid-template-columns:1fr}.ev-service-grid article{border-right:0}.ev-story-reel{height:auto;grid-template-columns:1fr}.ev-story-reel img,.ev-story-reel img:first-child{grid-row:auto;height:230px}}

/* v1.7 Our Work approved architecture + restored visual richness */
.ow-v17-hero{background:radial-gradient(circle at 82% 28%,#d7192027,transparent 28%),radial-gradient(circle at 67% 72%,#d4af3715,transparent 25%),#050505;overflow:hidden}.ow-hero-grid{min-height:690px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.ow-v17-hero h1{font-size:clamp(50px,5.8vw,82px);line-height:.93;letter-spacing:-.045em;margin:18px 0 26px}.ow-v17-hero h1 span{color:var(--gold)}.ow-v17-hero p{font-size:19px;color:#c8c8c4;max-width:650px}.ow-hero-collage{height:520px;position:relative}.ow-hero-collage:after{content:"";position:absolute;inset:0;border:1px solid #d4af3733;pointer-events:none}.ow-img-one,.ow-img-two{position:absolute;object-fit:cover;border:1px solid #d4af3755;box-shadow:0 25px 65px #000b}.ow-img-one{right:0;top:0;width:65%;height:58%}.ow-img-two{left:0;bottom:0;width:54%;height:49%}.ow-tech-art{position:absolute;left:4%;top:9%;width:46%;height:44%;background:#090d10;border:1px solid #d7192077;z-index:2;padding:22px}.ow-screen{height:100%;border:1px solid #445;background:linear-gradient(145deg,#071018,#090909);position:relative;padding:18px}.ow-screen i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:5px}.ow-screen b{display:block;color:#aaa;font-size:10px;margin-top:25px;letter-spacing:.15em}.ow-screen span{position:absolute;left:18px;bottom:18px;color:var(--gold);font-weight:900;font-size:17px}.ow-wave{position:absolute;right:5%;bottom:7%;width:46%;height:55px;background:repeating-linear-gradient(90deg,var(--gold) 0 3px,transparent 3px 10px);clip-path:polygon(0 45%,5% 15%,10% 70%,15% 25%,20% 62%,25% 10%,30% 72%,35% 30%,40% 60%,45% 18%,50% 70%,55% 28%,60% 58%,65% 12%,70% 72%,75% 32%,80% 62%,85% 20%,90% 68%,95% 30%,100% 45%,100% 55%,0 55%);opacity:.8}.ow-mark{position:absolute;right:24px;bottom:72px;width:76px;filter:drop-shadow(0 10px 25px #000);z-index:3}
.ow-featured{background:#f2f2ef;color:#111}.ow-title-row{display:flex;justify-content:space-between;gap:45px;align-items:flex-end}.ow-title-row h2{font-size:clamp(36px,4.5vw,58px);margin:8px 0 10px}.ow-title-row h2 span{color:var(--red)}.ow-title-row p{color:#555;max-width:690px}.ow-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ow-filters button{border:1px solid #aaa;background:transparent;color:#222;border-radius:30px;padding:10px 16px;font-weight:800;font-size:11px;cursor:pointer}.ow-filters button.active{background:var(--red);border-color:var(--red);color:#fff}.ow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}.ow-card{background:#0c0c0c;color:#fff;border:1px solid #333;display:flex;flex-direction:column;min-width:0;transition:.2s ease}.ow-card:hover{transform:translateY(-4px);border-color:#d4af3788}.ow-card[hidden]{display:none}.ow-card-body{padding:25px;display:flex;flex-direction:column;flex:1}.ow-card-body h3{font-size:22px;line-height:1.12;margin:12px 0}.ow-card-body p{color:#aaa;flex:1}.ow-card-body b,.ow-card-body .text-link{color:var(--red);font-size:11px;font-weight:900;letter-spacing:.04em}.ow-tech-visual{height:225px;background:linear-gradient(145deg,#071018,#0b0b0b);position:relative;overflow:hidden;border-bottom:1px solid #333}.ow-tech-visual small{position:absolute;left:18px;bottom:15px;color:var(--gold);font-weight:900;letter-spacing:.1em}.ow-grid-lines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,#ffffff05 0 1px,transparent 1px 34px)}.ow-monitor{position:absolute;width:145px;height:90px;border:2px solid var(--red);left:50%;top:45%;transform:translate(-50%,-50%);display:grid;place-items:center;font-size:35px;color:var(--red)}.ow-monitor:after{content:"";position:absolute;width:55px;height:2px;background:var(--gold);bottom:-22px}.ow-cloud{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);font-size:76px;color:var(--gold)}.ow-mail{position:absolute;left:25%;right:25%;bottom:48px}.ow-mail i{display:block;height:2px;background:#666;margin:10px}.ow-mail i:nth-child(2){background:var(--red);width:70%}.ow-folders{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:180px;height:100px}.ow-folders i{position:absolute;width:120px;height:65px;border:2px solid var(--gold);background:#101010}.ow-folders i:nth-child(1){left:0;top:30px}.ow-folders i:nth-child(2){left:30px;top:15px;border-color:var(--red)}.ow-folders i:nth-child(3){left:60px;top:0}.ow-photo{height:245px;overflow:hidden}.ow-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s ease}.ow-card:hover .ow-photo img{transform:scale(1.025)}.ow-mm-card{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr}.ow-mm-visual{min-height:260px;background:linear-gradient(145deg,#12070a,#080808);position:relative;overflow:hidden;border-right:1px solid #333}.ow-play{position:absolute;left:25%;top:35%;width:70px;height:70px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);font-size:25px;padding-left:4px}.ow-audio-wave{position:absolute;left:10%;right:10%;bottom:42px;height:52px;background:repeating-linear-gradient(90deg,var(--gold) 0 3px,transparent 3px 10px);clip-path:polygon(0 45%,5% 20%,10% 68%,15% 15%,20% 72%,25% 28%,30% 62%,35% 12%,40% 70%,45% 30%,50% 60%,55% 18%,60% 72%,65% 30%,70% 60%,75% 15%,80% 70%,85% 28%,90% 62%,95% 20%,100% 45%,100% 55%,0 55%)}.ow-edit-lines{position:absolute;right:12%;top:22%;width:34%;height:110px;border:1px solid #555;padding:18px}.ow-edit-lines i{display:block;height:4px;background:#555;margin:12px 0}.ow-edit-lines i:nth-child(2),.ow-edit-lines i:nth-child(4){background:var(--red);width:70%}
.ow-bridge{background:#070707}.ow-bridge-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.ow-bridge h2{font-size:clamp(38px,4.6vw,62px);line-height:.95;margin:12px 0 25px}.ow-bridge h2 span{color:var(--red)}.ow-bridge p{color:#aaa;font-size:17px}.ow-bridge-media{height:390px;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:9px}.ow-bridge-media img{width:100%;height:100%;object-fit:cover;border:1px solid #d4af3744}.ow-bridge-media img:first-child{grid-row:1/3}.ow-bridge-tech{background:#0c0c0c;border:1px solid #d7192055;display:flex;flex-direction:column;justify-content:center;padding:25px;font-weight:900;font-size:25px;line-height:1.15}.ow-bridge-tech b{color:var(--red)}.ow-bridge-tech span{color:var(--gold)}.ow-bridge-tech i{font-style:normal;color:#fff}.ow-v17-cta{padding:65px 0;background:linear-gradient(90deg,#190507,#050505);border-top:1px solid #d4af3755}.ow-v17-cta .container{display:flex;align-items:center;justify-content:space-between;gap:45px}.ow-v17-cta h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.ow-v17-cta p{color:#aaa;margin:0}
@media(max-width:1000px){.ow-hero-grid,.ow-bridge-grid{grid-template-columns:1fr}.ow-grid{grid-template-columns:1fr 1fr}.ow-title-row{align-items:flex-start;flex-direction:column}.ow-filters{justify-content:flex-start}.ow-mm-card{grid-column:1/-1}.ow-v17-cta .container{flex-direction:column;align-items:flex-start}}@media(max-width:680px){.ow-hero-grid{min-height:0;padding:75px 0}.ow-v17-hero h1{font-size:47px}.ow-hero-collage{height:380px}.ow-grid{grid-template-columns:1fr}.ow-mm-card{display:flex}.ow-mm-visual{min-height:230px;border-right:0;border-bottom:1px solid #333}.ow-bridge-media{height:auto;grid-template-columns:1fr}.ow-bridge-media img,.ow-bridge-media img:first-child{grid-row:auto;height:230px}}

/* ===== v1.7 ABOUT TOM ===== */
.about-v17 .nav-links a.active{color:#fff}.about-v17 .nav-links a.active:after{width:100%}
.about17-hero{background:radial-gradient(circle at 76% 35%,rgba(215,25,32,.22),transparent 32%),linear-gradient(120deg,#070707 0%,#111 62%,#070707 100%);color:#fff;padding:88px 0 92px;overflow:hidden;position:relative}.about17-hero:after{content:"";position:absolute;right:-7%;bottom:-45%;width:46%;height:80%;border:1px solid rgba(212,175,55,.2);transform:rotate(-14deg)}
.about17-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.about17-copy h1{font-size:clamp(3.4rem,6.3vw,6.6rem);line-height:.88;letter-spacing:-.055em;margin:16px 0 28px}.about17-copy h1 span,.about17-story h2 span,.about17-journey h2 span,.about17-photo-copy h2 span,.about17-principles h2 span,.about17-close h2 span{color:#d4af37}.about17-lead{font-size:1.12rem;line-height:1.75;color:#d3d3d3;max-width:680px;margin-bottom:30px}.about17-portrait{position:relative}.about17-frame{position:relative;padding:10px;border:1px solid rgba(212,175,55,.45);background:#0b0b0b}.about17-frame:before{content:"";position:absolute;inset:-14px 28px 28px -14px;border-left:4px solid #d71920;border-top:4px solid #d71920;z-index:0}.about17-frame img{display:block;width:100%;aspect-ratio:1.45/1;object-fit:cover;position:relative;z-index:1}.about17-name{position:absolute;right:-18px;bottom:-28px;background:#d71920;padding:15px 24px;z-index:2;box-shadow:0 16px 40px rgba(0,0,0,.35)}.about17-name strong,.about17-name span{display:block}.about17-name strong{font-size:1.15rem;letter-spacing:.08em}.about17-name span{font-size:.78rem;margin-top:4px;color:#fff}
.about17-story{background:#fff}.about17-story-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.about17-story h2,.about17-photo-copy h2,.about17-principles h2,.about17-close h2{font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:.95;letter-spacing:-.04em;margin:14px 0}.about17-story-copy{border-left:3px solid #d71920;padding-left:34px}.about17-story-copy p{font-size:1.05rem;line-height:1.8;color:#4a4a4a}.about17-story-copy strong{color:#0b0b0b}
.about17-journey{position:relative}.about17-path{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;position:relative}.about17-path:before{content:"";position:absolute;left:8%;right:8%;top:63px;height:2px;background:linear-gradient(90deg,#d71920,#d4af37)}.about17-path article{padding:0 22px;text-align:center;position:relative}.about17-num{display:block;color:#999;font-size:.72rem;letter-spacing:.18em;margin-bottom:14px}.about17-path-icon{width:74px;height:74px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:#0b0b0b;color:#d4af37;font-size:2rem;border:3px solid #fff;box-shadow:0 0 0 2px #d4af37;position:relative;z-index:1}.about17-path-icon img{width:38px;height:38px;object-fit:contain}.about17-path h3{font-size:1.05rem;letter-spacing:.06em;margin-bottom:10px}.about17-path p{font-size:.92rem;line-height:1.65;color:#666}
.about17-photo-story{background:#0b0b0b;color:#fff}.about17-photo-grid{display:grid;grid-template-columns:.9fr 1.15fr .9fr;gap:34px;align-items:center}.about17-photo{margin:0;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.about17-photo img{display:block;width:100%;height:430px;object-fit:cover}.about17-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 20px 20px;background:linear-gradient(transparent,rgba(0,0,0,.9))}.about17-photo figcaption span,.about17-photo figcaption strong{display:block}.about17-photo figcaption span{font-size:.68rem;letter-spacing:.18em;color:#d4af37;margin-bottom:5px}.about17-photo-copy{padding:15px}.about17-photo-copy p{color:#bbb;line-height:1.75}.about17-photo-copy blockquote{margin:28px 0 0;padding:18px 0 18px 20px;border-left:4px solid #d71920;color:#fff;font-size:1.3rem;font-weight:800}
.about17-principles{background:linear-gradient(120deg,#111,#070707);color:#fff}.about17-principles-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end}.about17-principles-head>p{color:#bbb;line-height:1.8}.about17-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #333}.about17-values div{padding:28px;border-right:1px solid #333}.about17-values div:last-child{border-right:0}.about17-values strong,.about17-values span{display:block}.about17-values strong{color:#d4af37;font-size:1rem;letter-spacing:.05em}.about17-values span{color:#aaa;margin-top:8px;font-size:.9rem}
.about17-close{background:#f5f5f2}.about17-close h2{margin:15px 0}.about17-close p{color:#555;margin:0 auto 26px;font-size:1.05rem}
@media(max-width:900px){.about17-hero-grid,.about17-story-grid,.about17-photo-grid,.about17-principles-head{grid-template-columns:1fr}.about17-hero{padding-top:58px}.about17-portrait{max-width:650px}.about17-path{grid-template-columns:1fr 1fr;gap:38px}.about17-path:before{display:none}.about17-photo{max-width:620px}.about17-photo img{height:390px}.about17-values{grid-template-columns:1fr}.about17-values div{border-right:0;border-bottom:1px solid #333}.about17-name{right:10px}}
@media(max-width:600px){.about17-copy h1{font-size:3.15rem}.about17-path{grid-template-columns:1fr}.about17-story-copy{padding-left:22px}.about17-photo img{height:330px}.about17-values div{padding-left:0;padding-right:0}}

/* v1.7 Contact */
.contact-v17 .nav-links a.active{color:#fff}.contact-v17 .nav-links a.active:after{width:100%}.contact17-hero{min-height:650px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 42%,#7b111b55,transparent 30%),radial-gradient(circle at 70% 20%,#d4af3720,transparent 24%),linear-gradient(115deg,#040404,#100608)}.contact17-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#d4af3725 50%,transparent 50.2%);opacity:.5}.contact17-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;position:relative}.contact17-hero h1{font-size:clamp(52px,6.4vw,88px);line-height:.92;letter-spacing:-.05em;margin:16px 0 25px}.contact17-hero h1 span,.contact17-main h2 span,.contact17-close h2 span{color:var(--red)}.contact17-hero p{max-width:660px;color:#d1d1cd;font-size:19px}.contact17-listen{min-height:330px;border:1px solid #d4af3766;background:#090909cc;display:flex;flex-direction:column;justify-content:center;padding:55px;position:relative;overflow:hidden}.contact17-listen span{font-weight:800;letter-spacing:.18em;font-size:13px;color:#aaa}.contact17-listen strong{font-size:clamp(48px,5vw,72px);line-height:1;color:var(--gold);margin-top:8px}.contact17-rings{position:absolute;right:-65px;bottom:-65px;width:230px;height:230px}.contact17-rings i{position:absolute;border:1px solid #d7192070;border-radius:50%;inset:0}.contact17-rings i:nth-child(2){inset:30px}.contact17-rings i:nth-child(3){inset:60px}.contact17-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}.contact17-steps article{padding:26px 22px;border-top:3px solid var(--red);background:#fff}.contact17-steps b{color:var(--gold);font-size:24px}.contact17-steps h3{margin:12px 0 8px}.contact17-steps p{color:#555;margin:0}.contact17-main{background:#080808}.contact17-main-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}.contact17-info{position:sticky;top:125px}.contact17-info h2{font-size:clamp(32px,3.6vw,48px);line-height:1.04;margin:15px 0 34px}.contact17-contact{display:grid;gap:14px}.contact17-contact>a,.contact17-contact>div{display:block;padding:18px 0;border-bottom:1px solid #ffffff20}.contact17-contact small{display:block;color:var(--gold);font-weight:900;letter-spacing:.16em;margin-bottom:5px}.contact17-contact strong{font-size:17px}.contact17-unsure{margin-top:35px;padding:22px;border-left:3px solid var(--red);background:#111}.contact17-unsure strong{color:var(--gold)}.contact17-unsure p{color:#aaa;margin-bottom:0}.contact17-form{padding:38px;border-color:#d4af3780}.contact17-form h2{font-size:42px;margin:6px 0}.contact17-form-intro{color:#aaa;margin:0 0 28px}.contact17-form label{font-size:13px;letter-spacing:.02em}.contact17-form .optional{font-weight:400;color:#777}.adaptive-fields{display:none;margin:4px 0 22px;padding:20px;background:#16100a;border-left:3px solid var(--gold)}.adaptive-fields.is-visible{display:block}.adaptive-title{color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.14em;margin-bottom:14px}.adaptive-note{color:#bbb;margin:0}.contact17-privacy{font-size:12px;color:#999;padding:13px 15px;border:1px solid #ffffff18;margin:-2px 0 22px}.contact17-close h2{font-size:clamp(38px,5vw,62px);margin:12px 0}.contact17-close p{max-width:700px;margin:0 auto 26px;color:#555}
@media(max-width:900px){.contact17-hero{min-height:auto;padding:85px 0}.contact17-hero-grid,.contact17-main-grid,.contact17-steps{grid-template-columns:1fr}.contact17-listen{min-height:230px}.contact17-info{position:static}.contact17-main-grid{gap:42px}.contact17-form{padding:25px}.contact17-steps{gap:10px}}

/* v1.7 Detail pages — Technology cases + Event stories */
.detail-hero{position:relative;overflow:hidden;background:#090909;color:#fff;padding:clamp(7.5rem,12vw,11rem) 0 5.5rem;min-height:620px;display:flex;align-items:center}.detail-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,rgba(215,25,32,.22),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.03),transparent 45%);pointer-events:none}.detail-hero .container{position:relative;z-index:1}.detail-hero h1{font-size:clamp(3.2rem,7.4vw,7rem);line-height:.9;max-width:1050px;margin:.55rem 0 1.25rem;letter-spacing:-.055em}.detail-hero p{max-width:690px;font-size:clamp(1.05rem,1.7vw,1.35rem);color:#d3d3d3}.detail-kicker{display:inline-block;color:#d4af37;font-weight:800;letter-spacing:.14em;font-size:.78rem;margin-top:1.2rem}.tech-orbit{position:absolute;right:3%;top:42%;width:310px;height:310px;border:1px solid rgba(212,175,55,.28);border-radius:50%;transform:translateY(-50%);opacity:.9}.tech-orbit:before,.tech-orbit:after{content:"";position:absolute;border:1px solid rgba(215,25,32,.22);border-radius:50%;inset:34px}.tech-orbit:after{inset:76px}.orbit-core{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:#d71920;color:#fff;font-weight:900;letter-spacing:.1em;box-shadow:0 0 50px rgba(215,25,32,.35)}.tech-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:#d4af37;box-shadow:0 0 18px rgba(212,175,55,.7)}.tech-orbit i:nth-of-type(1){top:24px;left:80px}.tech-orbit i:nth-of-type(2){right:12px;top:145px}.tech-orbit i:nth-of-type(3){bottom:38px;left:46px}.detail-body{padding:6rem 0}.detail-layout{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.6fr);gap:clamp(3rem,7vw,8rem);align-items:start}.detail-layout aside{position:sticky;top:120px;border-top:4px solid #d71920;padding-top:1.25rem}.detail-aside-label{color:#d71920;font-weight:900;letter-spacing:.14em;font-size:.72rem}.detail-layout aside h3{font-size:1.55rem;margin:.65rem 0}.detail-layout aside p{color:#666;line-height:1.7}.detail-step{display:grid;grid-template-columns:58px 1fr;gap:1.2rem;padding:0 0 2.5rem;margin-bottom:2.5rem;border-bottom:1px solid #ddd}.detail-step>span{font-weight:900;color:#d4af37;font-size:1.1rem}.detail-step h2{font-size:clamp(1.55rem,3vw,2.4rem);margin:0 0 .75rem}.detail-step p{font-size:1.04rem;line-height:1.8;color:#4d4d4d;margin:0}.detail-bridge{background:#111;color:#fff;text-align:center;padding:4.5rem 0}.detail-bridge h2{font-size:clamp(2rem,4vw,3.6rem);margin:.5rem 0}.detail-bridge p{color:#bbb}.project-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.project-nav a{border:1px solid rgba(255,255,255,.2);padding:.85rem 1.15rem;color:#fff;text-decoration:none;font-size:.75rem;font-weight:900;letter-spacing:.08em}.project-nav a:hover{border-color:#d71920;background:#d71920}.event-detail{padding-bottom:4rem}.love-detail{background-image:linear-gradient(90deg,rgba(8,8,8,.97) 0%,rgba(8,8,8,.82) 52%,rgba(8,8,8,.3) 100%),url('assets/media/love-gallery-02.jpg');background-size:cover;background-position:center}.ruckus-detail{background-image:linear-gradient(90deg,rgba(8,8,8,.97) 0%,rgba(8,8,8,.82) 52%,rgba(8,8,8,.35) 100%),url('assets/media/ruckus-header-finish.jpg');background-size:cover;background-position:center}.grand-detail{background-image:linear-gradient(90deg,rgba(8,8,8,.97) 0%,rgba(8,8,8,.8) 52%,rgba(8,8,8,.35) 100%),url('assets/media/grand-opening-hero-2205.jpg');background-size:cover;background-position:center}.detail-video{max-width:940px;margin-top:2.6rem;box-shadow:0 24px 70px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.13)}.detail-story{padding:6rem 0;background:#0b0b0b;color:#fff}.detail-story .story-grid{align-items:stretch}.detail-story h2{font-size:clamp(2rem,4vw,3.6rem);margin:.6rem 0 1.2rem}.detail-story p{color:#bbb;line-height:1.8;max-width:700px}.detail-quote{min-height:310px;border:1px solid rgba(212,175,55,.32);padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,rgba(0,0,0,.02) 34%,rgba(0,0,0,.84) 100%),url("assets/media/love-moments-dance-feature.jpg") center 48%/cover no-repeat}
.grand-detail ~ .section + .detail-story .detail-quote{background:linear-gradient(180deg,rgba(0,0,0,.02) 34%,rgba(0,0,0,.68) 100%),url("assets/media/grand-opening-project-promo.png") center/cover no-repeat}.detail-quote span{color:#d4af37;font-size:.72rem;font-weight:900;letter-spacing:.15em;margin-bottom:.8rem}.detail-quote strong{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.05}.editorial-gallery figure{overflow:hidden;background:#111}.editorial-gallery img{width:100%;height:100%;min-height:270px;object-fit:cover;transition:transform .45s ease}.editorial-gallery figure:hover img{transform:scale(1.025)}
@media(max-width:900px){.tech-orbit{opacity:.22;right:-120px}.detail-layout{grid-template-columns:1fr}.detail-layout aside{position:static}.detail-hero{min-height:540px}.detail-hero h1{max-width:800px}.event-detail{background-position:center}.detail-story .story-grid{grid-template-columns:1fr}.detail-quote{min-height:240px}}
@media(max-width:620px){.detail-hero{padding-top:7rem;min-height:500px}.detail-step{grid-template-columns:38px 1fr}.project-nav{flex-direction:column}.project-nav a{width:100%}.detail-body,.detail-story{padding:4rem 0}.editorial-gallery img{min-height:220px}}


/* v1.7 Release Candidate — site-wide refinement */
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
img{max-width:100%}.nav{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav-links a{white-space:nowrap}.nav-links a[aria-current="page"]{color:#fff}
.cap-visual-svg svg{width:100%;height:100%;padding:20px}.cap-visual-svg .svg-panel{fill:#111;stroke:#d4af37;stroke-opacity:.45;stroke-width:2}.cap-visual-svg .svg-screen{fill:#090909;stroke:#d71920;stroke-opacity:.7;stroke-width:2}.cap-visual-svg .svg-line,.cap-visual-svg .svg-wave{fill:none;stroke:#d71920;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.cap-visual-svg circle{fill:#d4af37}.cap-visual-svg .svg-gold{fill:none;stroke:#d4af37;stroke-width:5;stroke-linecap:round}.cap-visual-svg .svg-muted{fill:none;stroke:#777;stroke-width:4;stroke-linecap:round}.cap-visual-svg .svg-ring{fill:none;stroke:#d71920;stroke-width:12}
.ow-card[hidden]{display:none!important}
@media(max-width:1050px){.nav-links{gap:13px}.nav-links a{font-size:10px}.nav-cta{padding:11px 10px}}
@media(max-width:900px){.nav-inner{height:76px}.nav-links{position:absolute;top:76px;left:0;right:0;background:#090909;border-top:1px solid #222;border-bottom:1px solid #333;padding:22px max(5vw,20px);display:none;flex-direction:column;align-items:flex-start;gap:0;z-index:100}.nav-links.open{display:flex}.nav-links a{width:100%;font-size:13px;padding:14px 0;border-bottom:1px solid #222}.nav-links a.active:after{display:none}.nav-cta{display:none}.mobile-btn{display:block}.v17-hero-grid,.media-intro,.why-v17-grid,.closing-grid{grid-template-columns:1fr}.v17-hero-world{height:360px;max-width:650px}.cap-grid,.case-progression{grid-template-columns:1fr}.event-services{grid-template-columns:1fr 1fr}.why-steps{grid-template-columns:1fr 1fr}.footer-inner-v17{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.v17-hero-grid{padding:58px 0}.v17-hero h1{font-size:clamp(48px,15vw,68px)}.v17-hero-world{height:290px}.event-grid-v17{grid-template-columns:1fr}.event-grid-v17>a{height:290px}.event-services,.why-steps,.media-capabilities{grid-template-columns:1fr}.media-capabilities span,.event-services span,.why-steps>div{border-right:0;border-bottom:1px solid #333}.listen-orbit{width:260px;height:260px}.footer-inner-v17{grid-template-columns:1fr}.footer-bottom{grid-column:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* v1.7 final visual enrichment: generic capability imagery is illustrative only */
.generic-cap{position:relative;overflow:hidden;background:#080808}.generic-cap img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.08) brightness(.72);transform:scale(1.02)}.generic-cap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(5,5,5,.82) 100%);pointer-events:none}.cap-icon-badge{position:absolute;left:20px;bottom:18px;z-index:2;width:48px;height:48px;border:1px solid #d4af37;background:rgba(8,8,8,.84);display:grid;place-items:center;color:#d4af37;font-size:22px;box-shadow:0 0 0 5px rgba(212,175,55,.07)}

/* v1.7 full-site temporary production imagery pass */
.generic-hero-photo,.generic-studio-photo,.generic-tech-photo,.generic-mm-hero{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.58}
.v17-hero-world.photo-world,.studio-visual.photo-studio,.tech-command.photo-command,.mm-studio.photo-mm-studio{position:relative;overflow:hidden}
.v17-hero-world.photo-world>*:not(.generic-hero-photo),.studio-visual.photo-studio>*:not(.generic-studio-photo),.tech-command.photo-command>*:not(.generic-tech-photo),.mm-studio.photo-mm-studio>*:not(.generic-mm-hero){position:relative;z-index:2}
.generic-hero-tech{clip-path:polygon(0 0,56% 0,44% 100%,0 100%);object-position:left center}
.generic-hero-media{clip-path:polygon(56% 0,100% 0,100% 100%,44% 100%);object-position:center}
.photo-world:after,.photo-command:after,.photo-mm-studio:after,.photo-studio:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(5,7,10,.12),rgba(5,7,10,.62));z-index:1;pointer-events:none}
.visual-card,.mm-visual-card,.ev-visual-card{position:relative;overflow:hidden;padding-top:155px!important}
.visual-card>img,.mm-visual-card>img,.ev-visual-card>img{position:absolute;left:0;top:0;width:100%;height:140px;object-fit:cover;filter:saturate(.82) contrast(1.06)}
.visual-card:before,.mm-visual-card:before,.ev-visual-card:before{content:"";position:absolute;left:0;right:0;top:70px;height:72px;background:linear-gradient(transparent,var(--black,#0b0b0b));z-index:1}
.visual-card .service-icon,.mm-visual-card .mm-icon,.ev-visual-card .ev-icon{position:relative;z-index:2}
.photo-tech-case,.photo-mm-case{position:relative;overflow:hidden}
.photo-tech-case>img,.photo-mm-case>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.64}
.photo-tech-case>*:not(img),.photo-mm-case>*:not(img){position:relative;z-index:2}
.photo-tech-case:after,.photo-mm-case:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,5,7,.86),rgba(4,5,7,.12));z-index:1}
.photo-contact-listen{position:relative;overflow:hidden}
.photo-contact-listen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(.7)}
.photo-contact-listen>*:not(img){position:relative;z-index:2}
@media(max-width:760px){.visual-card,.mm-visual-card,.ev-visual-card{padding-top:135px!important}.visual-card>img,.mm-visual-card>img,.ev-visual-card>img{height:120px}}

/* v1.7 Home cinematic hero correction — large-format imagery matching approved mockup scale */
.home-cinematic-hero{position:relative;min-height:760px;background:#050505;isolation:isolate}
.home-cinematic-hero .home-hero-imagery{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.home-hero-image{position:absolute;right:0;background-repeat:no-repeat;background-size:cover;filter:saturate(.9) contrast(1.05)}
.home-hero-image-tech{top:0;width:64%;height:55%;background-image:url('assets/media/home-hero-technology.jpg');background-position:center 42%}
.home-hero-image-creative{bottom:0;width:69%;height:59%;background-image:url('assets/media/home-hero-creative.jpg');background-position:center 48%}
.home-cinematic-hero .home-hero-imagery:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#050505 25%,#050505e8 37%,#0505057d 51%,#05050512 72%),linear-gradient(180deg,#05050520 0%,transparent 30%,transparent 68%,#05050555 100%);z-index:3}
.home-hero-image-tech:after,.home-hero-image-creative:after{content:"";position:absolute;inset:0}
.home-hero-image-tech:after{background:linear-gradient(90deg,#07101c99,transparent 50%),linear-gradient(0deg,#050505dd 0%,transparent 38%)}
.home-hero-image-creative:after{background:linear-gradient(90deg,#18060755,transparent 55%),linear-gradient(180deg,#050505c9 0%,transparent 24%)}
.home-hero-seam{position:absolute;left:38%;right:-4%;top:330px;height:2px;background:linear-gradient(90deg,transparent,var(--red),#d4af3788,transparent);transform:rotate(-4deg);box-shadow:0 0 30px #d7192088;z-index:4}
.home-cinematic-hero .v17-hero-grid{min-height:760px;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);padding:82px 0;position:relative}
.home-cinematic-hero .v17-hero-copy{max-width:790px;position:relative;z-index:6}
.home-cinematic-hero .v17-hero-copy:before{content:"";position:absolute;inset:-80px -90px -80px -8vw;background:radial-gradient(ellipse at 30% 48%,#050505 0%,#050505e8 48%,transparent 76%);z-index:-1}
.home-cinematic-hero .home-hero-labels{height:570px;position:relative;z-index:6;align-self:center}
.hero-world-label{position:absolute;right:0;width:245px;padding:18px 18px 18px 22px;border-left:2px solid var(--gold);background:linear-gradient(90deg,#050505c7,#05050555);backdrop-filter:blur(2px)}
.hero-world-label b{display:block;color:var(--gold);font-size:14px;letter-spacing:.12em;margin-bottom:8px}.hero-world-label span{display:block;color:#ddd;font-size:13px;line-height:1.45}
.hero-world-tech{top:70px}.hero-world-creative{bottom:55px}
@media(max-width:1100px){.home-cinematic-hero .v17-hero-grid{grid-template-columns:1.15fr .85fr}.hero-world-label{width:210px}.home-hero-image-tech{width:68%}.home-hero-image-creative{width:72%}}
@media(max-width:900px){.home-cinematic-hero{min-height:760px}.home-cinematic-hero .v17-hero-grid{display:block;min-height:760px;padding:80px 0}.home-cinematic-hero .v17-hero-copy{max-width:690px}.home-cinematic-hero .home-hero-labels{display:none}.home-hero-image-tech{width:100%;height:52%;opacity:.48}.home-hero-image-creative{width:100%;height:54%;opacity:.48}.home-cinematic-hero .home-hero-imagery:after{background:linear-gradient(90deg,#050505 0%,#050505d8 42%,#05050570 100%),linear-gradient(180deg,#05050555,transparent 45%,#05050566)}.home-hero-seam{left:0}}
@media(max-width:600px){.home-cinematic-hero{min-height:690px}.home-cinematic-hero .v17-hero-grid{min-height:690px;padding:62px 0}.home-hero-image-tech{height:48%}.home-hero-image-creative{height:58%}.home-cinematic-hero .v17-hero-copy:before{inset:-60px -30px -60px -8vw}.home-cinematic-hero .v17-hero-copy p{max-width:92%}}


/* v1.7 Home hero centering refinement */
@media(min-width:1101px){
  .home-hero-image-tech{width:60%;right:1.5%;background-position:center 44%;}
  .home-hero-image-creative{width:62%;right:1.5%;background-position:center 50%;}
  .home-hero-seam{left:43%;right:1%;}
  .home-cinematic-hero .home-hero-imagery:after{
    background:linear-gradient(90deg,#050505 0%,#050505 29%,#050505f0 38%,#050505a8 47%,#05050538 59%,#05050508 73%),linear-gradient(180deg,#05050520 0%,transparent 30%,transparent 68%,#05050555 100%);
  }
}

/* v1.7 Home hero full-width composition fix
   The global .container max-width created a large phantom gutter on ultrawide/desktop screens.
   The homepage hero now uses the viewport as its composition canvas while keeping sensible edge padding. */
@media (min-width: 1101px){
  .home-cinematic-hero .v17-hero-grid{
    width:calc(100% - 96px);
    max-width:none;
    margin:0 auto;
    grid-template-columns:minmax(560px, .88fr) minmax(620px, 1.12fr);
    column-gap:clamp(30px,3vw,70px);
    padding:82px 0;
  }
  .home-cinematic-hero .v17-hero-copy{
    max-width:760px;
  }
  .home-cinematic-hero .v17-hero-copy:before{
    inset:-80px -72px -80px -48px;
    background:radial-gradient(ellipse at 24% 48%,#050505 0%,#050505ef 47%,#050505b8 62%,transparent 79%);
  }
  .home-hero-image-tech{
    width:70%;
    right:0;
  }
  .home-hero-image-creative{
    width:72%;
    right:0;
  }
  .home-hero-seam{
    left:31%;
    right:0;
  }
  .home-cinematic-hero .home-hero-imagery:after{
    background:
      linear-gradient(90deg,#050505 0%,#050505fa 15%,#050505e9 27%,#0505059c 40%,#05050532 55%,#05050508 72%),
      linear-gradient(180deg,#05050520 0%,transparent 30%,transparent 68%,#05050555 100%);
  }
}
@media (min-width: 1700px){
  .home-cinematic-hero .v17-hero-grid{
    width:calc(100% - 140px);
    grid-template-columns:minmax(620px,.82fr) minmax(760px,1.18fr);
  }
}

/* v1.7 Homepage imagery refinement — Multiple Solutions + Real Technology Work */
.v17-solutions .cap-visual{height:230px}
.v17-solutions .generic-cap img{filter:saturate(.86) contrast(1.08) brightness(.78);transform:scale(1.01)}
.v17-solutions .generic-cap:after{background:linear-gradient(180deg,rgba(5,5,5,.04) 15%,rgba(5,5,5,.18) 58%,rgba(5,5,5,.72) 100%)}
.tech-cap .cap-visual img{object-position:center 48%}
.media-cap .cap-visual img{object-position:center 53%}
.event-cap .cap-visual img{object-position:center 55%}

.case-v17 .photo-case-art{position:relative;overflow:hidden;display:block;background:#080808}
.case-v17 .photo-case-art>img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78) contrast(1.08) brightness(.78);transform:scale(1.01)}
.case-v17 .photo-case-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.05),rgba(5,5,5,.13) 52%,rgba(5,5,5,.72));pointer-events:none}
.case-photo-badge{position:absolute;left:22px;bottom:18px;z-index:2;width:52px;height:52px;display:grid;place-items:center;background:rgba(5,5,5,.88);border:1px solid var(--red);color:var(--red)!important;font-size:25px!important;box-shadow:0 0 0 5px rgba(215,25,32,.08)}
.case-photo-badge.gold{border-color:var(--gold);color:var(--gold)!important;box-shadow:0 0 0 5px rgba(212,175,55,.08)}
.case-progression .case-art{height:205px}
@media(max-width:1050px){.v17-solutions .cap-visual{height:285px}.case-progression .case-art{height:245px}}

/* Homepage Events capability — authentic TOM image */
.v17-solutions .event-cap .cap-visual img{
  object-position:center 54%;
}

/* v1.7 Homepage Multimedia + Why TOM imagery/icon refinement */
.v17-multimedia .media-intro{align-items:center;gap:clamp(40px,7vw,110px)}
.v17-multimedia .studio-photo-feature{position:relative;overflow:hidden;min-height:340px;border:1px solid rgba(215,25,32,.18);background:#0b0b0b;box-shadow:0 24px 60px rgba(0,0,0,.12)}
.v17-multimedia .studio-photo-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 38%),linear-gradient(0deg,rgba(0,0,0,.14),transparent 45%);pointer-events:none}
.v17-multimedia .studio-photo-feature img{width:100%;height:100%;min-height:340px;object-fit:cover;object-position:center 48%;display:block}
.v17-multimedia .media-capabilities{margin-top:24px}

.v17-why .why-steps>div{position:relative;padding-left:92px;min-height:150px}
.v17-why .why-step-icon{position:absolute;left:26px;top:28px;width:44px;height:44px;color:#d4af37;display:grid;place-items:center}
.v17-why .why-step-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.v17-why .why-steps>div>b{display:block;margin-bottom:13px}
.v17-why .why-steps h3{margin-top:0}

@media(max-width:900px){
  .v17-multimedia .studio-photo-feature,.v17-multimedia .studio-photo-feature img{min-height:300px}
  .v17-why .why-steps>div{padding-left:76px}
  .v17-why .why-step-icon{left:20px}
}
@media(max-width:640px){
  .v17-multimedia .studio-photo-feature,.v17-multimedia .studio-photo-feature img{min-height:240px}
  .v17-why .why-steps>div{padding-left:72px;min-height:auto}
}


/* v1.7 Why TOM main visual restoration */
.v17-why .why-listening-visual{position:relative;width:min(100%,700px);margin-inline:auto;display:flex;align-items:center;justify-content:center;min-height:350px}
.v17-why .why-listening-visual img{display:block;width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply}
@media(max-width:900px){.v17-why .why-listening-visual{max-width:620px;min-height:0;margin-top:12px}}
@media(max-width:560px){.v17-why .why-listening-visual{max-width:100%}}


/* =========================================================
   TECHNOLOGY PAGE — visual refinement pass
   Homepage-standard large imagery, cinematic hero, image-led
   capability cards, richer partner process, real-work imagery.
   ========================================================= */

.tech-v17-hero{
  position:relative;
  background:#050505;
}
.tech-v17-hero-grid{
  max-width:none;
  width:100%;
  padding-left:max(5vw,48px);
  padding-right:0;
  grid-template-columns:minmax(520px,.82fr) minmax(680px,1.18fr);
  gap:30px;
  min-height:690px;
}
.tech-v17-hero-grid>div:first-child{position:relative;z-index:3;padding-right:24px}
.tech-cinematic-visual{
  height:610px;
  border:0;
  padding:0;
  box-shadow:none;
  overflow:hidden;
  align-self:end;
}
.tech-cinematic-visual>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 46%;
  filter:saturate(.92) contrast(1.06) brightness(.76);
}
.tech-hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,#050505 0%,#050505d9 7%,#05050566 20%,transparent 42%),
    linear-gradient(180deg,#05050522 0%,transparent 60%,#05050599 100%);
}
.tech-hero-badge{
  position:absolute;
  right:8%;
  bottom:9%;
  width:min(320px,38%);
  padding:20px 22px;
  border-left:2px solid var(--gold);
  background:#050505d9;
  backdrop-filter:blur(6px);
}
.tech-hero-badge span{display:block;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.14em;margin-bottom:8px}
.tech-hero-badge b{font-size:15px;line-height:1.35}

.tech-services-v17 .container{max-width:1440px}
.tech-service-grid{grid-template-columns:repeat(3,1fr);gap:20px}
.tech-service-card.visual-card{
  padding:0 26px 28px;
  overflow:hidden;
  min-height:410px;
  position:relative;
}
.tech-service-card.visual-card>img{
  display:block;
  width:calc(100% + 52px);
  height:175px;
  margin:0 -26px 0;
  object-fit:cover;
  filter:saturate(.82) contrast(1.04) brightness(.72);
}
.tech-service-card.visual-card:before{
  content:"";position:absolute;left:0;right:0;top:0;height:175px;
  background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.62));
  pointer-events:none;
}
.tech-service-card .service-icon{
  margin-top:-34px;
  background:#fff;
  z-index:2;
  width:64px;height:64px;
  box-shadow:0 10px 24px #0002;
}
.tech-service-card h3{margin-top:18px}

.tech-partner-v17{position:relative;overflow:hidden}
.tech-partner-v17:after{
  content:"";position:absolute;inset:0 0 0 50%;
  background:
    linear-gradient(90deg,#070707 0%,#070707cc 18%,#07070755 55%,#070707 100%),
    url("assets/media/tech-network.jpg") center/cover no-repeat;
  opacity:.30;pointer-events:none;
}
.tech-partner-grid{position:relative;z-index:2;max-width:1440px}
.partner-panel{background:#080808d9;backdrop-filter:blur(5px)}
.partner-panel>div{position:relative}
.partner-panel>div:before{
  content:"";position:absolute;left:30px;top:24px;width:32px;height:2px;background:var(--gold);opacity:.75
}
.partner-panel b{padding-top:13px;display:block}

.tech-work-v17 .container{max-width:1440px}
.tech-case-card{min-height:570px}
.tech-case-visual.photo-case{
  height:245px;
  display:block;
  background:#090909;
}
.tech-case-visual.photo-case:before{display:none}
.tech-case-visual.photo-case>img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  filter:saturate(.82) contrast(1.06) brightness(.72);
}
.tech-case-grid .tech-case-card:nth-child(1) .photo-case>img{object-position:center 54%}
.tech-case-grid .tech-case-card:nth-child(2) .photo-case>img{object-position:center 50%}
.tech-case-grid .tech-case-card:nth-child(3) .photo-case>img{object-position:center 48%}
.case-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#080808d9 100%)}
.case-photo-icon{
  position:absolute;left:18px;top:18px;
  width:52px;height:52px;display:grid;place-items:center;
  border:1px solid var(--red);background:#080808d9;color:var(--red);
  font-size:24px;font-weight:900;
}
.case-photo-icon.gold{border-color:var(--gold);color:var(--gold)}
.tech-case-visual .visual-label{z-index:2}

.tech-v17-cta{
  position:relative;
  background:
    linear-gradient(90deg,#130405f5,#250507df 55%,#080808ef),
    url("assets/media/tech-hero-wide.jpg") center 46%/cover no-repeat;
}
.tech-v17-cta:before{content:"";position:absolute;inset:0;border-top:1px solid #d7192055;border-bottom:1px solid #d4af3733}
.tech-v17-cta .container{position:relative;z-index:2}

@media(max-width:1100px){
  .tech-v17-hero-grid{
    max-width:1180px;padding-left:24px;padding-right:24px;
    grid-template-columns:1fr;min-height:0;padding-top:70px;padding-bottom:0;
  }
  .tech-cinematic-visual{height:470px;margin-top:10px}
  .tech-services-v17 .container,.tech-partner-grid,.tech-work-v17 .container{max-width:1180px}
}
@media(max-width:760px){
  .tech-v17-hero-grid{padding-left:20px;padding-right:20px;padding-top:60px}
  .tech-cinematic-visual{display:block;height:330px;margin-left:-20px;margin-right:-20px}
  .tech-hero-badge{right:20px;bottom:20px;width:58%}
  .tech-service-grid{grid-template-columns:1fr}
  .tech-service-card.visual-card{min-height:0}
  .tech-partner-v17:after{inset:35% 0 0 0}
  .tech-case-grid{grid-template-columns:1fr}
}


/* Technology final tune — partner process boxes */
.tech-partner-v17 .partner-panel{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid rgba(255,255,255,.14);
  background:rgba(7,7,7,.90);
  backdrop-filter:blur(7px);
  min-height:0;
}
.tech-partner-v17 .partner-panel>div{
  min-height:220px;
  padding:34px 28px 30px;
  border-right:1px solid rgba(255,255,255,.12);
  border-bottom:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
.tech-partner-v17 .partner-panel>div:last-child{border-right:0}
.tech-partner-v17 .partner-panel>div:before{
  left:28px;
  top:25px;
  width:28px;
}
.tech-partner-v17 .partner-panel strong{
  margin-top:20px;
  font-size:24px;
  line-height:1;
}
.tech-partner-v17 .partner-panel b{
  padding-top:14px;
  font-size:15px;
}
.tech-partner-v17 .partner-panel p{
  margin-top:12px;
  line-height:1.55;
  max-width:220px;
}
@media(max-width:1100px){
  .tech-partner-v17 .partner-panel{grid-template-columns:repeat(2,1fr)}
  .tech-partner-v17 .partner-panel>div:nth-child(2){border-right:0}
  .tech-partner-v17 .partner-panel>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.12)}
}
@media(max-width:640px){
  .tech-partner-v17 .partner-panel{grid-template-columns:1fr}
  .tech-partner-v17 .partner-panel>div{
    min-height:0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }
  .tech-partner-v17 .partner-panel>div:last-child{border-bottom:0!important}
}


/* Technology process icons restored */
.tech-partner-v17 .partner-panel>div{position:relative; padding-top:28px}
.tech-partner-v17 .partner-step-icon{
  width:54px;height:54px;display:grid;place-items:center;margin-bottom:18px;
  border:1px solid rgba(214,166,42,.7);color:var(--gold);background:#0a0a0acc;
}
.tech-partner-v17 .partner-panel>div:nth-child(odd) .partner-step-icon{border-color:rgba(215,25,32,.75);color:var(--red)}
.tech-partner-v17 .partner-step-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tech-partner-v17 .partner-panel b{margin-top:0;padding-top:0}
@media(max-width:640px){.tech-partner-v17 .partner-step-icon{width:48px;height:48px}.tech-partner-v17 .partner-step-icon svg{width:28px;height:28px}}

/* Technology positioning copy refinement */
.it-department-line{
  display:inline-block;
  color:var(--red);
}


/* =========================================================
   MULTIMEDIA PAGE — visual refinement pass
   Uses the Homepage-standard large imagery and destination-
   specific crops instead of tiny generic placeholders.
   ========================================================= */

.mm-v17-hero{
  position:relative;
  background:#050505;
}
.mm-hero-grid{
  max-width:none;
  width:100%;
  min-height:720px;
  padding-left:max(5vw,48px);
  padding-right:0;
  grid-template-columns:minmax(520px,.82fr) minmax(700px,1.18fr);
  gap:30px;
}
.mm-hero-grid>div:first-child{
  position:relative;
  z-index:3;
  padding-right:24px;
}
.mm-cinematic-visual{
  height:640px;
  align-self:end;
  border:0;
  padding:0;
  box-shadow:none;
  background:#080808;
}
.mm-cinematic-visual>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  opacity:1;
  filter:saturate(.92) contrast(1.06) brightness(.78);
}
.mm-hero-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#050505 0%,#050505e2 7%,#05050570 22%,transparent 44%),
    linear-gradient(180deg,#0505051f 0%,transparent 58%,#05050594 100%);
}
.mm-hero-badge{
  position:absolute;
  right:7%;
  bottom:8%;
  width:min(390px,42%);
  padding:20px 22px;
  border-left:2px solid var(--gold);
  background:#050505dc;
  backdrop-filter:blur(6px);
}
.mm-hero-badge span{
  display:block;
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  margin-bottom:8px;
}
.mm-hero-badge b{
  font-size:15px;
  line-height:1.35;
}

/* Capability cards */
.mm-cap-v17 .container{max-width:1440px}
.mm-service-grid{gap:20px}
.mm-service-grid article.mm-visual-card{
  padding:0 26px 28px;
  min-height:430px;
  overflow:hidden;
  position:relative;
}
.mm-service-grid article.mm-visual-card>img{
  display:block;
  width:calc(100% + 52px);
  height:190px;
  margin:0 -26px;
  object-fit:cover;
  filter:saturate(.86) contrast(1.04) brightness(.78);
}
.mm-service-grid article.mm-visual-card:nth-child(1)>img{object-position:center 46%}
.mm-service-grid article.mm-visual-card:nth-child(2)>img{object-position:center 40%}
.mm-service-grid article.mm-visual-card:nth-child(3)>img{object-position:center 48%}
.mm-service-grid article.mm-visual-card:nth-child(4)>img{object-position:center 50%}
.mm-service-grid article.mm-visual-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:190px;
  background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.62));
  pointer-events:none;
}
.mm-service-grid .mm-icon{
  position:relative;
  z-index:2;
  margin-top:-34px;
  background:#fff;
  box-shadow:0 10px 25px #0002;
}
.mm-service-grid .audio .mm-icon{
  background:#0b0b0b;
}
.mm-service-grid h3{margin-top:18px}

/* Process */
.mm-process-v17{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,#070707f4,#070707d8),
    url("assets/media/mm-production.jpg") center/cover no-repeat;
}
.mm-process-v17 .container{max-width:1440px;position:relative;z-index:2}
.mm-process{
  background:#070707d9;
  backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.10);
}
.mm-process>div{
  min-height:220px;
  position:relative;
}
.mm-process-icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin:16px 0 14px;
  border:1px solid var(--gold);
  color:var(--gold);
  font-size:22px;
}
.mm-process>div:nth-child(odd) .mm-process-icon{
  border-color:var(--red);
  color:var(--red);
}

/* Real-work section */
.mm-real-v17 .container{max-width:1440px}
.mm-reel{
  height:500px;
  gap:12px;
}
.reel-frame{
  position:relative;
  border-color:#d4af3766;
  background:#0a0a0a;
}
.reel-frame img{
  filter:saturate(.92) contrast(1.04) brightness(.86);
  transition:transform .35s ease;
}
.reel-frame:hover img{transform:scale(1.025)}
.mm-reel .reel-frame:nth-child(1) img{object-position:center 48%}
.mm-reel .reel-frame:nth-child(2) img{object-position:center}
.mm-reel .reel-frame:nth-child(3) img{object-position:center 42%}

/* Closing CTA */
.mm-v17-cta{
  position:relative;
  background:
    linear-gradient(90deg,#180506f4,#100606df 48%,#050505e8),
    url("assets/media/mm-hero-wide.jpg") center 52%/cover no-repeat;
}
.mm-v17-cta:before{
  content:"";
  position:absolute;
  inset:0;
  border-top:1px solid #d7192055;
  border-bottom:1px solid #d4af3733;
}
.mm-v17-cta .container{position:relative;z-index:2}

@media(max-width:1100px){
  .mm-hero-grid{
    max-width:1180px;
    padding:70px 24px 0;
    grid-template-columns:1fr;
    min-height:0;
  }
  .mm-cinematic-visual{
    height:480px;
    margin-top:10px;
  }
  .mm-cap-v17 .container,
  .mm-process-v17 .container,
  .mm-real-v17 .container{
    max-width:1180px;
  }
}
@media(max-width:760px){
  .mm-hero-grid{
    padding:60px 20px 0;
  }
  .mm-cinematic-visual{
    display:block;
    height:330px;
    margin-left:-20px;
    margin-right:-20px;
  }
  .mm-hero-badge{
    right:20px;
    bottom:20px;
    width:64%;
  }
  .mm-service-grid{
    grid-template-columns:1fr;
  }
  .mm-service-grid article.mm-visual-card{
    min-height:0;
  }
  .mm-process{
    grid-template-columns:1fr;
  }
}

/* Multimedia header correction — same full-width standard as Home + Technology */
.mm-v17-hero{position:relative!important;overflow:hidden!important;background:#050505!important}
.mm-v17-hero .mm-hero-grid{
 width:100%!important;max-width:none!important;min-height:690px!important;margin:0!important;
 padding:0 0 0 max(5vw,48px)!important;display:grid!important;
 grid-template-columns:minmax(500px,.78fr) minmax(760px,1.22fr)!important;gap:20px!important;align-items:stretch!important
}
.mm-v17-hero .mm-hero-grid>div:first-child{
 position:relative!important;z-index:4!important;display:flex!important;flex-direction:column!important;
 justify-content:center!important;padding:70px 34px 70px 0!important
}
.mm-v17-hero .mm-cinematic-visual{
 position:relative!important;display:block!important;width:100%!important;height:690px!important;
 min-height:690px!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;background:#080808!important
}
.mm-v17-hero .mm-cinematic-visual>img{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 object-fit:cover!important;object-position:center 48%!important;opacity:1!important;
 filter:saturate(.94) contrast(1.06) brightness(.80)!important
}
.mm-v17-hero .mm-hero-overlay{
 position:absolute!important;inset:0!important;z-index:1!important;
 background:linear-gradient(90deg,#050505 0%,#050505ef 3%,#050505b8 12%,#05050558 28%,transparent 48%),
 linear-gradient(180deg,#05050520 0%,transparent 62%,#05050580 100%)!important
}
.mm-v17-hero .mm-hero-badge{
 position:absolute!important;z-index:2!important;right:7%!important;bottom:8%!important;width:min(390px,42%)!important;
 padding:20px 22px!important;border-left:2px solid var(--gold)!important;background:rgba(5,5,5,.86)!important
}
.mm-v17-hero .mm-hero-badge span{display:block!important;color:var(--gold)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.15em!important;margin-bottom:8px!important}
.mm-v17-hero .mm-hero-badge b{color:#fff!important;font-size:15px!important;line-height:1.35!important}
.mm-v17-hero .mm-studio:not(.mm-cinematic-visual),.mm-v17-hero .photo-mm-studio,.mm-v17-hero .mm-screen,.mm-v17-hero .mm-console,.mm-v17-hero .mm-wave,.mm-v17-hero .mm-fader{display:none!important}
@media(max-width:1100px){
 .mm-v17-hero .mm-hero-grid{max-width:1180px!important;padding:60px 24px 0!important;grid-template-columns:1fr!important;min-height:0!important}
 .mm-v17-hero .mm-hero-grid>div:first-child{padding:30px 0 45px!important}
 .mm-v17-hero .mm-cinematic-visual{height:470px!important;min-height:470px!important}
}
@media(max-width:760px){
 .mm-v17-hero .mm-hero-grid{padding:48px 20px 0!important}
 .mm-v17-hero .mm-cinematic-visual{height:330px!important;min-height:330px!important;margin-left:-20px!important;width:calc(100% + 40px)!important}
 .mm-v17-hero .mm-hero-badge{right:20px!important;bottom:20px!important;width:64%!important}
}

/* Multimedia capability focus update */
.mm-service-grid article.mm-visual-card h3{
  line-height:1.08;
}
.mm-service-grid article.mm-visual-card:nth-child(3) h3,
.mm-service-grid article.mm-visual-card:nth-child(4) h3{
  font-size:clamp(18px,1.25vw,22px);
}
.mm-service-grid article.mm-visual-card:nth-child(2)>img{object-position:center 42%}
.mm-service-grid article.mm-visual-card:nth-child(3)>img{object-position:center 48%}
.mm-service-grid article.mm-visual-card:nth-child(4)>img{object-position:center 46%}

/* Corrected Multimedia card imagery — approved visual assets */
.mm-service-grid article.mm-visual-card:nth-child(2)>img,
.mm-service-grid article.mm-visual-card:nth-child(3)>img,
.mm-service-grid article.mm-visual-card:nth-child(4)>img{
  object-position:center center !important;
}

/* Multimedia hero image update — newer approved visual */
.mm-v17-hero .mm-cinematic-visual>img{
  object-position:center 50% !important;
}


/* =========================================================
   EVENTS PAGE — cinematic header + Experience image refresh
   ========================================================= */

.ev-v17-hero{
  position:relative;
  min-height:690px;
  overflow:hidden;
  background:#050505;
}
.ev-v17-hero .ev-hero-photo{
  position:absolute;
  inset:0 0 0 38%;
  z-index:0;
  overflow:hidden;
  background:#090909;
}
.ev-v17-hero .ev-hero-photo>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
  display:block;
  filter:saturate(.90) contrast(1.05) brightness(.76);
}
.ev-v17-hero .ev-hero-photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#050505 0%,#050505ef 4%,#050505c7 13%,#05050573 27%,transparent 48%),
    linear-gradient(180deg,#0505052e 0%,transparent 55%,#0505058b 100%);
}
.ev-v17-hero .ev-hero-grid{
  position:relative;
  z-index:2;
  max-width:none;
  width:100%;
  min-height:690px;
  margin:0;
  padding-left:max(5vw,48px);
  padding-right:5vw;
  display:grid;
  grid-template-columns:minmax(520px,.82fr) minmax(650px,1.18fr);
  align-items:center;
}
.ev-v17-hero .ev-hero-grid>div{
  max-width:690px;
}
.ev-v17-hero h1{
  max-width:700px;
}
.ev-v17-hero .ev-signature{
  margin-top:26px;
}

/* Experience cards */
.ev-experience .container{max-width:1440px}
.ev-service-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
  margin-top:34px;
}
.ev-service-grid .ev-visual-card{
  padding:0 22px 26px;
  min-height:430px;
  overflow:hidden;
  position:relative;
  background:#fff;
  border-top:2px solid var(--red);
}
.ev-service-grid .ev-visual-card:nth-child(even){
  border-top-color:var(--gold);
}
.ev-service-grid .ev-visual-card>img{
  display:block;
  width:calc(100% + 44px);
  height:190px;
  margin:0 -22px;
  object-fit:cover;
  object-position:center center;
  filter:saturate(.90) contrast(1.03) brightness(.92);
}
.ev-service-grid .ev-visual-card:nth-child(1)>img{object-position:center 47%}
.ev-service-grid .ev-visual-card:nth-child(2)>img{object-position:center 47%}
.ev-service-grid .ev-visual-card:nth-child(3)>img{object-position:center 48%}
.ev-service-grid .ev-visual-card:nth-child(4)>img{object-position:center 52%}
.ev-service-grid .ev-visual-card:nth-child(5)>img{object-position:center 46%}
.ev-service-grid .ev-visual-card:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:190px;
  background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.32));
  pointer-events:none;
}
.ev-service-grid .ev-icon{
  position:relative;
  z-index:2;
  margin-top:-30px;
  background:#0a0a0a;
  border-color:var(--gold);
  color:var(--gold);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.ev-service-grid h3{
  margin-top:17px;
  line-height:1.05;
}
.ev-service-grid p{
  line-height:1.55;
}

@media(max-width:1180px){
  .ev-service-grid{grid-template-columns:repeat(2,1fr)}
  .ev-v17-hero .ev-hero-photo{inset:0}
  .ev-v17-hero .ev-hero-photo:after{
    background:
      linear-gradient(90deg,#050505f7 0%,#050505d5 46%,#0505056c 78%,#05050540 100%),
      linear-gradient(180deg,#0505052b 0%,transparent 55%,#050505a8 100%);
  }
  .ev-v17-hero .ev-hero-grid{
    min-height:650px;
    grid-template-columns:1fr;
    padding-left:24px;
    padding-right:24px;
  }
}
@media(max-width:760px){
  .ev-v17-hero{min-height:620px}
  .ev-v17-hero .ev-hero-grid{
    min-height:620px;
    padding-left:20px;
    padding-right:20px;
  }
  .ev-service-grid{grid-template-columns:1fr}
  .ev-service-grid .ev-visual-card{min-height:0}
}


/* Events hero — full-bleed panoramic update */
.ev-v17-hero{
  min-height:720px !important;
}
.ev-v17-hero .ev-hero-photo{
  inset:0 !important;
}
.ev-v17-hero .ev-hero-photo>img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 50% !important;
  filter:saturate(.96) contrast(1.06) brightness(.80) !important;
}
.ev-v17-hero .ev-hero-photo:after{
  background:
    linear-gradient(90deg,
      rgba(5,5,5,.94) 0%,
      rgba(5,5,5,.82) 12%,
      rgba(5,5,5,.56) 24%,
      rgba(5,5,5,.20) 38%,
      rgba(5,5,5,.06) 52%,
      rgba(5,5,5,.02) 70%,
      rgba(5,5,5,.08) 100%),
    linear-gradient(180deg,
      rgba(5,5,5,.18) 0%,
      rgba(5,5,5,0) 56%,
      rgba(5,5,5,.48) 100%) !important;
}
.ev-v17-hero .ev-hero-grid{
  min-height:720px !important;
  max-width:none !important;
  padding-left:max(5vw,48px) !important;
  padding-right:max(4vw,40px) !important;
}
.ev-v17-hero .ev-hero-grid>div{
  max-width:660px !important;
}
@media(max-width:1180px){
  .ev-v17-hero,
  .ev-v17-hero .ev-hero-grid{
    min-height:660px !important;
  }
  .ev-v17-hero .ev-hero-photo:after{
    background:
      linear-gradient(90deg,rgba(5,5,5,.94) 0%,rgba(5,5,5,.72) 44%,rgba(5,5,5,.28) 76%,rgba(5,5,5,.12) 100%),
      linear-gradient(180deg,rgba(5,5,5,.16) 0%,transparent 58%,rgba(5,5,5,.56) 100%) !important;
  }
}


/* =========================================================
   OUR WORK — "got the memo" visual refinement
   Full-width cinematic hero + stronger image-led portfolio.
   ========================================================= */
.ow-v17-hero{
  position:relative;
  min-height:720px;
  overflow:hidden;
  background:#050505;
}
.ow-v17-hero .ow-hero-photo{
  position:absolute;
  inset:0;
  z-index:0;
}
.ow-v17-hero .ow-hero-photo>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 50%;
  display:block;
  filter:saturate(.93) contrast(1.06) brightness(.77);
}
.ow-v17-hero .ow-hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,#050505 0%,#050505f2 17%,#050505bf 31%,#05050554 47%,rgba(5,5,5,.10) 67%,rgba(5,5,5,.18) 100%),
    linear-gradient(180deg,rgba(5,5,5,.16),transparent 58%,rgba(5,5,5,.66));
}
.ow-v17-hero .ow-hero-grid{
  position:relative;
  z-index:2;
  min-height:720px;
  width:100%;
  max-width:none;
  padding:0 max(4vw,40px) 0 max(5vw,48px);
  display:grid;
  grid-template-columns:minmax(520px,.72fr) minmax(650px,1.28fr);
  align-items:center;
  gap:40px;
}
.ow-v17-hero .ow-hero-copy{
  max-width:700px;
}
.ow-v17-hero h1{
  font-size:clamp(58px,5.4vw,96px);
  line-height:.91;
  letter-spacing:-.045em;
}
.ow-v17-hero .ow-hero-labels{
  align-self:end;
  justify-self:end;
  display:flex;
  gap:10px;
  padding-bottom:34px;
}
.ow-v17-hero .ow-hero-labels span{
  padding:10px 14px;
  background:rgba(5,5,5,.76);
  border-top:1px solid var(--gold);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  backdrop-filter:blur(5px);
}

/* Featured portfolio */
.ow-featured .container{max-width:1480px}
.ow-grid{
  gap:22px;
}
.ow-card{
  overflow:hidden;
  border-color:rgba(11,11,11,.15);
  box-shadow:0 14px 34px rgba(0,0,0,.07);
}
.ow-tech-visual.photo-tech-case,
.ow-photo,
.ow-mm-visual.photo-mm-case{
  height:255px;
  overflow:hidden;
  background:#080808;
}
.ow-tech-visual.photo-tech-case>img,
.ow-photo>img,
.ow-mm-visual.photo-mm-case>img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.90) contrast(1.04) brightness(.82);
  transition:transform .35s ease, filter .35s ease;
}
.ow-card:hover .ow-tech-visual.photo-tech-case>img,
.ow-card:hover .ow-photo>img,
.ow-card:hover .ow-mm-visual.photo-mm-case>img{
  transform:scale(1.025);
  filter:saturate(.98) contrast(1.04) brightness(.87);
}
.ow-tech-card .ow-monitor,
.ow-tech-card .ow-grid-lines,
.ow-tech-card .ow-cloud,
.ow-tech-card .ow-mail,
.ow-tech-card .ow-folders{
  opacity:.90;
}
.ow-mm-card .ow-play{
  background:rgba(5,5,5,.76);
  backdrop-filter:blur(4px);
}
.ow-card-body{
  padding-top:28px;
}

/* Bridge becomes more cinematic */
.ow-bridge{
  position:relative;
  overflow:hidden;
}
.ow-bridge:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#080808f7,#080808d8 45%,#080808a8),
    url("assets/media/ow-hero-cinematic.jpg") center/cover no-repeat;
  opacity:.98;
}
.ow-bridge .ow-bridge-grid{
  position:relative;
  z-index:2;
  max-width:1440px;
}
.ow-bridge-media img{
  height:300px;
  object-fit:cover;
}

/* Closing CTA */
.ow-v17-cta{
  position:relative;
  background:
    linear-gradient(90deg,#160406ef,#090909df),
    url("assets/media/ow-hero-cinematic.jpg") center 56%/cover no-repeat;
}
.ow-v17-cta .container{
  position:relative;
  z-index:2;
}

@media(max-width:1100px){
  .ow-v17-hero .ow-hero-grid{
    min-height:670px;
    grid-template-columns:1fr;
    padding:80px 24px 34px;
  }
  .ow-v17-hero .ow-hero-labels{display:none}
  .ow-v17-hero .ow-hero-overlay{
    background:
      linear-gradient(90deg,#050505f6 0%,#050505dc 48%,#05050568 82%,#05050542 100%),
      linear-gradient(180deg,#05050520,transparent 55%,#05050580);
  }
}
@media(max-width:760px){
  .ow-v17-hero{min-height:620px}
  .ow-v17-hero .ow-hero-grid{min-height:620px;padding:64px 20px 30px}
  .ow-v17-hero h1{font-size:clamp(48px,14vw,68px)}
  .ow-tech-visual.photo-tech-case,.ow-photo,.ow-mm-visual.photo-mm-case{height:220px}
}

/* Our Work — real TOM-only hero artwork */
.ow-v17-hero .ow-hero-photo>img{
  object-position:center center !important;
  filter:saturate(.98) contrast(1.08) brightness(.80) !important;
}
.ow-v17-hero .ow-hero-overlay{
  background:
    linear-gradient(90deg,#050505 0%,#050505ee 15%,#050505b8 28%,#0505054a 44%,rgba(5,5,5,.08) 62%,rgba(5,5,5,.12) 100%),
    linear-gradient(180deg,rgba(5,5,5,.12),transparent 56%,rgba(5,5,5,.62)) !important;
}


/* =========================================================
   NEW HERO ARTWORK — Events + Our Work
   ========================================================= */
.ev-v17-hero .ev-hero-photo>img{
  object-position:center center !important;
  filter:saturate(.98) contrast(1.07) brightness(.82) !important;
}
.ev-v17-hero .ev-hero-photo:after{
  background:
    linear-gradient(90deg,
      rgba(5,5,5,.94) 0%,
      rgba(5,5,5,.80) 14%,
      rgba(5,5,5,.53) 27%,
      rgba(5,5,5,.20) 42%,
      rgba(5,5,5,.06) 58%,
      rgba(5,5,5,.10) 100%),
    linear-gradient(180deg,rgba(5,5,5,.14) 0%,transparent 58%,rgba(5,5,5,.54) 100%) !important;
}

.ow-v17-hero .ow-hero-photo>img{
  object-position:center center !important;
  filter:saturate(.98) contrast(1.07) brightness(.82) !important;
}
.ow-v17-hero .ow-hero-overlay{
  background:
    linear-gradient(90deg,
      #050505 0%,
      rgba(5,5,5,.94) 15%,
      rgba(5,5,5,.72) 28%,
      rgba(5,5,5,.30) 43%,
      rgba(5,5,5,.07) 60%,
      rgba(5,5,5,.10) 100%),
    linear-gradient(180deg,rgba(5,5,5,.13),transparent 58%,rgba(5,5,5,.58)) !important;
}

/* Header image balance correction */
.ev-v17-hero .ev-hero-photo:after{
background:linear-gradient(90deg,rgba(5,5,5,.70) 0%,rgba(5,5,5,.55) 16%,rgba(5,5,5,.32) 31%,rgba(5,5,5,.10) 48%,rgba(5,5,5,.03) 68%,rgba(5,5,5,.07) 100%),
linear-gradient(180deg,rgba(5,5,5,.10),transparent 60%,rgba(5,5,5,.42))!important}
.ow-v17-hero .ow-hero-overlay{
background:linear-gradient(90deg,rgba(5,5,5,.72) 0%,rgba(5,5,5,.55) 16%,rgba(5,5,5,.30) 30%,rgba(5,5,5,.09) 47%,rgba(5,5,5,.02) 66%,rgba(5,5,5,.06) 100%),
linear-gradient(180deg,rgba(5,5,5,.09),transparent 60%,rgba(5,5,5,.42))!important}

/* Final mockup-match hero visibility */
.ev-v17-hero .ev-hero-photo:after{
  background:
    linear-gradient(90deg,
      rgba(5,5,5,.48) 0%,
      rgba(5,5,5,.40) 12%,
      rgba(5,5,5,.25) 25%,
      rgba(5,5,5,.10) 39%,
      rgba(5,5,5,.025) 56%,
      rgba(5,5,5,.04) 100%),
    linear-gradient(180deg,rgba(5,5,5,.08),transparent 62%,rgba(5,5,5,.34)) !important;
}
.ow-v17-hero .ow-hero-overlay{
  background:
    linear-gradient(90deg,
      rgba(5,5,5,.54) 0%,
      rgba(5,5,5,.43) 13%,
      rgba(5,5,5,.27) 27%,
      rgba(5,5,5,.10) 42%,
      rgba(5,5,5,.025) 59%,
      rgba(5,5,5,.045) 100%),
    linear-gradient(180deg,rgba(5,5,5,.08),transparent 62%,rgba(5,5,5,.34)) !important;
}


/* Events hero — shift the dark fade farther left to match approved mockup */
.ev-v17-hero .ev-hero-photo:after{
  background:
    linear-gradient(90deg,
      rgba(5,5,5,.42) 0%,
      rgba(5,5,5,.34) 8%,
      rgba(5,5,5,.22) 16%,
      rgba(5,5,5,.10) 24%,
      rgba(5,5,5,.035) 34%,
      rgba(5,5,5,.015) 48%,
      rgba(5,5,5,.035) 100%),
    linear-gradient(180deg,
      rgba(5,5,5,.06) 0%,
      transparent 64%,
      rgba(5,5,5,.30) 100%) !important;
}


/* Events hero — remove left-side dark fade so the TOM image remains fully visible.
   Retain only a subtle bottom vignette for depth. */
.ev-v17-hero .ev-hero-photo:after{
  background:
    linear-gradient(180deg,
      rgba(5,5,5,.03) 0%,
      rgba(5,5,5,0) 66%,
      rgba(5,5,5,.28) 100%) !important;
}


/* =========================================================
   Events hero — TRUE left-fade fix
   The parent hero had its own dark :after overlay in addition
   to the photo overlay. Disable that duplicate overlay.
   ========================================================= */
.ev-v17-hero:after{
  background:none !important;
  pointer-events:none;
}

/* Keep the image itself open; only subtle depth at bottom. */
.ev-v17-hero .ev-hero-photo:after{
  background:
    linear-gradient(180deg,
      rgba(5,5,5,.02) 0%,
      rgba(5,5,5,0) 70%,
      rgba(5,5,5,.22) 100%) !important;
}

/* On narrower layouts, use a light readability wash rather than
   reinstating the old solid black overlay. */
@media(max-width:1000px){
  .ev-v17-hero:after{
    background:rgba(5,5,5,.18) !important;
  }
}

/* Events hero — edited mockup photography, clean image layer */
.ev-v17-hero:after{background:none!important;}
.ev-v17-hero .ev-hero-photo:after{
  background:linear-gradient(180deg,rgba(5,5,5,.015) 0%,transparent 72%,rgba(5,5,5,.18) 100%)!important;
}
.ev-v17-hero .ev-hero-photo>img{
  object-position:center center!important;
  filter:none!important;
}

/* =========================================================
   ABOUT TOM — CINEMATIC FOUNDER HERO
   ========================================================= */
.about17-hero-cinematic{
  min-height:720px;
  padding:0;
  background:#050505;
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.about17-hero-cinematic:after{display:none!important}
.about17-hero-photo{
  position:absolute;
  inset:0;
  z-index:0;
}
.about17-hero-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}
.about17-hero-cinematic .about17-hero-grid{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  padding-top:82px;
  padding-bottom:82px;
}
.about17-hero-cinematic .about17-copy{max-width:760px}
.about17-hero-cinematic .about17-copy h1{
  font-size:clamp(3.7rem,6.2vw,6.7rem);
  line-height:.88;
  letter-spacing:-.055em;
  margin:16px 0 20px;
  text-shadow:0 4px 30px rgba(0,0,0,.48);
}
.about17-hero-cinematic .about17-copy h1 span{color:#d4af37}
.about17-kicker{
  color:#d71920;
  font-weight:900;
  letter-spacing:.13em;
  font-size:.88rem;
  margin:0 0 18px;
}
.about17-hero-cinematic .about17-lead{
  max-width:650px;
  color:#e0e0e0;
  text-shadow:0 2px 18px rgba(0,0,0,.72);
}
@media(max-width:900px){
  .about17-hero-cinematic{min-height:760px;align-items:flex-end}
  .about17-hero-photo img{object-position:62% center}
  .about17-hero-cinematic .about17-hero-grid{
    padding-top:290px;
    padding-bottom:58px;
  }
  .about17-hero-cinematic:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(180deg,rgba(5,5,5,.05) 0%,rgba(5,5,5,.30) 38%,rgba(5,5,5,.94) 76%,#050505 100%);
  }
}

/* About hero — desktop copy safe margin */
@media (min-width:901px){
  .about17-hero-cinematic .about17-hero-grid{
    padding-left:100px !important;
    padding-right:48px !important;
    box-sizing:border-box;
  }
}

/* ABOUT TOM — FULL MITCH STORY / ORIGINAL EDITORIAL FORMAT */
.mitch-story-full{background:#f4f4f2;color:#151515;padding:88px 0 96px}
.mitch-story-heading{margin:0 0 48px}
.mitch-story-heading h2{margin:7px 0 5px;font-size:clamp(2.25rem,4vw,4.25rem);line-height:.98;letter-spacing:-.045em;color:#151515}
.mitch-story-heading h2 span{color:#d4af37}.mitch-story-heading>p{margin:10px 0 0;font-size:1.15rem;color:#555}
.mitch-story-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);gap:68px;align-items:start}
.mitch-story-copy{padding-right:56px;border-right:2px solid #d71920}
.mitch-story-copy article{margin:0 0 38px}.mitch-story-copy article:last-child{margin-bottom:0}
.mitch-story-copy h3{margin:0 0 9px;color:#d71920;font-size:1.45rem;line-height:1.05;letter-spacing:.01em;font-weight:900}
.mitch-story-copy p{margin:0 0 14px;max-width:850px;font-size:1.06rem;line-height:1.58;color:#292929}.mitch-story-copy p:last-child{margin-bottom:0}
.mitch-story-copy strong{font-weight:900}
.mitch-story-finale{margin-top:52px!important;padding:34px 36px 36px;background:#0b0b0b;color:#fff;border-top:4px solid #d71920;box-shadow:0 18px 45px rgba(0,0,0,.12)}
.mitch-story-finale h3{color:#fff}.mitch-story-finale p{color:#e4e4e4}
.mitch-story-signoff{margin-top:26px;font-size:1.55rem;line-height:1.12;font-weight:900;letter-spacing:.015em}
.mitch-story-signoff span{display:block;color:#d71920}.mitch-story-signoff strong{display:block;color:#d4af37;font-size:1.35em}
.mitch-story-visuals{display:grid;gap:28px;position:sticky;top:105px}
.mitch-story-visuals figure{margin:0;background:#0b0b0b;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.16)}
.mitch-story-visuals img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.mitch-story-visuals figcaption{padding:15px 18px 17px}.mitch-story-visuals figcaption span{display:block;color:#d4af37;font-size:.76rem;font-weight:900;letter-spacing:.12em;margin-bottom:4px}
.mitch-story-visuals figcaption strong{display:block;color:#fff;font-size:.94rem;letter-spacing:.02em}
.mitch-story-pullquote{padding:30px 28px 32px;background:#d71920;color:#fff}.mitch-story-pullquote span{display:block;font-size:.74rem;font-weight:900;letter-spacing:.13em;margin-bottom:10px}
.mitch-story-pullquote strong{display:block;font-size:1.7rem;line-height:1.02;letter-spacing:-.025em}.mitch-story-pullquote p{margin:14px 0 0;color:#fff;line-height:1.5}
@media(max-width:980px){.mitch-story-layout{grid-template-columns:1fr;gap:48px}.mitch-story-copy{padding-right:0;border-right:0}.mitch-story-visuals{position:static;grid-template-columns:1fr 1fr}.mitch-story-pullquote{grid-column:1/-1}}
@media(max-width:640px){.mitch-story-full{padding:64px 0 72px}.mitch-story-heading{margin-bottom:36px}.mitch-story-copy p{font-size:1rem}.mitch-story-visuals{grid-template-columns:1fr}.mitch-story-pullquote{grid-column:auto}.mitch-story-finale{padding:28px 24px}}


/* =========================================================
   CONTACT — MATCH USER REFERENCE
   ========================================================= */
.contact-ref-page{
  background:#090909;
  color:#fff;
}
.contact-ref-hero{
  min-height:650px;
  display:grid;
  grid-template-columns:43% 57%;
  background:#050505;
  border-bottom:1px solid rgba(212,175,55,.45);
}
.contact-ref-hero-copy{
  padding:78px 48px 58px max(4vw,42px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 90% 50%,rgba(95,15,15,.18),transparent 35%),
    #050505;
}
.contact-ref-hero-copy h1{
  margin:14px 0 18px;
  font-size:clamp(3.4rem,5.1vw,5.8rem);
  line-height:.92;
  letter-spacing:-.04em;
  color:#fff;
}
.contact-ref-hero-copy h1 span{
  color:#d4af37;
}
.contact-ref-hero-copy>p{
  color:#eee;
  font-size:1.06rem;
  line-height:1.58;
  margin:0;
}
.contact-ref-rule{
  width:52px;
  height:2px;
  background:#d71920;
  margin:26px 0 24px;
}
.contact-ref-meta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
}
.contact-ref-meta>a,
.contact-ref-meta>div{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:8px;
  align-items:center;
  padding:0 16px;
  border-right:1px solid rgba(212,175,55,.28);
  color:#fff;
  text-decoration:none;
}
.contact-ref-meta>a:first-child{padding-left:0}
.contact-ref-meta>div:last-child{border-right:0}
.contact-ref-meta .meta-icon{
  width:34px;height:34px;border:1px solid #d4af37;border-radius:50%;
  display:grid;place-items:center;color:#d4af37;font-size:.9rem;
}
.contact-ref-meta strong{display:block;font-size:.78rem;line-height:1.25}
.contact-ref-meta small{display:block;color:#aaa;font-size:.68rem;margin-top:3px}

.contact-ref-hero-image{
  position:relative;
  overflow:hidden;
}
.contact-ref-hero-image:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:120px;
  z-index:2;
  background:linear-gradient(100deg,#050505 0%,rgba(5,5,5,.72) 42%,transparent 100%);
}
.contact-ref-hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}

.contact-ref-main{
  display:grid;
  grid-template-columns:minmax(0,1.8fr) minmax(340px,.82fr);
  max-width:1500px;
  margin:0 auto;
  border-left:1px solid rgba(212,175,55,.28);
  border-right:1px solid rgba(212,175,55,.28);
}
.contact-ref-form-column{
  padding:44px 36px 50px;
  border-right:1px solid rgba(212,175,55,.35);
}
.contact-ref-section-title h2,
.contact-ref-next-column h2{
  margin:0 0 6px;
  font-size:1.55rem;
  letter-spacing:-.02em;
  color:#fff;
}
.contact-ref-section-title p{
  color:#bbb;
  margin:0;
  max-width:680px;
  font-size:.9rem;
  line-height:1.5;
}
.contact-ref-choice-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:28px 0 26px;
}
.contact-ref-choice{
  background:#0d0e10;
  border:1px solid #3c3c3c;
  color:#fff;
  padding:22px 14px 18px;
  min-height:165px;
  text-align:center;
}
.contact-ref-choice.active{
  border-color:#d71920;
  box-shadow:inset 0 0 0 1px #d71920;
}
.contact-ref-choice-icon{
  display:grid;
  place-items:center;
  width:48px;height:48px;
  margin:0 auto 15px;
  border:1px solid #d4af37;
  border-radius:50%;
  color:#d4af37;
  font-size:1.4rem;
}
.contact-ref-choice strong{display:block;font-size:.82rem;margin-bottom:9px}
.contact-ref-choice small{display:block;color:#bbb;font-size:.72rem;line-height:1.4}

.contact-ref-divider{
  border-top:1px solid rgba(212,175,55,.35);
  margin:0 0 20px;
}
.contact-ref-form-column h3{
  margin:0 0 18px;
  color:#fff;
  font-size:1.05rem;
}
.contact-ref-form .two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.contact-ref-form label{
  display:block;
  color:#cfcfcf;
  font-size:.74rem;
  margin-bottom:10px;
}
.contact-ref-form input,
.contact-ref-form select,
.contact-ref-form textarea{
  width:100%;
  margin-top:5px;
  padding:12px 13px;
  background:#101214;
  color:#fff;
  border:1px solid #3a3a3a;
  border-radius:2px;
}
.contact-ref-form textarea{resize:vertical}
.contact-ref-check{
  display:flex!important;
  align-items:center;
  gap:8px;
  color:#bbb!important;
}
.contact-ref-check input{
  width:auto!important;
  margin:0!important;
}
.contact-ref-form .btn{margin-top:8px}

.contact-ref-next-column{
  padding:44px 34px 44px;
}
.contact-ref-next-column h2 span{color:#d4af37}
.contact-ref-next-step{
  display:grid;
  grid-template-columns:48px 58px 1fr;
  gap:12px;
  align-items:start;
  position:relative;
  margin:25px 0 0;
}
.contact-ref-next-step:not(:last-of-type):after{
  content:"";
  position:absolute;
  left:23px;
  top:50px;
  width:1px;
  height:48px;
  border-left:1px dashed #4a4a4a;
}
.step-num{
  width:46px;height:46px;border:1px solid #d71920;border-radius:50%;
  display:grid;place-items:center;color:#d71920;font-weight:900;
}
.step-icon{
  width:52px;height:52px;border:1px solid #d4af37;border-radius:50%;
  display:grid;place-items:center;color:#d4af37;font-size:1.25rem;
}
.contact-ref-next-step strong{
  display:block;
  color:#fff;
  margin:5px 0 4px;
  font-size:.94rem;
}
.contact-ref-next-step p{
  margin:0;
  color:#bbb;
  font-size:.8rem;
  line-height:1.45;
}
.contact-ref-safe{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:12px;
  border:1px solid rgba(212,175,55,.60);
  padding:17px 18px;
  margin-top:34px;
}
.safe-icon{
  color:#d4af37;
  font-size:1.8rem;
}
.contact-ref-safe strong{color:#d4af37;font-size:.82rem}
.contact-ref-safe p{color:#bbb;font-size:.74rem;margin:4px 0 0;line-height:1.45}

.contact-ref-strip{
  display:grid;
  grid-template-columns:25% 50% 25%;
  min-height:200px;
  border-top:1px solid rgba(212,175,55,.35);
  border-bottom:1px solid rgba(212,175,55,.35);
  overflow:hidden;
}
.strip-side{
  background-size:cover;
  background-position:center;
  position:relative;
}
.strip-left{background-image:url("assets/media/contact-ref-strip-left.jpg")}
.strip-right{background-image:url("assets/media/contact-ref-strip-right.jpg")}
.strip-side:after{
  content:"";
  position:absolute;inset:0;background:rgba(0,0,0,.22)
}
.strip-center{
  padding:28px 30px;
  text-align:center;
  background:
    linear-gradient(rgba(20,5,5,.88),rgba(20,5,5,.88)),
    url("assets/media/contact-ref-strip-mid.jpg") center/cover no-repeat;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.strip-center .eyebrow{font-size:1.15rem}
.strip-center p{margin:4px 0;color:#e3e3e3}
.strip-center .btn{margin-top:14px}
.btn-gold{
  background:#d4af37!important;
  color:#0b0b0b!important;
  border-color:#d4af37!important;
}

@media(max-width:1000px){
  .contact-ref-hero{grid-template-columns:1fr}
  .contact-ref-hero-image{min-height:360px}
  .contact-ref-main{grid-template-columns:1fr}
  .contact-ref-form-column{border-right:0}
  .contact-ref-next-column{border-top:1px solid rgba(212,175,55,.35)}
  .contact-ref-choice-grid{grid-template-columns:1fr 1fr}
  .contact-ref-meta{grid-template-columns:1fr;gap:14px}
  .contact-ref-meta>a,.contact-ref-meta>div{padding:0;border-right:0}
}
@media(max-width:640px){
  .contact-ref-choice-grid{grid-template-columns:1fr}
  .contact-ref-form .two-col{grid-template-columns:1fr}
  .contact-ref-strip{grid-template-columns:1fr}
  .strip-side{min-height:130px}
  .contact-ref-hero-copy{padding-left:22px;padding-right:22px}
}

/* Dynamic form functionality restored; Contact reference layout preserved */
.service-fields{
  display:none;
  margin:18px 0 2px;
  padding:18px 18px 8px;
  border:1px solid rgba(212,175,55,.22);
  background:rgba(255,255,255,.015);
}
.service-fields.active{display:block}
.contact-ref-choice{cursor:pointer}
.contact-ref-choice:focus-visible{
  outline:2px solid #d4af37;
  outline-offset:2px;
}

.ruckus-quote{background:linear-gradient(180deg,rgba(0,0,0,.04) 28%,rgba(0,0,0,.82) 100%),url("assets/media/ruckus-experience-promo.png") center/cover no-repeat;}

/* Grand Opening Project — final */
.detail-story{
  grid-template-columns:minmax(300px,.78fr) minmax(520px,1.22fr);
  align-items:center;
  gap:clamp(42px,5vw,76px);
}
.grand-opening-promo{
  width:min(100%,760px) !important;
  justify-self:center;
  align-self:center;
  aspect-ratio:1033 / 714;
  min-height:0 !important;
  height:auto !important;
  padding:0 !important;
  background:#090909 url("assets/media/grand-opening-promo-winner.jpg") center center/contain no-repeat !important;
}
@media(max-width:900px){
  .detail-story{grid-template-columns:1fr}
  .grand-opening-promo{width:min(100%,720px) !important}
}

/* Events — restore approved panoramic hero after Grand Opening pass */
.ev-v17-hero{
  background:#050505 !important;
}
.ev-v17-hero .ev-hero-photo{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  background:none !important;
}
.ev-v17-hero .ev-hero-photo>img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
}
.ev-v17-hero:after{
  z-index:1 !important;
  background:none !important;
  pointer-events:none !important;
}
.ev-v17-hero .ev-hero-photo:after{
  z-index:2 !important;
  background:
    linear-gradient(90deg,
      rgba(5,5,5,.62) 0%,
      rgba(5,5,5,.48) 16%,
      rgba(5,5,5,.24) 30%,
      rgba(5,5,5,.07) 44%,
      rgba(5,5,5,0) 60%),
    linear-gradient(180deg,
      rgba(5,5,5,.03) 0%,
      rgba(5,5,5,0) 72%,
      rgba(5,5,5,.18) 100%) !important;
  pointer-events:none !important;
}
.ev-v17-hero .ev-hero-grid{
  position:relative !important;
  z-index:3 !important;
}



/* Mac case study — complete image-only hero replacement */
.mac-complete-hero{
  width:100%;
  margin:0;
  padding:0;
  background:#070707;
  overflow:hidden;
}
.mac-complete-hero img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}

/* Technology Case Study 02 — complete flattened hero replacement */
.m365-complete-hero{
  width:100%;
  margin:0;
  padding:0;
  background:#070707;
  overflow:hidden;
}
.m365-complete-hero img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}

/* Technology Case Study 03 — complete flattened hero replacement */
.sharepoint-complete-hero{
  width:100%;
  margin:0;
  padding:0;
  background:#070707;
  overflow:hidden;
}
.sharepoint-complete-hero img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
}

/* =========================================================
   ABOUT TOM — CLEAN REBUILT LIVE HERO
   Original copy + real Mitch photo; no flattened/mockup text.
   ========================================================= */
.about-rebuilt-hero{
  position:relative;
  min-height:620px;
  overflow:hidden;
  background:#05070b;
  color:#fff;
}
.about-rebuilt-photo{
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url("assets/media/about-hero-mitch-cinematic.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  /* Wider composition: show Mitch + DJ rig instead of the previous blown-up crop */
  background-position:64% 48%;
}
.about-rebuilt-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,
      rgba(3,12,25,.96) 0%,
      rgba(3,12,25,.90) 24%,
      rgba(3,12,25,.62) 39%,
      rgba(3,12,25,.16) 55%,
      rgba(3,12,25,0) 72%);
  pointer-events:none;
}
.about-rebuilt-inner{
  position:relative;
  z-index:2;
  min-height:620px;
  display:flex;
  align-items:center;
}
.about-rebuilt-copy{
  width:min(600px,46vw);
  padding:54px 0 58px;
}
.about-rebuilt-copy .eyebrow{
  color:#e31b23;
  margin-bottom:14px;
}
.about-rebuilt-copy h1{
  margin:0 0 20px;
  font-size:clamp(3.3rem,5.1vw,5.7rem);
  line-height:.88;
  letter-spacing:-.055em;
  text-shadow:0 3px 22px rgba(0,0,0,.5);
}
.about-rebuilt-copy h1 span{color:#d4af37}
.about-rebuilt-kicker{
  margin:0 0 14px;
  color:#e31b23;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.18em;
}
.about-rebuilt-lead{
  max-width:560px;
  margin:0 0 26px;
  color:#f0f0f0;
  font-size:1rem;
  line-height:1.65;
  text-shadow:0 2px 14px rgba(0,0,0,.55);
}

@media (min-width:1400px){
  .about-rebuilt-hero,
  .about-rebuilt-inner{min-height:650px}
  .about-rebuilt-photo{
    /* This is the key zoom-out/framing treatment modeled on the approved mockup. */
    background-size:auto 100%;
    background-position:right center;
    background-color:#071426;
  }
}
@media (max-width:900px){
  .about-rebuilt-hero{min-height:720px}
  .about-rebuilt-photo{
    background-size:cover;
    background-position:62% center;
  }
  .about-rebuilt-shade{
    background:linear-gradient(180deg,
      rgba(3,12,25,.18) 0%,
      rgba(3,12,25,.52) 42%,
      rgba(3,12,25,.96) 72%,
      #030c19 100%);
  }
  .about-rebuilt-inner{
    min-height:720px;
    align-items:flex-end;
  }
  .about-rebuilt-copy{
    width:100%;
    padding:300px 0 48px;
  }
  .about-rebuilt-copy h1{font-size:clamp(2.8rem,12vw,4.7rem)}
}

/* Allow the photograph to live beneath the full hero instead of reading
   as a hard right-hand rectangle. */
.about-rebuilt-photo{
  inset:0 !important;
  background-color:#071426 !important;
}

/* Main cinematic blend: deep navy on the copy side, feathering gradually
   into the real photograph through the center of the hero. */
.about-rebuilt-shade{
  background:
    radial-gradient(circle at 38% 36%,
      rgba(55,45,170,.18) 0%,
      rgba(31,37,120,.10) 20%,
      rgba(5,17,34,0) 43%),
    linear-gradient(90deg,
      #04101f 0%,
      rgba(4,16,31,.99) 18%,
      rgba(4,16,31,.96) 31%,
      rgba(4,16,31,.86) 42%,
      rgba(4,16,31,.64) 50%,
      rgba(4,16,31,.36) 57%,
      rgba(4,16,31,.14) 64%,
      rgba(4,16,31,0) 72%) !important;
}

/* A soft purple/blue event-light bloom adds back some atmosphere without
   affecting Mitch, the live copy, or the CTA. */
.about-rebuilt-hero::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 43% 55%,
      rgba(73,53,215,.15) 0%,
      rgba(62,43,190,.08) 24%,
      rgba(0,0,0,0) 52%),
    linear-gradient(180deg,
      rgba(0,0,0,0) 65%,
      rgba(0,0,0,.10) 100%);
}

/* Copy remains above both atmosphere layers. */
.about-rebuilt-inner{
  z-index:2 !important;
}

@media (min-width:1400px){
  .about-rebuilt-shade{
    background:
      radial-gradient(circle at 39% 35%,
        rgba(61,48,185,.19) 0%,
        rgba(35,39,128,.10) 21%,
        rgba(5,17,34,0) 44%),
      linear-gradient(90deg,
        #04101f 0%,
        rgba(4,16,31,.99) 20%,
        rgba(4,16,31,.95) 33%,
        rgba(4,16,31,.82) 43%,
        rgba(4,16,31,.57) 50%,
        rgba(4,16,31,.30) 57%,
        rgba(4,16,31,.10) 64%,
        rgba(4,16,31,0) 72%) !important;
  }
}

@media (max-width:900px){
  .about-rebuilt-shade{
    background:
      linear-gradient(180deg,
        rgba(3,12,25,.08) 0%,
        rgba(3,12,25,.28) 40%,
        rgba(3,12,25,.82) 68%,
        #030c19 100%) !important;
  }
}

/* =========================================================
   ABOUT TOM — CINEMATIC BLEND V2
   Feather the actual photo layer, not merely an overlay.
   ========================================================= */
@media (min-width:901px){
  .about-rebuilt-hero{
    background:
      radial-gradient(ellipse at 43% 45%, rgba(64,47,190,.16), transparent 34%),
      linear-gradient(105deg,#03101f 0%,#061426 46%,#09152a 100%) !important;
  }

  .about-rebuilt-photo{
    /* Keep the approved Mitch/DJ framing on the right. */
    left:34% !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    background-size:cover !important;
    background-position:58% center !important;

    /* THIS is the missing magic: the image itself fades away toward the copy. */
    -webkit-mask-image:linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.08) 7%,
      rgba(0,0,0,.32) 15%,
      rgba(0,0,0,.68) 25%,
      #000 38%,
      #000 100%);
    mask-image:linear-gradient(90deg,
      transparent 0%,
      rgba(0,0,0,.08) 7%,
      rgba(0,0,0,.32) 15%,
      rgba(0,0,0,.68) 25%,
      #000 38%,
      #000 100%);
  }

  .about-rebuilt-shade{
    /* No hard split. Just enough darkness behind the live copy. */
    background:
      linear-gradient(90deg,
        rgba(3,14,28,.98) 0%,
        rgba(3,14,28,.92) 28%,
        rgba(3,14,28,.62) 43%,
        rgba(3,14,28,.20) 56%,
        transparent 69%) !important;
  }

  .about-rebuilt-hero::after{
    background:
      radial-gradient(ellipse at 47% 44%,
        rgba(76,52,225,.20) 0%,
        rgba(56,43,180,.09) 27%,
        transparent 52%),
      radial-gradient(ellipse at 55% 82%,
        rgba(31,61,185,.12) 0%,
        transparent 42%) !important;
  }
}

/* About hero — align copy block left with the rest of the site headers */
@media (min-width: 901px){
  .about-rebuilt-inner{
    padding-left:clamp(48px,5vw,96px) !important;
    padding-right:clamp(28px,3vw,56px) !important;
  }
  .about-rebuilt-copy{
    margin-left:0 !important;
    transform:none !important;
  }
}

/* About hero — TRUE left alignment
   Break only this hero inner wrapper out of the global centered .container. */
@media (min-width:901px){
  .about-rebuilt-hero .about-rebuilt-inner.container,
  .about-rebuilt-hero .about-rebuilt-inner{
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:clamp(56px,4.75vw,104px) !important;
    padding-right:clamp(32px,3vw,64px) !important;
    box-sizing:border-box !important;
  }

  .about-rebuilt-hero .about-rebuilt-copy{
    margin:0 !important;
    transform:none !important;
  }
}

/* =========================================================
   ABOUT STORY PHOTO CARDS — FINAL
   Real photos only. No letterboxing. No phantom spacing.
   ========================================================= */
.mitch-story-visuals{
  row-gap:0 !important;
}

.mitch-story-visuals figure{
  display:block !important;
  margin:0 0 28px 0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#0b0b0b !important;
}

.mitch-story-visuals figure > img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:unset !important;
  object-position:unset !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  vertical-align:top !important;
}

.mitch-story-visuals figure > figcaption{
  display:block !important;
  margin:0 !important;
  min-height:0 !important;
  height:auto !important;
  padding:15px 18px 17px !important;
  box-sizing:border-box !important;
}

/* Keep normal spacing after each complete card, not before its image. */
.mitch-story-visuals figure:last-of-type{
  margin-bottom:28px !important;
}


/* Homepage technology hero — final Managed IT visual */
@media (min-width:1101px){
  .home-cinematic-hero .home-hero-image-tech{
    width:70% !important;
    right:0 !important;
    background-image:url('assets/media/home-hero-technology.jpg') !important;
    background-size:cover !important;
    background-position:center 48% !important;
    background-repeat:no-repeat !important;
    background-color:#050505 !important;
  }
}

/* Homepage hero — clean image-to-image diagonal cut
   Top/technology image gets the larger share; cut follows the former seam flow. */
@media (min-width:901px){
  .home-cinematic-hero .home-hero-image-tech,
  .home-cinematic-hero .home-hero-image-creative{
    top:0 !important;
    bottom:auto !important;
    right:0 !important;
    width:69% !important;
    height:100% !important;
  }

  /* Boundary runs from the lowest point of the old seam and rises gently rightward. */
  .home-cinematic-hero .home-hero-image-tech{
    clip-path:polygon(0 0,100% 0,100% 56%,0 64%);
    background-position:center 42% !important;
  }

  .home-cinematic-hero .home-hero-image-creative{
    clip-path:polygon(0 64%,100% 56%,100% 100%,0 100%);
    background-position:center 57% !important;
  }

  /* The pictures themselves now form the separation — no glowing divider line. */
  .home-cinematic-hero .home-hero-seam{
    display:none !important;
  }
}

/* =========================================================
   HOMEPAGE IT HERO — REMOVE + RE-ADD FIX
   The IT photo is now a real image element so it can be
   physically zoomed out and moved upward inside the mask.
   Creative image and diagonal geometry stay untouched.
   ========================================================= */
@media (min-width:901px){
  .home-cinematic-hero .home-hero-image-tech{
    background-image:none !important;
    overflow:hidden !important;
    clip-path:polygon(0 0,100% 0,100% 56%,0 64%) !important;
  }

  .home-cinematic-hero .home-hero-tech-img{
    position:absolute !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:none !important;
    right:0 !important;
    top:-7% !important;

    /* Actual zoom-out: shrink the image itself, not the background box. */
    transform:scale(.90) !important;
    transform-origin:top right !important;

    object-fit:contain !important;
    z-index:0 !important;
  }

  .home-cinematic-hero .home-hero-image-tech:after{
    z-index:1 !important;
    pointer-events:none !important;
  }

  /* Creative/camera image remains exactly as it was in the approved cut. */
  .home-cinematic-hero .home-hero-image-creative{
    clip-path:polygon(0 64%,100% 56%,100% 100%,0 100%) !important;
  }

  /* Restore the accent line on the existing diagonal boundary. */
  .home-cinematic-hero .home-hero-seam{
    display:block !important;
    left:31% !important;
    right:0 !important;
    top:60% !important;
    height:2px !important;
    transform:rotate(-3.7deg) !important;
    transform-origin:center !important;
    opacity:.82 !important;
    z-index:4 !important;
  }
}

/* =========================================================
   HOMEPAGE CREATIVE HERO — REMOVE + RE-ADD FIX
   Same technique that finally worked on the IT photograph.
   IT image remains LOCKED.
   ========================================================= */
@media (min-width:901px){
  .home-cinematic-hero .home-hero-image-creative{
    background-image:none !important;
    overflow:hidden !important;
    clip-path:polygon(0 64%,100% 56%,100% 100%,0 100%) !important;
  }

  .home-cinematic-hero .home-hero-creative-img{
    position:absolute !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:none !important;
    right:0 !important;

    /* Physically zoom out and bias upward enough to recover the camera LCD. */
    top:-10% !important;
    transform:scale(.86) !important;
    transform-origin:top right !important;

    object-fit:contain !important;
    z-index:0 !important;
  }

  .home-cinematic-hero .home-hero-image-creative:after{
    z-index:1 !important;
    pointer-events:none !important;
  }

  /* Preserve the existing separator geometry. */
  .home-cinematic-hero .home-hero-seam{
    display:block !important;
    opacity:.82 !important;
    z-index:4 !important;
  }
}

/* Homepage hero — final camera placement cleanup.
   IT image remains locked. Camera image is a real <img>; slide it DOWN only. */
@media (min-width:901px){
  .home-cinematic-hero .home-hero-creative-img{
    top:1% !important;          /* was -10%: physical downward shift */
    transform:scale(.86) !important;
    transform-origin:top right !important;
  }

  /* Kill any legacy scroll prompt/pseudo-element that may survive older markup. */
  .home-cinematic-hero .home-scroll,
  .home-cinematic-hero .scroll-to-discover,
  .home-cinematic-hero [class*="scroll-indicator"]{
    display:none !important;
  }
}

/* Homepage hero — camera final downward slide.
   Important: "SCROLL TO DISCOVER" is baked into the source JPEG itself,
   so move the actual image down far enough to push that baked text below
   the visible mask while bringing the camera LCD into the creative window. */
@media (min-width:901px){
  .home-cinematic-hero .home-hero-creative-img{
    top:15% !important;
    transform:scale(.86) !important;
    transform-origin:top right !important;
  }
}

/* Camera recovery — use the real cleaned camera strip and fill the lower mask.
   IT image and diagonal geometry remain untouched. */
@media (min-width:901px){
  .home-cinematic-hero .home-hero-image-creative{
    background-image:none !important;
    overflow:hidden !important;
  }

  .home-cinematic-hero .home-hero-creative-img{
    position:absolute !important;
    display:block !important;
    left:0 !important;
    top:54% !important;
    width:100% !important;
    height:46% !important;
    max-width:none !important;
    transform:none !important;
    object-fit:cover !important;
    object-position:center 42% !important;
    z-index:0 !important;
  }

  .home-cinematic-hero .home-hero-image-creative:after{
    z-index:1 !important;
    pointer-events:none !important;
  }
}

/* Homepage camera — zoom OUT + shift DOWN.
   IT image, diagonal cut, divider, and cleaned source remain untouched. */
@media (min-width:901px){
  .home-cinematic-hero .home-hero-creative-img{
    position:absolute !important;
    display:block !important;

    left:8% !important;
    right:auto !important;
    top:61% !important;

    width:88% !important;
    height:auto !important;
    max-width:none !important;

    transform:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    z-index:0 !important;
  }
}

/* Homepage camera — second refinement:
   zoom farther OUT and shift farther DOWN only. */
@media (min-width:901px){
  .home-cinematic-hero .home-hero-creative-img{
    left:13% !important;
    top:66% !important;
    width:78% !important;
    height:auto !important;
    transform:none !important;
    object-fit:contain !important;
    object-position:center center !important;
  }
}

/* ==========================================================
   CAMERA RESET — restore the FULL original source photograph.
   The previous cleaned asset was destructively cropped to a
   1070x220 strip, which removed the LCD/display entirely.
   ========================================================== */
@media (min-width:901px){
  .home-cinematic-hero .home-hero-image-creative{
    background-image:none !important;
    overflow:hidden !important;
  }

  .home-cinematic-hero .home-hero-creative-img{
    position:absolute !important;
    display:block !important;

    /* Full image, zoomed OUT and shifted DOWN. */
    width:82% !important;
    height:auto !important;
    max-width:none !important;
    left:18% !important;
    right:auto !important;
    top:48% !important;

    transform:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    z-index:0 !important;
  }

  /* Hide only the baked lower-left prompt area without cropping
     any of the camera or LCD pixels from the source photograph. */
  .home-cinematic-hero .home-hero-image-creative::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    bottom:0 !important;
    width:43% !important;
    height:16% !important;
    background:#050505 !important;
    z-index:1 !important;
    pointer-events:none !important;
  }

  .home-cinematic-hero .home-hero-image-creative::after{
    z-index:2 !important;
    pointer-events:none !important;
  }

  /* Keep the separator above the photo. */
  .home-cinematic-hero .home-hero-seam{
    z-index:4 !important;
  }
}

/* =========================================================
   OUR WORK — filter cleanup
   1) Remove redundant hero/header category submenu.
   2) Keep Featured Work filters on one row on desktop.
   ========================================================= */
@media (min-width:901px){
  /* Redundant hero-level category controls */
  .work-hero-tabs,
  .work-hero-filters,
  .hero-work-tabs,
  .hero-filter,
  .work-hero .work-filter-tabs,
  .work-hero .filter-tabs{
    display:none !important;
  }

  /* Featured Work controls — one clean horizontal row */
  .featured-work .work-filters,
  .featured-work .filter-tabs,
  .work-featured .work-filters,
  .work-featured .filter-tabs,
  .work-filter-bar{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    width:max-content !important;
    max-width:none !important;
    white-space:nowrap !important;
  }

  .featured-work .work-filters > *,
  .featured-work .filter-tabs > *,
  .work-featured .work-filters > *,
  .work-featured .filter-tabs > *,
  .work-filter-bar > *{
    flex:0 0 auto !important;
    margin:0 !important;
  }
}

/* OUR WORK — exact selectors after inspecting current markup */
.ow-v17-hero .ow-hero-labels{
  display:none !important;
}

@media (min-width:1001px){
  .ow-featured .ow-title-row{
    align-items:flex-end !important;
  }

  .ow-featured .ow-filters{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    justify-content:flex-end !important;
    align-items:center !important;
    gap:8px !important;
    width:auto !important;
    min-width:max-content !important;
    white-space:nowrap !important;
  }

  .ow-featured .ow-filters button{
    flex:0 0 auto !important;
    margin:0 !important;
  }
}

/* ABOUT HERO — clean reset from original approved framing + 20% zoom */
@media (min-width:901px){
  .about-rebuilt-photo{
    background-position:64% 48% !important;
    background-size:120% auto !important;
    background-repeat:no-repeat !important;
  }
}

/* FINAL LAUNCH LOCK — About hero exactly 20% zoom from original */
@media (min-width:901px){
  .about-rebuilt-photo{
    background-position:64% 48% !important;
    background-size:120% auto !important;
    background-repeat:no-repeat !important;
    transform:none !important;
  }
}

/* =========================================================
   ABOUT HERO — responsive focal lock
   Preserve the approved 20% look across desktop widths.
   ========================================================= */

/* Normal desktop: approved framing */
@media (min-width:901px) and (max-width:1599px){
  .about-rebuilt-photo{
    background-size:120% auto !important;
    background-position:64% 48% !important;
    transform:none !important;
  }
}

/* Wide / maximized desktop:
   slightly reduce effective zoom and raise the focal area so
   the composition visually matches the normal desktop view. */
@media (min-width:1600px){
  .about-rebuilt-photo{
    background-size:112% auto !important;
    background-position:64% 44% !important;
    transform:none !important;
  }
}

/* ABOUT HERO — responsive lock v2
   Restore the visual zoom on both desktop sizes while keeping
   the wide-screen compensation difference between them. */
@media (min-width:901px) and (max-width:1599px){
  .about-rebuilt-photo{
    background-size:128% auto !important;
    background-position:64% 48% !important;
    transform:none !important;
  }
}

@media (min-width:1600px){
  .about-rebuilt-photo{
    background-size:120% auto !important;
    background-position:64% 44% !important;
    transform:none !important;
  }
}

/* Launch accessibility, form, and utility styles. */
.skip-link{position:fixed;left:1rem;top:1rem;z-index:9999;padding:.75rem 1rem;background:#fff;color:#050505;font-weight:800;transform:translateY(-200%);transition:transform .15s ease}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{margin:0 0 24px;padding:16px 18px;border-left:4px solid var(--red);background:#fff1f1;color:#650b0f;font-weight:700;line-height:1.5}
.form-status:focus{outline:3px solid var(--gold);outline-offset:3px}
.contact-ref-form button[disabled]{cursor:wait;opacity:.72}
.form-privacy{font-size:.82rem;line-height:1.55;color:#bbb;margin:1rem 0 1.25rem}
.form-privacy a{text-decoration:underline;text-underline-offset:2px;font-weight:700}
.legal-page{background:#f2f2ef;color:#111;padding:clamp(4rem,8vw,7rem) 0}
.legal-page .container{max-width:850px}
.legal-page h1{font-size:clamp(2.5rem,6vw,4.75rem);line-height:1;margin:0 0 1rem}
.legal-page h2{margin-top:2.25rem}
.legal-page p,.legal-page li{color:#444;line-height:1.8}
.status-page{min-height:65vh;display:grid;place-items:center;text-align:center;padding:5rem 1.5rem;background:radial-gradient(circle at 70% 20%,#d4af3720,transparent 24%),#050505}
.status-page .status-card{max-width:760px;padding:clamp(2rem,6vw,4rem);border:1px solid #d4af3766;background:#0b0b0b}
.status-page h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1;margin:.6rem 0 1rem}
.status-page p{color:#c8c8c4;font-size:1.05rem}