*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101111;color:#f1eee8;font-family:Arial,Helvetica,sans-serif;font-size:var(--site-text-size);line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #ddb981;outline-offset:5px}header{max-width:1440px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff18}.brand{font-size:var(--site-text-size);font-weight:700;letter-spacing:.12em}.brand span{color:#d7b887}nav{display:flex;gap:30px;font-size:var(--site-text-size)}nav a:hover,nav a[aria-current]{color:#dfbf8c}.wrap{max-width:1440px;margin:auto;padding:0 6%}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:660px;align-items:center;gap:6%}.hero-copy{padding:70px 0}.eyebrow{font-size:var(--site-text-size);color:#d7b887;letter-spacing:.17em;text-transform:uppercase;margin-bottom:24px}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(48px,6.4vw,94px);font-weight:400;line-height:1.04;letter-spacing:-.045em;margin-bottom:30px}h1 em,h2 em{color:#d7b887;font-weight:400}p{color:#b6b8b5;max-width:650px}h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,4vw,58px);line-height:1.14;letter-spacing:-.025em}h3{font-size:24px;line-height:1.3;font-weight:500}.portrait{position:relative;align-self:stretch;overflow:hidden;margin-top:40px}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;max-height:690px}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101111,transparent 25%)}.caption{position:absolute;bottom:30px;left:24px;z-index:1;letter-spacing:.1em;font-size:var(--site-text-size);color:#ddd}.button{display:inline-block;padding:13px 22px;border:1px solid #d7b887;color:#101111;background:#d7b887;font-size:var(--site-text-size);font-weight:600}.button.secondary{background:transparent;color:#eee;border-color:#555}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:32px}.strip{padding:25px 0;border-top:1px solid #343534;border-bottom:1px solid #343534;display:flex;justify-content:space-between;gap:20px;color:#c7c7c1;font-size:var(--site-text-size)}.section{padding:90px 0;border-bottom:1px solid #343534}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-bottom:35px;align-items:start}.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.card{padding:35px;background:#1b1d1c;border:1px solid #343534;display:block;transition:background .2s,border-color .2s}.card:hover{background:#222522;border-color:#d7b887}.num{font-size:var(--site-text-size);color:#d7b887;letter-spacing:.12em;display:block;margin-bottom:30px}.card p{margin-bottom:25px}.text-link{color:#dfbf8c;font-size:var(--site-text-size);border-bottom:1px solid #897652;padding-bottom:5px}.about{display:grid;grid-template-columns:.6fr 1.4fr;gap:8%}.about p{font-size:var(--site-text-size);max-width:850px}.contact{padding:85px 0}.contact h2{max-width:800px}.contact-links{display:flex;gap:30px;flex-wrap:wrap;color:#d7b887;margin-top:30px;font-size:var(--site-text-size)}.contact-links a{overflow-wrap:anywhere}.footer{padding:25px 0;border-top:1px solid #343534;color:#929690;font-size:var(--site-text-size);display:flex;justify-content:space-between;gap:20px}.page-hero{padding:85px 0 65px;max-width:1100px}.page-hero h1{font-size:clamp(48px,7vw,92px)}.page-hero p{font-size:var(--site-text-size);max-width:760px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service{border-top:1px solid #d7b887;padding-top:25px}.service p{font-size:var(--site-text-size)}.credits{display:grid;grid-template-columns:80px 1fr;gap:24px;padding:30px 0;border-top:1px solid #343534}.credits p{margin-bottom:0;max-width:900px}.credit-tag{font-size:var(--site-text-size);color:#d7b887}.experience{display:grid;grid-template-columns:1fr 1fr;gap:50px}.experience article{border-top:1px solid #343534;padding-top:25px}.meta{font-size:var(--site-text-size);color:#d7b887;margin-bottom:12px}@media(max-width:800px){header{padding:22px 6%;align-items:flex-start;flex-direction:column;gap:18px}nav{gap:18px;flex-wrap:wrap;font-size:var(--site-text-size)}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding:55px 0 20px}.portrait{margin-top:20px;height:480px}.portrait img{object-position:center 30%}.strip{flex-wrap:wrap}.section{padding:60px 0}.section-head,.about{grid-template-columns:1fr;gap:15px}.cards,.grid3,.experience{grid-template-columns:1fr}.card{padding:28px}.about p{font-size:var(--site-text-size)}.page-hero{padding:55px 0 40px}.page-hero p{font-size:var(--site-text-size)}.contact{padding:60px 0}.contact-links{font-size:var(--site-text-size);gap:15px}.credits{grid-template-columns:40px 1fr;gap:12px}.footer{flex-direction:column;gap:5px}h1{font-size:clamp(48px,10vw,76px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.credit-category{border:1px solid #343534;background:#191b1a;padding:32px}.credit-category .num{margin-bottom:18px}.credit-list{list-style:none;padding:0;margin:20px 0}.credit-list li{font-size:var(--site-text-size);line-height:1.4;padding:16px 0;border-top:1px solid #343534}.credit-list span{display:block;font-size:var(--site-text-size);color:#b6b8b5;margin-top:7px}.credit-category p{font-size:var(--site-text-size)}.credit-category .text-link{display:inline-block;font-size:var(--site-text-size)}@media(max-width:800px){.credit-grid{grid-template-columns:1fr}.credit-category{padding:25px}}
.full-credit-list{list-style:none;padding:0;margin:25px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.full-credit-list li{padding:18px 0;border-top:1px solid #343534;font-size:var(--site-text-size);break-inside:avoid}.full-credit-list span{display:block;font-size:var(--site-text-size);color:#b6b8b5;margin-top:6px}#recognition .full-credit-list li{font-size:var(--site-text-size)}@media(max-width:800px){.full-credit-list{grid-template-columns:1fr}}
.press-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px}.press-list{list-style:none;padding:0;margin:25px 0}.press-list li{border-top:1px solid #343534}.press-list a{display:block;padding:22px 0}.press-list a:hover .press-title{color:#d7b887}.press-pub{display:block;color:#d7b887;font-size:var(--site-text-size);letter-spacing:.05em;margin-bottom:8px}.press-title{display:block;font-size:var(--site-text-size);line-height:1.4}.press-meta{display:block;color:#b6b8b5;font-size:var(--site-text-size);margin-top:8px}@media(max-width:800px){.press-columns{grid-template-columns:1fr;gap:35px}}.work-hero{padding-bottom:40px}.work-hero h1{font-size:clamp(48px,6vw,80px)}.work-hero nav{gap:12px}.work-section{padding:55px 0;scroll-margin-top:25px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.video-card{background:#1b1d1c;border:1px solid #343534;overflow:hidden}.video-frame{aspect-ratio:16/9;background:#000}.video-frame iframe{width:100%;height:100%;border:0;display:block}.video-preview{position:relative;width:100%;height:100%;padding:0;border:0;display:block;cursor:pointer;background:#000;color:#fff}.video-preview img{display:block;width:100%;height:100%;object-fit:cover}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 19px;background:#101111e8;border:1px solid #d7b887;color:#dfbf8c;font-size:var(--site-text-size);white-space:nowrap}.video-preview:hover .video-play{background:#d7b887;color:#101111}.video-preview:focus-visible{outline:3px solid #d7b887;outline-offset:-3px}.video-copy{padding:23px}.video-copy h3{font-size:21px;margin-bottom:17px}.video-copy .text-link{display:inline-block}@media(max-width:1050px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.video-grid{grid-template-columns:1fr}.work-hero nav{display:flex;flex-wrap:wrap}}.movie-art{display:flex;align-items:center;justify-content:center;background:#070808}.movie-art img{width:100%;height:100%;object-fit:contain;display:block}.movie-card{display:block;transition:border-color .2s}.movie-card:hover{border-color:#d7b887}.movie-card:hover .text-link{color:#fff}.film-description{font-size:var(--site-text-size);line-height:1.5;margin-bottom:18px}.portfolio-video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.portfolio-video:focus-visible{outline:3px solid #d7b887;outline-offset:-3px}.direct-video-card .video-copy h3{margin-bottom:0}.brand-group{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brand{white-space:nowrap}.brand-descriptor{font-size:var(--site-text-size);line-height:1.5;letter-spacing:.08em;color:#b6b8b5;border-left:1px solid #555;padding-left:20px}header{flex-wrap:wrap}header>nav{flex-wrap:wrap;gap:22px}@media(max-width:1250px){header>nav{width:100%}}@media(max-width:650px){.brand-group{gap:8px;align-items:flex-start;flex-direction:column}.brand-descriptor{border-left:0;padding-left:0;letter-spacing:.04em}}
.production-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center;max-width:none}.production-hero h1{font-size:clamp(48px,5.8vw,82px)}.production-photo{margin:0;min-width:0}.production-photo img{display:block;width:100%;height:440px;object-fit:cover;object-position:center;border:1px solid #343534}@media(max-width:800px){.production-hero{grid-template-columns:1fr;gap:30px}.production-photo img{height:auto;aspect-ratio:3/2}}

.portrait img,.production-photo img{border:6px solid #fff}.portrait:after{inset:6px}

.color-hero{position:relative;isolation:isolate}.color-canvas{position:absolute;inset:0 -7%;overflow:hidden;z-index:-1;pointer-events:none;background:#101519}.color-canvas span{position:absolute;inset:-40%;opacity:.65;filter:blur(45px);will-change:transform;background:radial-gradient(ellipse at 30% 45%,#a46b27 0%,#71542655 28%,transparent 58%);animation:canvas-drift 24s ease-in-out infinite alternate}.color-canvas span:nth-child(2){background:radial-gradient(ellipse at 75% 40%,#21496d 0%,#17334b77 32%,transparent 60%);animation:canvas-drift-blue 31s ease-in-out infinite alternate}.color-canvas span:nth-child(3){background:radial-gradient(ellipse at 55% 65%,#b28b4566 0%,transparent 48%);animation:canvas-drift 19s ease-in-out -9s infinite alternate}.color-canvas:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10111190,transparent 75%),linear-gradient(0deg,#101111,transparent 32%,#10111130)}.color-hero .hero-copy,.color-hero .portrait{position:relative;z-index:1}.color-hero .hero-copy p{color:#d0d2cd}@keyframes canvas-drift{from{transform:translate(-8%,-5%) scale(1) rotate(-8deg)}to{transform:translate(12%,8%) scale(1.15) rotate(12deg)}}@keyframes canvas-drift-blue{from{transform:translate(8%,8%) scale(1.1)}to{transform:translate(-12%,-8%) scale(.95)}}@media(prefers-reduced-motion:reduce){.color-canvas span{animation:none;will-change:auto}}

.color-canvas span{animation:liquid-amber 25s ease-in-out infinite;transform-origin:35% 55%}.color-canvas span:nth-child(2){animation:liquid-blue 32s ease-in-out -11s infinite;transform-origin:70% 40%}.color-canvas span:nth-child(3){animation:liquid-gold 21s ease-in-out -6s infinite;transform-origin:50% 65%}.color-canvas:before{content:'';position:absolute;inset:-35%;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#efd4a300 44%,#efd4a329 49%,#c7dded1f 51%,transparent 57%);filter:blur(24px);animation:hero-light-sweep 22s ease-in-out -5s infinite}.color-canvas:after{z-index:2}@keyframes liquid-amber{0%,100%{transform:translate(-9%,-4%) rotate(-12deg) scale(1.05,.9)}33%{transform:translate(7%,9%) rotate(10deg) scale(1.25,1.05)}66%{transform:translate(13%,-8%) rotate(-3deg) scale(.95,1.2)}}@keyframes liquid-blue{0%,100%{transform:translate(9%,6%) rotate(9deg) scale(1.15,.95)}35%{transform:translate(-12%,-6%) rotate(-14deg) scale(.95,1.2)}70%{transform:translate(-3%,12%) rotate(4deg) scale(1.25,1)}}@keyframes liquid-gold{0%,100%{transform:translate(-7%,8%) rotate(-8deg) scale(1,.85);opacity:.45}50%{transform:translate(11%,-10%) rotate(17deg) scale(1.3,1.15);opacity:.7}}@keyframes hero-light-sweep{0%,15%{transform:translateX(-65%) rotate(-7deg);opacity:0}25%{opacity:.5}60%{opacity:.45}75%,100%{transform:translateX(65%) rotate(7deg);opacity:0}}@media(prefers-reduced-motion:reduce){.color-canvas span,.color-canvas:before{animation:none;will-change:auto}.color-canvas:before{opacity:0}}

.color-canvas .film-grain{position:absolute;inset:-20%;z-index:3;pointer-events:none;background-image:url('/film-grain.png');background-repeat:repeat;background-size:256px 256px;opacity:.055;mix-blend-mode:soft-light;animation:film-grain-shift .7s steps(1,end) infinite}@keyframes film-grain-shift{0%,100%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}}@media(prefers-reduced-motion:reduce){.color-canvas .film-grain{animation:none}}

.countdown-intro{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;opacity:.7;pointer-events:none}.countdown-intro.intro-glitch{animation:countdown-glitch .6s steps(1,end) forwards}.countdown-intro.intro-done{display:none}@keyframes countdown-glitch{0%{transform:translateX(0);filter:none;opacity:.7}20%{transform:translateX(-2%) skewX(4deg);filter:sepia(.5);clip-path:inset(12% 0 20% 0);opacity:.6}40%{transform:translateX(2%) skewX(-3deg);filter:hue-rotate(130deg);clip-path:inset(35% 0 5% 0);opacity:.4}60%{transform:translateX(-1%);clip-path:inset(0);opacity:.25}80%{transform:translateX(1%);clip-path:inset(60% 0 10% 0);opacity:.12}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.countdown-intro{display:none}}

.color-hero.intro-content-pending .hero-copy,.color-hero.intro-content-pending .portrait{opacity:0;transition:opacity 1.25s ease}.color-hero.intro-content-visible .hero-copy,.color-hero.intro-content-visible .portrait{opacity:1}@media(prefers-reduced-motion:reduce){.color-hero.intro-content-pending .hero-copy,.color-hero.intro-content-pending .portrait{opacity:1;transition:none}}
.portrait-lights{position:absolute;inset:6px;overflow:hidden;pointer-events:none;z-index:1}.portrait-light{position:absolute;border-radius:50%;background:radial-gradient(ellipse,#fffdf4 0%,#fff2d5e6 12%,#ffd995a6 30%,#efbb5c55 48%,transparent 74%);transform:translate(-50%,-50%);opacity:0}.portrait .caption{z-index:2}.portrait-light:before,.portrait-light:after{content:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#fff7dfd9,transparent);pointer-events:none}.portrait-light:before{width:68%;height:2px}.portrait-light:after{width:2px;height:55%;background:linear-gradient(0deg,transparent,#fff7dfb3,transparent)}.portrait:after{display:none}.portrait .caption{text-shadow:0 1px 4px #000}header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,#1c1e1d 0%,#141615 52%,#101111 100%);border-top:1px solid #ffffff0d;border-bottom:1px solid #d7b88730;box-shadow:inset 0 1px 0 #ffffff06,0 7px 14px #0004,0 18px 32px #0003}html{scroll-padding-top:125px}.work-section{scroll-margin-top:125px}@media(max-width:800px){html{scroll-padding-top:190px}.work-section{scroll-margin-top:190px}}.contact-centered{text-align:center}.contact-centered h2,.contact-centered p{margin-left:auto;margin-right:auto}.contact-centered .contact-links{justify-content:center}.background-topics{margin:0;padding-left:1.1em;font-family:Georgia,serif;font-size:var(--site-text-size);line-height:1.35;letter-spacing:-.025em}.background-topics li{padding-left:.15em;margin-bottom:.3em;white-space:nowrap}.background-topics li::marker{color:#d7b887;font-size:.65em}.article-inline-link{font:inherit;letter-spacing:inherit;text-transform:none;color:#d7b887;text-decoration:underline;text-underline-offset:3px}.article-inline-link:hover{color:#f1eee8}
.production-artwork{display:flex;align-items:center;justify-content:center;gap:32px;max-width:850px;margin:0 auto 64px}.production-artwork img{display:block;object-fit:contain;border:3px solid #f1eee8;background:#000;box-shadow:0 12px 32px #0005}.production-poster{width:220px;height:auto}.production-studio{width:min(100%,500px);height:auto;min-width:0}@media(max-width:650px){.production-artwork{flex-direction:column;gap:24px;margin-bottom:40px}.production-poster{width:190px}.production-studio{width:100%;max-width:440px}}

.production-artwork-three{display:grid;grid-template-columns:minmax(0,220px) minmax(0,500px) minmax(0,220px);max-width:1000px;gap:24px}.production-artwork-three .production-poster{width:100%;height:330px}.production-artwork-three .production-studio{width:100%}@media(max-width:650px){.production-artwork-three{display:flex}.production-artwork-three .production-poster{width:190px;height:auto}.production-artwork-three .production-studio{max-width:440px}}

.bratz-artwork{grid-template-columns:minmax(0,250px) minmax(0,450px) minmax(0,250px)}.bratz-artwork .production-poster{border:0;background:transparent;box-shadow:none;height:330px;width:auto;max-width:100%;justify-self:center;filter:drop-shadow(1px 0 0 white) drop-shadow(-1px 0 0 white) drop-shadow(0 1px 0 white) drop-shadow(0 -1px 0 white)}.credits-heading{text-align:center}.credits-heading h2{margin-left:auto;margin-right:auto}@media(max-width:650px){.bratz-artwork .production-poster{height:300px;width:210px}}

.experience article{text-align:center}.experience article p{margin-left:auto;margin-right:auto}

.about-news-photo{align-self:center;margin:30px 0;height:auto}.about-news-photo img{width:100%;height:auto;max-height:none;object-fit:contain}.about-news-photo .caption{position:static;display:block;padding:14px 6px;font-size:var(--site-text-size);letter-spacing:.08em}

.biography-section{row-gap:35px}.biography-heading{grid-column:1 / -1;text-align:center;margin:0 0 15px}

.marketing-background-label{white-space:nowrap;font-size:var(--site-text-size);letter-spacing:.1em}@media(max-width:800px){.marketing-background-label{font-size:var(--site-text-size)}}

.marketing-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;align-items:center;max-width:none}.marketing-hero h1{font-size:clamp(42px,5.2vw,74px)}.marketing-booth-photo{margin:0;min-width:0}.marketing-booth-photo img{display:block;width:100%;height:auto;border:6px solid #fff}@media(max-width:800px){.marketing-hero{grid-template-columns:1fr;gap:30px}}

.marketing-philosophy{margin:0}.marketing-philosophy p{margin-bottom:14px}.marketing-philosophy cite{display:block;font-size:var(--site-text-size);color:#d7b887;font-style:italic;text-align:right;max-width:760px}

.marketing-hero .marketing-tenure{font-size:var(--site-text-size);color:#d7b887;margin-bottom:22px}

.marketing-services-heading{margin-top:48px;margin-bottom:35px}

.production-editorial{display:flow-root}.production-editorial h2{font-size:clamp(34px,3.3vw,48px)}.production-editorial p{max-width:none;font-size:var(--site-text-size)}.production-memory{margin:0}.production-memory img{display:block;width:100%;height:auto;border:4px solid #eee8dc}.production-memory a{display:block}.production-memory figcaption{font-size:var(--site-text-size);line-height:1.5;color:#b6b8b5;margin-top:10px;letter-spacing:.02em}.production-wrap-photo{float:left;width:48%;margin:0 40px 25px 0}.production-memory-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px}.production-memory-pair img{aspect-ratio:1/1;object-fit:cover}.production-community-photo{margin-top:28px}.production-community-photo img{aspect-ratio:4/3;object-fit:cover;object-position:center 65%}.production-set-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.production-set-pair img{aspect-ratio:3/2;object-fit:cover}.production-set-section h2{margin-bottom:35px}@media(max-width:800px){.production-wrap-photo{float:none;width:100%;margin:0 0 28px}.production-set-pair{grid-template-columns:1fr}.production-editorial p{font-size:var(--site-text-size)}}

.production-category-strip{font-size:var(--site-text-size)}

.documentary-archive-photo,.film-event-photo{margin-top:28px}.documentary-archive-photo img{border:0;background:transparent}.film-event-photo img{height:auto;object-fit:contain}

.bts-gallery{align-items:start}.bts-gallery img{aspect-ratio:auto;width:100%;height:auto;object-fit:contain}.bts-gallery figure{margin:0}.bts-gallery figcaption{margin-top:10px}

.color-hero .hero-copy>p{font-size:var(--site-text-size)}@media(max-width:800px){.color-hero .hero-copy>p{font-size:var(--site-text-size)}}

.home-experience-strip{font-size:var(--site-text-size)}@media(max-width:800px){.home-experience-strip{font-size:var(--site-text-size)}}

p.about-introduction{font-size:var(--site-text-size)}@media(max-width:800px){p.about-introduction{font-size:var(--site-text-size)}}

/* Shared readable text sizing across every page. */
:root{--site-text-size:21px}
nav,.strip,.footer{flex-wrap:wrap}
.marketing-background-label,.video-play{white-space:normal}
nav a,.contact-links a,.credit-list li,.full-credit-list li{overflow-wrap:anywhere}
@media(max-width:800px){:root{--site-text-size:18px}.brand-group{flex-wrap:wrap}.brand-descriptor{max-width:100%}}

.production-highlights-before-experience .production-artwork-three{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr)}.film-poster-feature{margin:0;min-width:0}.film-poster-feature h3{margin:20px 0 12px}.film-poster-feature p{font-size:var(--site-text-size);line-height:1.6;margin:0}.production-highlights-before-experience .production-studio{align-self:center}@media(max-width:650px){.film-poster-feature{width:100%;max-width:440px}.film-poster-feature .production-poster{margin:0 auto}}

.bratz-artwork{margin-bottom:24px}.bratz-poster-description{max-width:850px;margin:0 auto 64px}.bratz-poster-description h3{margin-bottom:12px}.bratz-poster-description p{font-size:var(--site-text-size);line-height:1.6}

.bratz-poster-description{text-align:center}

.bratz-artwork{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr)}.bratz-artwork .production-studio{width:100%;max-width:250px;justify-self:center}@media(max-width:650px){.bratz-artwork .production-studio{width:65%;max-width:250px}}

.bratz-poster-description p{text-align:center;margin-left:auto;margin-right:auto}

.bts-gallery img.flight-mirrored{transform:scaleX(-1)}

.production-highlights-before-experience .production-artwork-three>.production-studio{align-self:start;margin-top:90px;max-width:250px;justify-self:center}@media(max-width:650px){.production-highlights-before-experience .production-artwork-three>.production-studio{margin-top:0;align-self:center;width:65%}}

@media(min-width:801px){.bts-gallery img.flight-mirrored{aspect-ratio:3/2;object-fit:cover}}

@media(min-width:801px){.bts-gallery img[src="/bts-cast-location.jpg"],.bts-gallery img[src="/effects-workshop.jpg"]{aspect-ratio:4/3;object-fit:cover}}

.credits-page main{text-align:center}.credits-page main p,.credits-page .full-credit-list,.credits-page .media-mentions{margin-left:auto;margin-right:auto}.credits-page .actions,.credits-page .contact-links{justify-content:center}.credits-page .full-credit-list,.credits-page .press-list{list-style:none;padding-left:0}.credits-page .press-columns{text-align:center}.credits-page .press-columns>*{min-width:0}

.credits-page .page-hero{margin-left:auto;margin-right:auto;text-align:center}.credits-page .page-hero h1,.credits-page .page-hero .eyebrow,.credits-page .page-hero p{margin-left:auto;margin-right:auto}.credits-page .page-hero nav.actions{width:100%;justify-content:center}

.credits-page .press-column{display:flex;flex-direction:column;gap:32px}.credits-page .press-column .press-list{margin-bottom:0}

.color-hero .portrait .caption{white-space:nowrap;font-size:clamp(10px,1.15vw,16px);letter-spacing:.04em}@media(max-width:800px){.color-hero .portrait .caption{font-size:clamp(10px,2.7vw,16px)}}

.color-hero .hero-copy>.eyebrow{white-space:nowrap;font-size:clamp(10px,1.35vw,21px);letter-spacing:.06em}@media(max-width:800px){.color-hero .hero-copy>.eyebrow{font-size:clamp(10px,2.6vw,18px);letter-spacing:.03em}}

.about-news-photo .caption{white-space:nowrap;font-size:clamp(9px,1vw,15px);letter-spacing:.025em}@media(max-width:800px){.about-news-photo .caption{font-size:clamp(9px,2.25vw,15px);letter-spacing:.01em}}

.marketing-case-study-invitation{margin:40px auto 0;max-width:960px;text-align:center;font-size:var(--site-text-size)}

.marketing-booth-photo .podcast-photo-caption{position:static;margin-top:12px;text-align:center;font-size:var(--site-text-size);line-height:1.5;color:#b6b8b5}

.color-hero .actions .button{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.color-hero .actions .button:hover,.color-hero .actions .button:focus-visible{background:#101111;color:#eee;border-color:#555}.color-hero .actions .button.secondary:hover,.color-hero .actions .button.secondary:focus-visible{background:#d7b887;color:#101111;border-color:#d7b887}

.production-photo .production-hero-caption{margin-top:12px;text-align:center;font-size:var(--site-text-size);line-height:1.5;color:#b6b8b5}

.color-hero .actions:has(.button:hover) .button,.color-hero .actions:has(.button:focus-visible) .button{background:transparent;color:#eee;border-color:#555}.color-hero .actions .button:hover,.color-hero .actions .button:focus-visible,.color-hero .actions .button.secondary:hover,.color-hero .actions .button.secondary:focus-visible{background:#d7b887;color:#101111;border-color:#d7b887}

.color-hero .actions:has(.button:hover) .button:hover,.color-hero .actions:has(.button:focus-visible) .button:focus-visible{background:#d7b887;color:#101111;border-color:#d7b887}

.button{transition:background-color .2s ease,color .2s ease,border-color .2s ease}.actions:has(.button:hover) .button,.actions:has(.button:focus-visible) .button{background:transparent;color:#eee;border-color:#555}.button:hover,.button:focus-visible,.button.secondary:hover,.button.secondary:focus-visible,.actions:has(.button:hover) .button:hover,.actions:has(.button:focus-visible) .button:focus-visible{background:#d7b887;color:#101111;border-color:#d7b887}

.work-section .video-grid{align-items:stretch}.work-section .video-card{display:flex;flex-direction:column}.work-section .video-card>.video-frame{flex-shrink:0}.work-section .video-card>.video-copy{display:flex;flex-direction:column;flex:1}.work-section .video-copy>.text-link{align-self:flex-start;margin-top:auto}.work-section .video-copy>p{margin-bottom:22px}

.work-section .video-frame{position:relative;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;flex:0 0 auto}.work-section .video-frame>.video-preview,.work-section .video-frame>iframe,.work-section .video-frame>video,.work-section .video-frame>img{position:absolute;inset:0;width:100%;height:100%}.work-section .video-frame>.video-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.work-section .movie-art>img{object-fit:contain}

@media(min-width:1000px){.credits-page .page-hero>p{max-width:none;white-space:nowrap}}

.color-canvas .cinema-screen{position:absolute;inset:22px 2% 28px;z-index:1;opacity:0;transform:scale(.985);transition:opacity 1.5s ease,transform 1.8s ease;background:radial-gradient(ellipse at 52% 42%,#414440 0%,#30332f 48%,#1d201e 88%);border:10px solid #080909;box-shadow:0 0 0 1px #6c6a5540,inset 0 0 70px #0008,0 12px 35px #0009}.color-canvas .cinema-screen:after{content:'';position:absolute;inset:0;opacity:.14;background:repeating-linear-gradient(0deg,transparent 0 2px,#0003 2px 3px)}.color-hero.screen-ready .cinema-screen{opacity:1;transform:scale(1)}.color-hero.screen-ready .color-canvas>span{opacity:0;transition:opacity 1.5s ease}.color-hero .countdown-intro:not(.intro-done){display:block;z-index:4}.color-hero .color-canvas:after{background:linear-gradient(90deg,#10111155,transparent 75%),linear-gradient(0deg,#101111,transparent 15%,transparent 90%,#10111144)}@media(max-width:800px){.color-canvas .cinema-screen{inset:12px 2% 18px;border-width:6px}}@media(prefers-reduced-motion:reduce){.color-canvas .cinema-screen{transition:none}}

.color-hero{padding-top:90px;padding-bottom:175px}.color-canvas .cinema-screen{inset:0;border:0;background-image:linear-gradient(90deg,#0005,transparent 65%),url('/theater-hero.webp');background-size:100% 100%;background-position:center;background-repeat:no-repeat;box-shadow:none;transform:none}.color-canvas .cinema-screen:after{display:none}.color-hero.screen-ready .color-canvas:after{background:linear-gradient(0deg,#101111 0%,transparent 6%,transparent 96%,#10111166)}.color-hero .hero-copy{text-shadow:0 2px 8px #0009}.color-hero .portrait{margin-top:0}.color-hero .portrait img{box-shadow:0 12px 35px #0008}@media(max-width:800px){.color-hero{padding-top:65px;padding-bottom:150px}.color-canvas .cinema-screen{inset:0;border:0;background-size:100% 100%}.color-hero .portrait{margin-top:25px}}

.color-hero{display:block;width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding:0;height:var(--theater-height,1050px);min-height:0;overflow:hidden}.color-hero .color-canvas{inset:0}.color-hero .cinema-screen,.color-hero.screen-ready .cinema-screen{opacity:1;transform:none;transition:none;background-image:linear-gradient(90deg,#0005,transparent 65%),url('/theater-hero.webp')}.color-hero .color-canvas>span{display:none}.color-hero .theater-content{position:absolute;top:12.3%;left:50%;transform:translateX(-50%);width:74%;max-width:1160px;box-sizing:border-box;padding:24px 20px;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:5%}.color-hero .hero-copy h1{font-size:clamp(42px,4.4vw,66px);margin-bottom:22px}.color-hero .hero-copy .eyebrow{font-size:clamp(10px,1.05vw,17px);margin-bottom:22px;white-space:nowrap}.color-hero .portrait{margin:0;height:auto;align-self:center;overflow:visible}.color-hero .portrait img{height:auto;max-height:460px;width:100%;object-fit:cover;aspect-ratio:2/3}.color-hero .portrait .caption{position:static;display:block;margin-top:10px;text-align:center;font-size:clamp(9px,.85vw,14px);letter-spacing:.01em;white-space:nowrap}.color-hero .countdown-intro:not(.intro-done){inset:12.3% auto auto 12.5%;width:75%;height:54%;object-fit:cover;opacity:.28;z-index:2}.color-hero .hero-copy>p{font-size:var(--site-text-size)}.color-hero .actions{gap:12px}.color-hero .actions .button{padding:12px 16px;font-size:clamp(15px,1.35vw,21px)}@media(max-width:800px){.color-hero .theater-content{grid-template-columns:1fr;gap:26px;width:74%;padding:18px 10px}.color-hero .hero-copy h1{font-size:clamp(32px,7vw,52px)}.color-hero .hero-copy .eyebrow{font-size:clamp(7px,1.75vw,13px);letter-spacing:0;white-space:nowrap}.color-hero .portrait{width:100%;max-width:330px;justify-self:center;margin:0}.color-hero .portrait img{max-height:390px;object-position:center 25%}.color-hero .portrait .caption{font-size:clamp(7px,1.65vw,12px)}.color-hero .actions .button{font-size:14px;padding:12px}.color-hero .hero-copy>p{font-size:18px}}

@media(min-width:801px){.color-hero .theater-content{align-items:stretch}.color-hero .portrait{align-self:stretch;display:flex;flex-direction:column;min-height:0}.color-hero .portrait img{flex:1;min-height:0;max-height:none;height:0;aspect-ratio:auto;object-fit:cover;object-position:center 25%}.color-hero .portrait .caption{flex-shrink:0}}

.color-hero .hero-copy>.actions{margin-top:48px}@media(max-width:800px){.color-hero .hero-copy>.actions{margin-top:36px}}

@media(min-width:801px){.color-hero .hero-copy{display:flex;flex-direction:column;min-height:560px;padding-bottom:26px;box-sizing:border-box}.color-hero .hero-copy>.actions{margin-top:auto;padding-top:48px}.color-hero .portrait .caption{height:16px;line-height:16px;margin-top:10px}}

@media(min-width:801px){.color-hero .hero-copy>.actions{margin-top:auto;margin-bottom:auto;padding-top:0}.color-hero .hero-copy>p{margin-bottom:0}}

.button.secondary{background:#101111d9}.actions:has(.button:hover) .button,.actions:has(.button:focus-visible) .button,.color-hero .actions:has(.button:hover) .button,.color-hero .actions:has(.button:focus-visible) .button{background:#101111d9}.button:hover,.button:focus-visible,.button.secondary:hover,.button.secondary:focus-visible,.actions:has(.button:hover) .button:hover,.actions:has(.button:focus-visible) .button:focus-visible,.color-hero .actions:has(.button:hover) .button:hover,.color-hero .actions:has(.button:focus-visible) .button:focus-visible{background:#d7b887;color:#101111;border-color:#d7b887}

.home-page{background:#fff}.home-dark-zone{position:relative;isolation:isolate}.home-dark-zone:before{content:'';position:absolute;z-index:-2;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#101111}.home-page .home-cards-light{padding-top:40px;padding-bottom:60px;border:0}.home-page .card{color:#eee}.home-page .contact{color:#191c1b;border-color:#d8dad8}.home-page .contact p{color:#4b504c}.home-page .contact .eyebrow,.home-page .contact-links{color:#806127}.home-page .footer{color:#555d57;border-color:#d8dad8}.home-page .footer a{color:#806127}

.home-page{background:#f2eee6}.home-page header{isolation:isolate}.home-page header:before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(180deg,#1c1e1d 0%,#141615 52%,#101111 100%)}.home-page .contact,.home-page .footer{border-color:#d5cfc3}

.home-page{background:#101111}.home-page .home-cards-light,.home-page .contact,.home-page>footer{position:relative;isolation:isolate;background:#f2eee6}.home-page .home-cards-light:before,.home-page .contact:before,.home-page>footer:before{content:'';position:absolute;z-index:-1;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:#f2eee6}.home-page header:before{top:-2px;bottom:-2px}.home-page header{border-bottom-color:#3b352b}

.home-page .home-cards-light:after{content:'';position:absolute;z-index:-1;pointer-events:none;top:0;bottom:-420px;left:calc(50% - 48vw);width:180px;background:url('/filmstrip-negative-frames.svg') center top/100% auto repeat-y;opacity:.06;transform:rotate(-12deg);transform-origin:top center;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 65%,transparent)}.home-page .home-cards-light{z-index:1}.home-page .contact{z-index:0}.home-page>footer{z-index:0}@media(max-width:800px){.home-page .home-cards-light:after{width:110px;left:calc(50% - 48vw);opacity:.045;bottom:-250px}}

.home-page .home-cards-light:after{top:-120px;bottom:auto;left:calc(50% - 42vw);width:420px;height:1800px;background-size:100% auto;transform:rotate(-58deg);transform-origin:top center;opacity:.07;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 83%,transparent)}@media(max-width:800px){.home-page .home-cards-light:after{top:-100px;left:calc(50% - 55vw);width:260px;height:2100px;transform:rotate(-28deg);opacity:.055}}

.home-page{overflow-x:clip}

.home-page .home-cards-light:after{width:840px;height:3600px}@media(max-width:800px){.home-page .home-cards-light:after{width:520px;height:4200px}}

.home-page .home-cards-light:after{left:calc(50% - 52vw);top:-180px}@media(max-width:800px){.home-page .home-cards-light:after{left:calc(50% - 68vw);top:-140px}}

/* Keep the oversized decoration inside the page rather than extending its scroll height. */
.home-page-frame{display:flow-root;overflow:clip}

/* About: media framing and marketing connections, retaining existing typography. */
.about-designed-hero{position:relative;isolation:isolate}
.about-designed-hero:before{content:'';position:absolute;z-index:-2;inset:0 calc(50% - 50vw);background:radial-gradient(ellipse at 80% 35%,#36332980,transparent 60%),linear-gradient(120deg,#171b1a,#202422 65%,#141716);border-bottom:1px solid #d7b88735}
.about-designed-hero:after{content:'';position:absolute;z-index:-1;inset:0 calc(50% - 50vw);pointer-events:none;background:url('/about-media-marketing.svg') center/cover no-repeat;mask-image:linear-gradient(90deg,#0003,#000)}
.about-designed-hero .hero-copy{position:relative}
.about-designed-hero .eyebrow{border-left:2px solid #d7b887;padding-left:16px}
.about-designed-hero .about-news-photo{overflow:visible}
.about-designed-hero .about-news-photo:after{display:none}
.about-designed-hero .about-news-photo img{border:1px solid #d7b887a6;box-shadow:10px 10px 0 #d7b88714,0 20px 45px #0005}
.about-designed-hero .about-news-photo .caption{color:#d3c9b6}
@media(max-width:800px){.about-designed-hero:after{background-position:65% center;opacity:.6}.about-designed-hero .about-news-photo{margin-bottom:45px}.about-designed-hero .about-news-photo img{box-shadow:6px 6px 0 #d7b88714,0 12px 28px #0004}}

.about-designed-hero .hero-copy>.actions{position:relative;top:28px}

/* Fade the roadmap to fully transparent at its top and bottom boundaries. */
.about-designed-hero:after{mask-image:linear-gradient(90deg,#0003,#000),linear-gradient(to bottom,transparent 0,transparent 12px,#000 48px,#000 calc(100% - 28px),transparent 100%);mask-composite:intersect}

/* Warm ivory closing section with a subtle communication-wave motif. */
.about-page{overflow-x:clip}
.about-page .about-explore,.about-page .contact,.about-page>footer{position:relative;isolation:isolate;color:#191c1b}
.about-page .about-explore:before,.about-page .contact:before,.about-page>footer:before{content:'';position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background-color:#f2eee6;background-image:url('/communication-watermark.svg');background-size:1440px 1000px;background-repeat:no-repeat;background-position:center top}
.about-page .contact:before{background-position:center -430px}
.about-page>footer:before{background-position:center -850px}
.about-page .about-explore{border:0;padding-bottom:50px}
.about-page .about-explore>.eyebrow,.about-page .contact .eyebrow,.about-page .contact-links{color:#806127}
.about-page .about-explore .card{color:#f1eee8}
.about-page .contact p{color:#4b504c}
.about-page .footer{color:#555d57;border-color:#d5cfc3}

.about-page .about-explore:before,.about-page .contact:before,.about-page>footer:before{background-image:linear-gradient(#f2eee6d9,#f2eee6d9),url('/us-roadmap-watermark.webp');background-size:100% 100%,min(1500px,115vw) auto}
.about-page .about-explore:before{background-position:center,center 20px}
.about-page .contact:before{background-position:center,center -360px}
.about-page>footer:before{background-position:center,center -780px}
@media(max-width:800px){.about-page .about-explore:before,.about-page .contact:before,.about-page>footer:before{background-size:100% 100%,auto 1100px}.about-page .about-explore:before{background-position:center,center top}.about-page .contact:before{background-position:center,center -650px}}

/* Keep the map above the footer and fade its lower edge into ivory. */
.about-page .about-explore:before,.about-page .contact:before{background-size:100% 100%,min(1300px,100vw) auto}
.about-page .contact:before{background-image:linear-gradient(to bottom,#f2eee6d9 0%,#f2eee6d9 55%,#f2eee6 100%),url('/us-roadmap-watermark.webp')}
.about-page>footer:before{background-image:none;background-color:#f2eee6}
@media(max-width:800px){.about-page .about-explore:before,.about-page .contact:before{background-size:100% 100%,auto 900px}}

.about-page .about-explore:before,.about-page .contact:before{background-size:100% 100%,min(1420px,108vw) auto}
.about-page .about-explore:before{background-position:center,center -10px}
.about-page .contact:before{background-position:center,center -390px}
@media(max-width:800px){.about-page .about-explore:before,.about-page .contact:before{background-size:100% 100%,auto 980px}.about-page .contact:before{background-position:center,center -680px}}

/* Editorial career chapters: two milestones linking media and marketing. */
.about-page .about-career-chapter{position:relative;isolation:isolate;padding-left:34px;border-bottom:0;column-gap:6%}
.about-page .about-career-chapter:before{content:'';position:absolute;z-index:-2;inset:0 calc(50% - 50vw);background:linear-gradient(120deg,#171a19,#121514)}
.about-page .marketing-career-chapter:before{background:linear-gradient(120deg,#1d211f,#171a19)}
.about-page .about-career-chapter:after{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(#d7b88725,#d7b88785 25%,#d7b88745)}
.about-page .biography-section:after{top:230px}
.about-page .marketing-career-chapter:after{background:linear-gradient(#d7b88745,#d7b88785 30%,transparent)}
.about-page .biography-heading{margin-bottom:55px;padding:10px 0 0}
.about-page .about-career-chapter>div:first-of-type{position:relative;align-self:start;padding:28px 24px;background:linear-gradient(140deg,#292d2a,#202421);border:1px solid #d7b88722;border-top:2px solid #d7b8879c;box-shadow:0 14px 36px #0002}
.about-page .about-career-chapter>div:first-of-type:before{content:'';position:absolute;left:-41px;top:30px;width:12px;height:12px;border:2px solid #d7b887;border-radius:50%;background:#191d1b;box-shadow:0 0 0 5px #d7b8870b}
.about-page .about-career-chapter .background-topics li{white-space:normal}
.about-page .about-career-chapter p:last-child{margin-bottom:0}
@media(max-width:800px){.about-page .about-career-chapter{padding-left:24px;row-gap:30px}.about-page .about-career-chapter>div:first-of-type{padding:24px 20px}.about-page .about-career-chapter>div:first-of-type:before{left:-31px}.about-page .biography-heading{margin-bottom:15px}.about-page .biography-section:after{top:220px}}

/* Cinematic production header, preserving existing type and photo layout. */
.production-hero{position:relative;isolation:isolate}
.production-hero:before{content:'';position:absolute;z-index:-2;inset:0 calc(50% - 50vw);background-color:#171a19;background-image:radial-gradient(ellipse at 75% 28%,#b17b3440,transparent 58%),linear-gradient(115deg,#121615 8%,#252720 65%,#171a19);background-size:140% 140%,100% 100%;background-position:20% 35%,center;animation:production-light-drift 26s ease-in-out infinite alternate;border-bottom:1px solid #d7b88730}
.production-hero:after{content:'';position:absolute;z-index:-1;inset:0 calc(50% - 50vw);pointer-events:none;background:url('/production-viewfinder.svg') center/100% 100% no-repeat}
.production-hero .production-copy{position:relative}
.production-hero .eyebrow{border-left:2px solid #d7b887;padding-left:16px}
.production-hero .production-photo img{border:1px solid #d7b887a6;box-shadow:9px 9px 0 #d7b88712,0 18px 40px #0005}
.production-hero .production-hero-caption{color:#d3c9b6}
@keyframes production-light-drift{from{background-position:20% 35%,center}to{background-position:85% 65%,center}}
@media(prefers-reduced-motion:reduce){.production-hero:before{animation:none}}
@media(max-width:800px){.production-hero:after{background-size:auto 100%;opacity:.7}.production-hero .production-photo img{box-shadow:6px 6px 0 #d7b88712,0 12px 28px #0004}}

/* Frame the combined copy and photo rather than the full viewport. */
.production-hero:after{inset:32px -48px 20px;background-size:100% 100%}
@media(max-width:800px){.production-hero:after{inset:18px -18px 12px;background-size:100% 100%}}

.production-hero:before{background-image:linear-gradient(90deg,#101413d9 0%,#10141380 48%,#10141340 100%),radial-gradient(ellipse at 75% 28%,#b17b3426,transparent 58%),url('/production-studio-background.webp');background-size:100% 100%,140% 140%,cover;background-position:center,20% 35%,center}
@keyframes production-light-drift{from{background-position:center,20% 35%,center}to{background-position:center,85% 65%,center}}

/* A lighting technician and a slow practical-light sweep behind the content. */
.production-hero:before{background-image:linear-gradient(90deg,#10141375 0%,#101413b3 31%,#10141380 53%,#10141340 100%),url('/production-studio-crew.webp');background-size:100% 100%,cover;background-position:center,center;animation:studio-illumination 18s ease-in-out infinite}
.production-hero .studio-light-sweep{position:absolute;z-index:-1;inset:0 calc(50% - 50vw);pointer-events:none;overflow:hidden;contain:paint}
.studio-light-sweep:before{content:'';position:absolute;left:7%;top:15%;width:100%;height:100%;transform-origin:0 0;background:conic-gradient(from 64deg at 0 0,transparent 0deg,#efbc6c00 2deg,#efbc6c25 15deg,#efbc6c08 31deg,transparent 38deg);filter:blur(12px);animation:studio-beam-turn 18s ease-in-out infinite}
.studio-light-sweep:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 7% 16%,#ffe3aa70, #efbb661c 13%,transparent 45%);opacity:0;animation:studio-light-facing 18s ease-in-out infinite}
@keyframes studio-beam-turn{0%,100%{transform:rotate(-17deg);opacity:.15}45%,55%{transform:rotate(19deg);opacity:.9}}
@keyframes studio-light-facing{0%,18%,82%,100%{opacity:0}45%,55%{opacity:.7}}
@keyframes studio-illumination{0%,100%{filter:brightness(.95)}45%,55%{filter:brightness(1.22)}}
@media(prefers-reduced-motion:reduce){.production-hero:before,.studio-light-sweep:before,.studio-light-sweep:after{animation:none}.studio-light-sweep:after{opacity:.15}}

/* Broad, diffused illumination without a visible cone edge. */
.studio-light-sweep:before{left:-20%;top:-35%;width:155%;height:170%;background:radial-gradient(ellipse at 20% 38%,#f0c88a21 0%,#e4b46d14 24%,#dba65f08 48%,transparent 72%);filter:blur(48px);transform-origin:20% 38%}
.studio-light-sweep:after{background:radial-gradient(ellipse at 12% 25%,#ffe5b824 0%,#efc17b12 30%,transparent 72%);filter:blur(28px)}
@keyframes studio-beam-turn{0%,100%{transform:rotate(-12deg) translateX(-3%);opacity:.15}45%,55%{transform:rotate(12deg) translateX(5%);opacity:.8}}
@keyframes studio-light-facing{0%,18%,82%,100%{opacity:.05}45%,55%{opacity:.45}}
@keyframes studio-illumination{0%,100%{filter:brightness(.97)}45%,55%{filter:brightness(1.12)}}

.about-designed-hero .hero-copy>.eyebrow{white-space:nowrap;font-size:clamp(10px,1.25vw,21px);letter-spacing:.08em}@media(max-width:800px){.about-designed-hero .hero-copy>.eyebrow{font-size:clamp(9px,2.55vw,18px);letter-spacing:.04em}}

.bratz-poster-highlights .bratz-poster-description{margin-bottom:0}
.documentary-artwork{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);align-items:start;margin-bottom:0}
.documentary-artwork .production-poster{height:380px;background:transparent;border:0;box-shadow:none}
.documentary-artwork .production-studio{align-self:center;max-width:250px;justify-self:center;border:0;background:transparent;box-shadow:none}
.documentary-artwork figcaption{text-align:center}
@media(max-width:650px){.documentary-artwork .production-poster{height:330px;width:100%}.documentary-artwork .production-studio{max-width:220px}}

.documentary-artwork>.production-studio{align-self:start;justify-self:center;margin-top:120px;background:#f2eee6;filter:brightness(.94) sepia(.14) saturate(.75)}
@media(max-width:650px){.documentary-artwork>.production-studio{align-self:center;margin-top:0}}

/* Film & Video: curated poster showcase and clear career chapters. */
.film-page{overflow-x:clip}
.film-page .poster-showcase-row,.film-page .film-career-timeline,.film-page .film-selected-credits,.film-page .production-set-section{position:relative;isolation:isolate;padding:72px 0;border-bottom:1px solid #d7b8872b}
.film-page .poster-showcase-row:before,.film-page .film-career-timeline:before,.film-page .film-selected-credits:before,.film-page .production-set-section:before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:#171a19}
.film-page .bratz-poster-highlights:before{background:linear-gradient(120deg,#20231f,#191c1a)}
.film-page .film-showcase-label{text-align:center;margin:0 0 52px}
.film-page .poster-showcase-row .production-artwork-three{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr) minmax(0,1fr);gap:32px;max-width:1050px;margin:0 auto;align-items:start}
.film-page .poster-showcase-row .film-poster-feature{width:100%;max-width:none;text-align:center}
.film-page .poster-showcase-row .production-poster{height:400px;width:100%;max-width:100%;object-fit:contain;justify-self:center;background:transparent;border:0;box-shadow:none;filter:drop-shadow(0 14px 18px #0005)}
.film-page .poster-showcase-row .production-artwork-three>.production-studio{width:100%;max-width:210px;height:120px;object-fit:contain;align-self:start;justify-self:center;margin:140px auto 0;border:0;box-shadow:none;background:transparent}
.film-page .poster-showcase-row .film-poster-feature h3{margin:26px 0 14px;min-height:2.6em;display:flex;align-items:center;justify-content:center}
.film-page .poster-showcase-row .film-poster-feature p{max-width:40ch;margin:0 auto;line-height:1.65;color:#c0c2bb}
.film-page .bratz-poster-description{max-width:850px;margin:30px auto 0;text-align:center}
.film-page .bratz-poster-description h3{margin-bottom:14px}
.film-page .bratz-poster-description p{margin:0 auto;color:#c0c2bb}
.film-page .film-career-timeline:before{background:linear-gradient(120deg,#20241f,#191d1b)}
.film-page .film-career-timeline>.eyebrow{margin-bottom:44px}
.film-page .film-career-timeline .experience{position:relative;max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:0;padding-left:36px}
.film-page .film-career-timeline .experience:before{content:'';position:absolute;top:28px;bottom:32px;left:8px;width:1px;background:linear-gradient(#d7b88799,#d7b88755 80%,transparent)}
.film-page .film-career-timeline article{position:relative;padding:28px 30px;border-top:0;border-bottom:1px solid #d7b88720;text-align:center}
.film-page .film-career-timeline article:last-child{border-bottom:0}
.film-page .film-career-timeline article:before{content:'';position:absolute;left:-34px;top:34px;width:13px;height:13px;border:2px solid #d7b887;border-radius:50%;background:#20241f;box-shadow:0 0 0 5px #d7b8870b}
.film-page .film-career-timeline .meta{margin-bottom:12px}
.film-page .film-career-timeline article h3{margin-bottom:14px}
.film-page .film-career-timeline article p{margin:0 auto;max-width:740px}
.film-page .film-selected-credits:before{background:#141716}
.film-page .film-selected-credits .credits-heading{margin-bottom:48px}
.film-page .film-selected-credits .credits-heading h2{margin-bottom:0}
.film-page .film-selected-credits .credit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:stretch}
.film-page .film-selected-credits .credit-category{padding:28px 30px 10px;border:1px solid #d7b88724;border-top:2px solid #d7b88780;background:#1c201d}
.film-page .film-selected-credits .credit-category .num{margin-bottom:12px}
.film-page .film-selected-credits .credit-list{margin:24px 0 0}
.film-page .film-selected-credits .credit-list li{padding:20px 0;border-color:#d7b88724;line-height:1.5}
.film-page .film-selected-credits .credit-list span{margin-top:10px;color:#bfc3ba}
.film-page .film-selected-credits>.actions{justify-content:center;margin-top:44px}
.film-page .production-set-section:before{background:linear-gradient(120deg,#1d211e,#151917)}
.film-page .production-set-section>.eyebrow,.film-page .production-set-section>h2{text-align:center}
.film-page .production-set-section>h2{margin-bottom:46px}
.film-page .production-set-section .bts-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 30px;align-items:start}
.film-page .production-set-section .bts-gallery figure{min-width:0}
.film-page .production-set-section .bts-gallery a{background:#101411;border:1px solid #d7b88740;overflow:hidden}
.film-page .production-set-section .bts-gallery img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:0;background:#101411}
.film-page .production-set-section .bts-gallery figcaption{margin:15px auto 0;max-width:48ch;text-align:center;color:#c1c5bb;letter-spacing:0}
.film-page .contact,.film-page>footer{position:relative;isolation:isolate;color:#191c1b}
.film-page .contact:before,.film-page>footer:before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-2;background:#f2eee6}
.film-page .contact:after{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:linear-gradient(#f2eee6a8,#f2eee6),url('/production-studio-background.webp') center 58%/cover;opacity:.13;filter:grayscale(1);pointer-events:none}
.film-page .contact .eyebrow,.film-page .contact-links{color:#806127}
.film-page .contact p{color:#4b504c}
.film-page .footer{color:#555d57;border-color:#d5cfc3}
@media(max-width:1000px) and (min-width:651px){.film-page .poster-showcase-row .production-poster{height:340px}.film-page .poster-showcase-row .production-artwork-three{gap:22px}.film-page .poster-showcase-row .production-artwork-three>.production-studio{height:100px;margin-top:120px}}
@media(max-width:800px){.film-page .poster-showcase-row,.film-page .film-career-timeline,.film-page .film-selected-credits,.film-page .production-set-section{padding:52px 0}.film-page .film-selected-credits .credit-grid,.film-page .production-set-section .bts-gallery{grid-template-columns:1fr;gap:30px}.film-page .film-selected-credits .credit-category{padding:24px 22px 8px}.film-page .film-career-timeline .experience{padding-left:25px}.film-page .film-career-timeline .experience:before{left:4px}.film-page .film-career-timeline article{padding:24px 10px}.film-page .film-career-timeline article:before{left:-27px;top:30px}}
@media(max-width:650px){.film-page .poster-showcase-row .production-artwork-three{display:flex;flex-direction:column;align-items:center;gap:32px}.film-page .poster-showcase-row .production-poster{height:340px;width:100%}.film-page .poster-showcase-row .film-poster-feature{max-width:440px}.film-page .poster-showcase-row .production-artwork-three>.production-studio{height:100px;max-width:190px;margin:0 auto;align-self:center}.film-page .poster-showcase-row .film-poster-feature h3{min-height:0;margin-top:20px}.film-page .film-showcase-label{margin-bottom:36px}.film-page .bratz-poster-description{margin-top:30px}}

/* Ivory interlude for professional experience. */
.film-page .film-career-timeline{color:#202522;border-bottom-color:#d5cfc3}
.film-page .film-career-timeline:before{background:#f2eee6}
.film-page .film-career-timeline>.eyebrow,.film-page .film-career-timeline .meta{color:#806127}
.film-page .film-career-timeline article p{color:#4b504c}
.film-page .film-career-timeline article{border-bottom-color:#d5cfc3}
.film-page .film-career-timeline .experience:before{background:linear-gradient(#a6844e,#b4976666 80%,transparent)}
.film-page .film-career-timeline article:before{background:#f2eee6;border-color:#a6844e;box-shadow:0 0 0 5px #a6844e12}

/* Quiet storyboard artwork at the edges of the ivory career section. */
.film-page .film-career-timeline:after{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;background:url('/storyboard-watermark.webp') center/100% auto no-repeat;opacity:.1}
@media(max-width:800px){.film-page .film-career-timeline:after{background-size:auto 100%;opacity:.065}}

.film-page .film-career-timeline:after{display:none}
.film-page .film-development-section{position:relative;isolation:isolate}
.film-page .film-development-section:before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;background:url('/storyboard-oversized-script.webp') center/100% auto no-repeat;filter:invert(.85) sepia(.15);opacity:.14}
@media(max-width:800px){.film-page .film-development-section:before{background-size:auto 100%;opacity:.09}}

/* Restored aircraft still behind the Flight/Boston poster row. */
.film-page .production-highlights-before-experience:before{background:linear-gradient(180deg,#11171666 0%,#11171688 48%,#171a19f5 100%),url('/flight-aircraft-background.webp') center 40%/cover no-repeat}

/* Ivory development section with legible graphite storyboard concepts. */
.film-page .film-development-section{color:#202522;border-bottom-color:#d5cfc3}
.film-page .film-development-section:before{z-index:-2;background:#f2eee6;filter:none;opacity:1}
.film-page .film-development-section:after{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;background:url('/storyboard-oversized-script.webp') center/100% auto no-repeat;opacity:.19}
.film-page .film-development-section p,.film-page .film-development-section .production-memory figcaption{color:#4b504c}
.film-page .film-development-section h2 em,.film-page .film-development-section .num{color:#806127}
.film-page .film-development-section .service{border-top-color:#a6844e}
.film-page .film-development-section .production-memory img{border-color:#d3c7b3}
@media(max-width:800px){.film-page .film-development-section:after{background-size:auto 100%;opacity:.14}}

/* White poster frames and a gently softened aircraft backdrop. */
.film-page .production-highlights-before-experience .production-poster,.film-page .documentary-poster-highlights .production-poster{width:auto;max-width:100%;border:3px solid #fff;box-sizing:border-box}
.film-page .production-highlights-before-experience:before{filter:blur(3px);clip-path:inset(0)}

/* Raise the New Line mark beneath the section label, above the aircraft. */
.film-page .production-highlights-before-experience .production-artwork-three>.production-studio{margin:-24px auto 0}
@media(max-width:650px){.film-page .production-highlights-before-experience .production-artwork-three>.production-studio{order:-1;margin:0 auto}}

/* Give the raised New Line logo a little more presence. */
.film-page .production-highlights-before-experience .production-artwork-three>.production-studio{max-width:232px;height:132px;margin:-26px auto 0}
@media(max-width:1000px) and (min-width:651px){.film-page .production-highlights-before-experience .production-artwork-three>.production-studio{height:112px}}
@media(max-width:650px){.film-page .production-highlights-before-experience .production-artwork-three>.production-studio{max-width:210px;height:112px;margin:0 auto}}

/* Cinematic backgrounds for animation and documentary showcases. */
.film-page .bratz-poster-highlights:before{background:linear-gradient(180deg,#171a1970 0%,#171a197d 48%,#171a19f2 100%),url('/bratz-rock-stage-distinct-drummer.webp') center 40%/cover no-repeat;filter:blur(3px);clip-path:inset(0)}
.film-page .documentary-poster-highlights:before{background:linear-gradient(180deg,#11171685 0%,#11171680 50%,#171a19f5 100%),url('/mount-carmel-rich-color.webp') center 55%/cover no-repeat;filter:blur(3px);clip-path:inset(0)}

/* Tune showcase atmosphere and enlarge the three centered distributor marks. */
.film-page .bratz-poster-highlights:before{background:linear-gradient(180deg,#171a1950 0%,#171a195e 48%,#171a19ef 100%),url('/bratz-rock-stage-distinct-drummer.webp') center 40%/cover no-repeat;filter:blur(2px)}
.film-page .documentary-poster-highlights:before{background:linear-gradient(180deg,#111716ae 0%,#111716ad 50%,#171a19f7 100%),url('/mount-carmel-rich-color.webp') center 55%/cover no-repeat}
.film-page .poster-showcase-row .production-artwork-three>.production-studio{position:relative;z-index:1;width:300px;max-width:none;height:172px;margin:95px auto 0;filter:drop-shadow(0 4px 12px #0006)}
.film-page .production-highlights-before-experience .production-artwork-three>.production-studio{width:300px;max-width:none;height:172px;margin:0 auto}
@media(max-width:1000px) and (min-width:651px){.film-page .poster-showcase-row .production-artwork-three>.production-studio{width:250px;height:144px;margin-top:80px}.film-page .production-highlights-before-experience .production-artwork-three>.production-studio{height:144px;margin-top:0}}
@media(max-width:650px){.film-page .poster-showcase-row .production-artwork-three>.production-studio{order:-1;width:240px;max-width:90%;height:138px;margin:0 auto;align-self:center}.film-page .production-highlights-before-experience .production-artwork-three>.production-studio{max-width:90%;height:138px;margin:0 auto}}

/* Center distributor logos horizontally and vertically between poster frames. */
.film-page .poster-showcase-row .production-artwork-three>.production-studio,.film-page .production-highlights-before-experience .production-artwork-three>.production-studio{justify-self:center;margin:114px 0 0}
@media(max-width:1000px) and (min-width:651px){.film-page .poster-showcase-row .production-artwork-three>.production-studio,.film-page .production-highlights-before-experience .production-artwork-three>.production-studio{margin:98px 0 0}}
@media(max-width:650px){.film-page .poster-showcase-row .production-artwork-three>.production-studio,.film-page .production-highlights-before-experience .production-artwork-three>.production-studio{margin:0;align-self:center}}

/* Gold trim matching the portfolio accent around distributor logos. */
.film-page .poster-showcase-row .production-artwork-three>.production-studio{border:2px solid #d7b887;box-sizing:border-box}

/* Trial split feature: posters and captions left, sharp aircraft right. */
.film-page .film-split-showcase{position:relative;padding:64px 0 72px;isolation:isolate}
.film-page .film-split-showcase:before{background:#171a19;filter:none;clip-path:none}
.film-page .film-split-left{position:relative;z-index:2;width:56%;padding-right:28px;box-sizing:border-box}
.film-page .film-split-left .film-showcase-label{margin-bottom:24px;text-align:center}
.film-page .split-studio-logo{display:block;width:230px;height:130px;object-fit:contain;margin:0 auto 32px;border:2px solid #d7b887;box-sizing:border-box}
.film-page .film-split-posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.film-page .film-split-posters .production-poster{height:320px;width:auto;max-width:100%;object-fit:contain}
.film-page .film-split-posters .film-poster-feature h3{min-height:3.2em;margin:22px 0 12px}
.film-page .film-split-posters .film-poster-feature p{max-width:100%;margin:0 auto}
.film-page .film-split-aircraft{position:absolute;z-index:0;top:0;bottom:0;right:calc(50% - 50vw);width:calc(46% + 50vw - 50%);overflow:hidden;background:#d7b887;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.film-page .film-split-aircraft img{display:block;width:100%;height:100%;object-fit:cover;object-position:52% center;filter:none;clip-path:polygon(calc(18% + 3px) 0,100% 0,100% 100%,3px 100%)}
@media(max-width:900px){.film-page .film-split-left{width:100%;padding-right:0}.film-page .film-split-aircraft{position:relative;right:auto;width:calc(100% + 40px);margin:36px -20px -72px;height:360px;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}.film-page .film-split-aircraft img{clip-path:polygon(0 calc(12% + 3px),100% 3px,100% 100%,0 100%);object-position:center 45%}.film-page .film-split-posters{max-width:680px;margin:0 auto}}
@media(max-width:550px){.film-page .film-split-posters{grid-template-columns:1fr;gap:38px}.film-page .film-split-posters .film-poster-feature{max-width:400px;margin:0 auto}.film-page .film-split-posters .film-poster-feature h3{min-height:0}.film-page .film-split-aircraft{height:280px}.film-page .split-studio-logo{width:210px;height:120px}}

/* Wider cinematic image with a soft, stronger diagonal merge. */
.film-page .film-split-left{margin-left:clamp(-220px,calc((1376px - 100vw)/2),0px)}
.film-page .film-split-aircraft{width:62vw;background:#0b1726;clip-path:none;-webkit-mask-image:linear-gradient(115deg,transparent 3%,#000 30%);mask-image:linear-gradient(115deg,transparent 3%,#000 30%)}
.film-page .film-split-aircraft img{width:94%;margin-left:6%;object-fit:contain;object-position:center;clip-path:none;filter:none}
@media(max-width:1200px) and (min-width:901px){.film-page .film-split-aircraft{width:54vw}.film-page .film-split-left{width:52%;padding-right:20px}}
@media(max-width:900px){.film-page .film-split-left{margin-left:0;width:100%}.film-page .film-split-aircraft{width:calc(100% + 40px);height:auto;aspect-ratio:3/2;background:#0b1726;-webkit-mask-image:linear-gradient(165deg,transparent 0%,#000 25%);mask-image:linear-gradient(165deg,transparent 0%,#000 25%)}.film-page .film-split-aircraft img{width:100%;margin-left:0;height:100%;object-fit:contain;clip-path:none}}

/* Broad graduated merge of the sky into the poster charcoal. */
.film-page .film-split-aircraft{background:transparent;-webkit-mask-image:none;mask-image:none}
.film-page .film-split-aircraft img{-webkit-mask-image:linear-gradient(115deg,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.28) 23%,rgba(0,0,0,.56) 38%,rgba(0,0,0,.83) 53%,#000 70%),linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(115deg,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.28) 23%,rgba(0,0,0,.56) 38%,rgba(0,0,0,.83) 53%,#000 70%),linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-composite:intersect}
@media(max-width:900px){.film-page .film-split-aircraft{background:transparent;-webkit-mask-image:none;mask-image:none}.film-page .film-split-aircraft img{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 18%,#000 40%,#000 85%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 18%,#000 40%,#000 85%,transparent 100%)}}

/* Match the Flight and Boston poster dimensions. */
.film-page .film-split-posters .production-poster{width:254px;max-width:100%;height:320px;object-fit:fill}

/* Mirrored Bratz showcase: concert left, DVD covers and individual captions right. */
.film-page .bratz-split-showcase{position:relative;isolation:isolate;padding:64px 0 72px}
.film-page .bratz-split-showcase:before{background:#171a19;filter:none;clip-path:none}
.film-page .bratz-split-right{position:relative;z-index:2;width:56%;margin-left:44%;padding-left:28px;box-sizing:border-box;transform:translateX(clamp(0px,calc((100vw - 1376px)/2),220px))}
.film-page .bratz-split-right .film-showcase-label{text-align:center;margin-bottom:24px}
.film-page .bratz-split-right .production-poster{object-fit:contain;border:0;background:transparent}
.film-page .bratz-split-scene{position:absolute;z-index:0;top:0;bottom:0;left:calc(50% - 50vw);width:62vw;pointer-events:none}
.film-page .bratz-split-scene img{display:block;width:94%;margin-right:6%;height:100%;object-fit:contain;filter:none;-webkit-mask-image:linear-gradient(245deg,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.28) 23%,rgba(0,0,0,.56) 38%,rgba(0,0,0,.83) 53%,#000 70%),linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(245deg,transparent 0%,rgba(0,0,0,.08) 10%,rgba(0,0,0,.28) 23%,rgba(0,0,0,.56) 38%,rgba(0,0,0,.83) 53%,#000 70%),linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-composite:intersect}
@media(max-width:1200px) and (min-width:901px){.film-page .bratz-split-right{width:52%;margin-left:48%;padding-left:20px}.film-page .bratz-split-scene{width:54vw}}
@media(max-width:900px){.film-page .bratz-split-right{width:100%;margin-left:0;padding-left:0;transform:none}.film-page .bratz-split-scene{position:relative;left:auto;width:calc(100% + 40px);margin:-64px -20px 32px;aspect-ratio:16/9}.film-page .bratz-split-scene img{width:100%;margin:0;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 65%,transparent 100%)}}

/* Clean image columns with clear breathing room and no fades. */
.film-page .film-split-showcase,.film-page .bratz-split-showcase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;width:100vw;margin-left:calc(50% - 50vw);padding:64px 48px 72px;box-sizing:border-box;align-items:center}
.film-page .film-split-left,.film-page .bratz-split-right{width:100%;max-width:640px;margin:0;padding:0;transform:none;justify-self:center}
.film-page .film-split-aircraft,.film-page .bratz-split-scene{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;margin:0;background:transparent;clip-path:none;align-self:center;-webkit-mask:none;mask:none}
.film-page .film-split-aircraft img,.film-page .bratz-split-scene img{display:block;width:100%;height:auto;margin:0;object-fit:contain;clip-path:none;filter:none;-webkit-mask:none;mask:none}
@media(max-width:1100px){.film-page .film-split-showcase,.film-page .bratz-split-showcase{gap:48px;padding-left:28px;padding-right:28px}}
@media(max-width:900px){.film-page .film-split-showcase,.film-page .bratz-split-showcase{grid-template-columns:1fr;gap:48px;padding:52px 24px}.film-page .film-split-aircraft,.film-page .bratz-split-scene{width:100%;max-width:900px;justify-self:center;margin:0}.film-page .film-split-left,.film-page .bratz-split-right{width:100%;margin:0;padding:0;transform:none}}

/* Give each feature image more room while preserving the clear gap. */
.film-page .film-split-showcase{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:56px;padding-left:32px;padding-right:20px}
.film-page .bratz-split-showcase{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:56px;padding-left:20px;padding-right:32px}
.film-page .film-split-aircraft,.film-page .bratz-split-scene{align-self:center;justify-self:center}
@media(max-width:1100px) and (min-width:901px){.film-page .film-split-showcase,.film-page .bratz-split-showcase{gap:40px;padding-left:24px;padding-right:24px}}
@media(max-width:900px){.film-page .film-split-showcase,.film-page .bratz-split-showcase{grid-template-columns:1fr;gap:40px;padding-left:20px;padding-right:20px}}

/* Match image frames and draw them 48px closer to their poster groups. */
.film-page .film-split-aircraft,.film-page .bratz-split-scene{aspect-ratio:3/2}
.film-page .film-split-aircraft{transform:translateX(-48px)}
.film-page .bratz-split-scene{transform:translateX(48px)}
.film-page .film-split-aircraft img,.film-page .bratz-split-scene img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:1100px) and (min-width:901px){.film-page .film-split-aircraft{transform:translateX(-24px)}.film-page .bratz-split-scene{transform:translateX(24px)}}
@media(max-width:900px){.film-page .film-split-aircraft,.film-page .bratz-split-scene{transform:none;aspect-ratio:3/2}}

/* Preserve the full concert image, including guitar and footwear. */
.film-page .bratz-split-scene img{object-fit:contain;object-position:center}

/* Fit the full Glitz title on one line within its cover column. */
.film-page .bratz-split-right .film-poster-feature{container-type:inline-size}
.film-page .bratz-split-right .film-poster-feature .bratz-glitz-title{white-space:nowrap;font-size:clamp(10px,5cqw,21px);min-height:67.2px}
@media(max-width:550px){.film-page .bratz-split-right .film-poster-feature .bratz-glitz-title{min-height:0}}

/* Full-size matching Bratz titles, with wider caption columns. */
.film-page .bratz-split-showcase{grid-template-columns:minmax(0,1fr) minmax(720px,1fr);padding-right:16px}
.film-page .bratz-split-right{max-width:none}
.film-page .bratz-split-right .film-poster-feature{container-type:normal}
.film-page .bratz-split-right .film-poster-feature h3,.film-page .bratz-split-right .film-poster-feature .bratz-glitz-title{font-size:var(--site-text-size);white-space:nowrap;min-height:2.6em;line-height:1.4;margin:22px 0 12px;display:flex;align-items:center;justify-content:center}
@media(max-width:1200px){.film-page .bratz-split-showcase{grid-template-columns:1fr;padding:52px 24px;gap:40px}.film-page .bratz-split-right{max-width:850px;width:100%;margin:0;transform:none}.film-page .bratz-split-scene{max-width:850px;width:100%;transform:none}.film-page .bratz-split-right .film-split-posters{max-width:none}}
@media(max-width:550px){.film-page .bratz-split-right .film-poster-feature h3,.film-page .bratz-split-right .film-poster-feature .bratz-glitz-title{min-height:0}}

@media(max-width:750px){.film-page .bratz-split-right .film-split-posters{grid-template-columns:1fr;gap:38px}.film-page .bratz-split-right .film-poster-feature{max-width:440px;margin:0 auto}}

/* A gold bridge connects the two Bratz releases in the cover gap. */
.film-page .bratz-split-right .film-split-posters{position:relative;isolation:isolate}
.film-page .bratz-split-right .film-split-posters:before{content:'';position:absolute;left:50%;top:160px;width:calc(50% - 236px);height:2px;transform:translateX(-50%);background:linear-gradient(90deg,#d7b88766,#d7b887,#d7b88766);pointer-events:none;z-index:-1}
.film-page .bratz-split-right .film-split-posters:after{content:'';position:absolute;left:50%;top:156px;width:8px;height:8px;transform:translateX(-50%) rotate(45deg);background:#d7b887;box-shadow:0 0 14px #d7b88733;pointer-events:none;z-index:-1}
@media(max-width:750px){.film-page .bratz-split-right .film-split-posters:before,.film-page .bratz-split-right .film-split-posters:after{display:none}}

/* Lighter charcoal for the Bratz section, matching the reference. */
.film-page .bratz-split-showcase:before{background:#1c201d}

/* Quiet reading surface beneath the documentary artwork. */
.film-page .documentary-poster-highlights:after{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-2;background:#171a19;pointer-events:none}
.film-page .documentary-poster-highlights:before{bottom:auto;height:496px}
.film-page .documentary-poster-highlights .film-poster-feature figcaption{background:#171a19;padding:26px 24px 8px;margin-top:24px}
.film-page .documentary-poster-highlights .film-poster-feature h3{text-align:center;margin:0 0 18px;color:#f1eee8}
.film-page .documentary-poster-highlights .film-poster-feature p{color:#f1eee8;text-align:left;line-height:1.8;max-width:40ch;margin:0 auto}
@media(max-width:1000px) and (min-width:651px){.film-page .documentary-poster-highlights:before{height:436px}.film-page .documentary-poster-highlights .film-poster-feature figcaption{padding:24px 16px 8px}}
@media(max-width:650px){.film-page .documentary-poster-highlights:before{height:416px}.film-page .documentary-poster-highlights .film-poster-feature figcaption{padding:24px 14px 8px}}

/* Two broad reading columns, with Discovery above rather than consuming a column. */
.film-page .documentary-studio-logo{display:block;width:270px;height:152px;object-fit:contain;margin:0 auto 36px;border:2px solid #d7b887;box-sizing:border-box}
.film-page .documentary-poster-highlights .production-artwork-three{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1250px;gap:64px}
.film-page .documentary-poster-highlights .film-poster-feature figcaption{padding:26px 12px 8px}
.film-page .documentary-poster-highlights .film-poster-feature p{max-width:100%;width:100%}
.film-page .documentary-poster-highlights:before{height:684px}
@media(max-width:1000px) and (min-width:651px){.film-page .documentary-poster-highlights .production-artwork-three{gap:36px}.film-page .documentary-poster-highlights:before{height:624px}}
@media(max-width:650px){.film-page .documentary-studio-logo{width:240px;height:136px;margin-bottom:32px}.film-page .documentary-poster-highlights .production-artwork-three{gap:40px}.film-page .documentary-poster-highlights:before{height:584px}.film-page .documentary-poster-highlights .film-poster-feature figcaption{padding:24px 4px 8px}}

/* Reveal more of Mount Carmel beneath the documentary posters. */
.film-page .documentary-poster-highlights:before{height:748px;background-position:center 62%}
.film-page .documentary-poster-highlights .film-poster-feature figcaption{margin-top:88px}
@media(max-width:1000px) and (min-width:651px){.film-page .documentary-poster-highlights:before{height:688px}}
@media(max-width:650px){.film-page .documentary-poster-highlights:before{height:632px}.film-page .documentary-poster-highlights .film-poster-feature figcaption{margin-top:72px}}

/* Slightly lift the Mount Carmel background exposure. */
.film-page .documentary-poster-highlights:before{filter:blur(3px) brightness(1.15)}

/* Production notebook treatment for selected credits. */
.film-page .film-selected-credits{color:#252b27;border-bottom-color:#d3c7b3}
.film-page .film-selected-credits:before{background:#f2eee6;z-index:-2}
.film-page .film-selected-credits:after{content:'';position:absolute;inset:0 calc(50% - 50vw);background:url('/credits-notebook-marks.svg') center top/100% 100% no-repeat;opacity:.23;z-index:-1;pointer-events:none}
.film-page .film-selected-credits .credits-heading{text-align:center;margin-bottom:48px}
.film-page .film-selected-credits .eyebrow,.film-page .film-selected-credits .num{color:#806127}
.film-page .film-selected-credits .credit-grid{gap:36px}
.film-page .film-selected-credits .credit-category{position:relative;background:#faf8f2;border:1px solid #d9d0c1;border-top:3px solid #b18a4e;padding:32px 34px 14px;box-shadow:0 8px 26px #42382608}
.film-page .film-selected-credits .credit-emblem{position:absolute;right:28px;top:27px;width:38px;height:38px;color:#92713e}
.film-page .film-selected-credits .credit-category .num{display:block;padding-right:42px;letter-spacing:.13em}
.film-page .film-selected-credits .credit-category h3{padding-right:34px;color:#252b27}
.film-page .film-selected-credits .credit-list li{font-weight:600;color:#252b27;padding:21px 0;border-color:#d9d0c1;line-height:1.55}
.film-page .film-selected-credits .credit-list span{display:block;font-weight:400;color:#4b504c;margin-top:9px;line-height:1.7}
.film-page .film-selected-credits .credit-list a{text-decoration:underline;text-decoration-color:#b18a4e;text-underline-offset:3px}
.film-page .film-selected-credits .production-memory-pair:empty{display:none}
@media(max-width:800px){.film-page .film-selected-credits .credit-grid{gap:28px}.film-page .film-selected-credits .credit-category{padding:28px 22px 10px}.film-page .film-selected-credits .credit-emblem{right:20px;top:24px;width:32px;height:32px}.film-page .film-selected-credits:after{background-size:auto 100%;opacity:.14}}

/* Matching gold image frames. */
.film-page .film-split-aircraft img,.film-page .bratz-split-scene img{border:2px solid #d7b887;box-sizing:border-box}

/* Keep the selected credits background free of script decorations. */
.film-page .film-selected-credits:after{display:none}

/* Restore restrained production notation without screenplay sheets. */
.film-page .film-selected-credits:after{display:block}

/* Preserve restored color and definition without the exposure boost. */
.film-page .documentary-poster-highlights:before{filter:blur(1.5px)}

/* Full-frame behind-the-scenes images with fine white borders. */
.film-page .production-set-section .bts-gallery a{display:block;border:1px solid #fff;background:transparent}
.film-page .production-set-section .bts-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:transparent}
.film-page .production-set-section .archive-newspaper{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:#eee9db;color:#302e29;padding:14px;font-family:Georgia,serif;text-align:left}
.film-page .archive-paper-label{display:block;font-family:monospace;font-size:9px;letter-spacing:.12em;border-bottom:1px solid #595348;padding-bottom:5px}
.film-page .archive-paper-headline{display:block;font-size:clamp(14px,1.65vw,24px);font-weight:700;line-height:1.2;padding:8px 0;border-bottom:1px solid #595348}
.film-page .archive-paper-columns{position:absolute;inset:88px 14px 12px;column-count:3;column-gap:15px;font-size:12px;line-height:1.45;text-align:justify;overflow:hidden}
.film-page .production-set-section .bts-gallery .archive-newspaper img{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:88%;height:86%;aspect-ratio:auto;object-fit:contain;background:transparent;border:0;filter:drop-shadow(0 3px 4px #0003)}
@media(max-width:800px){.film-page .archive-paper-headline{font-size:22px}.film-page .archive-paper-columns{font-size:12px}}

/* White storytelling chapter with its existing dark topic panel. */
.about-page .biography-section:before{background:#fff}
.about-page .biography-section{color:#252b27}
.about-page .biography-section .biography-heading{color:#252b27}
.about-page .biography-section>div:last-child p{color:#4b504c}
.about-page .biography-section>div:last-child a{color:#806127}
.about-page .biography-section>div:first-of-type{color:#f1eee8}

/* Campaign planning atmosphere around the Marketing hero. */
.marketing-hero{position:relative;isolation:isolate}
.marketing-hero:before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 85% 20%,#38372b44,transparent 55%),linear-gradient(#d7b88708 1px,transparent 1px),linear-gradient(90deg,#d7b88708 1px,transparent 1px),#171b19;background-size:auto,64px 64px,64px 64px,auto}
.marketing-hero:after{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;background:url('/marketing-campaign-map.svg') center/100% 100% no-repeat;opacity:.75}
.marketing-hero .marketing-hero-copy,.marketing-hero .marketing-booth-photo{position:relative;z-index:1}
.marketing-hero .marketing-booth-photo img{box-shadow:0 18px 45px #0004}
@media(max-width:800px){.marketing-hero:before{background-size:auto,44px 44px,44px 44px,auto}.marketing-hero:after{opacity:.35;background-size:auto 100%;background-position:70% center}}

/* Warm agency workspace beneath the campaign planning overlay. */
.marketing-hero:before{background:linear-gradient(90deg,#131916c7 0%,#131916b0 44%,#13191675 100%),linear-gradient(#d7b88708 1px,transparent 1px),linear-gradient(90deg,#d7b88708 1px,transparent 1px),url('/marketing-agency-workspace.webp') center/cover no-repeat;background-size:auto,64px 64px,64px 64px,cover}
@media(max-width:800px){.marketing-hero:before{background-size:auto,44px 44px,44px 44px,cover;background-position:center,center,center,65% center}}

/* Ivory strategy and services chapter. */
#expertise{position:relative;isolation:isolate;color:#252b27;border-color:#d5cfc3}
#expertise:before{content:'';position:absolute;inset:0 calc(50% - 50vw);background:#f2eee6;z-index:-1;pointer-events:none}
#expertise h2,#expertise h3{color:#252b27}
#expertise h2 em,#expertise .num{color:#806127}
#expertise p{color:#4b504c}
#expertise .service{border-color:#b18a4e80}
#expertise .marketing-case-study-invitation{color:#4b504c;border-color:#b18a4e66}
#expertise a{color:#806127;text-decoration:underline;text-underline-offset:3px}

/* Connected marketing service wheels */
.marketing-wheel-system{margin:32px 0 42px}.wheel-instruction{text-align:center;color:#806127!important;margin-bottom:30px}.service-wheels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;align-items:start}.service-wheel{appearance:none;background:transparent;border:0;padding:0 2px;color:#806127;cursor:pointer;min-width:0;text-align:center;font:inherit;border-radius:8px}.wheel-number{display:block;font-size:12px;letter-spacing:.09em;min-height:30px;color:#806127}.wheel-face{display:block;position:relative;aspect-ratio:1}.wheel-rotor{display:block;width:100%;height:100%;overflow:visible;will-change:transform}.wheel-label{position:absolute;inset:30% 19%;display:flex;align-items:center;justify-content:center;font-size:21px;line-height:1.15;color:#252b27;font-weight:500}.service-wheel:hover .wheel-label,.service-wheel[aria-pressed=true] .wheel-label{color:#806127}.service-wheel[aria-pressed=true] .wheel-face{background:radial-gradient(circle,#d7b88722 0%,transparent 68%)}.service-wheel:focus-visible{outline:2px solid #806127;outline-offset:6px}.wheel-details{max-width:830px;min-height:175px;margin:35px auto 0;text-align:center;border-top:1px solid #b18a4e77;padding:25px 24px 0}.wheel-detail h3{margin:0 0 12px}.wheel-detail p{margin:0;line-height:1.65}.wheel-detail[hidden]{display:none}
@media(max-width:1250px){.service-wheels{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 0;max-width:850px;margin:auto}.wheel-face{max-width:270px;margin:auto}.wheel-details{min-height:160px}}
@media(max-width:600px){.service-wheels{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.wheel-label{font-size:18px;inset:29% 18%}.wheel-number{font-size:10px;letter-spacing:.06em}.wheel-details{padding:24px 0 0;min-height:230px}.wheel-instruction{font-size:18px}}
@media(prefers-reduced-motion:reduce){.wheel-rotor{will-change:auto}}

/* Roomier service wheels on a charcoal stage */
#expertise .marketing-wheel-system{background:#171d1a;width:100vw;margin:38px 0 44px calc(50% - 50vw);padding:44px clamp(24px,4vw,80px) 34px;box-sizing:border-box;color:#f2eee6}
#expertise .wheel-instruction{color:#d7b887!important;margin-bottom:34px}
#expertise .service-wheels{gap:24px;max-width:1700px;margin-inline:auto}
#expertise .wheel-face{max-width:300px;margin-inline:auto}
#expertise .wheel-number{color:#d7b887}
#expertise .service-wheel{color:#b99a67;padding:0}
#expertise .wheel-label{color:#f2eee6}
#expertise .service-wheel:hover .wheel-label,#expertise .service-wheel[aria-pressed=true] .wheel-label{color:#e7c995}
#expertise .service-wheel:focus-visible{outline-color:#d7b887}
#expertise .wheel-details{border-color:#d7b88766;margin-top:38px}
#expertise .wheel-detail h3{color:#f2eee6}
#expertise .wheel-detail p{color:#deded4}
@media(min-width:1251px) and (max-width:1500px){#expertise .service-wheels{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;gap:34px 48px}}
@media(min-width:601px) and (max-width:1250px){#expertise .service-wheels{max-width:1000px;gap:34px 38px}}
@media(max-width:600px){#expertise .marketing-wheel-system{padding:34px 18px 24px}#expertise .service-wheels{gap:28px 18px}#expertise .wheel-label{inset:28% 17%}#expertise .wheel-details{margin-top:30px}}

/* Center every service description beneath the wheels */
#expertise .wheel-details{width:100%;max-width:830px;box-sizing:border-box;margin-left:auto;margin-right:auto;text-align:center}
#expertise .wheel-detail,#expertise .wheel-detail h3,#expertise .wheel-detail p{width:100%;max-width:none;box-sizing:border-box;text-align:center;margin-left:auto;margin-right:auto}
#expertise .marketing-case-study-invitation{text-align:center;margin-left:auto;margin-right:auto}

/* Consistent ivory contact sections and footer across all pages */
body #contact{position:relative;isolation:isolate;background:#f2eee6;color:#252b27;border-color:#d8d0c2}
body #contact:before{content:'';position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);z-index:-1;background:#f2eee6;pointer-events:none}
body #contact:after{display:none}
body #contact h2{color:#252b27}
body #contact h2 em{color:#806127}
body #contact p{color:#4b504c}
body #contact .eyebrow,body #contact .contact-links{color:#806127}
body #contact .contact-links a:hover{color:#252b27}
body>footer.wrap{position:relative;isolation:isolate;background:#f2eee6}
body>footer.wrap:before{content:'';position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);z-index:-1;background:#f2eee6;pointer-events:none}
body>footer.wrap .footer{color:#555d57;border-color:#d8d0c2}

/* Larger numbered service headings */
#expertise .wheel-number{font-size:21px;line-height:1.3;letter-spacing:.06em;min-height:48px;font-weight:500}
@media(max-width:600px){#expertise .wheel-number{font-size:18px;letter-spacing:.025em;min-height:52px}}

/* Client testimonial carousel */
.client-stories{position:relative;isolation:isolate;padding:75px 0 65px;text-align:center;color:#252b27}.client-stories:before{content:'';position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background:#f2eee6}.client-stories>.eyebrow{color:#806127}.client-stories h2{color:#252b27}.testimonial-stage{max-width:1000px;margin:32px auto 0;min-height:310px;display:grid;align-items:center}.client-testimonial{margin:0;padding:25px 42px;border-top:1px solid #b18a4e77}.client-testimonial[hidden]{display:none}.client-testimonial blockquote{margin:0 0 28px}.client-testimonial blockquote p{font-size:21px;line-height:1.75;color:#353d36;max-width:900px;margin:0 auto}.client-testimonial figcaption{font-size:21px;line-height:1.5;color:#806127}.client-testimonial figcaption strong{display:block;font-weight:500}.client-testimonial figcaption span{display:block;color:#596057}.testimonial-controls{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:16px}.testimonial-controls button{font:inherit;cursor:pointer;color:#806127;border:1px solid #b18a4e77;background:transparent;min-width:44px;min-height:44px;border-radius:50%}.testimonial-controls button:hover,.testimonial-controls button:focus-visible{background:#d7b887;color:#171d1a}.testimonial-controls button:focus-visible{outline:2px solid #806127;outline-offset:3px}.testimonial-dots{display:flex;gap:0}.testimonial-controls .testimonial-dot{border:0;display:grid;place-items:center}.testimonial-dot span{width:8px;height:8px;border-radius:50%;border:1px solid #806127}.testimonial-dot[aria-pressed=true] span{background:#806127;transform:scale(1.3)}.testimonial-controls .testimonial-pause{font-size:16px;border-radius:0;padding:8px 15px;margin-left:10px}.client-stories+#contact{border-top:1px solid #d8d0c2}
@media(max-width:650px){.client-stories{padding:55px 0}.client-testimonial{padding:25px 4px}.client-testimonial blockquote p,.client-testimonial figcaption{font-size:18px}.testimonial-stage{min-height:420px}.testimonial-controls{gap:8px}.testimonial-controls .testimonial-pause{margin-left:0}}

/* Client portraits accompanying their own testimonials */
.client-testimonial .testimonial-portrait{display:block;width:144px;height:144px;object-fit:cover;object-position:center 30%;border-radius:50%;border:2px solid #b18a4e;margin:0 auto 26px;background:#e7e1d5}.client-stories .testimonial-stage{min-height:490px}
@media(max-width:650px){.client-testimonial .testimonial-portrait{width:120px;height:120px;margin-bottom:24px}.client-stories .testimonial-stage{min-height:560px}}

.client-testimonial .testimonial-logo{object-fit:contain;object-position:center;border-radius:0;border:0;background:transparent;padding:5px}

/* Keep the divider and controls fixed while quotes rotate */
.client-stories .testimonial-stage{display:grid;align-items:start;border-top:1px solid #b18a4e77}
.client-stories .client-testimonial{grid-area:1 / 1;align-self:start;border-top:0}
.client-stories .client-testimonial[hidden]{display:block;visibility:hidden;pointer-events:none}

/* Slightly smaller numbered service headings */
#expertise .wheel-number{font-size:18px;min-height:44px}
@media(max-width:600px){#expertise .wheel-number{font-size:16px;min-height:48px}}

/* Expandable marketing case studies */
.marketing-case-studies{position:relative;isolation:isolate;padding:75px 0;color:#252b27}.marketing-case-studies:before{content:'';position:absolute;inset:0 calc(50% - 50vw);background:#f2eee6;z-index:-1}.marketing-case-studies>.eyebrow{color:#806127}.marketing-case-studies>h2{color:#252b27;margin-bottom:18px}.marketing-case-studies .case-intro{color:#4b504c}.case-study-list{margin-top:34px}.marketing-case-study{border:1px solid #cdbb9e;border-top:3px solid #b18a4e;background:#faf8f2}.marketing-case-study summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px}.marketing-case-study summary::-webkit-details-marker{display:none}.marketing-case-study summary:focus-visible{outline:2px solid #806127;outline-offset:5px}.case-summary-copy{display:grid;gap:8px}.case-category{color:#806127;font-size:18px}.case-client{font:34px/1.2 Georgia,serif;color:#252b27}.case-outcome{color:#4b504c;font-size:21px}.case-open-label{color:#806127;display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:18px}.case-toggle{font-size:32px;line-height:1}.case-close{display:none}.marketing-case-study[open] .case-view{display:none}.marketing-case-study[open] .case-close{display:inline}.marketing-case-study[open] .case-toggle{transform:rotate(45deg)}.case-study-content{padding:0 32px 36px;border-top:1px solid #d7c9b2}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;text-align:center}.case-metrics strong{display:block;color:#806127;font:52px/1.1 Georgia,serif;margin-bottom:12px}.case-metrics span{display:block;font-size:21px;color:#353d36}.marketing-case-studies .case-metrics-context{max-width:none;text-align:center;margin:20px auto 35px;color:#596057;font-size:18px}.case-story-chart{display:grid;grid-template-columns:1fr 1.1fr;gap:45px;align-items:start}.case-story h3{color:#252b27;line-height:1.35}.case-story p{color:#4b504c;font-size:21px}.seo-results-chart{margin:0;min-width:0}.seo-results-chart figcaption{font-size:21px;color:#252b27;line-height:1.5;margin-bottom:34px}.seo-results-chart figcaption>span{display:block;color:#806127}.seo-results-chart figcaption b{font-weight:500;margin-left:16px}.seo-chart{height:245px;display:flex;gap:12px;margin:0 0 45px}.seo-chart-axis{width:30px;display:flex;flex-direction:column;justify-content:space-between;color:#596057;font-size:14px;line-height:1;transform:translateY(-7px)}.seo-chart-bars{position:relative;flex:1;display:flex;gap:14px;align-items:end;border-bottom:1px solid #8d806b;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#d8cdbb 25%)}.seo-bar-column{height:100%;flex:1;min-width:0;display:flex;align-items:center;justify-content:end;flex-direction:column;position:relative}.seo-bar{display:block;width:100%;max-width:55px;background:linear-gradient(0deg,#97703a,#d7b887);position:relative}.seo-bar-value{font-size:18px;line-height:1;position:relative;margin-bottom:8px;color:#5a452a}.seo-period{position:absolute;top:calc(100% + 12px);white-space:nowrap;font-size:13px;color:#596057}.seo-bar-tooltip{display:none}.marketing-case-studies .seo-chart-note{font-size:16px;line-height:1.6;color:#596057;max-width:none;margin:0}.marketing-case-studies+.section.about{border-top:1px solid #343534}
@media(max-width:900px){.case-story-chart{grid-template-columns:1fr;gap:26px}.seo-results-chart{max-width:650px;width:100%;margin:auto}}
@media(max-width:600px){.marketing-case-studies{padding:55px 0}.marketing-case-study summary{padding:24px 20px;align-items:start;flex-direction:column;gap:20px}.case-category,.case-open-label{font-size:16px}.case-client{font-size:30px}.case-outcome,.case-story p,.case-metrics span,.seo-results-chart figcaption{font-size:18px}.case-study-content{padding:0 20px 28px}.case-metrics{gap:12px}.case-metrics strong{font-size:38px}.case-metrics span{font-size:16px}.marketing-case-studies .case-metrics-context{font-size:16px}.seo-chart-bars{gap:9px}.seo-period{font-size:11px}.seo-chart{height:210px;gap:8px}.seo-chart-axis{width:25px}.seo-bar-value{font-size:16px}}

/* Additional expandable campaign results */
.case-study-list{display:grid;gap:22px}.limo-results-chart .seo-chart-axis{width:49px;font-size:12px}.limo-results-chart .seo-bar{max-width:100px}.limo-results-chart .seo-chart-bars{gap:32px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(20% - 1px),#d8cdbb 20%)}.case-comparison{width:100%;border-collapse:collapse;color:#4b504c;font-size:18px;margin:0 0 24px;text-align:left}.case-comparison caption{text-align:left;color:#252b27;margin-bottom:12px}.case-comparison th,.case-comparison td{padding:10px 8px;border-bottom:1px solid #d8cdbb}.case-comparison th{font-weight:500}.case-comparison td{text-align:right}.case-comparison thead th:not(:first-child){text-align:right}@media(max-width:600px){.limo-results-chart .seo-period{font-size:12px}.limo-results-chart .seo-chart-bars{gap:20px}.case-comparison{font-size:16px}}

/* HELOC campaign case study */
.bank-results-chart .seo-bar{max-width:100px}.bank-results-chart .seo-chart-bars{gap:32px}.case-client-quote{margin:28px 0 0;padding:20px 0 0;border-top:1px solid #b18a4e77}.case-story .case-client-quote p{color:#806127;margin-bottom:14px}.case-client-quote cite{font-size:18px;color:#596057;font-style:italic}@media(max-width:600px){.bank-results-chart .seo-period{font-size:12px}.case-client-quote cite{font-size:16px}}

/* Denver programmatic delivery chart */
.denver-delivery-chart{padding:22px 0 12px}.denver-delivery-track{height:44px;background:#e5ddcf;border:1px solid #b7a58a;overflow:hidden}.denver-delivery-track>span{display:block;height:100%;background:linear-gradient(90deg,#97703a,#d7b887)}.denver-delivery-labels{display:flex;justify-content:space-between;gap:15px;margin-top:12px;font-size:16px;color:#596057}.marketing-case-studies .denver-delivery-percent{font-size:18px;color:#806127;margin:22px 0 28px;max-width:none}.denver-case-study .case-metrics strong{font-size:46px}@media(max-width:600px){.denver-case-study .case-metrics strong{font-size:30px}.denver-delivery-labels{font-size:14px}.marketing-case-studies .denver-delivery-percent{font-size:16px}}

/* Hartford Meta lead-volume chart */
.hartford-lead-chart{display:grid;grid-template-columns:repeat(17,minmax(0,1fr));gap:10px;padding:18px 0 12px}.hartford-lead-chart>span{display:block;aspect-ratio:1;border-radius:50%;background:#b18a4e;max-width:19px;width:100%;margin:auto}.marketing-case-studies .hartford-chart-key{max-width:none;font-size:16px;color:#596057;display:flex;align-items:center;gap:10px;margin:12px 0 30px}.hartford-chart-key>span{display:inline-block;width:12px;height:12px;border-radius:50%;background:#b18a4e;flex-shrink:0}@media(max-width:600px){.hartford-lead-chart{gap:7px}.marketing-case-studies .hartford-chart-key{font-size:14px}.hartford-case-study .case-client{font-size:27px}}

/* Production reviewer initials, matching testimonial portrait dimensions. */
.video-review-avatar{display:flex;align-items:center;justify-content:center;width:144px;height:144px;border-radius:50%;border:1px solid #b89a68;background:#242728;color:#d7b887;font-family:Georgia,serif;font-size:38px;margin:0 auto 20px;flex-shrink:0}@media(max-width:640px){.video-review-avatar{width:120px;height:120px;font-size:32px}}

.google-review-badge{display:flex;flex-direction:column;align-items:center;gap:8px;margin:8px auto 18px}.google-review-badge img{width:100px;height:34px;object-fit:contain}.google-review-stars{color:#fbbc04;font-size:25px;letter-spacing:4px;line-height:1.2}

/* Slightly larger service-wheel introduction. */
#expertise .wheel-instruction{font-size:24px!important;line-height:1.45}@media(max-width:640px){#expertise .wheel-instruction{font-size:20px!important}}

/* One continuous map across the About closing sections. */
.about-page .about-map-closing{position:relative;isolation:isolate}
.about-page .about-map-closing:before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;background-color:#f2eee6;background-image:linear-gradient(#f2eee6d9,#f2eee6d9),url('/us-roadmap-watermark.webp');background-repeat:no-repeat;background-position:center,center center;background-size:100% 100%,contain}
.about-page .about-map-closing .about-explore:before,.about-page .about-map-closing #contact:before{background:none;content:none}
body.about-page .about-map-closing #contact{background:transparent}

/* Widescreen image hold, then silent inline video loop. */
.marketing-header-media{position:relative;aspect-ratio:16/9;border:6px solid #fff;overflow:hidden;box-shadow:0 18px 45px #0004;background:#171a19}
.marketing-hero .marketing-header-media img,.marketing-header-media video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;border:0;box-shadow:none}
.marketing-header-media video{opacity:0;pointer-events:none;transition:opacity .45s ease}
.marketing-header-media.is-playing video{opacity:1}
@media(prefers-reduced-motion:reduce){.marketing-header-media video{transition:none}}

/* Interactive sound-enabled marketing demo after the three-second image hold. */
.marketing-header-media.is-ready video,.marketing-header-media.is-playing video{opacity:1;pointer-events:auto}

.marketing-header-video::-webkit-media-controls-fullscreen-button{display:none!important}

/* Vintage television experiment. Previous header retained in experiments/. */
.marketing-tv-hero{grid-template-columns:1.05fr 1fr;gap:5%;align-items:center;padding-top:48px;padding-bottom:48px}
.marketing-tv-hero:before{background:linear-gradient(90deg,#17120ed9,#17120ef5 60%),url('/marketing-vintage-tv-scene.webp') right top/cover no-repeat;background-size:auto,cover;background-position:center,right center}
.marketing-tv-hero:after{display:none}
.marketing-tv-hero .marketing-tv-scene{order:-1;position:relative;width:100%;margin:0;isolation:isolate}
.marketing-tv-hero .marketing-tv-scene .marketing-tv-art{position:relative;display:block;width:100%;height:auto;border:0;box-shadow:none;border-radius:4px;filter:none}
.marketing-tv-scene .marketing-header-media{position:absolute;left:8.73%;top:27.82%;width:71.3%;height:30.81%;aspect-ratio:auto;border:0;border-radius:4% / 7%;overflow:hidden;box-shadow:0 0 8px #0008;background:#101010;z-index:2}
.marketing-tv-hero .marketing-header-media>img,.marketing-tv-hero .marketing-header-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0;box-shadow:none;border-radius:0}
.marketing-tv-hero .marketing-hero-copy{padding:22px 0}
@media(max-width:800px){.marketing-tv-hero{grid-template-columns:1fr;gap:24px;padding-top:30px;padding-bottom:35px}.marketing-tv-hero .marketing-tv-scene{order:0;max-width:620px;justify-self:center}.marketing-tv-hero .marketing-hero-copy{padding:0}}

/* Continuous full-width brick backdrop with an independent TV foreground on the right. */
.marketing-tv-hero{grid-template-columns:1fr 1.1fr;gap:5%;min-height:660px}
.marketing-tv-hero:before{background:linear-gradient(90deg,#1b100cd9 0%,#1b100c99 43%,#1b100c22 75%),url('/marketing-brick-wall.webp') center/cover no-repeat;background-size:auto,cover;background-position:center,center}
.marketing-tv-hero .marketing-tv-scene{order:0;position:relative;aspect-ratio:1122/820;align-self:center;filter:drop-shadow(0 24px 22px #0006)}
.marketing-tv-hero .marketing-tv-scene .marketing-tv-art{position:absolute;top:0;left:0;width:100%;height:auto;transform:translateY(-24%);border-radius:0;filter:none;pointer-events:none}
.marketing-tv-scene .marketing-header-media{left:8.73%;top:6.53%;width:71.3%;height:52.68%}
@media(max-width:800px){.marketing-tv-hero{grid-template-columns:1fr;min-height:0;gap:30px}.marketing-tv-hero:before{background-image:linear-gradient(#1b100c99,#1b100c77),url('/marketing-brick-wall.webp')}.marketing-tv-hero .marketing-tv-scene{order:0;width:100%;max-width:620px}}

/* Wider room depth and a visible foreground floor beneath the television. */
.marketing-tv-hero{min-height:720px;padding-bottom:58px}
.marketing-tv-hero:before{background-image:linear-gradient(90deg,#1b100cc7 0%,#1b100c88 43%,#1b100c12 78%),url('/marketing-brick-room.webp');background-size:auto,cover;background-position:center,center bottom}
.marketing-tv-hero .marketing-tv-scene{align-self:end;margin-bottom:-18px}
.marketing-tv-hero .marketing-tv-scene:after{content:'';position:absolute;left:3%;bottom:0;width:94%;height:5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,#11090580,transparent 70%)}
@media(max-width:800px){.marketing-tv-hero{min-height:0;padding-bottom:40px}.marketing-tv-hero:before{background-image:linear-gradient(#1b100c88,#1b100c22),url('/marketing-brick-room.webp');background-position:center,center bottom}.marketing-tv-hero .marketing-tv-scene{margin-bottom:0}}

/* Larger foreground TV with shadows touching the floor beneath both feet. */
.marketing-tv-hero .marketing-tv-scene{width:112%;max-width:none;justify-self:start;margin-left:1%;margin-bottom:-32px;filter:none}
.marketing-tv-hero .marketing-tv-scene:after{left:0;bottom:1.5%;width:100%;height:3.5%;background:radial-gradient(ellipse 7% 38% at 6.4% 50%,#100804b3,transparent 100%),radial-gradient(ellipse 7% 38% at 93% 50%,#100804b3,transparent 100%),radial-gradient(ellipse 45% 45% at 50% 50%,#10080438,transparent 100%);z-index:-1}
@media(max-width:800px){.marketing-tv-hero .marketing-tv-scene{width:100%;max-width:620px;justify-self:center;margin-left:0;margin-bottom:-8px}}

/* Ground all four stand feet, including the two shorter rear legs. */
.marketing-tv-hero .marketing-tv-scene:after{inset:0;width:100%;height:100%;background:radial-gradient(ellipse 2.9% .75% at 9.8% 92.5%,#100703c7 0%,#10070366 35%,transparent 100%),radial-gradient(ellipse 2.9% .75% at 91.35% 92.5%,#100703c7 0%,#10070366 35%,transparent 100%),radial-gradient(ellipse 3.3% .8% at 6.4% 97.7%,#100703cc 0%,#10070377 35%,transparent 100%),radial-gradient(ellipse 3.3% .8% at 93.8% 97.7%,#100703cc 0%,#10070377 35%,transparent 100%),radial-gradient(ellipse 44% 2% at 50% 96%,#10070326,transparent 100%);z-index:-1}

/* Vintage film loop replaces the countdown ending inside the theater screen. */
.color-hero .vintage-screen-loop{position:absolute;top:12.3%;left:12.5%;width:75%;height:54%;object-fit:cover;z-index:1;opacity:0;pointer-events:none}.color-hero.screen-ready .vintage-screen-loop{opacity:1}.color-hero .countdown-intro:not(.intro-done){animation:none}@media(prefers-reduced-motion:reduce){.color-hero .vintage-screen-loop{display:none}}

/* Gradual 2.2-second crossfade from countdown to the replacement film loop. */
.color-hero .vintage-screen-loop{transition:opacity 2.2s ease-in-out}.color-hero .countdown-intro:not(.intro-done){transition:opacity 2.2s ease-in-out}.color-hero.screen-crossfading .countdown-intro:not(.intro-done){opacity:0}@media(prefers-reduced-motion:reduce){.color-hero .vintage-screen-loop,.color-hero .countdown-intro{transition:none}}

/* Projector from behind the audience: restrained beam, curtain spill and seat-edge light. */
.color-hero .projector-light{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;mix-blend-mode:screen;opacity:var(--projector-level,.72);transition:opacity 160ms linear}.color-hero .projector-light path,.color-hero .projector-light ellipse{pointer-events:none}@media(prefers-reduced-motion:reduce){.color-hero .projector-light{opacity:.65;transition:none}}

/* Exact duplicate of the theater seats, aligned with the base image, with brighter fabric. */
.color-hero .projector-seat-light{position:absolute;inset:0;z-index:4;pointer-events:none;background:url("/theater-hero.webp") center / 100% 100% no-repeat;clip-path:inset(75.7% 0 0);filter:brightness(1.85) saturate(.88);opacity:var(--seat-light-level,.2);transition:opacity 460ms ease-in-out;mask-image:linear-gradient(to bottom,transparent 75.7%,#000 77.5%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 75.7%,#000 77.5%,#000 100%)}@media(prefers-reduced-motion:reduce){.color-hero .projector-seat-light{opacity:.18;transition:none}}

/* Stronger contrast between dim seats and illuminated upholstery. */
.color-hero .projector-seat-light{filter:brightness(3.1) contrast(1.12) saturate(.85)}

/* Vintage credit-inspired Google Fonts typography, hosted locally. */
@font-face{font-family:Oswald;font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/oswald-400.ttf") format("truetype")}
@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/oswald-500.ttf") format("truetype")}
@font-face{font-family:Oswald;font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/oswald-600.ttf") format("truetype")}
@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/oswald-700.ttf") format("truetype")}
:root{--site-font:Oswald,"Arial Narrow",Arial,Helvetica,sans-serif}body,body *{font-family:var(--site-font)!important}h1,h2{font-weight:600;letter-spacing:.005em}h3{font-weight:500}h1 em,h2 em{font-weight:500}input,button,select,textarea{font-family:var(--site-font)}

/* Main page titles and section headings in uppercase. */
h1,h2,h1 *,h2 *{text-transform:uppercase}

/* Smooth photographic storm and animated branching lightning. */
.aircraft-storm{isolation:isolate;overflow:hidden}.aircraft-storm>img{transition:filter .45s ease}.aircraft-storm .aircraft-lightning{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);pointer-events:none;overflow:hidden}.aircraft-lightning .lightning-bolts{opacity:0;stroke:#f2eeff;stroke-width:3;filter:drop-shadow(0 0 5px #c5beff) drop-shadow(0 0 12px #ada0ff)}.aircraft-lightning path{stroke-dasharray:1600;stroke-dashoffset:1600}.aircraft-storm:after{content:'';position:absolute;inset:2px;pointer-events:none;background:radial-gradient(ellipse at 15% 7%,#d5d0ff99,transparent 70%);opacity:0}.aircraft-storm.is-striking .lightning-bolts{animation:storm-bolt .85s linear}.aircraft-storm.is-striking .bolt-main{animation:storm-draw .16s linear forwards}.aircraft-storm.is-striking .bolt-branch{animation:storm-draw .2s .04s linear forwards}.aircraft-storm.is-striking:after{animation:storm-spill .85s linear}.aircraft-storm.is-striking>img{animation:storm-exposure .85s linear}@keyframes storm-draw{to{stroke-dashoffset:0}}@keyframes storm-bolt{0%{opacity:0}8%,32%{opacity:1}44%{opacity:.18}54%{opacity:.85}100%{opacity:0}}@keyframes storm-spill{0%{opacity:0}15%{opacity:.75}44%{opacity:.1}54%{opacity:.5}100%{opacity:0}}@keyframes storm-exposure{0%,100%{filter:none}15%{filter:brightness(1.5) contrast(1.06)}44%{filter:brightness(1.08)}54%{filter:brightness(1.3)}}@media(prefers-reduced-motion:reduce){.aircraft-storm *,.aircraft-storm:after{animation:none!important}}

/* Align About headline scale with the Marketing header. */
.about-designed-hero h1{font-size:clamp(42px,5.2vw,74px)}

/* Match the home headline to the About headline at every viewport. */
.color-hero .hero-copy h1{font-size:clamp(42px,5.2vw,74px)}

/* Page hero second phrases retain italics in title case. */
h1 em,h1 em *{text-transform:none;font-style:italic}

/* Keep each home headline phrase on its own unbroken line. */
.color-hero .home-two-line-title>span,.color-hero .home-two-line-title>em{display:block;white-space:nowrap}

/* Marketing headline: one phrase per line, fitted to its column. */
.marketing-hero .marketing-two-line-title>span,.marketing-hero .marketing-two-line-title>em{display:block;white-space:nowrap}

/* Vintage television tuning controls. */
#expertise .marketing-wheel-system{background:radial-gradient(ellipse at 50% 0,#35332b44,transparent 65%),repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 4px),#191b1a;border-top:1px solid #b89a6355;border-bottom:1px solid #b89a6355}
#expertise .service-wheels{gap:38px 30px;grid-template-columns:repeat(6,minmax(0,1fr));max-width:1500px}
#expertise .wheel-face{width:100%;max-width:190px;aspect-ratio:1;margin:0 auto 20px;border-radius:50%;background:radial-gradient(circle,#080909 0 58%,#5e5543 59%,#272824 62%,transparent 63%);isolation:isolate}
#expertise .service-wheel[aria-pressed=true] .wheel-face{background:radial-gradient(circle,#080909 0 58%,#a98d57 59%,#272824 62%,transparent 63%)}
#expertise .dial-ticks{position:absolute;inset:1%;border-radius:50%;background:repeating-conic-gradient(from -120deg,#e6d8b5 0deg 1deg,transparent 1deg 12deg);mask:radial-gradient(circle,transparent 62%,#000 63% 69%,transparent 70%);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63% 69%,transparent 70%)}
#expertise .wheel-rotor{position:absolute;inset:18%;width:64%;height:64%;border:3px solid #77766e;border-radius:50%;background:radial-gradient(circle at 35% 28%,#d2d0c5 0%,#8c8e87 32%,#414641 68%,#222623 100%);box-shadow:0 7px 10px #000b,inset 0 0 0 4px #252a25,inset 0 0 0 6px #b8b7ac88;transform:rotate(var(--dial-rest,0deg));transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
#expertise .wheel-rotor:after{content:'';position:absolute;inset:11%;border-radius:50%;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#00000005 1px 2px);pointer-events:none}
#expertise .dial-indicator{position:absolute;width:5%;height:29%;left:47.5%;top:8%;background:#e3c27e;border-radius:3px;box-shadow:0 0 2px #f7dda0}
#expertise .service-wheel:hover .wheel-rotor,#expertise .service-wheel[aria-pressed=true] .wheel-rotor{transform:rotate(calc(var(--dial-rest,0deg) + 36deg));box-shadow:0 7px 10px #000b,inset 0 0 0 4px #252a25,inset 0 0 0 6px #d7b887aa,0 0 22px #d7b88720}
#expertise .service-wheel[aria-pressed=true] .dial-indicator{background:#ffe8ad;box-shadow:0 0 8px #f8cd74}
#expertise .wheel-label{position:static;display:block;min-height:54px;font-size:21px;line-height:1.25;text-align:center;padding:0 5px}
#expertise .wheel-number{font-size:16px;min-height:42px}
@media(max-width:1100px){#expertise .service-wheels{grid-template-columns:repeat(3,minmax(0,1fr));max-width:850px}}@media(max-width:550px){#expertise .service-wheels{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}#expertise .wheel-label{font-size:18px}#expertise .wheel-number{font-size:14px}}
@media(prefers-reduced-motion:reduce){#expertise .wheel-rotor{transition:none}}

/* Mixed vintage TV controls inspired by the reference cabinet. */
#expertise .service-wheel:nth-child(3n+1) .wheel-rotor{inset:20%;width:60%;height:60%;border:7px solid #191916;background:conic-gradient(from 25deg,#c4b08d,#73654f,#d7c8a8,#93836a,#c4b08d);box-shadow:0 6px 12px #000c,inset 0 0 0 2px #d8c5a2,inset 0 0 12px #473a26}
#expertise .service-wheel:nth-child(3n+1) .wheel-rotor:before{content:'';position:absolute;left:45%;top:3%;width:10%;height:94%;background:linear-gradient(90deg,#6e5b3b,#ebd8b2 45%,#8a7654);border-radius:3px;box-shadow:3px 0 5px #0006}
#expertise .service-wheel:nth-child(3n+2) .wheel-rotor{inset:13%;width:74%;height:74%;border:3px solid #827568;background:conic-gradient(from -30deg,#eee8dd,#777a75,#d8d4c9,#8b8c83,#eee8dd);box-shadow:0 7px 12px #000a,inset 0 0 0 5px #c6c2b4,inset 0 0 0 7px #67685f}
#expertise .service-wheel:nth-child(3n+2) .wheel-rotor:before{content:'';position:absolute;left:3%;right:3%;top:40%;height:20%;border-radius:5px;background:linear-gradient(#e2dacb,#a39c8e 30%,#5e5e56 55%,#302f2a);box-shadow:0 4px 5px #0008;border:1px solid #807463}
#expertise .service-wheel:nth-child(3n+2) .dial-indicator{height:12%;top:13%;width:4%;left:48%}
#expertise .service-wheel:nth-child(3n) .wheel-rotor{inset:27%;width:46%;height:46%;border:2px solid #b2a58b;background:radial-gradient(circle at 33% 24%,#fff5d9 0%,#c6b99d 13%,#7c7568 38%,#d7c8ac 51%,#5b594f 68%,#292c27 90%);box-shadow:0 9px 12px #000c,inset 0 0 0 3px #544d40}
#expertise .service-wheel:nth-child(3n) .dial-ticks{inset:14%;opacity:.7}
#expertise .service-wheel:nth-child(3n) .dial-indicator{height:16%;top:13%;background:#eee2bf;width:4%;left:48%}
#expertise .service-wheel:nth-child(3n) .wheel-face{background:radial-gradient(circle,#0b0d0b 0 37%,#746750 38%,#292b26 42%,transparent 43%)}
#expertise .service-wheel:nth-child(4) .wheel-rotor{background:conic-gradient(from 25deg,#93948b,#454941,#cdcec4,#72776c,#93948b)}
#expertise .service-wheel:nth-child(5) .wheel-rotor{background:conic-gradient(from -30deg,#b8a383,#6a5943,#d7c5a5,#9c896a,#b8a383)}

/* Vintage repair-shop workbench: separate salvaged control plates and tuning knobs. */
#expertise .repair-shop-bench{position:relative;isolation:isolate;padding:46px clamp(22px,4vw,72px) 38px;background:linear-gradient(#111714aa,#111714cc),repeating-linear-gradient(2deg,#62482f 0 3px,#4d3828 3px 5px,#6d5136 5px 8px,#4d392b 8px 11px);border-top:8px solid #382d20;border-bottom:10px solid #30271e;box-shadow:inset 0 10px 30px #0008,inset 0 -8px 20px #0008}
.workbench-nameplate{display:flex;align-items:center;justify-content:center;gap:14px;width:fit-content;max-width:100%;margin:0 auto 20px;padding:9px 24px;border:1px solid #827254;background:linear-gradient(#c4b08b,#897b5e);box-shadow:0 3px 6px #0007;color:#242820;font-size:15px;letter-spacing:.15em;border-radius:3px}.bench-power-light{width:8px;height:8px;border-radius:50%;background:#e3ba6d;box-shadow:0 0 8px #e3ba6d99;flex-shrink:0}
#expertise .repair-shop-bench .service-wheels{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;gap:32px 28px;align-items:stretch;padding:12px 8px 28px}
#expertise .repair-shop-bench .service-wheel{position:relative;isolation:isolate;padding:28px 22px 18px;border:1px solid #9a8963;border-radius:5px;background:radial-gradient(circle at 11px 11px,#3d3b30 0 2px,#ac9f7c 3px 4px,transparent 5px),radial-gradient(circle at calc(100% - 11px) 11px,#3d3b30 0 2px,#ac9f7c 3px 4px,transparent 5px),radial-gradient(circle at 11px calc(100% - 11px),#3d3b30 0 2px,#ac9f7c 3px 4px,transparent 5px),radial-gradient(circle at calc(100% - 11px) calc(100% - 11px),#3d3b30 0 2px,#ac9f7c 3px 4px,transparent 5px),repeating-linear-gradient(0deg,#ffffff03 0 1px,#00000003 1px 3px),linear-gradient(135deg,#4a4c3d,#262d27 55%,#434638);box-shadow:2px 7px 13px #0008,inset 0 0 14px #0004;transition:border-color .3s}
#expertise .repair-shop-bench .service-wheel:nth-child(2n){background-color:#3c4038;border-color:#878e81}
#expertise .repair-shop-bench .service-wheel:nth-child(2){transform:rotate(.7deg)}#expertise .repair-shop-bench .service-wheel:nth-child(4){transform:rotate(-.6deg)}#expertise .repair-shop-bench .service-wheel:nth-child(6){transform:rotate(.5deg)}
#expertise .repair-shop-bench .service-wheel:before{content:'';position:absolute;left:28px;right:28px;bottom:15px;height:4px;border-bottom:1px solid #b5a17744;pointer-events:none}
#expertise .repair-shop-bench .service-wheel[aria-pressed=true]{border-color:#e0c18a;box-shadow:2px 7px 13px #0008,inset 0 0 14px #0004,0 0 0 1px #e0c18a44}
#expertise .repair-shop-bench .wheel-face{max-width:180px;margin-bottom:15px}
#expertise .repair-shop-bench .wheel-number{font-size:16px;letter-spacing:.08em;min-height:36px;color:#dfd4b3}
#expertise .repair-shop-bench .wheel-label{background:#121a16bb;border:1px solid #bda57844;border-radius:2px;padding:10px 6px;min-height:52px;font-size:21px;box-shadow:inset 0 2px 4px #0006;color:#eee8d6}
#expertise .repair-shop-bench .wheel-instruction{text-shadow:0 2px 4px #0008}
#expertise .repair-shop-bench .wheel-detail{padding-top:22px;border-top:1px solid #bca27255}
@media(max-width:650px){#expertise .repair-shop-bench{padding:30px 16px}#expertise .repair-shop-bench .service-wheels{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;padding-inline:0}#expertise .repair-shop-bench .service-wheel{padding:22px 10px 16px}#expertise .repair-shop-bench .wheel-number{font-size:12px;letter-spacing:.025em}#expertise .repair-shop-bench .wheel-label{font-size:18px;min-height:64px}.workbench-nameplate{font-size:12px;padding:9px 13px;letter-spacing:.08em}}

/* A lively strategy whiteboard with eight selectable ideas. */
#expertise .marketing-whiteboard{position:relative;margin:38px auto 44px;padding:42px 40px 35px;max-width:1400px;background:radial-gradient(ellipse at 30% 40%,#edf0ed55,transparent 65%),#fffefa;color:#263b36;border:10px solid #bcc1bc;border-radius:9px;box-shadow:inset 0 0 18px #77777712,0 12px 24px #0002;border-bottom-color:#8d9692}
#expertise .whiteboard-note{font-size:26px;max-width:none;text-align:center;color:#253e38;margin:0 0 32px;font-weight:500}
.whiteboard-ideas{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 25px;padding:20px 0 45px;background:linear-gradient(12deg,transparent 48.8%,#78998b16 49%,#78998b16 49.4%,transparent 49.6%)}
#expertise .whiteboard-idea{position:relative;min-height:120px;appearance:none;background:transparent;border:2px solid transparent;padding:16px 12px;color:#24574d;cursor:pointer;font-size:clamp(23px,2.2vw,33px);line-height:1.2;text-align:center;font-weight:500;border-radius:47% 43% 46% 42%;transform:rotate(-3deg);transition:transform .22s,border-color .22s}
#expertise .whiteboard-idea:nth-child(2n){transform:rotate(3deg);color:#305b80;top:12px}#expertise .whiteboard-idea:nth-child(3n){transform:rotate(-1deg);color:#9a4a37;top:-8px}#expertise .whiteboard-idea:nth-child(4n){color:#705178;transform:rotate(2deg)}
#expertise .idea-number{display:block;font-size:13px;letter-spacing:.12em;opacity:.7;margin-bottom:8px}
#expertise .whiteboard-idea:after{content:'';position:absolute;height:3px;bottom:13px;left:20%;right:20%;background:currentColor;opacity:.4;transform:rotate(-2deg);border-radius:100%}
#expertise .whiteboard-idea[aria-pressed=true]{border-color:currentColor;background:#e6c87d14}#expertise .whiteboard-idea:hover{transform:rotate(0) translateY(-4px)}#expertise .whiteboard-idea:focus-visible{outline:2px dashed #b58c4e;outline-offset:5px}
#expertise .whiteboard-details{padding:24px 20px 12px;border-top:2px dashed #9daca666;min-height:165px;text-align:center}#expertise .whiteboard-details h3{color:#253e38;font-size:25px;margin-bottom:10px}#expertise .whiteboard-details p{color:#42554d;max-width:900px;margin:0 auto;font-size:21px}.whiteboard-detail[hidden]{display:none}
.whiteboard-tray{position:absolute;left:5%;right:5%;bottom:-18px;height:15px;background:linear-gradient(#d6d9d5,#858f89);border-radius:3px;box-shadow:0 5px 5px #0002;display:flex;align-items:end;padding-left:30px;gap:12px}.whiteboard-tray i{display:block;width:72px;height:10px;transform:translateY(-8px) rotate(-2deg);background:linear-gradient(90deg,#315b7b 0 18%,#ddd 18% 92%,#315b7b 92%);border-radius:4px}.whiteboard-tray i:nth-child(2){background:linear-gradient(90deg,#984f3b 0 18%,#ddd 18% 92%,#984f3b 92%);transform:translateY(-8px) rotate(2deg)}.whiteboard-tray i:nth-child(3){background:linear-gradient(90deg,#28624e 0 18%,#ddd 18% 92%,#28624e 92%)}.whiteboard-tray span{margin-left:auto;margin-right:25px;width:70px;height:20px;background:#344139;border-radius:3px;transform:translateY(-10px)}
@media(max-width:800px){#expertise .marketing-whiteboard{padding:28px 18px 30px;border-width:7px}.whiteboard-ideas{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}#expertise .whiteboard-idea{font-size:24px;min-height:110px}#expertise .whiteboard-details{padding:20px 5px;min-height:210px}#expertise .whiteboard-details p{font-size:18px}#expertise .whiteboard-note{font-size:22px}.whiteboard-tray i{width:42px}}
@media(prefers-reduced-motion:reduce){#expertise .whiteboard-idea{transition:none}}

/* Dusty sage plaster wall behind the strategy whiteboard. */
#expertise .whiteboard-sage-wall{width:100vw;margin:36px 0 42px calc(50% - 50vw);padding:58px clamp(22px,5vw,88px) 65px;box-sizing:border-box;background-image:url("/sage-plaster-texture.svg"),radial-gradient(ellipse at 35% 0,#a6ad9666,transparent 70%),linear-gradient(110deg,#6b7767,#7c8677 50%,#697363);background-color:#747e70;border-top:1px solid #66715e;border-bottom:1px solid #66715e;box-shadow:inset 0 8px 20px #26342215}#expertise .whiteboard-sage-wall .marketing-whiteboard{margin:0 auto;box-shadow:0 18px 32px #26302155,0 3px 6px #26302144,inset 0 0 18px #77777712}@media(max-width:650px){#expertise .whiteboard-sage-wall{padding:34px 16px 44px}}

@font-face{font-family:"Permanent Marker";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/permanent-marker.ttf") format("truetype")}
#expertise .marketing-whiteboard .whiteboard-idea,#expertise .marketing-whiteboard .whiteboard-idea>span:not(.idea-number),#expertise .marketing-whiteboard .whiteboard-note,#expertise .marketing-whiteboard .board-margin-notes span,#expertise .marketing-whiteboard .board-sticky{font-family:"Permanent Marker","Comic Sans MS",cursive!important;font-weight:400}
#expertise .marketing-whiteboard .whiteboard-idea{font-size:clamp(20px,2vw,29px);line-height:1.3;text-shadow:.3px .3px currentColor}
#expertise .marketing-whiteboard .whiteboard-note{font-size:25px;transform:rotate(-1deg)}
.board-margin-notes{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;margin:0 0 12px;padding:0 10px}.board-margin-notes span{font-size:16px;line-height:1.4;color:#596c60;transform:rotate(-3deg)}.board-margin-notes span:nth-child(2){color:#47617f;transform:rotate(2deg)}.board-margin-notes span:nth-child(3){color:#995b4e;transform:rotate(-2deg)}
.board-sticky-notes{display:flex;align-items:center;justify-content:space-around;gap:22px;flex-wrap:wrap;padding:5px 12px 35px}
#expertise .board-sticky{position:relative;display:flex;align-items:center;justify-content:center;width:145px;min-height:128px;padding:18px 12px;text-align:center;color:#3f493d;background:linear-gradient(170deg,#ffed9099 0 17%,transparent 18%),#f7e786;box-shadow:2px 7px 8px #35463826;border-radius:1px 1px 10px 1px;font-size:18px;line-height:1.35;transform:rotate(-6deg)}
#expertise .board-sticky:nth-child(2){background-color:#d9e7b0;transform:rotate(5deg);margin-top:18px}#expertise .board-sticky:nth-child(3){background-color:#f0c3b7;transform:rotate(-3deg);margin-top:-12px}#expertise .board-sticky:nth-child(4){background-color:#bcdde3;transform:rotate(7deg);margin-top:18px}#expertise .board-sticky:nth-child(5){background-color:#f5dfa0;transform:rotate(-4deg)}
@media(max-width:650px){.board-margin-notes{gap:13px;justify-content:center}.board-margin-notes span{font-size:14px}#expertise .marketing-whiteboard .whiteboard-idea{font-size:20px}.board-sticky-notes{gap:18px;padding-inline:0}#expertise .board-sticky{width:116px;min-height:112px;font-size:16px}#expertise .marketing-whiteboard .whiteboard-note{font-size:21px}}

/* Varied permanent-marker ink colors. */
#expertise .whiteboard-idea:nth-child(1){color:#222b29}#expertise .whiteboard-idea:nth-child(2){color:#2456a0}#expertise .whiteboard-idea:nth-child(3){color:#b13a32}#expertise .whiteboard-idea:nth-child(4){color:#754497}#expertise .whiteboard-idea:nth-child(5){color:#247149}#expertise .whiteboard-idea:nth-child(6){color:#245b8a}#expertise .whiteboard-idea:nth-child(7){color:#a64259}#expertise .whiteboard-idea:nth-child(8){color:#333336}#expertise .board-sticky:nth-child(2){color:#2c5392}#expertise .board-sticky:nth-child(3){color:#7a3a66}#expertise .board-sticky:nth-child(4){color:#9a3833}#expertise .board-sticky:nth-child(5){color:#236449}

/* Photographic dry-erase surface, extruded aluminum frame and real-paper details. */
#expertise .marketing-whiteboard{background:#fafbf8 url('/whiteboard-real-surface.webp') center / 100% 100%;border:12px solid #a7aaa6;border-top-color:#d3d5d0;border-left-color:#c5c8c2;border-right-color:#848b85;border-bottom-color:#8c928d;border-radius:5px;box-shadow:inset 0 0 0 2px #f5f6ef,inset 0 0 16px #4b565330,0 2px 0 #69736c,4px 18px 24px #24302566!important}
#expertise .marketing-whiteboard:before{content:'';position:absolute;inset:-12px;pointer-events:none;border:1px solid #727b73;border-radius:5px;box-shadow:inset 0 1px 1px #fff9}
#expertise .board-sticky{background:linear-gradient(175deg,#ffffff22,transparent 24%,#b9a64015 85%,#fff4),#f5e386;box-shadow:1px 2px 2px #2222,3px 9px 10px #233a2b30;border-radius:1px 1px 3px 1px;filter:none}
#expertise .board-sticky:before{content:'';position:absolute;inset:0 0 auto;height:23px;background:linear-gradient(#b59d3218,#fff0);border-top:1px solid #fff5;pointer-events:none}
#expertise .board-sticky:after{content:'';position:absolute;left:8px;right:4px;bottom:-5px;height:10px;border-radius:50%;background:#29392a24;filter:blur(4px);z-index:-1}
#expertise .board-sticky:nth-child(2){background-color:#d6e5aa}#expertise .board-sticky:nth-child(3){background-color:#efbdb3}#expertise .board-sticky:nth-child(4){background-color:#b5d9e4}#expertise .board-sticky:nth-child(5){background-color:#f1d99b}
#expertise .marketing-whiteboard .whiteboard-idea{opacity:.94;text-shadow:.4px .2px currentColor;mix-blend-mode:multiply}#expertise .marketing-whiteboard .whiteboard-idea[aria-pressed=true]{background:#d3bc6f0c;border-width:2px}
.whiteboard-tray{height:19px;bottom:-24px;left:3%;right:3%;background:linear-gradient(#f1f2eb 0%,#aeb5ad 22%,#727c73 38%,#d1d7cd 65%,#8b958b 100%);box-shadow:0 7px 10px #15271c55;border:1px solid #7d887d;border-top:1px solid #edf2e5;perspective:300px}.whiteboard-tray i{height:12px;border:1px solid #aaa9;box-shadow:0 3px 3px #0004}.whiteboard-tray span{background:linear-gradient(#4b594f 0 55%,#1e2b23 55%);height:22px;box-shadow:2px 3px 4px #0005}
@media(max-width:650px){#expertise .marketing-whiteboard{border-width:8px}#expertise .marketing-whiteboard:before{inset:-8px}}

/* Realistic tray accessories and layered anodized-metal frame. */
#expertise .marketing-whiteboard{border:11px solid transparent;background:linear-gradient(#fff0,#fff0) padding-box,linear-gradient(120deg,#f1f2ee 0%,#9da5a0 12%,#d9ded7 24%,#7e8780 47%,#c4ccc4 70%,#f2f4ec 86%,#7a847b 100%) border-box;background-image:url('/whiteboard-real-surface.webp'),linear-gradient(120deg,#f1f2ee,#9da5a0 12%,#d9ded7 24%,#7e8780 47%,#c4ccc4 70%,#f2f4ec 86%,#7a847b);background-origin:padding-box,border-box;background-clip:padding-box,border-box;background-size:100% 100%,100% 100%;border-radius:6px;box-shadow:inset 0 0 0 2px #6d7870,inset 0 0 0 4px #f4f5ed,3px 18px 24px #24302566!important;padding-bottom:62px}
#expertise .marketing-whiteboard:before{inset:-11px;border:1px solid #657168;box-shadow:inset 0 1px 1px #fff,inset 1px 0 1px #fff8,inset -2px -2px 2px #35443c88;border-radius:6px}
#expertise .whiteboard-tray-real{position:absolute;left:3%;right:3%;bottom:-29px;height:auto;aspect-ratio:8/1;background:none;border:0;box-shadow:none;display:block;padding:0;filter:drop-shadow(0 7px 5px #23382d55);overflow:hidden;border-radius:0}
#expertise .whiteboard-tray-real img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
@media(max-width:650px){#expertise .marketing-whiteboard{border-width:8px;padding-bottom:45px}#expertise .marketing-whiteboard:before{inset:-8px}#expertise .whiteboard-tray-real{left:0;right:0;bottom:-18px}}

/* Requested board ink colors. */
#expertise .whiteboard-idea[aria-controls="board-detail-2"]{color:#b13a32}#expertise .whiteboard-idea[aria-controls="board-detail-6"]{color:#247149}

#expertise .whiteboard-idea[aria-controls="board-detail-2"]{color:#754497}#expertise .whiteboard-idea[aria-controls="board-detail-3"]{color:#b13a32}

/* Proportioned 2m tray with normal-size markers and eraser. */
#expertise .whiteboard-tray-real{left:2%;right:2%;bottom:-24px;aspect-ratio:24/1;filter:drop-shadow(-2px 5px 4px #23382d44)}#expertise .whiteboard-tray-real img{object-position:50% 50%}
/* Daylight entering from a window beyond the right edge of the room. */
#expertise .whiteboard-sage-wall{position:relative;isolation:isolate;background-image:radial-gradient(ellipse at 110% 15%,#fff5dca8,transparent 65%),url('/sage-plaster-texture.svg'),linear-gradient(110deg,#697563,#89917c 65%,#a3aa91);box-shadow:inset -20px 0 65px #fff6d32a}
#expertise .whiteboard-sage-wall:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(116deg,transparent 40%,#fff8d61c 41%,#fff8d637 64%,transparent 65%),linear-gradient(116deg,transparent 68%,#fff8d622 69%,#fff8d62c 87%,transparent 88%);filter:blur(7px)}
#expertise .whiteboard-sage-wall .marketing-whiteboard{box-shadow:-10px 16px 24px #26302155,-2px 3px 5px #26302144,inset 0 0 0 2px #6d7870,inset 0 0 0 4px #f4f5ed!important}
#expertise .marketing-whiteboard:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:2px;background:linear-gradient(115deg,transparent 55%,#fffbe514 70%,#fffbe52b 83%,#fffbe50a 94%);z-index:2;mix-blend-mode:screen}
@media(max-width:650px){#expertise .whiteboard-tray-real{bottom:-13px;left:0;right:0}}

/* Wider brick studio with a rear workstation and foreground vintage TV. */
.marketing-tv-hero{min-height:900px;grid-template-columns:.95fr 1.15fr;gap:4%;padding-top:55px;padding-bottom:65px}
.marketing-tv-hero:before{background-image:linear-gradient(90deg,#1b100cbb 0%,#1b100c66 40%,#1b100c08 69%),url('/marketing-room-lamp.webp');background-size:auto,cover;background-position:center,center bottom}
.marketing-tv-hero .marketing-hero-copy{position:relative;left:-3%;align-self:center}
.marketing-tv-hero .marketing-tv-scene{width:78%;max-width:530px;justify-self:start;margin-left:-5%;margin-bottom:-20px;align-self:end}
@media(min-width:1600px){.marketing-tv-hero{min-height:960px}.marketing-tv-hero .marketing-tv-scene{margin-left:-9%}}
@media(max-width:800px){.marketing-tv-hero{grid-template-columns:1fr;min-height:0;padding-top:35px;padding-bottom:45px;gap:30px}.marketing-tv-hero .marketing-hero-copy{left:0}.marketing-tv-hero .marketing-tv-scene{width:90%;max-width:520px;justify-self:center;margin-left:-6%;margin-bottom:0}.marketing-tv-hero:before{background-image:linear-gradient(180deg,#1b100cbb 0%,#1b100c88 42%,#1b100c11 100%),url('/marketing-room-lamp.webp');background-position:center,right bottom;background-size:auto,auto 100%}}

/* TV at the rear of the room, scaled against desk and chair. */
@media(min-width:801px){.marketing-tv-hero .marketing-tv-scene{position:absolute;left:53%;bottom:34%;width:clamp(230px,23vw,350px);max-width:none;justify-self:auto;margin:0;align-self:auto}}
@media(max-width:800px){.marketing-tv-hero .marketing-tv-scene{width:56%;max-width:300px;margin:0 10% 50px 0;justify-self:center}}

/* Larger TV beside the desk, with a stand proportionate to desk height. */
@media(min-width:801px){.marketing-tv-hero .marketing-tv-scene{left:49%;bottom:33%;width:clamp(350px,33vw,490px)}}@media(max-width:800px){.marketing-tv-hero .marketing-tv-scene{width:76%;max-width:410px}}

/* More space for the enlarged television beside the workstation. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{left:-10%}.marketing-tv-hero .marketing-tv-scene{left:46%;width:clamp(410px,39vw,580px);bottom:32%}}@media(max-width:800px){.marketing-tv-hero .marketing-tv-scene{width:88%;max-width:470px}}

/* Restore the larger TV presence, shifted left, with sunlit right legs. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{left:-28%}.marketing-tv-hero .marketing-tv-scene{left:32%;bottom:22%;width:clamp(550px,49vw,740px)}}@media(max-width:800px){.marketing-tv-hero .marketing-tv-scene{width:100%;max-width:620px;margin-left:-6%;margin-right:0}.marketing-tv-hero .marketing-hero-copy{left:0}}

/* Separate copy and TV across the full room rather than the narrow content wrapper. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{position:absolute;left:calc(50% - 45vw);top:50%;transform:translateY(-50%);width:clamp(280px,28vw,460px);padding:0}.marketing-tv-hero .marketing-tv-scene{left:calc(50% - 15vw)}}
.marketing-tv-hero .marketing-tv-scene .tv-leg-tone{clip-path:polygon(85% 64%,100% 64%,100% 83%,85% 83%);opacity:.6;pointer-events:none}

/* Phone-reference adjustment: wider copy restores title scale and longer lines; TV nudges right. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{left:calc(50% - 45vw);width:clamp(320px,36vw,620px);max-width:none}.marketing-tv-hero .marketing-tv-scene{left:calc(50% - 10vw)}.marketing-tv-hero .marketing-hero-copy p,.marketing-tv-hero .marketing-hero-copy blockquote{max-width:none;font-size:21px}}

/* Move marketing copy right without changing its scale. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{left:calc(50% - 42vw)}}

/* Additional half-inch desktop copy shift requested. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{left:calc(50% - 42vw + 48px)}}

/* Rebalance the room at normal browser zoom while preserving type sizes. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{left:calc(50% - 42.5vw)}.marketing-tv-hero .marketing-tv-scene{left:calc(50% - 4vw)}}
/* Depth of field applies to the room alone, leaving foreground TV and copy sharp. */
.marketing-tv-hero:before{filter:blur(2.2px)}

/* Transparent floor-shadow asset shares the TV's exact responsive coordinate space. */
.marketing-tv-hero .marketing-tv-scene:after{content:'';position:absolute;inset:0;width:100%;height:100%;background:url('/marketing-tv-floor-shadows.svg') center / 100% 100% no-repeat;z-index:-1;pointer-events:none}

/* Restore the lower foreground placement without changing typography or horizontal spacing. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{top:60%}.marketing-tv-hero .marketing-tv-scene{bottom:8%}}
/* Sharp foreground blended gradually into the existing softly focused back wall. */
.marketing-tv-hero:after{content:'';display:block;position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;opacity:1;filter:none;background-image:linear-gradient(90deg,#1b100cbb 0%,#1b100c66 40%,#1b100c08 69%),url('/marketing-room-lamp.webp');background-size:auto,cover;background-position:center,center bottom;background-repeat:no-repeat;mask-image:linear-gradient(to bottom,transparent 55%,#0001 64%,#0006 72%,#000c 81%,#000 87%);-webkit-mask-image:linear-gradient(to bottom,transparent 55%,#0001 64%,#0006 72%,#000c 81%,#000 87%)}
@media(max-width:800px){.marketing-tv-hero:after{background-image:linear-gradient(180deg,#1b100cbb 0%,#1b100c88 42%,#1b100c11 100%),url('/marketing-room-lamp.webp');background-position:center,right bottom;background-size:auto,auto 100%}}

/* Consistent initial capitals for static and dynamically updated button labels. */
a.button, a.button *, button, button *{text-transform:capitalize}

/* Service descriptions arrive from the left within the whiteboard. */
#expertise .whiteboard-details{display:grid;grid-template-columns:minmax(0,1fr);padding:24px 4px 10px;overflow:hidden;min-height:230px;align-items:start}
#expertise .whiteboard-detail{grid-area:1/1;width:100%;padding:22px 28px;background:#f6f2e8;border:1px solid #c3a269;border-left:4px solid #b18a4e;border-radius:4px;box-shadow:0 5px 14px #23382d14;text-align:center;animation:service-description-slide 460ms cubic-bezier(.22,.7,.25,1) both}
#expertise .whiteboard-detail[hidden]{display:none}
#expertise .whiteboard-details h3{margin-bottom:10px}
@keyframes service-description-slide{from{opacity:0;transform:translateX(-70px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:800px){#expertise .whiteboard-details{padding:20px 2px 10px;min-height:275px}#expertise .whiteboard-detail{padding:18px 16px}}
@media(prefers-reduced-motion:reduce){#expertise .whiteboard-detail{animation:none}}

/* Gold paint dust splashes into the empty upper-left corner once on page load. */
.marketing-tv-hero .marketing-gold-splash{position:absolute;left:calc(50% - 50vw);top:0;width:min(42vw,650px);height:43%;z-index:0;pointer-events:none;opacity:.78;mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%)}
@media(max-width:800px){.marketing-tv-hero .marketing-gold-splash{width:65vw;height:240px;opacity:.35}}

/* Position the gold spray toward the end of Thinking; particles rise from below. */
.marketing-tv-hero .marketing-gold-splash{left:calc(50% - 38vw)}
@media(max-width:800px){.marketing-tv-hero .marketing-gold-splash{left:calc(50% - 35vw)}}

/* A denser paint deposit, revealed diagonally upward along its own axis. */
.marketing-tv-hero .marketing-gold-splash{opacity:.9}
@media(max-width:800px){.marketing-tv-hero .marketing-gold-splash{opacity:.42}}

/* Slightly softer paint transparency. */
.marketing-tv-hero .marketing-gold-splash{opacity:.76}
@media(max-width:800px){.marketing-tv-hero .marketing-gold-splash{opacity:.35}}

/* Place service descriptions directly below the names, then the sticky notes. */
#expertise .whiteboard-details{min-height:210px;padding-bottom:20px}
#expertise .board-sticky-notes{padding-top:14px;padding-bottom:18px}
@media(max-width:800px){#expertise .whiteboard-details{min-height:255px}}

/* Touch guidance and selection are mobile only; desktop retains hover selection. */
#expertise .whiteboard-tap-hint{display:none}
@media(max-width:800px){#expertise .whiteboard-tap-hint{display:block;text-align:center;color:#42554d;font-size:18px;margin:14px auto 20px}#expertise .marketing-whiteboard .whiteboard-idea[aria-pressed=true]{outline:2px solid #9d753c;outline-offset:4px;background:#d7b8871a}}
/* Darker service cards with light copy and a warm gold accent. */
#expertise .whiteboard-detail{background:#26372f;border-color:#947a4c;border-left-color:#d7b887;box-shadow:0 5px 14px #16251c33}
#expertise .whiteboard-details h3{color:#e2c692}
#expertise .whiteboard-details p{color:#f2eee5}

/* Another wall in the same warm, weathered brick studio. */
#expertise .whiteboard-sage-wall{background:#7b4029 url('/marketing-whiteboard-brick-wall.webp') center center / cover no-repeat;border-top-color:#63351f;border-bottom-color:#63351f;box-shadow:inset 0 8px 22px #2a140b26}
#expertise .whiteboard-sage-wall:before{background:linear-gradient(112deg,#1b0d0a1a,transparent 52%,#fff0cc14);filter:none}

/* Jason supplied brick-and-plaster photo, color matched to the header. */
#expertise .whiteboard-sage-wall{background-image:url("/marketing-whiteboard-brick-photo.webp")}

/* Replacement wall photograph with faded green paint and warmer studio lighting. */
#expertise .whiteboard-sage-wall{background-image:url("/marketing-whiteboard-green-brick-photo.webp")}

/* Brushed aluminum extrusion and a wider, realistically scaled wall view. */
#expertise .whiteboard-sage-wall{
 background-image:url('/marketing-whiteboard-wall-wide.webp');
 background-size:cover;background-position:center;
 padding:78px clamp(28px,7vw,120px) 90px;
}
#expertise .marketing-whiteboard{
 max-width:1360px;
 border:14px solid transparent;border-radius:5px;
 background-image:url('/whiteboard-real-surface.webp'),
 repeating-linear-gradient(0deg,#ffffff12 0px,#ffffff12 1px,#181c2010 1px,#181c2010 2px),
 linear-gradient(135deg,#f0f1f2 0%,#93999e 13%,#e3e5e6 25%,#afb4b8 44%,#747c82 53%,#d1d5d8 72%,#fafbfc 84%,#8b9399 100%);
 background-origin:padding-box,border-box,border-box;
 background-clip:padding-box,border-box,border-box;
 background-size:100% 100%;
 box-shadow:inset 0 0 0 1px #52595d,inset 0 0 0 3px #e9ecec,inset 0 0 9px #2225,-5px 10px 12px #170d0966,-12px 24px 32px #170d0944!important;
}
#expertise .marketing-whiteboard:before{
 inset:-14px;border-radius:5px;border:1px solid #606970;
 background:linear-gradient(90deg,#f9fafc,#8c969e 18%,#dce1e4 40%,#747e87 60%,#c7cdd2 82%,#f3f5f6) top/100% 3px no-repeat,
 linear-gradient(90deg,#4c565d,#c3cbd0 25%,#8d989f 55%,#e2e6e8 80%,#5b656d) bottom/100% 4px no-repeat,
 linear-gradient(90deg,#f6f7f8,#727c85 35%,#cbd1d6 70%,#636e77) left/4px 100% no-repeat,
 linear-gradient(90deg,#d7dde1,#78838c 40%,#dfe3e6 70%,#515d66) right/4px 100% no-repeat;
 box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #fff9,inset -1px -1px 0 #29333a88;
}
@media(max-width:800px){
 #expertise .whiteboard-sage-wall{padding:42px 18px 52px;background-size:auto 100%;}
 #expertise .marketing-whiteboard{border-width:10px;}
 #expertise .marketing-whiteboard:before{inset:-10px;}
}

/* Window sunlight from upper right casts the board shadow down and left. */
#expertise .whiteboard-sage-wall .marketing-whiteboard{
 box-shadow:inset 0 0 0 1px #52595d,inset 0 0 0 3px #e9ecec,inset 0 0 9px #2225,-3px 4px 3px #160e0a66,-14px 16px 12px #160e0a66,-32px 32px 26px #160e0a55,-48px 44px 40px #160e0a2e!important;
}
@media(max-width:800px){
 #expertise .whiteboard-sage-wall .marketing-whiteboard{
 box-shadow:inset 0 0 0 1px #52595d,inset 0 0 0 3px #e9ecec,inset 0 0 9px #2225,-2px 3px 3px #160e0a66,-8px 12px 10px #160e0a66,-17px 22px 22px #160e0a44!important;
 }
}

/* One line of breathing room before the shared ambition closing phrase. */
#expertise .marketing-shared-ambition-title em{display:block;margin-top:1.1em;}
#expertise .marketing-shared-ambition-title br{display:none;}

/* Center the services section heading across the page. */
#expertise .marketing-services-heading{display:block;width:100%;max-width:none;text-align:center;margin-left:auto;margin-right:auto;}

/* Chipped plaster service panel, inspired by the exposed wall finish. */
#expertise .whiteboard-detail{
 position:relative;isolation:isolate;border:0;border-radius:0;
 background:transparent;box-shadow:none;padding:32px 40px;
}
#expertise .whiteboard-detail:before,#expertise .whiteboard-detail:after{
 content:'';position:absolute;pointer-events:none;z-index:-1;
 clip-path:polygon(0% 1.55%,2% 1.23%,4% 3.16%,6% 0.66%,8% 2.93%,10% 2.9%,12% 3.27%,14% 1.59%,16% 1.13%,18% 2.19%,20% 3.14%,22% 1.34%,24% 2.69%,26% 0.92%,28% 0.56%,30% 1.12%,32% 1.21%,34% 1.78%,36% 0.81%,38% 2.49%,40% 1.06%,42% 3.09%,44% 0.33%,46% 1.23%,48% 3.03%,50% 1.78%,52% 0.41%,54% 3.26%,56% 0.54%,58% 2.16%,60% 0.76%,62% 1.91%,64% 1.17%,66% 2.0%,68% 0.5%,70% 2.67%,72% 3.13%,74% 0.46%,76% 2.38%,78% 0.79%,80% 0.34%,82% 0.89%,84% 2.15%,86% 0.78%,88% 1.92%,90% 2.89%,92% 2.59%,94% 2.99%,96% 1.7%,98% 2.38%,100% 1.53%,99.76% 5%,99.87% 10%,99.89% 15%,99.01% 20%,99.49% 25%,99.76% 30%,98.98% 35%,99.69% 40%,99.28% 45%,99.7% 50%,99.35% 55%,99.96% 60%,99.65% 65%,99.94% 70%,99.31% 75%,98.9% 80%,99.87% 85%,99.62% 90%,99.54% 95%,99.02% 100%,98% 96.84%,96% 96.84%,94% 97.92%,92% 99.33%,90% 99.25%,88% 98.44%,86% 97.59%,84% 98.15%,82% 96.96%,80% 96.68%,78% 96.73%,76% 97.19%,74% 96.93%,72% 99.62%,70% 98.8%,68% 97.73%,66% 99.3%,64% 99.12%,62% 99.65%,60% 98.95%,58% 99.68%,56% 98.3%,54% 99.09%,52% 99.08%,50% 99.77%,48% 98.77%,46% 96.67%,44% 97.64%,42% 98.51%,40% 98.02%,38% 98.59%,36% 99.25%,34% 98.84%,32% 98.03%,30% 99.54%,28% 98.48%,26% 98.14%,24% 99.58%,22% 97.86%,20% 98.19%,18% 97.99%,16% 97.48%,14% 99.57%,12% 96.98%,10% 97.51%,8% 99.02%,6% 99.2%,4% 96.89%,2% 98.62%,0% 98.18%,0.81% 95%,0.73% 90%,0.93% 85%,0.86% 80%,1.12% 75%,0.9% 70%,0.35% 65%,1.09% 60%,0.92% 55%,0.03% 50%,0.97% 45%,1.06% 40%,0.25% 35%,0.86% 30%,1.14% 25%,0.16% 20%,0.7% 15%,1.24% 10%,0.42% 5%);
}
#expertise .whiteboard-detail:before{
 inset:0;background:linear-gradient(125deg,#b9ad8b,#d4c8a9 36%,#8f8b72 69%,#b4a884);
}
#expertise .whiteboard-detail:after{
 inset:4px 5px 5px 4px;
 background:radial-gradient(ellipse at 12% 18%,#9c9a6944,transparent 47%),radial-gradient(ellipse at 92% 90%,#131e19aa,transparent 56%),repeating-linear-gradient(23deg,#ffffff04 0 1px,transparent 1px 4px),#30453a;
 box-shadow:inset 0 0 16px #b9b58a44;
}
@media(max-width:800px){#expertise .whiteboard-detail{padding:28px 23px;}}

/* Two-line desktop descriptions; reserve the same panel space for every service. */
#expertise .whiteboard-details{align-items:stretch;}
#expertise .whiteboard-detail{align-self:stretch;min-height:180px;}
#expertise .whiteboard-detail[hidden]{display:block;visibility:hidden;pointer-events:none;animation:none;}
#expertise .whiteboard-detail p{max-width:none;}
@media(max-width:1100px){.service-description-break{display:none;}}

/* Individual chipped plaster silhouettes for each service. */
#expertise #board-detail-0:before,#expertise #board-detail-0:after{clip-path:polygon(0% 2.36%,2.18% 2.24%,4.57% 0.44%,6.01% 1.63%,8.69% 2.41%,11.07% 0.52%,11.99% 2.47%,13.96% 2.06%,15.94% 1.77%,18.29% 2.77%,19.13% 2.37%,21.67% 2.0%,22.44% 2.52%,24.43% 2.44%,26.87% 0.51%,27.8% 0.65%,30.42% 2.03%,31.92% 2.38%,33.0% 2.26%,35.7% 1.34%,36.91% 2.21%,38.4% 1.77%,40.1% 2.32%,42.29% 2.39%,44.11% 2.28%,45.15% 2.01%,47.19% 1.43%,47.9% 1.16%,49.36% 1.34%,50.75% 0.68%,52.13% 2.23%,53.59% 2.98%,54.58% 2.66%,56.8% 0.34%,59.28% 1.81%,60.62% 2.78%,62.92% 0.32%,64.0% 1.64%,66.42% 1.96%,67.2% 0.99%,69.41% 2.85%,71.76% 1.83%,74.38% 1.43%,76.65% 0.91%,77.54% 0.55%,78.51% 0.82%,80.67% 0.36%,82.98% 2.7%,84.32% 2.66%,86.93% 3.17%,88.2% 2.88%,90.03% 0.32%,92.79% 2.45%,94.09% 2.06%,95.11% 2.74%,96.46% 2.39%,98.26% 1.39%,100% 2.74%,98.77% 5%,99.92% 11.97%,99.98% 19.26%,99.62% 22.4%,99.86% 28.05%,99.03% 35.37%,98.77% 41.57%,99.1% 45.78%,99.87% 52.48%,98.72% 59.6%,98.89% 65.19%,99.66% 70.84%,99.93% 76.8%,99.57% 82.68%,99.14% 86.3%,99.09% 91.44%,100% 98%,98% 98.18%,96.35% 98.43%,95.53% 99.24%,93.49% 97.07%,91.22% 97.44%,90.01% 99.71%,87.63% 97.85%,85.47% 98.99%,83.23% 97.22%,81.43% 97.16%,78.95% 97.55%,77.93% 99.18%,76.57% 98.97%,74.51% 98.24%,73.31% 99.36%,71.75% 98.76%,69.87% 98.31%,67.63% 97.88%,64.87% 98.71%,63.98% 97.76%,62.55% 98.57%,60.26% 96.54%,58.53% 98.93%,55.81% 99.54%,54.05% 98.09%,52.0% 97.45%,51.0% 96.64%,49.84% 99.6%,47.86% 98.91%,46.68% 98.21%,45.68% 98.96%,44.71% 96.84%,42.96% 97.68%,40.96% 99.44%,40.12% 99.4%,37.46% 98.66%,36.41% 99.3%,34.73% 97.19%,32.09% 97.0%,29.54% 96.96%,27.64% 97.39%,25.5% 98.51%,24.31% 99.08%,23.43% 99.49%,20.82% 97.61%,18.16% 98.75%,15.91% 99.37%,13.34% 97.97%,12.44% 96.57%,10.97% 99.16%,9.93% 96.81%,7.82% 98.97%,6.58% 99.39%,4.07% 96.92%,2.67% 97.36%,0.04% 96.66%,0% 98%,0.54% 94%,0.09% 88.45%,0.73% 82.53%,0.94% 74.68%,0.63% 69.21%,0.63% 61.32%,0.43% 54.7%,0.52% 46.75%,1.1% 38.88%,0.93% 32.74%,0.95% 25.89%,1.09% 21.77%,0.5% 16.99%,0.25% 13.41%,0.92% 6.15%);}
#expertise #board-detail-1:before,#expertise #board-detail-1:after{clip-path:polygon(0% 1.88%,0.97% 1.88%,2.5% 0.52%,4.0% 2.8%,4.79% 2.37%,5.86% 3.08%,6.98% 0.43%,8.54% 2.21%,10.69% 1.58%,13.06% 3.16%,15.4% 0.78%,17.47% 1.92%,19.39% 2.26%,21.79% 1.97%,22.95% 0.92%,24.52% 0.41%,27.32% 1.15%,29.21% 3.11%,31.07% 1.46%,32.17% 2.35%,33.77% 1.4%,36.16% 2.69%,37.11% 2.79%,39.65% 0.74%,41.33% 3.18%,42.76% 3.03%,43.6% 1.08%,45.97% 0.45%,47.5% 0.71%,48.47% 2.2%,50.15% 1.47%,51.95% 3.13%,54.06% 0.73%,55.65% 3.11%,58.26% 0.6%,59.03% 0.62%,60.25% 1.42%,62.08% 3.13%,63.34% 1.97%,64.52% 1.48%,66.09% 1.16%,66.98% 1.92%,68.66% 1.61%,70.5% 1.24%,71.92% 0.92%,72.7% 0.65%,74.14% 1.14%,76.46% 2.07%,79.14% 1.08%,80.28% 2.48%,82.03% 2.73%,83.06% 0.59%,85.52% 2.29%,88.08% 1.83%,89.96% 1.42%,92.13% 0.81%,94.4% 1.17%,96.0% 2.77%,98.59% 2.66%,100% 1.84%,98.76% 5%,99.75% 8.66%,99.16% 16.59%,98.82% 20.21%,99.76% 27.49%,99.04% 30.7%,99.9% 34.55%,99.14% 37.82%,99.41% 42.76%,99.01% 45.94%,99.88% 52.4%,99.04% 59.59%,99.08% 66.06%,99.93% 73.19%,99.66% 77.68%,99.96% 82.55%,98.73% 86.4%,99.49% 91.67%,99.66% 95.35%,100% 98%,98% 96.94%,96.3% 97.55%,94.15% 97.95%,92.12% 99.16%,90.55% 96.69%,88.61% 99.41%,86.75% 96.94%,84.57% 99.65%,82.42% 98.45%,80.58% 99.0%,78.83% 97.85%,77.72% 96.97%,75.12% 98.76%,74.22% 98.32%,72.07% 98.11%,70.05% 96.69%,67.31% 97.78%,65.19% 96.51%,63.01% 97.1%,61.18% 98.41%,58.64% 98.27%,57.41% 99.59%,56.07% 98.71%,53.84% 98.17%,52.99% 99.08%,52.07% 98.19%,49.48% 97.83%,47.23% 98.49%,45.13% 98.47%,44.33% 98.5%,42.54% 97.1%,41.0% 97.03%,39.53% 98.32%,37.65% 98.98%,36.66% 98.91%,34.83% 97.95%,32.94% 99.62%,31.7% 97.16%,30.38% 98.83%,29.14% 96.96%,27.36% 97.26%,25.39% 98.36%,23.02% 96.71%,20.52% 97.97%,19.22% 97.59%,17.63% 98.25%,15.59% 97.97%,13.14% 99.49%,11.49% 99.26%,9.61% 98.12%,7.43% 96.86%,5.61% 99.24%,4.0% 97.81%,3.18% 99.27%,1.66% 97.38%,0% 98%,1.26% 94%,0.26% 90.51%,0.99% 86.04%,1.25% 78.05%,0.85% 74.39%,0.43% 68.34%,0.09% 63.57%,1.02% 55.73%,0.42% 49.11%,0.58% 45.06%,1.25% 41.75%,0.32% 38.2%,1.17% 31.23%,0.56% 24.7%,1.0% 21.07%,0.27% 16.05%,0.33% 8.72%);}
#expertise #board-detail-2:before,#expertise #board-detail-2:after{clip-path:polygon(0% 0.34%,2.05% 1.93%,3.42% 2.42%,4.44% 0.9%,6.73% 3.1%,9.41% 2.13%,12.08% 2.32%,13.61% 2.79%,15.03% 0.46%,17.32% 1.63%,20.03% 2.98%,20.78% 1.88%,22.26% 1.15%,23.97% 2.25%,25.91% 2.41%,26.81% 3.26%,28.76% 3.3%,30.25% 2.15%,31.69% 2.6%,32.81% 2.45%,35.11% 1.68%,35.89% 1.43%,37.97% 1.66%,39.12% 2.81%,41.43% 2.24%,43.59% 0.58%,45.46% 3.13%,47.84% 0.57%,49.59% 2.91%,50.62% 3.08%,52.35% 2.76%,53.55% 2.62%,55.85% 2.33%,58.59% 0.85%,60.71% 2.1%,61.55% 2.54%,64.1% 0.65%,65.8% 0.75%,68.19% 0.36%,69.18% 0.34%,70.61% 2.05%,71.57% 2.58%,73.91% 2.84%,76.03% 2.3%,77.41% 2.17%,78.31% 2.72%,80.54% 2.8%,82.06% 1.01%,83.88% 1.48%,85.45% 2.43%,86.76% 0.63%,89.08% 2.79%,89.85% 0.4%,92.62% 0.38%,94.32% 1.1%,96.65% 2.68%,97.66% 1.74%,98.75% 1.21%,99.68% 2.58%,100% 2.82%,99.55% 5%,99.63% 12.66%,99.97% 17.02%,99.75% 21.14%,98.8% 24.86%,99.07% 29.01%,99.15% 34.29%,99.79% 38.68%,98.78% 43.63%,98.7% 50.05%,99.24% 57.06%,99.42% 61.23%,98.86% 67.77%,99.74% 74.79%,99.32% 78.59%,99.14% 84.7%,99.77% 90.47%,100% 98%,98% 97.53%,97.16% 98.77%,96.24% 97.45%,93.47% 99.75%,91.12% 98.72%,89.32% 96.81%,86.98% 99.43%,85.81% 96.6%,84.34% 96.79%,82.65% 97.58%,80.48% 96.81%,78.12% 96.55%,75.86% 99.31%,74.41% 96.5%,72.4% 99.67%,70.02% 99.78%,68.27% 98.82%,66.29% 98.85%,63.92% 97.55%,62.02% 99.51%,60.84% 99.12%,58.77% 97.55%,56.05% 98.88%,55.0% 96.75%,52.71% 97.57%,51.9% 98.16%,50.96% 98.07%,48.7% 97.82%,46.33% 98.96%,45.6% 99.16%,43.28% 99.36%,41.73% 99.22%,40.83% 97.06%,38.07% 99.65%,35.61% 97.34%,34.79% 99.8%,32.54% 99.02%,30.48% 98.08%,28.05% 99.4%,26.07% 96.86%,24.23% 98.25%,22.34% 96.66%,21.63% 97.99%,19.58% 97.38%,18.47% 98.41%,16.41% 98.8%,14.88% 99.35%,12.72% 98.75%,11.15% 96.91%,8.79% 97.8%,6.75% 99.14%,4.72% 97.28%,3.73% 98.41%,1.62% 99.34%,0.53% 98.02%,0% 98%,0.6% 94%,0.67% 87.53%,0.68% 82.98%,0.05% 76.17%,0.34% 68.85%,0.54% 65.38%,1.08% 60.36%,0.2% 55.46%,0.01% 48.84%,0.6% 44.84%,0.66% 38.62%,0.97% 34.38%,1.0% 26.39%,0.14% 21.4%,1.15% 15.63%,0.25% 8.93%);}
#expertise #board-detail-3:before,#expertise #board-detail-3:after{clip-path:polygon(0% 2.28%,1.71% 0.62%,2.54% 1.22%,4.92% 2.84%,6.61% 2.15%,8.05% 1.57%,9.28% 0.59%,11.89% 0.46%,12.96% 0.53%,14.49% 1.84%,15.35% 1.44%,16.95% 0.96%,19.1% 2.89%,21.4% 2.12%,22.34% 2.69%,23.51% 1.84%,25.29% 1.51%,27.02% 3.17%,28.32% 2.06%,30.41% 2.8%,32.2% 0.98%,33.1% 0.84%,34.68% 2.63%,37.26% 2.49%,39.68% 3.15%,41.92% 3.24%,43.13% 0.74%,45.09% 2.65%,45.86% 2.45%,48.05% 0.94%,49.2% 2.97%,50.56% 2.08%,52.32% 1.63%,54.97% 2.78%,57.77% 2.43%,59.15% 2.95%,61.21% 3.15%,62.25% 0.5%,64.21% 2.13%,66.84% 3.11%,68.77% 2.84%,70.13% 2.72%,72.33% 0.62%,74.38% 0.51%,75.62% 2.29%,78.15% 1.13%,79.97% 0.9%,81.29% 0.47%,83.83% 0.55%,84.75% 1.18%,87.14% 0.69%,88.2% 1.46%,90.16% 1.61%,92.14% 0.67%,93.84% 1.23%,95.11% 1.52%,97.02% 1.32%,98.37% 1.5%,99.63% 0.4%,100% 2.91%,99.78% 5%,99.49% 9.72%,98.79% 16.44%,99.74% 20.12%,99.12% 23.47%,99.18% 30.65%,99.11% 37.73%,99.37% 43.69%,99.3% 49.03%,99.52% 52.1%,99.48% 57.15%,99.94% 60.55%,99.62% 64.65%,99.69% 70.23%,98.82% 76.9%,99.08% 82.94%,98.85% 88.62%,99.09% 93.87%,100% 98%,98% 99.25%,96.74% 97.98%,95.52% 98.17%,93.27% 97.78%,91.2% 97.24%,90.1% 98.22%,88.69% 97.97%,87.63% 96.54%,85.12% 97.6%,83.27% 99.56%,81.64% 98.26%,80.92% 98.73%,78.19% 96.96%,76.04% 99.33%,73.3% 96.54%,70.96% 96.92%,69.5% 97.95%,68.32% 96.52%,65.94% 98.19%,63.26% 98.39%,62.25% 99.74%,60.02% 99.15%,58.7% 98.34%,56.33% 98.88%,54.22% 97.33%,53.05% 97.68%,51.48% 99.62%,49.08% 96.65%,47.87% 98.54%,46.98% 97.97%,44.9% 98.35%,42.24% 99.53%,41.44% 97.64%,40.31% 97.74%,38.63% 97.94%,37.04% 99.66%,34.47% 99.34%,33.55% 97.46%,31.32% 98.62%,28.93% 97.67%,27.83% 98.42%,26.06% 98.81%,24.52% 97.26%,22.62% 98.34%,20.65% 97.52%,19.81% 98.08%,17.91% 97.47%,17.07% 97.94%,15.17% 98.86%,12.59% 99.49%,10.77% 99.64%,9.75% 99.19%,9.04% 96.86%,7.52% 97.35%,5.18% 98.99%,4.43% 97.03%,1.88% 98.01%,1.04% 98.13%,0% 98%,1.27% 94%,1.1% 87.65%,0.77% 82.73%,0.68% 76.07%,0.25% 72.05%,0.95% 67.94%,0.33% 64.18%,1.1% 57.13%,0.31% 50.92%,1.15% 43.62%,0.75% 40.05%,1.13% 33.51%,0.07% 27.83%,0.4% 24.79%,0.92% 21.57%,1.28% 16.5%,1.27% 9.45%,0.03% 4.75%);}
#expertise #board-detail-4:before,#expertise #board-detail-4:after{clip-path:polygon(0% 2.95%,2.11% 3.17%,3.29% 0.47%,5.24% 0.33%,6.02% 1.67%,7.85% 1.05%,8.66% 3.12%,9.54% 1.43%,11.31% 1.54%,13.95% 1.08%,15.53% 0.53%,17.54% 0.74%,18.41% 1.08%,19.86% 0.62%,21.19% 0.31%,23.38% 1.21%,26.18% 0.86%,27.12% 1.76%,29.5% 1.6%,31.38% 2.56%,34.16% 2.03%,35.31% 0.81%,36.5% 2.59%,38.29% 0.76%,40.54% 2.89%,41.38% 0.96%,43.3% 1.03%,44.99% 0.59%,47.3% 3.02%,48.05% 0.91%,48.84% 2.94%,49.58% 1.37%,50.94% 1.86%,53.21% 0.9%,54.65% 2.22%,57.23% 1.89%,58.72% 3.0%,60.77% 0.74%,63.05% 2.85%,64.27% 1.23%,64.99% 1.98%,67.18% 1.41%,69.58% 1.29%,71.04% 0.59%,72.08% 1.24%,73.48% 0.56%,74.71% 0.62%,77.35% 2.68%,78.5% 1.62%,80.39% 0.83%,81.98% 2.81%,83.29% 1.17%,85.32% 1.5%,87.61% 3.27%,89.06% 3.12%,90.62% 2.31%,91.33% 1.09%,92.31% 1.62%,94.63% 1.49%,96.63% 3.19%,97.68% 2.4%,99.66% 3.25%,100% 3.23%,99.47% 5%,98.87% 12.72%,99.42% 16.69%,99.23% 20.71%,99.81% 25.52%,99.82% 28.66%,99.4% 32.99%,99.45% 37.08%,99.06% 41.16%,99.44% 45.64%,99.77% 52.8%,99.21% 57.06%,99.87% 62.61%,99.05% 70.35%,99.75% 76.57%,99.73% 84.01%,99.48% 91.08%,99.18% 94.5%,100% 98%,98% 98.93%,97.24% 99.75%,95.46% 96.83%,93.69% 97.87%,91.07% 98.4%,88.27% 99.2%,85.95% 99.08%,85.05% 99.12%,82.8% 96.72%,81.44% 98.75%,80.18% 97.22%,77.4% 97.21%,76.32% 98.74%,73.78% 96.82%,71.49% 99.69%,69.99% 98.17%,67.3% 98.14%,65.79% 97.3%,64.35% 97.56%,63.06% 99.46%,60.99% 97.72%,58.91% 98.66%,56.45% 99.78%,55.04% 99.65%,53.8% 96.85%,52.7% 99.36%,51.52% 98.91%,49.33% 99.78%,47.57% 96.61%,46.46% 98.76%,43.98% 98.84%,41.32% 99.66%,39.13% 99.53%,38.2% 98.57%,37.33% 97.81%,35.48% 96.58%,32.75% 97.08%,30.2% 99.3%,27.61% 97.15%,26.72% 98.52%,25.86% 98.43%,24.05% 99.01%,22.15% 96.52%,20.33% 97.41%,19.53% 96.64%,17.4% 98.72%,16.62% 99.09%,14.76% 98.45%,12.54% 98.37%,10.34% 96.82%,8.05% 97.47%,6.6% 97.2%,3.83% 97.85%,2.85% 98.18%,1.21% 99.78%,0% 98%,0.05% 94%,0.92% 90.32%,0.11% 86.95%,0.72% 82.12%,0.26% 74.93%,0.73% 71.87%,0.65% 66.01%,0.34% 62.82%,0.22% 57.85%,0.46% 53.78%,0.22% 46.09%,0.54% 41.81%,1.27% 34.76%,1.26% 27.12%,0.48% 20.92%,0.09% 15.69%,0.28% 10.13%,0.35% 5.25%);}
#expertise #board-detail-5:before,#expertise #board-detail-5:after{clip-path:polygon(0% 3.17%,1.87% 1.98%,3.42% 1.88%,4.65% 1.35%,5.93% 2.23%,7.67% 1.3%,8.42% 2.28%,9.43% 1.96%,12.11% 0.74%,13.43% 0.53%,15.27% 2.39%,17.88% 0.59%,20.68% 2.2%,21.46% 1.27%,23.06% 1.21%,23.78% 2.87%,25.65% 3.11%,27.12% 2.88%,28.46% 1.34%,30.14% 0.31%,32.48% 0.62%,34.43% 1.33%,36.76% 2.0%,37.79% 0.44%,39.79% 2.55%,41.56% 2.24%,43.02% 2.77%,45.35% 2.14%,48.14% 2.84%,50.27% 1.66%,51.75% 1.23%,54.33% 1.32%,56.01% 1.01%,58.17% 1.83%,59.56% 1.4%,60.34% 0.76%,62.54% 0.43%,65.07% 1.74%,66.66% 0.46%,68.57% 1.73%,69.38% 2.2%,70.39% 2.41%,71.85% 1.56%,73.65% 2.61%,76.39% 0.92%,77.58% 3.03%,78.56% 0.74%,79.39% 2.03%,81.29% 2.01%,82.28% 0.82%,83.18% 2.78%,85.43% 0.8%,87.07% 2.33%,89.24% 3.02%,90.74% 1.77%,93.2% 1.78%,95.61% 0.34%,97.79% 0.79%,100% 2.16%,99.28% 5%,98.77% 8.32%,99.33% 12.37%,99.54% 17.61%,99.45% 23.18%,99.97% 26.37%,99.44% 32.4%,99.17% 36.93%,99.45% 41.93%,98.89% 45.83%,98.76% 50.14%,99.08% 53.49%,99.21% 59.07%,99.51% 65.91%,98.95% 73.33%,99.0% 79.44%,99.79% 86.01%,99.05% 91.74%,100% 98%,98% 98.39%,96.98% 97.46%,94.28% 97.98%,92.62% 96.85%,90.0% 97.33%,87.96% 98.19%,86.23% 99.64%,84.78% 99.51%,82.72% 98.5%,81.9% 98.18%,79.68% 99.7%,78.66% 97.4%,75.97% 96.82%,74.66% 99.01%,72.28% 98.18%,70.02% 99.75%,69.12% 96.62%,67.58% 97.67%,65.93% 96.78%,64.16% 97.6%,61.92% 96.52%,59.76% 98.05%,58.07% 98.74%,56.18% 97.19%,54.62% 96.54%,53.66% 97.65%,51.37% 98.17%,49.88% 97.88%,48.06% 99.5%,45.71% 99.57%,44.4% 97.29%,42.97% 99.22%,41.03% 97.91%,38.31% 99.47%,36.9% 98.78%,35.26% 96.92%,33.91% 99.32%,32.59% 96.67%,31.07% 98.49%,29.74% 99.52%,27.58% 97.14%,25.21% 97.1%,24.16% 98.84%,22.02% 97.22%,19.33% 98.03%,17.29% 98.78%,15.76% 99.4%,14.97% 97.5%,12.39% 97.83%,10.42% 98.3%,9.44% 97.62%,7.6% 99.69%,4.96% 97.6%,3.7% 97.58%,1.57% 97.69%,0% 98%,0.96% 94%,0.34% 88.15%,0.14% 81.25%,1.27% 77.51%,0.22% 70.51%,0.53% 63.63%,0.03% 60.11%,1.0% 53.1%,1.2% 45.64%,1.17% 40.38%,0.55% 36.67%,0.03% 30.22%,0.62% 25.36%,1.17% 17.87%,0.16% 12.85%,0.12% 5.95%);}
#expertise #board-detail-6:before,#expertise #board-detail-6:after{clip-path:polygon(0% 1.74%,1.5% 0.72%,4.28% 2.84%,5.16% 1.8%,5.98% 3.03%,7.24% 1.55%,8.64% 1.58%,10.33% 3.19%,12.84% 2.16%,15.28% 2.8%,17.28% 1.27%,19.47% 0.4%,21.29% 1.14%,23.12% 1.81%,25.28% 0.76%,26.63% 3.21%,29.25% 1.32%,30.62% 2.66%,32.57% 2.38%,33.72% 2.44%,35.87% 1.63%,37.41% 2.03%,38.97% 0.89%,41.29% 2.53%,42.35% 1.97%,45.09% 1.69%,47.88% 1.71%,50.66% 1.29%,51.98% 1.14%,53.67% 1.85%,54.91% 3.06%,56.77% 1.53%,58.42% 1.65%,60.72% 0.86%,62.49% 0.95%,63.44% 2.4%,64.99% 2.5%,65.91% 2.78%,67.06% 2.1%,68.29% 2.49%,69.09% 1.86%,71.34% 2.5%,73.68% 2.04%,74.81% 1.61%,77.23% 0.45%,78.96% 0.33%,80.2% 0.66%,82.43% 0.86%,84.63% 3.17%,86.05% 1.7%,88.44% 1.65%,90.66% 1.84%,93.01% 3.02%,93.98% 0.43%,95.17% 3.11%,96.82% 3.24%,98.06% 3.24%,99.55% 2.33%,100% 1.3%,98.84% 5%,99.47% 8.26%,99.06% 11.88%,99.78% 16.5%,99.93% 19.79%,99.42% 25.04%,99.15% 32.3%,99.36% 37.73%,99.65% 42.46%,99.76% 46.42%,99.56% 53.53%,99.67% 57.25%,99.44% 64.96%,98.72% 71.89%,98.93% 77.36%,99.52% 83.79%,99.97% 87.77%,99.75% 92.54%,100% 98%,98% 96.64%,96.59% 99.04%,94.6% 99.69%,93.24% 96.76%,91.73% 98.91%,90.53% 97.4%,89.02% 97.37%,86.24% 97.13%,85.07% 99.61%,82.8% 98.2%,81.09% 98.37%,79.92% 97.51%,78.96% 98.91%,76.7% 98.91%,74.63% 96.59%,73.8% 97.09%,71.51% 96.84%,69.66% 97.68%,67.17% 96.63%,64.9% 97.65%,63.88% 98.66%,61.51% 96.76%,60.09% 98.67%,58.35% 96.6%,57.35% 99.51%,55.49% 98.14%,53.88% 99.24%,52.26% 97.04%,50.01% 96.9%,47.64% 98.84%,45.7% 98.87%,44.86% 96.57%,42.93% 97.01%,40.4% 97.96%,37.7% 96.61%,35.74% 98.03%,33.44% 99.23%,30.87% 97.41%,29.68% 98.39%,28.87% 98.68%,26.62% 99.59%,25.66% 97.15%,24.45% 99.55%,23.49% 99.29%,21.76% 97.27%,19.05% 98.91%,16.92% 96.89%,15.32% 99.67%,13.51% 97.17%,11.72% 99.2%,9.24% 99.62%,8.13% 98.94%,5.53% 99.01%,3.07% 97.26%,0.72% 99.39%,0% 98%,0.25% 94%,0.73% 86.42%,0.24% 81.23%,0.85% 77.23%,0.05% 71.06%,0.68% 64.4%,0.53% 60.64%,0.39% 55.05%,1.24% 49.6%,0.68% 46.1%,1.05% 39.97%,0.79% 32.89%,0.27% 25.18%,0.26% 21.06%,0.81% 17.03%,0.55% 11.88%,0.27% 6.98%);}
#expertise #board-detail-7:before,#expertise #board-detail-7:after{clip-path:polygon(0% 1.72%,2.65% 2.55%,4.65% 0.94%,6.22% 2.3%,8.76% 2.88%,9.49% 2.66%,10.97% 1.87%,12.63% 2.2%,15.3% 1.04%,17.83% 3.2%,19.08% 2.24%,21.8% 1.18%,24.49% 2.28%,25.61% 1.14%,26.62% 1.54%,28.91% 2.84%,31.47% 1.28%,32.46% 2.16%,34.09% 0.96%,36.74% 2.69%,38.44% 1.93%,40.99% 3.01%,42.65% 2.27%,45.4% 1.02%,47.87% 1.62%,49.42% 2.46%,51.69% 3.0%,52.61% 1.79%,53.63% 1.37%,55.67% 0.32%,56.51% 3.26%,58.96% 1.21%,61.51% 2.47%,62.94% 3.16%,64.15% 2.2%,65.21% 1.77%,67.33% 2.1%,68.41% 0.82%,70.07% 2.61%,71.84% 1.41%,73.33% 1.69%,75.87% 2.7%,77.29% 1.99%,80.07% 2.8%,81.26% 1.46%,82.33% 2.9%,84.68% 0.97%,85.41% 2.73%,86.11% 0.7%,87.01% 2.42%,88.35% 2.27%,89.25% 2.2%,91.25% 2.75%,93.86% 1.12%,95.68% 1.32%,97.6% 0.55%,100% 1.74%,99.66% 5%,99.24% 11.77%,98.78% 17.77%,99.3% 22.14%,99.96% 25.99%,99.67% 32.94%,99.68% 38.61%,99.28% 42.84%,99.46% 48.51%,99.89% 56.4%,99.03% 64.14%,99.17% 69.83%,99.31% 73.78%,98.9% 81.66%,98.81% 87.86%,99.17% 91.59%,98.89% 95.95%,100% 98%,98% 96.8%,95.73% 98.73%,93.71% 98.41%,90.95% 97.62%,89.95% 98.48%,88.32% 99.52%,87.21% 99.58%,84.47% 97.16%,83.6% 98.12%,82.07% 98.62%,80.09% 98.57%,79.37% 96.84%,77.86% 99.74%,75.93% 99.49%,74.95% 97.7%,72.43% 96.53%,71.01% 97.81%,69.66% 99.08%,68.7% 99.71%,67.15% 98.25%,65.88% 96.72%,65.09% 97.73%,62.98% 96.89%,62.17% 97.5%,61.38% 96.74%,59.91% 98.06%,58.21% 97.48%,56.33% 98.24%,53.55% 98.74%,50.88% 96.6%,50.16% 99.32%,49.13% 99.59%,47.37% 97.32%,45.06% 97.23%,43.85% 97.84%,42.13% 98.55%,41.13% 98.47%,39.04% 97.28%,36.99% 98.75%,35.42% 99.73%,33.73% 97.59%,32.72% 97.81%,30.63% 97.83%,28.98% 97.95%,27.26% 98.22%,25.43% 97.14%,24.19% 98.69%,22.44% 98.15%,20.86% 99.21%,19.32% 98.09%,18.0% 99.59%,17.05% 97.77%,14.47% 96.76%,12.44% 98.66%,10.47% 99.12%,8.11% 99.48%,5.73% 98.45%,3.88% 99.48%,1.84% 98.29%,0.42% 97.44%,0% 98%,0.19% 94%,0.96% 87.46%,0.8% 81.86%,0.9% 74.83%,0.4% 69.1%,0.05% 64.08%,0.97% 57.03%,0.09% 52.53%,0.09% 46.41%,0.66% 39.83%,0.23% 35.16%,1.28% 31.78%,1.13% 24.98%,1.19% 19.51%,0.84% 16.48%,0.1% 11.11%,0.17% 4.06%);}

/* A light paper-note bump, preserving each note's original rotation. */
@media(hover:hover) and (pointer:fine){
 #expertise .board-sticky{transition:box-shadow 180ms ease;}
 #expertise .board-sticky:hover{animation:sticky-note-bump 380ms ease-out;box-shadow:1px 3px 3px #2222,4px 12px 14px #233a2b40;}
}
@keyframes sticky-note-bump{
 0%,100%{translate:0 0;scale:1;}
 38%{translate:0 -7px;scale:1.025;}
 70%{translate:0 -2px;scale:1.008;}
}
@media(prefers-reduced-motion:reduce){#expertise .board-sticky:hover{animation:none;}}

/* Consistent, restrained interaction feedback across the portfolio. */
.button,.video-frame:has(>.video-preview),a.movie-card .movie-art,
.film-poster-feature .production-poster,.marketing-case-study>summary,
.testimonial-controls button{
 transition:translate 200ms ease,box-shadow 200ms ease,background-color 200ms ease,border-color 200ms ease,color 200ms ease;
}
@media(hover:hover) and (pointer:fine){
 .button:hover{translate:0 -3px;box-shadow:0 6px 14px #0003;}
 .video-frame:has(>.video-preview:hover),a.movie-card:hover .movie-art,
 .film-poster-feature .production-poster:hover{translate:0 -4px;box-shadow:0 10px 22px #0005;}
 .marketing-case-study:not([open])>summary:hover{translate:0 -3px;box-shadow:0 7px 16px #0002;}
 .testimonial-controls button:hover{translate:0 -2px;}
}
@media(prefers-reduced-motion:reduce){
 .button,.video-frame:has(>.video-preview),a.movie-card .movie-art,
 .film-poster-feature .production-poster,.marketing-case-study>summary,
 .testimonial-controls button{transition:none!important;translate:none!important;}
}

/* A slight stagger in the shared ambition heading. */
#expertise .marketing-shared-ambition-title .ambition-offset{display:block;padding-left:24px;}
@media(max-width:650px){#expertise .marketing-shared-ambition-title .ambition-offset{padding-left:16px;}}

/* Film and marketing destination cards on Home and About. */
a.card:is([href="/film-video.html"],[href="/marketing.html"]){transition:translate 200ms ease,box-shadow 200ms ease,background-color 200ms ease,border-color 200ms ease;}
@media(hover:hover) and (pointer:fine){
 a.card:is([href="/film-video.html"],[href="/marketing.html"]):hover{translate:0 -5px;box-shadow:0 12px 24px #0003;}
}
@media(prefers-reduced-motion:reduce){a.card:is([href="/film-video.html"],[href="/marketing.html"]){transition:none;translate:none;}}

/* Move the staggered heading lines one character farther right. */
#expertise .marketing-shared-ambition-title .ambition-offset{padding-left:calc(24px + 1ch);}
@media(max-width:650px){#expertise .marketing-shared-ambition-title .ambition-offset{padding-left:calc(16px + 1ch);}}

/* Restore left alignment to the shared ambition heading. */
#expertise .marketing-shared-ambition-title > .ambition-offset{padding-left:0;}

/* Approved filmstrip header frame. */
.concept-film-rails{position:absolute;inset:0;pointer-events:none;}
.production-hero{border-top:44px solid #151615;border-bottom:44px solid #151615;}
.concept-film-rails:before,.concept-film-rails:after{content:'';position:absolute;left:calc(50% - 50vw);right:calc(50% - 50vw);height:44px;background-color:#151615;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='44'%3E%3Crect x='19' y='10' width='25' height='23' rx='3' fill='%23c9c5b9'/%3E%3C/svg%3E");background-repeat:repeat-x;z-index:5;pointer-events:none;box-shadow:inset 0 1px 0 #ffffff22;}
.concept-film-rails:before{top:-44px;}.concept-film-rails:after{bottom:-44px;}

/* A straight frame divider separates the existing copy and photograph. */
.concept-film-rails{background:linear-gradient(90deg,transparent calc(52.26% - 2px),#151615 calc(52.26% - 2px),#151615 calc(52.26% + 2px),transparent calc(52.26% + 2px));}
@media(max-width:850px){
 .concept-film-rails{background:none;}
 .production-hero .production-photo{position:relative;}
 .production-hero .production-photo:before{content:'';position:absolute;left:0;right:0;top:-15px;height:3px;background:#151615;}
}

/* Gently soften the decorative Home page filmstrip. */
.home-page .home-cards-light:after{filter:blur(2px);}

/* Amber celluloid edges inspired by the supplied vintage film reference. */
.production-hero{border-top-color:#60361e;border-bottom-color:#60361e;}
.concept-film-rails:before,.concept-film-rails:after{
 background-color:#4b2819;background-image:url('/vintage-film-rail.svg');background-size:140px 44px;
 box-shadow:inset 0 1px 0 #dfae6655,0 1px 3px #0008;
}
.concept-film-rails:after{transform:scaleY(-1);}
.concept-film-rails{background:url('/vintage-film-divider.svg') 52.26% 0/8px 22px repeat-y;}
@media(max-width:850px){.concept-film-rails{background:none;}.production-hero .production-photo:before{background:#8e5b2c;}}

/* Soften the vintage film framing with partial transparency. */
.production-hero .concept-film-rails{opacity:.72;}
.production-hero{border-top-color:#60361eb8;border-bottom-color:#60361eb8;}

/* Filmstrip at half opacity. */
.production-hero .concept-film-rails{opacity:.5;}
.production-hero{border-top-color:#60361e80;border-bottom-color:#60361e80;}

/* Filmstrip at twenty percent opacity. */
.production-hero .concept-film-rails{opacity:.2;}
.production-hero{border-top-color:#60361e33;border-bottom-color:#60361e33;}

/* Atmospheric career montage behind the existing animated roadmap. */
.about-designed-hero:before{
 background-color:#151918;
 background-image:radial-gradient(ellipse at 29% 57%,#101615dc 0%,#101615b3 25%,transparent 63%),linear-gradient(to bottom,#13191833 0%,#13191855 48%,#151918e6 88%,#151918 100%),url('/about-career-montage.webp');
 background-size:100% 100%,100% 100%,100% auto;
 background-position:center,center,center top;background-repeat:no-repeat;
 filter:blur(1.4px) saturate(.78);opacity:1;
}
@media(max-width:800px){
 .about-designed-hero:before{background-size:100% 100%,100% 100%,auto 420px;background-position:center,center,38% top;}
}

/* Additional soft focus for the About montage only. */
.about-designed-hero:before{filter:blur(3px) saturate(.78);}

/* Reveal the marketing workstation lower down, beneath the portrait. */
.about-marketing-montage-layer{
 position:absolute;z-index:-2;inset:0 calc(50% - 50vw);pointer-events:none;
 background-image:linear-gradient(#15191855,#15191855),url('/about-career-montage.webp');
 background-size:100% 100%,100% auto;background-repeat:no-repeat;
 background-position:center,center calc(100% + 100px);
 mask-image:linear-gradient(90deg,transparent 39%,#000 49%,#000 68%,transparent 81%),linear-gradient(to bottom,transparent 45%,#000 62%,#000 88%,transparent 100%);
 mask-composite:intersect;filter:blur(3px) saturate(.78);
}
@media(max-width:800px){.about-marketing-montage-layer{background-size:100% 100%,auto 450px;background-position:center,60% bottom;mask-image:linear-gradient(to bottom,transparent 52%,#000 72%,#000 90%,transparent 100%);}}

/* Rearranged career imagery: field camera, Hollywood, and marketing. */
.about-designed-hero:before{
 background-image:radial-gradient(ellipse at 26% 58%,#101615dc 0%,#101615a8 25%,transparent 63%),linear-gradient(to bottom,#13191833 0%,#13191855 48%,#151918e6 88%,#151918 100%),url('/about-career-montage-v2.webp');
 background-position:center,center,center -90px;
}
.about-marketing-montage-layer{
 background-image:linear-gradient(#15191855,#15191855),url('/about-career-montage-v2.webp');
 mask-image:linear-gradient(90deg,transparent 61%,#000 74%,#000 98%,transparent 100%),linear-gradient(to bottom,transparent 43%,#000 62%,#000 89%,transparent 100%);
}
@media(max-width:800px){
 .about-designed-hero:before{background-position:center,center,45% top;}
 .about-marketing-montage-layer{background-position:center,95% bottom;mask-image:linear-gradient(to bottom,transparent 52%,#000 72%,#000 90%,transparent 100%);}
}

/* Keep one control-room scene below the portrait; clear the duplicate above. */
.about-designed-hero:before{
 background-image:linear-gradient(90deg,transparent 57%,#151918 73%),radial-gradient(ellipse at 25% 60%,#101615d9 0%,#1016159c 27%,transparent 60%),linear-gradient(to bottom,#13191833 0%,#13191855 48%,#151918e6 88%,#151918 100%),url('/about-career-control-room.webp');
 background-size:100% 100%,100% 100%,100% 100%,100% auto;
 background-position:center,center,center,center -30px;
}
.about-marketing-montage-layer{
 background-image:linear-gradient(#15191855,#15191855),url('/about-career-control-room.webp');
 background-position:center,center calc(100% + 60px);
 mask-image:linear-gradient(90deg,transparent 59%,#000 72%,#000 99%,transparent 100%),linear-gradient(to bottom,transparent 34%,#000 55%,#000 91%,transparent 100%);
}
@media(max-width:800px){
 .about-designed-hero:before{background-position:center,center,center,43% top;background-size:100% 100%,100% 100%,100% 100%,auto 420px;}
 .about-marketing-montage-layer{background-position:center,95% bottom;mask-image:linear-gradient(to bottom,transparent 52%,#000 72%,#000 90%,transparent 100%);}
}

/* Brighter field cameraman and the matching sunlit brick workspace. */
.about-designed-hero:before{
 background-image:linear-gradient(90deg,transparent 57%,#151918 73%),radial-gradient(ellipse at 30% 60%,#101615b3 0%,#10161570 27%,transparent 60%),linear-gradient(to bottom,#13191810 0%,#13191833 48%,#151918d9 88%,#151918 100%),url('/about-career-brick-workspace.webp');
}
.about-marketing-montage-layer{
 background-image:linear-gradient(#15191840,#15191840),url('/about-career-brick-workspace.webp'),url('/marketing-whiteboard-brick-wall.webp');
 background-size:100% 100%,100% auto,cover;
 background-position:center,center calc(100% + 60px),center;
 mask-image:linear-gradient(90deg,transparent 59%,#000 73%,#000 100%),linear-gradient(to bottom,#000 0%,#000 92%,transparent 100%);
}
@media(max-width:800px){
 .about-marketing-montage-layer{background-size:100% 100%,auto 450px,cover;background-position:center,95% bottom,center;mask-image:linear-gradient(to bottom,transparent 45%,#000 66%,#000 92%,transparent 100%);}
}

/* Keep the About header label legible over the bright sunset. */
.about-designed-hero .hero-copy>.eyebrow{
 display:table;max-width:100%;box-sizing:border-box;
 color:#fff5df;background:#111916d9;
 padding:8px 14px;border-left:2px solid #d7b887;
 border-radius:0 3px 3px 0;text-shadow:0 1px 2px #0008;
 box-shadow:0 3px 12px #0002;
}

/* More transparent backing for the About header label. */
.about-designed-hero .hero-copy>.eyebrow{background:#11191680;box-shadow:0 3px 12px #0001;}

/* Match the Home professional label to the About header label. */
.home-page .theater-content .hero-copy>.eyebrow{font-size:clamp(10px,1.25vw,21px);letter-spacing:.08em}
@media(max-width:800px){.home-page .theater-content .hero-copy>.eyebrow{font-size:clamp(9px,2.55vw,18px);letter-spacing:.04em}}

/* Podcast portrait beside the digital marketing career story. */
.about-page .about-podcast-photo{margin:30px 0 0}
.about-page .about-podcast-photo img{display:block;width:100%;height:auto;border:1px solid #eee4d0;box-sizing:border-box;box-shadow:0 8px 22px #0003}
.about-page .about-podcast-photo figcaption{margin-top:12px;font-size:18px;line-height:1.5;color:#eee4d0;text-align:center;letter-spacing:0;text-transform:none}

/* Resting depth and a darker shadow as destination cards lift. */
a.card:is([href="/film-video.html"],[href="/marketing.html"]){box-shadow:0 7px 18px #0003;transition:translate .25s ease,box-shadow .25s ease}
@media(hover:hover) and (pointer:fine){a.card:is([href="/film-video.html"],[href="/marketing.html"]):hover{box-shadow:0 12px 26px #0005}}

@media(prefers-reduced-motion:reduce){a.card:is([href="/film-video.html"],[href="/marketing.html"]){transition:none}}

/* Diagonal ivory reading panel, with a gold seam and a divider above the cards. */
.home-page .home-about-split{position:relative;isolation:isolate}
.home-page .home-about-split:before,.home-page .home-about-split:after{content:"";position:absolute;inset:0 calc(50% - 50vw);pointer-events:none;z-index:-1}
.home-page .home-about-split:before{background:#b49a6b;clip-path:polygon(52% 0,100% 0,100% 100%,43% 100%)}
.home-page .home-about-split:after{background:#f2eee6;clip-path:polygon(calc(52% + 2px) 0,100% 0,100% 100%,calc(43% + 2px) 100%)}
.home-page .home-about-split .section-head>div:last-child{color:#242925}
.home-page .home-about-split .section-head>div:last-child p{color:#343b35}
.home-page .home-about-split .text-link{color:#72572d;border-color:#a0875d}
.home-page .home-cards-light:before{border-top:2px solid #b49a6b;box-shadow:0 -1px 0 #24292533;box-sizing:border-box}
@media(max-width:850px){
.home-page .home-about-split:before,.home-page .home-about-split:after{display:none}
.home-page .home-about-split .section-head{display:block}
.home-page .home-about-split .section-head>div:last-child{position:relative;isolation:isolate;margin-top:35px;padding:30px 0 0}
.home-page .home-about-split .section-head>div:last-child:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw) -80px;background:#f2eee6;border-top:2px solid #b49a6b}
}

/* Match all Film & Video ivory surfaces to the shared site ivory. */
.film-page .film-career-timeline:before,.film-page .film-development-section:before,.film-page .film-selected-credits:before{background-color:#f2eee6}

/* Shared ivory behind the About storytelling chapter. */
.about-page .biography-section:before{background:#f2eee6}

/* A calmer Home introduction and visual destination cards. */
.home-page .home-about-split{padding-top:70px;padding-bottom:70px}
.home-page .home-about-split .section-head{align-items:center;margin-bottom:0}
.home-page .home-about-split .section-head>div:first-child{padding-right:20px}
.home-page .home-about-split:before{background:#b49a6b99;clip-path:polygon(50% 0,100% 0,100% 100%,44% 100%)}
.home-page .home-about-split:after{clip-path:polygon(calc(50% + 1px) 0,100% 0,100% 100%,calc(44% + 1px) 100%)}
.home-page .home-cards-light:after{opacity:.035;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 65%,transparent)}
.home-page .home-cards-light .card{padding:0;display:flex;flex-direction:column;overflow:hidden}
.home-page .home-card-image{position:relative;height:190px;overflow:hidden;border-bottom:1px solid #d7b88766;background:#20241f}
.home-page .home-card-production img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.home-page .home-card-marketing{background:url('/marketing-room-lamp.webp') center 58%/cover no-repeat}
.home-page .home-card-marketing img{position:absolute;height:180px;width:auto;left:15%;bottom:0;object-fit:contain;filter:drop-shadow(5px 7px 5px #0005)}
.home-page .home-card-copy{padding:30px 35px 35px;display:flex;flex-direction:column;flex:1}
.home-page .home-card-copy .num{margin-bottom:20px}
.home-page .home-card-copy .text-link{align-self:flex-start;margin-top:auto}
@media(max-width:850px){
.home-page .home-about-split{padding-top:55px;padding-bottom:55px}
.home-page .home-about-split .section-head>div:first-child{padding-right:0}
.home-page .home-about-split .section-head>div:last-child:before{bottom:-55px}
.home-page .home-card-image{height:180px}
.home-page .home-card-copy{padding:26px 28px 30px}
}

/* Career photos below the marketing background paragraphs. */
.about-page .marketing-career-chapter .about-career-photos{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:15px}
.about-page .about-career-photos .about-podcast-photo{margin:0}
@media(max-width:650px){.about-page .marketing-career-chapter .about-career-photos{grid-template-columns:1fr}}

.about-page .about-career-photos figure img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}

.about-page .about-conference-photo .sharpnet-role{margin:12px 0 0;font-size:inherit;line-height:1.5;color:inherit}

/* Scannable chapter subheadings in the About career narrative. */
.about-page .about-career-chapter .career-paragraph-title{font-size:25px;line-height:1.25;margin:30px 0 12px;text-transform:none;letter-spacing:.01em;color:#d7b887}
.about-page .about-career-chapter .career-paragraph-title:first-child{margin-top:0}
.about-page .biography-section .career-paragraph-title{color:#72572d}
@media(max-width:650px){.about-page .about-career-chapter .career-paragraph-title{font-size:22px}}

/* Location photo directly beneath the filmmaking topics box. */
.about-page .biography-section>div.filmmaking-column{padding:0;background:none;border:0;box-shadow:none;min-width:0}
.about-page .filmmaking-topics-panel{padding:28px 24px;background:linear-gradient(140deg,#292d2a,#202421);border:1px solid #d7b88722;border-top:2px solid #d7b8879c;box-shadow:0 14px 36px #0002}
.about-page .about-filmmaking-photo{margin:28px 0 0}
.about-page .about-filmmaking-photo img{display:block;width:100%;height:auto;box-sizing:border-box;border:1px solid #fff;box-shadow:0 8px 22px #0002}
@media(max-width:650px){.about-page .filmmaking-topics-panel{padding:24px 20px}}

/* Bovo project photo beneath the marketing services panel. */
.about-page .marketing-career-chapter>div.marketing-services-column{padding:0;background:none;border:0;box-shadow:none;min-width:0}
.about-page .marketing-topics-panel{padding:28px 24px;background:linear-gradient(140deg,#292d2a,#202421);border:1px solid #d7b88722;border-top:2px solid #d7b8879c;box-shadow:0 14px 36px #0002}
.about-page .about-bovo-photo{margin:28px 0 0}
.about-page .about-bovo-photo img{display:block;width:100%;height:auto;box-sizing:border-box;border:1px solid #fff;box-shadow:0 8px 22px #0002}
.about-page .about-bovo-photo figcaption{margin-top:12px;font-size:18px;line-height:1.5;color:#eee4d0;text-align:center}
@media(max-width:650px){.about-page .marketing-topics-panel{padding:24px 20px}}

/* Keep the photo row and captions inside the marketing chapter. */
.about-page .marketing-career-chapter{row-gap:40px;padding-bottom:80px}
.about-page .marketing-career-chapter .about-career-photos{margin-top:0;align-items:start;row-gap:30px}
.about-page .about-career-photos figure{min-width:0;align-self:start}
.about-page .about-career-photos figcaption{position:static;display:block;height:auto;white-space:normal;overflow:visible;padding-bottom:8px}

/* Consistent depth for boxes on white and ivory section backgrounds. */
.home-page .home-cards-light .card,
.about-page .about-explore .card,
.about-page .biography-section .filmmaking-topics-panel,
.film-page .film-development-section .service,
.film-page .film-selected-credits .credit-category,
.marketing-case-studies .marketing-case-study{box-shadow:0 7px 18px #0003}
@media(hover:hover) and (pointer:fine){
.home-page .home-cards-light .card:hover,
.about-page .about-explore .card:hover{box-shadow:0 12px 26px #0005}
}

/* Foreground television and static insert in the Management card. */
.home-page .home-card-marketing .home-card-tv{position:absolute;width:240px;height:300px;left:8%;bottom:-52px;filter:drop-shadow(5px 8px 5px #0006)}
.home-page .home-card-marketing .home-card-tv-frame{position:absolute;inset:0;width:100%;height:100%;filter:none;object-fit:contain}
.home-page .home-card-marketing .home-card-tv-screen{position:absolute;left:8.73%;top:27.82%;width:71.3%;height:30.81%;overflow:hidden;border-radius:4% / 7%;background:#101010}
.home-page .home-card-marketing .home-card-tv-screen img{position:absolute;inset:0;width:100%;height:106%;object-fit:cover;filter:none}
.home-page .color-hero .portrait .caption{font-size:clamp(10px,1vw,16px);height:auto;line-height:1.3}
@media(max-width:650px){.home-page .color-hero .portrait .caption{font-size:clamp(9px,1.9vw,14px)}}

.home-page .home-card-marketing .home-card-tv-screen img{height:100%;object-fit:cover;object-position:center}

/* Soften the alley-chase storyboard while preserving the script page. */
.film-page .film-development-section:after{mask-image:linear-gradient(90deg,#0008 0%,#0008 52%,#000 56%,#000 100%)}

/* Reveal more Mount Carmel detail behind the documentary posters. */
.film-page .documentary-poster-highlights:before{background-image:linear-gradient(180deg,#11171666 0%,#11171666 50%,#171a19f7 100%),url('/mount-carmel-rich-color.webp')}

/* Further reveal the Mount Carmel photograph. */
.film-page .documentary-poster-highlights:before{background-image:linear-gradient(180deg,#11171640 0%,#11171640 50%,#171a19f7 100%),url('/mount-carmel-rich-color.webp')}

/* Curated work collections: spotlight, category rail, and contrasting galleries. */

.work-page .work-hero{padding-bottom:36px}
.work-page .work-hero h1{margin-bottom:20px}
.work-page .work-featured{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:52px;padding:12px 0 64px}
.work-page .work-featured h2{font-size:clamp(36px,4vw,58px);margin:18px 0}
.work-page .work-featured p{color:#c6c8c3;margin-bottom:24px}
.work-page .work-featured .video-frame{border:1px solid #a98a50;box-shadow:0 16px 36px #0005}
.work-category-nav{position:sticky;top:var(--work-header-height);z-index:90;display:flex;gap:6px;padding:14px 0;background:#171b19f5;border-top:1px solid #a98a5070;border-bottom:1px solid #a98a5070;backdrop-filter:blur(12px);overflow-x:auto;scrollbar-width:thin}
.work-category-nav a{flex:0 0 auto;padding:10px 12px;font-size:16px;line-height:1.25;color:#e9e3d6;text-decoration:none;border-radius:2px;transition:background-color .2s,color .2s}
.work-category-nav a:hover,.work-category-nav a[aria-current="location"]{background:#d7b887;color:#171b19}
.work-category-nav a:focus-visible{outline:2px solid #d7b887;outline-offset:-2px}
.work-page .work-section{position:relative;isolation:isolate;padding:68px 0;scroll-margin-top:calc(var(--work-header-height) + 90px)}
.work-section-heading{margin-bottom:32px;border-bottom:1px solid #a98a5060;padding-bottom:24px}
.work-section-heading h2{margin:12px 0 14px}
.work-section-heading p{max-width:820px;margin:0;color:#babeb7}
.work-page .video-card{border:1px solid #ffffff28;box-shadow:0 7px 20px #0003;overflow:hidden}
.work-page .video-copy h3{line-height:1.4}
.work-page .work-section:is(#real-estate,#documentary,#movies){color:#202522}
.work-page .work-section:is(#real-estate,#documentary,#movies):before{content:'';position:absolute;inset:0 calc(50% - 50vw);background:#f2eee6;z-index:-1}
.work-page .work-section:is(#real-estate,#documentary,#movies) .eyebrow{color:#786039}
.work-page .work-section:is(#real-estate,#documentary,#movies) .work-section-heading p{color:#515950}
.work-page .work-section:is(#real-estate,#documentary,#movies) .video-card{background:#faf8f2;border-color:#d5cdbf;box-shadow:0 7px 18px #0002}
.work-page .work-section:is(#real-estate,#documentary,#movies) .video-copy p{color:#515950}
.work-page .work-section:is(#real-estate,#documentary,#movies) .text-link{color:#76572b}
.work-page #movies .video-grid{gap:32px}
.work-page #movies .movie-art{aspect-ratio:2/3;border-bottom:1px solid #d5cdbf;padding:18px;background:#e6dfd2}
.work-page #movies .movie-art img{position:static;object-fit:contain;filter:drop-shadow(0 5px 7px #0004)}
.work-page #movies .movie-card{display:flex;flex-direction:column}
@media(min-width:901px){.work-page #movies .video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.work-page .work-featured{grid-template-columns:1fr;gap:26px;padding-bottom:42px}.work-page .work-featured-copy{max-width:650px}.work-category-nav a{font-size:15px}.work-page .work-section{padding:48px 0}}
@media(prefers-reduced-motion:reduce){.work-category-nav a{transition:none}}

html:has(body.work-page){scroll-padding-top:calc(var(--work-header-height,150px) + 90px)}
.work-page .work-section{scroll-margin-top:0}

/* Avoid isolated final words in commercial credit descriptions. */
.credits-page #commercials .full-credit-list li>span{text-wrap:pretty}

/* Keep production service copy comfortably inside its box edges. */
.film-page .film-development-section .service{padding:25px 22px 20px;min-width:0}
.film-page .film-development-section .service p{margin-bottom:0;overflow-wrap:break-word}
@media(max-width:800px){.film-page .film-development-section .service{padding:24px 20px 20px}}

/* Inline trailer floats over the softly focused aircraft scene. */
.film-page .film-split-aircraft>img{filter:blur(2px)}
.film-page .flight-trailer-player{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;border:1px solid #d7b887;box-shadow:0 8px 28px #0009;background:#080b0e}
.flight-trailer-player video{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;background:#080b0e}
.flight-trailer-player video::-webkit-media-controls-fullscreen-button{display:none!important}
.flight-trailer-player video::-webkit-media-controls-picture-in-picture-button{display:none!important}
.film-page .aircraft-storm.is-striking>img{animation:flight-background-exposure .85s linear}
@keyframes flight-background-exposure{0%,100%{filter:blur(2px)}15%{filter:blur(2px) brightness(1.5)}44%{filter:blur(2px) brightness(1.08)}54%{filter:blur(2px) brightness(1.3)}}
@media(max-width:600px){.film-page .flight-trailer-player{width:86%}}

/* A clear hierarchy and aligned reading columns for shared ambition. */
#expertise>.section-head{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6%;align-items:start;margin-bottom:0}
#expertise .marketing-shared-ambition-title{text-align:left;margin:0;line-height:1.12}
#expertise .ambition-main{display:block}
#expertise .ambition-main>span{display:block;margin-top:8px}
#expertise .marketing-shared-ambition-title em{position:relative;display:block;margin-top:28px;padding-top:25px;font-size:.76em;line-height:1.18;text-align:left}
#expertise .marketing-shared-ambition-title em:before{content:"";position:absolute;left:0;top:0;width:64px;height:2px;background:#b18a4e}
#expertise .marketing-shared-ambition-title em br{display:initial}
#expertise .marketing-perspective{min-width:0}
#expertise .marketing-perspective p{max-width:none;text-wrap:pretty}
#expertise .marketing-perspective p:last-child{margin-bottom:0}
#expertise .marketing-services-heading{margin-top:68px;padding-top:42px;border-top:1px solid #b18a4e55}
@media(max-width:800px){#expertise>.section-head{grid-template-columns:1fr;gap:30px}#expertise .marketing-services-heading{margin-top:48px;padding-top:32px}}

/* Clear results, consistent client feedback, and a direct closing invitation. */
.marketing-page .marketing-case-study summary{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:28px;padding:30px}
.marketing-page .case-key-result{display:flex;flex-direction:column;gap:10px;padding-right:24px;border-right:1px solid #b18a4e55;color:#806127}
.marketing-page .case-key-result strong{font-size:48px;line-height:1.05}
.marketing-page .case-key-result>span{font-size:18px;line-height:1.35}
.marketing-page .case-client{font-family:inherit;font-size:28px}
.marketing-page .case-category{letter-spacing:.03em}
.marketing-page .case-outcome{font-size:var(--site-text-size);line-height:1.5}
.marketing-page .case-open-label{border:1px solid #b18a4e88;padding:10px 14px;font-size:18px;background:#f2eee6}
.marketing-page .marketing-case-study+ .marketing-case-study{margin-top:18px}
.marketing-page .marketing-case-studies{border-top:1px solid #b18a4e55}
.marketing-page .client-stories{border-top:1px solid #b18a4e55}
.marketing-page .testimonial-stage{background:#faf8f2;border:1px solid #d1c3ac;box-shadow:0 8px 24px #00000012;padding:34px;min-height:0;align-items:stretch}
.marketing-page .client-testimonial{display:grid;grid-template-rows:144px 40px 1fr auto;align-self:stretch;padding:0;gap:16px}
.marketing-page .client-testimonial[hidden]{display:grid;visibility:hidden}
.marketing-page .client-testimonial .testimonial-portrait{width:144px;height:144px;margin:0 auto}
.marketing-page .client-testimonial .google-review-badge{margin:0;align-self:center}
.marketing-page .client-testimonial blockquote{margin:0;align-self:center;padding:8px 0 20px}
.marketing-page .client-testimonial blockquote p{max-width:780px}
.marketing-page .client-testimonial figcaption{min-height:64px;align-self:end}
.marketing-page .testimonial-controls{margin-top:26px;gap:14px}
.marketing-page .testimonial-controls .testimonial-prev,.marketing-page .testimonial-controls .testimonial-next{background:#d7b887;border-color:#a78347;color:#202522;font-size:28px}
.marketing-page .testimonial-controls .testimonial-pause{background:#252b27;color:#f2eee6;border-color:#252b27;padding:10px 20px}
.marketing-page .testimonial-controls .testimonial-pause:hover{background:#806127}
.marketing-page .marketing-contact-action{justify-content:center;margin:28px auto 0}
.marketing-page #contact .marketing-contact-action .button{background:#d7b887;color:#202522;border:1px solid #a78347;text-decoration:none}
.marketing-page #contact .marketing-contact-action .button:hover{background:#c5a169}
@media(max-width:1000px){.marketing-page .marketing-case-study summary{grid-template-columns:150px minmax(0,1fr)}.marketing-page .case-open-label{grid-column:2;justify-self:start}.marketing-page .case-key-result{grid-row:1 / 3}}
@media(max-width:600px){.marketing-page .marketing-case-study summary{grid-template-columns:1fr;gap:20px;padding:24px 20px}.marketing-page .case-key-result{grid-row:auto;border-right:0;border-bottom:1px solid #b18a4e55;padding:0 0 18px}.marketing-page .case-key-result strong{font-size:42px}.marketing-page .case-open-label{grid-column:1}.marketing-page .testimonial-stage{padding:26px 20px}.marketing-page .client-testimonial{grid-template-rows:120px 36px 1fr auto;gap:14px}.marketing-page .client-testimonial .testimonial-portrait{width:120px;height:120px}.marketing-page .testimonial-controls{gap:8px}}

/* Curated highlights and a more scannable work gallery. */
.work-page .work-selected-projects{padding:12px 0 48px}
.work-page .work-selected-projects>h2{margin-bottom:28px}
.work-page .work-project-type{display:block;color:#dfbf8c;font-size:16px;letter-spacing:.06em;line-height:1.4;margin-bottom:10px}
.work-page .work-section:is(#real-estate,#documentary,#movies) .work-project-type{color:#806127}
.work-page .work-selected-projects .video-copy{display:flex;flex-direction:column;flex:1}
.work-page .work-selected-projects .video-copy p{margin-bottom:24px}
.work-page .work-selected-projects .text-link{margin-top:auto;align-self:start}
.work-page .work-featured-film{display:block;position:relative}
.work-page .video-frame{aspect-ratio:16/9;border-bottom:1px solid #d7b88766}
.work-page .video-frame:not(.movie-art) img{width:100%;height:100%;object-fit:cover}
.work-page .video-play{border:1px solid #d7b887aa;background:#111a;padding:9px 15px;color:#fff;font-size:18px}
.work-page .work-category-nav a[aria-current="location"]{background:#d7b887;color:#202522;border-color:#d7b887}
.work-page #commercial-projects>.video-card[hidden]{display:none}
.work-page .work-more-action{text-align:center;margin-top:32px}
.work-page .work-show-more{cursor:pointer;font-family:inherit}
.work-page .work-contact-action{justify-content:center}
#flight-trailer{scroll-margin-top:180px}
@media(max-width:800px){.work-page .work-selected-projects{padding-bottom:32px}.work-page .work-selected-projects .video-grid{grid-template-columns:1fr}.work-page .work-project-type{font-size:16px}}

/* Play the featured trailer without leaving the work gallery. */
.work-page button.work-featured-film{display:block;width:100%;padding:0;border:0;border-bottom:1px solid #d7b88766;cursor:pointer;background:#080b0e;font-family:inherit}
.work-trailer-dialog{width:clamp(320px,40vw,720px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #d7b887;color:#f2eee6;background:#151917;box-shadow:0 18px 65px #000a}
.work-trailer-dialog::backdrop{background:#080c0cd9;backdrop-filter:blur(3px)}
.work-trailer-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border-bottom:1px solid #d7b88755}
.work-trailer-heading h3{margin:0;font-size:22px}
.work-trailer-close{font:30px/1 Arial,sans-serif;color:#f2eee6;background:transparent;border:0;min-width:44px;min-height:44px;cursor:pointer}
.work-trailer-close:hover{color:#d7b887}
.work-trailer-dialog .flight-trailer-player{width:100%;position:static;transform:none}
.work-trailer-dialog video{max-height:calc(100dvh - 110px)}
@media(max-width:900px){.work-trailer-dialog{width:min(86vw,720px)}}

/* Shared centered player for every work-page video. */
.work-trailer-dialog .flight-trailer-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#080b0e}
.work-trailer-dialog .flight-trailer-player video{display:block;width:100%;aspect-ratio:3/2;object-fit:contain}

/* Fullscreen is available for work samples except the Flight trailer. */
.flight-trailer-player video.work-fullscreen-enabled::-webkit-media-controls-fullscreen-button{display:flex!important}

/* Center the work-page introduction. */
.work-page .work-hero{text-align:center;margin-inline:auto}
.work-page .work-hero p{margin-inline:auto}

/* Independent press columns keep documentary articles directly below interviews. */
.credits-page #press .press-columns{align-items:start}
.credits-page #press .press-interview-list{display:block;width:100%;margin:0}
.credits-page #press .press-column{gap:28px}
.credits-page #press .press-column>div>h3{margin-top:0;margin-bottom:18px}
.credits-page #press .press-column>div>.press-list{margin-top:0}

/* Quiet, consistent hierarchy for the credit archive. */
.credits-page .full-credit-list{column-gap:42px;row-gap:0}
.credits-page .full-credit-list>li{padding:24px 16px;border-top:1px solid #ffffff25;line-height:1.5;min-width:0}
.credits-page .credit-entry-name{display:block;font-size:24px;line-height:1.3;font-weight:600;color:#f2eee6}
.credits-page .full-credit-list>li>span:not(.award-status){display:block;margin-top:10px;color:#b6bab6;font-size:var(--site-text-size);line-height:1.55;text-wrap:pretty}
.credits-page .credit-selection-label{color:#d7b887;margin-bottom:14px}
.credits-page .credit-back-link{display:inline-block;margin-top:30px;padding:10px 12px;color:#d7b887;font-size:18px;text-decoration:underline;text-underline-offset:5px}
.credits-page #credit-categories{scroll-margin-top:180px}
.credits-page #recognition .award-status{display:table;margin:0 auto 12px;padding:4px 10px;border:1px solid #b18a4e66;color:#dfbf8c;font-size:14px;letter-spacing:.07em;text-transform:uppercase}
.credits-page .credit-contact-action{justify-content:center;margin:28px auto 0}
.credits-page #contact .credit-contact-action .button{background:#d7b887;color:#202522;border-color:#a78347}
.credits-page #contact .credit-contact-action .button:hover{background:#c5a169}
@media(max-width:800px){.credits-page .full-credit-list>li{padding:22px 12px}.credits-page .credit-entry-name{font-size:22px}.credits-page #credit-categories{scroll-margin-top:210px}}

/* Restore two balanced columns for selected press and published work. */
.credits-page #press .selected-press-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start;margin-top:25px;margin-bottom:40px}
.credits-page #press .selected-press-columns .press-list{margin-top:0}
@media(max-width:800px){.credits-page #press .selected-press-columns{grid-template-columns:1fr;gap:0}}

/* Unlinked broadcast appearances share the unified press entry spacing. */
.credits-page #press .press-appearance{display:block;padding:22px 0}

/* Commercial roles and concise project summaries occupy separate lines. */
.credits-page #commercials .commercial-description{min-height:3.1em;text-wrap:pretty}
@media(min-width:801px) and (max-width:1100px){.credits-page #commercials .full-credit-list{grid-template-columns:1fr}}

/* Pair press entries in shared rows so dividers and column bottoms align. */
.credits-page #press .press-balanced-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 44px;margin:25px 0 40px;align-items:stretch}
.credits-page #press .press-balanced-grid>li{min-width:0;display:flex;flex-direction:column}
.credits-page #press .press-balanced-grid>li>a,.credits-page #press .press-balanced-grid>li>.press-appearance{box-sizing:border-box;flex:1;padding:22px 12px}
@media(max-width:800px){.credits-page #press .press-balanced-grid{grid-template-columns:1fr;gap:0}}

/* Keep the current independent production roles together on desktop. */
@media (min-width:1024px){.film-page .film-career-timeline article h3.independent-current-roles{font-size:20px;white-space:nowrap}}

.film-page .film-poster-feature .poster-role{font-size:21px;line-height:1.4;color:#d7b887;margin:10px 0 16px;text-align:center}@media(max-width:800px){.film-page .film-poster-feature .poster-role{font-size:18px}}

/* Let the marketing system span the full viewport outside the content column. */
.marketing-page .marketing-console-services{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:0;padding-right:0}
.marketing-page{overflow-x:clip}

/* Carry the system console's bronze light and deep green shadows into the hero. */
.marketing-tv-hero:before,.marketing-tv-hero:after{background-color:#211b13;background-image:linear-gradient(90deg,#111b16d9 0%,#302318a3 38%,#6e381b40 72%,#9c522b24 100%),url('/marketing-room-lamp.webp');background-blend-mode:normal,luminosity}
.marketing-tv-hero:before{filter:blur(2.2px) saturate(.88) sepia(.12)}
@media(max-width:800px){.marketing-tv-hero:before,.marketing-tv-hero:after{background-image:linear-gradient(180deg,#18211bc7 0%,#3d291b91 45%,#6e381b33 100%),url('/marketing-room-lamp.webp')}}

.marketing-tv-hero:before,.marketing-tv-hero:after{background-blend-mode:normal,normal}
.marketing-tv-hero:before{filter:blur(2.2px) saturate(.95)}

/* Deeper copper-brown room tones sampled from the Systems Service palette. */
.marketing-tv-hero:before,.marketing-tv-hero:after{background-color:#24140e;background-image:linear-gradient(90deg,#1b130edb 0%,#2d160fc2 38%,#3e1b0e91 72%,#3a1b1080 100%),url('/marketing-room-lamp.webp');background-blend-mode:normal,normal}
.marketing-tv-hero:before{filter:blur(2.2px) saturate(1.08)}
@media(max-width:800px){.marketing-tv-hero:before,.marketing-tv-hero:after{background-image:linear-gradient(180deg,#21140ee0 0%,#32180fba 45%,#3c1b108c 100%),url('/marketing-room-lamp.webp')}}

/* Restore the brighter header room while preserving readable hero copy. */
.marketing-tv-hero:before,.marketing-tv-hero:after{background-image:linear-gradient(90deg,#1b100caa 0%,#35201855 40%,#6e381b12 72%,#6e381b08 100%),url('/marketing-room-lamp.webp')}
.marketing-tv-hero:before{filter:blur(2.2px) saturate(1)}
@media(max-width:800px){.marketing-tv-hero:before,.marketing-tv-hero:after{background-image:linear-gradient(180deg,#1b100caa 0%,#35201866 42%,#6e381b11 100%),url('/marketing-room-lamp.webp')}}

@media(min-width:801px){.marketing-tv-hero:before,.marketing-tv-hero:after{background-position:center,left bottom}}

/* Center the marketing introduction in the open wall space above the floor. */
@media(min-width:801px){
.marketing-tv-hero .marketing-hero-copy{left:calc(50% - 39vw);top:40%;width:32vw;max-width:620px;text-align:center;transform:translateY(-50%)}
.marketing-tv-hero .marketing-hero-copy .actions{justify-content:center}
.marketing-tv-hero .marketing-philosophy{margin-left:auto;margin-right:auto}
}

/* Lower the centered introduction slightly beneath the paint splash. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{top:45%}}

/* Start the complete introduction just below the paint canvas. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{top:calc(43% + 12px);transform:none}}

/* Align the introduction with the indicated paint-splash tip. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{top:calc(43% - 88px);transform:none}}

/* Remove the decorative paint splash entirely. */
.marketing-tv-hero .marketing-gold-splash{display:none!important}

/* Raise the complete introduction to the cursor position in the reference. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{top:calc(43% - 238px);transform:none}}

/* Bring the marketing introduction closer to the navigation. */
@media(min-width:801px){.marketing-tv-hero .marketing-hero-copy{top:60px;transform:none}}

/* Shorter hero crops excess upper room instead of raising only the copy. */
@media(min-width:801px){
.marketing-tv-hero{min-height:750px;height:750px;padding-top:0;padding-bottom:0}
.marketing-tv-hero .marketing-hero-copy{top:100px;transform:none}
.marketing-tv-hero:before,.marketing-tv-hero:after{background-position:center,left bottom}
}

.marketing-case-studies .marketing-case-study-invitation{margin-top:46px;color:#4b504c}.marketing-case-studies .marketing-case-study-invitation a{color:#806127;text-decoration:underline;text-underline-offset:3px}

/* Halve the space after Business Systems before the case study divider. */
.marketing-page #expertise{padding-bottom:45px}
@media(max-width:800px){.marketing-page #expertise{padding-bottom:30px}}

.marketing-page .section.about h2 em{color:#d7b887;font-style:italic}
/* A single consistent divider between Systems and case studies. */
.marketing-page #expertise{border-bottom:0}
.marketing-page .marketing-case-studies{border-top:0}
.marketing-page .marketing-case-studies:after{content:'';position:absolute;top:0;left:calc(50% - 50vw);width:100vw;height:1px;background:#b18a4e55;pointer-events:none}

/* Center shared identity and navigation across the site. */
body>header{align-items:center;text-align:center}
body>header .brand-group{justify-content:center;align-items:center;text-align:center}
body>header nav{justify-content:center;width:100%}

/* Mobile cinema: natural seat proportions and content that fits the screen. Desktop unchanged. */
@media(max-width:800px){
.home-page .color-hero{height:auto!important;min-height:0;padding:34px 0 150px;overflow:hidden}
.home-page .color-hero .cinema-screen,.home-page .color-hero.screen-ready .cinema-screen{background-image:url('/theater-mobile.webp');background-size:100% auto;background-position:center bottom;background-color:#080808;background-repeat:no-repeat}
.home-page .color-hero .theater-content{position:relative;inset:auto;transform:none;display:grid;grid-template-columns:minmax(0,1fr);width:82%;max-width:none;margin:0 auto;padding:22px 14px 24px;gap:24px;background:linear-gradient(110deg,#616260,#747471 50%,#5e5f5d);border:3px solid #151515;box-shadow:0 0 14px #0008;z-index:5}
.home-page .color-hero .hero-copy,.home-page .color-hero .portrait{min-width:0;max-width:100%}
.home-page .color-hero .home-two-line-title{font-size:clamp(29px,7.2vw,46px);line-height:1.08;overflow-wrap:normal}
.home-page .color-hero .home-two-line-title>span,.home-page .color-hero .home-two-line-title>em{white-space:normal;max-width:100%;font-size:inherit}
.home-page .theater-content .hero-copy>.eyebrow{white-space:normal;font-size:clamp(10px,2.7vw,15px);line-height:1.5;letter-spacing:.04em;max-width:100%}
.home-page .color-hero .hero-copy>p{font-size:18px;line-height:1.6;max-width:100%;overflow-wrap:break-word}
.home-page .color-hero .actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:100%}
.home-page .color-hero .actions .button{width:100%;min-width:0;white-space:normal;text-align:center;font-size:16px;padding:12px 8px}
.home-page .color-hero .portrait{width:100%;max-width:280px;justify-self:center}
.home-page .color-hero .portrait img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:2/3;object-fit:cover}
.home-page .color-hero .portrait .caption{white-space:normal;font-size:11px;line-height:1.5}
.home-page .color-hero .projector-seat-light,.home-page .color-hero .projector-beam,.home-page .color-hero .vintage-screen-loop,.home-page .color-hero .countdown-intro{display:none}
}

/* Center shared site headers, including pages with a frame wrapper. */
header:has(>.brand-group){flex-direction:column;align-items:center;text-align:center}
header>.brand-group{width:100%;justify-content:center;align-items:center;text-align:center}
header>nav[aria-label="Main navigation"]{width:100%;justify-content:center;text-align:center}

@media(max-width:800px){.home-page .theater-content .hero-copy>.eyebrow{font-size:clamp(14px,3.8vw,19px);line-height:1.45}}

/* Homepage hero alignment and role size for mobile only. */
@media(max-width:800px){.home-page .theater-content .hero-copy{text-align:center}.home-page .theater-content .hero-copy>.eyebrow{font-size:clamp(18px,5vw,25px);line-height:1.4;text-align:center;padding-left:10px;padding-right:10px}.home-page .theater-content .hero-copy>p{margin-left:auto;margin-right:auto;text-align:center}.home-page .theater-content .home-two-line-title{text-align:center}.home-page .color-hero .actions{justify-content:center;margin-left:auto;margin-right:auto}.home-page .color-hero .actions .button{text-align:center}.home-page .color-hero .portrait .caption{text-align:center}}

/* Mobile introduction above a separate theater scene. */
@media(max-width:800px){
.home-page .color-hero{padding:28px 0 150px;background:#101111}
.home-page .color-hero .color-canvas{top:var(--mobile-theater-start,480px)}
.home-page .color-hero .theater-content{width:100%;padding:0;border:0;box-shadow:none;background:none;gap:0}
.home-page .color-hero .hero-copy{display:contents}
.home-page .theater-content .hero-copy>.eyebrow{width:82%;margin:0 auto 26px;background:none;border:0;padding:0}
.home-page .color-hero .home-two-line-title{width:82%;margin:0 auto 26px}
.home-page .color-hero .hero-copy>p{width:82%;margin:0 auto 34px}
.home-page .color-hero .actions{position:relative;z-index:2;width:82%;margin:0 auto;padding:26px 16px 24px;background:#686966;border:3px solid #151515;border-bottom:0}
.home-page .color-hero .portrait{position:relative;z-index:2;width:82%;max-width:none;margin:0 auto;padding:0 16px 24px;background:#686966;border:3px solid #151515;border-top:0;height:auto}
.home-page .color-hero .portrait img{width:100%;max-width:280px;margin:0 auto}
.home-page .color-hero .portrait .caption{position:static;display:block;margin:10px auto 0;padding:0}
}

@media(max-width:800px){.home-page .color-hero .theater-content .hero-copy>.eyebrow{display:block;font-size:clamp(18px,5vw,25px);background:none;border:0;padding:0;line-height:1.4;text-align:center}}

@media(max-width:800px){
.home-page .color-hero{background:#f2eee6;padding-bottom:var(--mobile-theater-bottom,220px)}
.home-page .color-hero .theater-content .hero-copy>.eyebrow,.home-page .color-hero .home-two-line-title,.home-page .color-hero .hero-copy>p{color:#252b27;text-shadow:none}
.home-page .color-hero .home-two-line-title em{color:#896323;text-shadow:none}
.home-page .color-hero .hero-copy>p{margin-bottom:calc(34px + 13.5vw)}
.home-page .color-hero .actions{width:70%;background:none;border:0;padding:12px 8px 16px}
.home-page .color-hero .portrait{width:70%;background:none;border:0;padding:0 8px 10px}
.home-page .color-hero .portrait img{width:auto;max-width:100%;max-height:72vw;aspect-ratio:2/3;object-fit:contain}
.home-page .color-hero .portrait .caption{font-size:10px;margin-top:8px}
}

@media(max-width:800px){.home-page .strip{justify-content:center;text-align:center}.home-page .strip>span{display:block;width:100%;text-align:center}}

/* Desktop homepage service-card TV, independent of the Marketing page. */
@media(min-width:801px){.home-page .home-card-marketing .home-card-tv{left:25%}}

@media(max-width:800px){.home-page .home-about-split .section-head>div:first-child>.eyebrow,.home-page .home-about-split .section-head>div:first-child>h2{text-align:center}}

@media(max-width:800px){.home-page .home-project-start>div:first-child>.eyebrow,.home-page .home-project-start>div:first-child>h2{text-align:center}}

@media(max-width:800px){
.home-page .color-hero .hero-copy>p{margin-bottom:20px}
.home-page .color-hero .actions{width:82%;padding:0;margin:0 auto calc(34px + 7vw);background:#f2eee6}
.home-page .color-hero .portrait{width:70%}
.home-page .color-hero .color-canvas{top:var(--mobile-theater-start,600px)}
.home-page .color-hero .cinema-screen{background-position:center bottom;background-size:100% auto}
}

@media(max-width:800px){.home-page .home-project-start h2 .project-heading-first,.home-page .home-project-start h2 .project-heading-second{display:block;text-align:center}.home-page .home-project-start h2 .project-heading-second+br{display:none}}

/* Center the two homepage service-box titles at every screen size. */
.home-page .home-cards-light .card h3{text-align:center}

.mobile-screen-countdown{display:none}
@media(max-width:800px){.home-page .color-hero .mobile-screen-countdown{display:block;position:absolute;left:13.5%;top:0;width:73%;height:calc(100% - 54vw);object-fit:cover;opacity:.32;z-index:4;pointer-events:none}.home-page .color-hero .portrait{background:transparent}}

@media(max-width:800px){.home-page .color-hero .portrait{justify-self:center;text-align:center}.home-page .color-hero .portrait .caption{width:100%;text-align:center;margin-left:auto;margin-right:auto}}

.home-page .home-cards-light .card .text-link{display:table;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:center}

.home-page .home-about-split .text-link{display:table;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:center}

@media(max-width:800px){
.about-page .about-designed-hero .hero-copy{text-align:center}
.about-page .about-designed-hero .hero-copy>.eyebrow{font-size:clamp(22px,6vw,30px);line-height:1.4;text-align:center;white-space:normal;margin-left:auto;margin-right:auto}
.about-page .about-designed-hero .hero-copy>h1,.about-page .about-designed-hero .hero-copy>.about-introduction{text-align:center;margin-left:auto;margin-right:auto}
}

@media(max-width:800px){.about-page .about-designed-hero .hero-copy .actions{justify-content:center;align-items:center;margin-left:auto;margin-right:auto}.about-page .about-designed-hero .hero-copy .actions .button{text-align:center}}

@media(max-width:800px){.about-page .filmmaking-topics-panel>.eyebrow,.about-page .marketing-topics-panel>.marketing-background-label{text-align:center;width:100%}}

@media(max-width:800px){.about-page .about-explore .card h3{text-align:center}}

@media(max-width:800px){.home-page .color-hero .theater-content .hero-copy>.eyebrow{font-size:clamp(22px,6vw,30px);line-height:1.4;color:#fff5df;background:rgba(0,0,0,.72);padding:14px 16px;border-left:2px solid #d7b887;border-radius:0 3px 3px 0;text-align:center;text-shadow:none}}

@media(max-width:800px){.home-page .home-project-start>div>.button{display:table;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:center}}

@media(max-width:800px){.home-page .home-client-quote figcaption{text-align:center;align-items:center}.home-page .home-client-quote>.text-link{display:table;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:center}}

@media(max-width:800px){.home-page .home-feature-project .home-proof-copy>.eyebrow{text-align:center}}

@media(max-width:800px){.home-page .home-cards-light .card .num,.about-page .about-explore .card .num{display:block;width:100%;text-align:center}}

/* Consistent centered headings on the mobile Home and About pages. */
@media(max-width:800px){
.home-page main h1,.home-page main h2,.home-page main h3,
.about-page main h1,.about-page main h2,.about-page main h3,
.home-page main .eyebrow,.about-page main .eyebrow,
.home-page main .num,.about-page main .num{text-align:center!important}
.home-page main h1,.home-page main h2,.home-page main h3,
.about-page main h1,.about-page main h2,.about-page main h3{margin-left:auto;margin-right:auto}
}

.home-page .home-about-split .home-intro-lessons{color:inherit;max-width:650px;padding-left:1.25em;margin:0 0 24px;line-height:1.65}.home-page .home-about-split .home-intro-lessons li{margin-bottom:12px}

.home-page .home-project-start .home-project-needs{padding-left:1.25em;margin:0 0 26px;line-height:1.65}.home-page .home-project-start .home-project-needs li{margin-bottom:12px}

.about-page .about-designed-hero h1 .about-performance-line{display:block;white-space:nowrap;font-size:clamp(28px,3.7vw,58px);color:#d7b887;font-style:italic}@media(max-width:800px){.about-page .about-designed-hero h1 .about-performance-line{font-size:clamp(25px,7.3vw,48px)}}

@media(max-width:800px){.film-page .production-hero .production-copy>.eyebrow,.film-page .production-hero .production-copy>h1,.film-page .production-hero .production-copy>p{text-align:center;margin-left:auto;margin-right:auto}}

@media(max-width:800px){
.film-page .production-hero .actions{justify-content:center;align-items:center;text-align:center}
.film-page .production-category-strip{justify-content:center;text-align:center}
.film-page .production-category-strip>span{display:block;width:100%;text-align:center}
.film-page .film-development-section .production-editorial>h2,.film-page .film-development-section .production-editorial>p,
.film-page .film-development-section .service>.num,.film-page .film-development-section .service>h3,.film-page .film-development-section .service>p{text-align:center;margin-left:auto;margin-right:auto}
.film-page .film-development-section .service>.num{display:block;width:100%}
.home-page .color-hero .actions,.about-page .about-explore .actions{justify-content:center;text-align:center}
}

/* Show the darker lamp side behind mobile Marketing header copy. */
@media(max-width:800px){.marketing-page .marketing-tv-hero:before,.marketing-page .marketing-tv-hero:after{background-position:center,left bottom;background-size:auto,auto 100%}}

/* Mobile Marketing: quiet text area transitioning into the warm studio. */
@media(max-width:800px){
.marketing-page .marketing-tv-hero:before,.marketing-page .marketing-tv-hero:after{background-image:linear-gradient(180deg,rgba(17,19,18,.94) 0%,rgba(26,23,20,.9) 24%,rgba(35,26,20,.77) 45%,rgba(45,28,18,.35) 65%,rgba(45,28,18,.06) 82%),url('/marketing-room-lamp.webp');background-position:center,7% bottom;background-size:auto,auto 100%;background-repeat:no-repeat}
.marketing-page .marketing-tv-hero:before{filter:blur(2.2px)}
.marketing-page .marketing-tv-hero .marketing-hero-copy{position:relative;z-index:3}
}

@media(max-width:800px){.marketing-page .marketing-tv-hero .marketing-hero-copy .actions{justify-content:center;text-align:center}.marketing-page .marketing-tv-hero .marketing-hero-copy .actions .button{margin-left:auto;margin-right:auto;text-align:center}}

/* Center the requested Marketing copy and result summaries on mobile. */
@media(max-width:800px){
.marketing-page .marketing-tv-hero .marketing-hero-copy,
.marketing-page .marketing-tv-hero .marketing-hero-copy :is(.eyebrow,h1,p,blockquote),
.marketing-page #expertise>.section-head,
.marketing-page #expertise .marketing-shared-ambition-title,
.marketing-page #expertise .marketing-shared-ambition-title em,
.marketing-page #expertise .marketing-perspective,
.marketing-page #expertise .marketing-perspective p,
.marketing-page #marketing-results>.eyebrow,
.marketing-page #marketing-results>h2,
.marketing-page #marketing-results>p,
.marketing-page main>section.section.about,
.marketing-page main>section.section.about :is(h2,p,.eyebrow){text-align:center}
.marketing-page .marketing-tv-hero .marketing-hero-copy :is(p,blockquote),.marketing-page #expertise .marketing-perspective p,.marketing-page #marketing-results>p,.marketing-page main>section.section.about p{margin-left:auto;margin-right:auto}
.marketing-page .marketing-tv-hero+.strip{justify-content:center;text-align:center}
.marketing-page .marketing-tv-hero+.strip>span{width:100%;text-align:center}
.marketing-page .marketing-purpose-lines{padding-left:0;list-style-position:inside;text-align:center}
.marketing-page .marketing-case-study>summary{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.marketing-page .marketing-case-study>summary :is(.case-key-result,.case-summary-copy,.case-open-label){text-align:center;justify-content:center;align-items:center}
}

@media(max-width:800px){.marketing-page #expertise .marketing-purpose-lines{text-align:left;list-style-position:outside;padding-left:1.25em}.marketing-page #expertise .marketing-purpose-lines li{text-align:left}}

/* Center titles and subtitles throughout See My Work. */
.work-page main :is(h1,h2,h3,.eyebrow){text-align:center}.work-page main :is(h1,h2,h3){margin-left:auto;margin-right:auto}

.work-page .work-category-nav{justify-content:center;text-align:center}.work-page .work-category-nav .button{text-align:center}

.work-page .work-section-heading>p{text-align:center;margin-left:auto;margin-right:auto}

#music-projects>.video-card[hidden]{display:none!important}

/* Keep poster panels equal even when card descriptions differ in length. */
.work-page #movies .movie-art{flex:0 0 auto;width:100%;aspect-ratio:2/3}.work-page #movies .movie-art img[src="/posters/til-harvest-comes.jpg"]{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}

.marketing-page #marketing-results>.eyebrow,.marketing-page #marketing-results>h2,.marketing-page #marketing-results>.case-intro{text-align:center;margin-left:auto;margin-right:auto}

.work-page #movies .movie-art img[src="/posters/til-harvest-comes.jpg"]{width:94.16%;height:100%;object-fit:contain}

/* Align the career listings with their centered section heading. */
.film-page .film-career-timeline .experience{transform:translateX(-18px)}
@media(max-width:800px){.film-page .film-career-timeline .experience{transform:translateX(-12.5px)}}