@font-face{font-family:Qualy;src:url('/assets/fonts/qualy.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Prelia;src:url('/assets/fonts/prelia.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#080c18;--surface:#101829;--ink:#f4f7ff;--muted:#a9b4c8;--line:#ffffff24;--accent:#40b5ff;--cyan:#00dce5;--pad:clamp(22px,4.4vw,88px);--radius:16px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Prelia,sans-serif;font-size:17px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{border:0}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,.wordmark,.display{font-family:Qualy,Prelia,sans-serif;font-weight:400}h1,h2{line-height:1.01;letter-spacing:-.025em}p{color:var(--muted)}.skip-link{position:fixed;left:20px;top:-100px;background:var(--accent);color:#000;padding:10px;z-index:100}.skip-link:focus{top:20px}.review-strip{height:42px;padding:0 var(--pad);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);font-size:12px;background:var(--surface);position:relative;z-index:25}.review-strip>span{color:var(--muted)}.concept-tabs{display:flex;gap:24px}.concept-tabs a{opacity:.6}.concept-tabs a[aria-current=true]{opacity:1;color:var(--accent)}.site-header{height:102px;padding:0 var(--pad);display:flex;align-items:center;gap:38px;background:var(--bg);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.wordmark{font-size:42px;line-height:1;letter-spacing:-.04em;display:inline-flex;flex-direction:column}.wordmark span{font-family:Prelia,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-top:8px}.site-header nav{display:flex;gap:26px;margin-left:auto;font-size:14px}.site-header nav a{position:relative}.site-header nav a:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:.25s}.site-header nav a:hover:after,.site-header nav a[aria-current=page]:after{transform:scaleX(1)}.header-contact{font-size:14px;border:1px solid var(--line);padding:12px 20px;border-radius:100px;display:flex;gap:24px}.header-contact:hover{background:var(--ink);color:var(--bg)}.menu-toggle{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;display:flex;gap:10px;align-items:center;color:var(--muted)}.live-dot{height:7px;width:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px #00dce588}.hero{padding:54px var(--pad) 42px;min-height:calc(100svh - 144px);position:relative;display:grid;grid-template-columns:1.02fr 1fr;gap:4vw;align-items:center;isolation:isolate}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(68px,7.8vw,154px);margin:25px 0 26px}.hero h1 .second{color:var(--accent)}.hero-copy>p{font-size:18px;max-width:380px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.pill{display:inline-flex;gap:22px;align-items:center;border:1px solid var(--line);border-radius:80px;padding:14px 24px;background:transparent;font-size:14px;white-space:nowrap}.pill.primary{background:var(--accent);color:#05111c;border-color:var(--accent)}.pill:hover{transform:translateY(-2px);background:var(--ink);color:var(--bg)}.text-link{font-size:14px;display:inline-flex;gap:22px;border-bottom:1px solid var(--line);padding-bottom:8px}.hero-media{position:relative;width:100%;margin:0;padding-bottom:45px}.film-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:#080c18}.film-frame img{width:100%;height:100%;object-fit:cover}.film-frame video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.film-frame:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff1a}.film-shade{position:absolute;inset:0;background:linear-gradient(transparent 55%,#080c18aa);pointer-events:none}.film-open{position:absolute;bottom:20px;left:20px;background:#ffffffeb;color:#0a1422;border-radius:50%;width:62px;height:62px;display:grid;place-items:center;transition:transform .2s}.film-open:hover{transform:scale(1.1)}.film-open .triangle{font-family:Prelia;font-size:24px;margin-left:3px}.sound-toggle,.pause-toggle{position:absolute;right:16px;bottom:20px;border:1px solid #ffffff66;background:#080c18a8;color:#fff;border-radius:50px;padding:8px 12px;font-size:11px;z-index:3}.pause-toggle{right:105px}.film-meta{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:15px 0 0;font-size:12px;color:var(--muted)}.film-meta strong{font-weight:400;color:var(--ink)}.brand-orbit{position:absolute;width:155px;right:-25px;top:-65px;z-index:5;transform:rotate(8deg);filter:drop-shadow(0 24px 30px #0005);animation:float 5.5s ease-in-out infinite;pointer-events:none}.brand-orbit img{width:100%}.hero-caption{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.hero-index{font-size:14px;letter-spacing:.2em}.hero-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.hero-ambient img{position:absolute;width:800px;right:-250px;top:-340px;opacity:.13;filter:blur(15px)}.hero-ambient:after{content:'';position:absolute;width:450px;height:450px;background:#14387f;border-radius:50%;filter:blur(140px);left:-200px;bottom:-220px;opacity:.3}.section{padding:90px var(--pad)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:end;margin-bottom:46px}.section-heading h2{font-size:clamp(42px,5.2vw,90px)}.section-heading h2 .accent{color:var(--accent)}.section-heading p{max-width:460px;font-size:18px}.services{background:var(--surface);position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.services-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.services-intro h2{font-size:clamp(24px,3vw,44px)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.service-card{padding-top:22px;border-top:1px solid var(--line)}.service-number{font-size:12px;color:var(--accent)}.service-card h3{font-size:28px;margin:20px 0 15px}.service-card p{font-size:16px;max-width:320px}.service-symbol{float:right;font-size:32px;color:var(--accent);line-height:1}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 26px}.work-card{display:block;position:relative}.work-card .still{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface);border-radius:var(--radius);position:relative}.work-card .still img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-card:hover .still img{transform:scale(1.035)}.work-card .still .category-chip{position:absolute;left:18px;top:18px;font-size:11px;padding:7px 12px;border-radius:50px;background:#071123b8;color:#fff;backdrop-filter:blur(8px)}.card-play{position:absolute;right:18px;bottom:18px;width:45px;height:45px;border-radius:50%;background:#fff;color:#0b1423;display:grid;place-items:center}.card-info{display:flex;justify-content:space-between;align-items:center;padding-top:18px;gap:15px}.card-info h3{font-size:19px;line-height:1.35}.card-info p{font-size:12px;margin-top:3px}.card-arrow{font-size:26px;color:var(--accent)}.work-card:first-child{grid-column:1/-1}.work-card:first-child .still{aspect-ratio:16/9}.work-foot{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:50px;padding-bottom:50px}.trust-label{text-align:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.client-row{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px;font-family:Qualy;font-size:clamp(25px,3.6vw,52px)}.client-row span:nth-child(2){font-style:italic}.director{display:grid;grid-template-columns:1fr 1.08fr;gap:7vw;align-items:center}.director-media{position:relative;overflow:hidden;aspect-ratio:4/4.3;border-radius:var(--radius);background:var(--surface)}.director-media img{width:100%;height:100%;object-fit:cover}.director-copy h2{font-size:clamp(40px,5vw,78px);margin:20px 0 24px}.director-copy h2 span{color:var(--accent)}.director-copy p{font-size:18px;margin-bottom:30px}.partners{background:var(--surface)}.partners h2{font-size:30px;max-width:430px}.partners .client-row{font-size:28px;flex-wrap:wrap}.contact-banner{position:relative;background:var(--accent);color:#071326;overflow:hidden;padding:75px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-banner h2{font-size:clamp(32.2px,5.32vw,92.4px);max-width:75%;position:relative;z-index:2}.contact-banner .pill{color:#071326;border-color:#07132666;position:relative;z-index:3}.contact-banner .small-orbit{width:170px;position:absolute;right:20%;bottom:-28px;transform:rotate(-14deg);opacity:.9}.site-footer{padding:58px var(--pad) 25px;background:var(--bg);border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:45px}.footer-top p{font-size:14px}.footer-top>div{display:flex;flex-direction:column;gap:10px;font-size:14px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}.footer-bottom>div{display:flex;gap:20px}.film-dialog{width:min(1200px,92vw);border:1px solid #ffffff30;background:#080c18;color:white;border-radius:16px;padding:55px 20px 20px}.film-dialog::backdrop{background:#02040de8;backdrop-filter:blur(15px)}.close-film{position:absolute;right:20px;top:15px;background:transparent;font-size:14px;color:#fff}.dialog-film{aspect-ratio:16/9;background:#000}.dialog-film video,.dialog-film iframe{width:100%;height:100%;border:0}.dialog-caption{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding-top:15px;gap:15px}.dialog-caption a{color:#40b5ff}.page-head{padding:75px var(--pad) 55px}.page-head h1{font-size:clamp(60px,8vw,140px);margin:20px 0 28px}.page-head>p{font-size:20px;max-width:730px}.page-content{padding:0 var(--pad) 100px}.reel-block{margin:25px 0 80px}.reel-block h2{font-size:30px;margin-bottom:25px}.reel-block .film-frame{aspect-ratio:16/9}.reel-block .film-meta{position:static}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 25px}.category-card .still{aspect-ratio:16/9}.category-card:first-child{grid-column:auto}.category-card:first-child .still{aspect-ratio:16/9}.category-card h3{font-size:23px}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:20px 0 35px;font-size:12px}.filter-bar a{padding:8px 14px;border:1px solid var(--line);border-radius:30px}.filter-bar a[aria-current=true]{background:var(--accent);color:#071326}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.film-grid .work-card:first-child{grid-column:auto}.film-grid .work-card:first-child .still{aspect-ratio:16/9}.bio-intro{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.bio-intro p{font-size:21px;max-width:590px;margin-bottom:25px}.bio-intro .director-media{max-height:600px}.honors{margin-top:90px;border-top:1px solid var(--line);padding-top:45px}.honors h2{font-size:52px;margin-bottom:30px}.honor{display:grid;grid-template-columns:110px 1fr 220px;gap:30px;padding:25px 0;border-top:1px solid var(--line);align-items:start}.honor .year{font-family:Qualy;font-size:38px;color:var(--accent)}.honor h3{font-size:19px;margin-bottom:10px}.honor p{font-size:14px}.honor .role{font-size:12px;color:var(--muted)}.art-promo{display:grid;grid-template-columns:1.3fr 1fr;background:var(--surface);border-radius:var(--radius);overflow:hidden;margin-top:70px}.art-promo img{aspect-ratio:1.6;object-fit:cover;width:100%}.art-promo>div{padding:35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px}.art-promo h2{font-size:36px}.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw}.contact-art{position:relative;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius);min-height:480px;overflow:hidden}.contact-art img{width:70%;max-width:390px;animation:float 6s infinite}.contact-form h2{font-size:42px;margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{display:block;font-size:13px;margin-bottom:20px}.contact-form input,.contact-form textarea{display:block;border:0;border-bottom:1px solid var(--line);width:100%;background:transparent;color:var(--ink);padding:12px 0;outline-offset:0;border-radius:0}.contact-form textarea{height:125px;resize:vertical}.form-status{font-size:13px;margin-top:18px}.contact-email{display:inline-block;font-size:20px;color:var(--accent);margin-top:25px}.blog-card{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:center}.blog-card .still{aspect-ratio:16/10;overflow:hidden;border-radius:var(--radius)}.blog-card img{width:100%;height:100%;object-fit:cover}.blog-card h2{font-size:clamp(35px,4vw,65px);margin:20px 0}.blog-card p{font-size:18px;margin-bottom:25px}.article{max-width:880px;margin:auto}.article .cover{aspect-ratio:16/9;object-fit:cover;width:100%;border-radius:var(--radius);margin-bottom:50px}.article p{font-size:21px;margin:25px 0;line-height:1.7}.motion-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.motion-reveal.in-view{opacity:1;transform:none}.ticker{display:none}.theme-gallery{--bg:#f3f2ed;--surface:#e9e9e2;--ink:#17242c;--muted:#56616a;--line:#17242c33;--accent:#187ebd;--cyan:#00cbd5;--radius:0px;color-scheme:light}.theme-gallery .hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:70px;gap:30px}.theme-gallery .hero-copy{display:grid;grid-template-columns:1.65fr 1fr;gap:25px;align-items:end}.theme-gallery .hero-copy>.eyebrow{grid-column:1/-1}.theme-gallery .hero h1{font-size:clamp(78px,10.9vw,196px);margin:0}.theme-gallery .hero h1 .second{color:var(--ink)}.theme-gallery .hero-copy>p{align-self:start;padding-top:18px;max-width:335px;justify-self:end}.theme-gallery .hero-actions{grid-column:2;margin:0;justify-self:end}.theme-gallery .hero-media{width:72%;padding-bottom:45px;justify-self:end}.theme-gallery .hero .film-frame{aspect-ratio:16/9}.theme-gallery .hero .brand-orbit{width:160px;left:-250px;top:30%;right:auto}.theme-gallery .hero-ambient{display:none}.theme-gallery .hero-caption{bottom:24px}.theme-gallery .services{background:var(--bg);border-top:1px solid var(--ink)}.theme-gallery .work-grid{grid-template-columns:1fr 1fr 1fr;gap:35px}.theme-gallery .work-grid .work-card:first-child{grid-column:1/3}.theme-gallery .work-grid .work-card:nth-child(2){align-self:end}.theme-gallery .work-grid .work-card:last-child{grid-column:2/4}.theme-gallery .work-card:first-child .still{aspect-ratio:16/9}.theme-gallery .section-heading h2{font-size:clamp(42px,5.5vw,90px)}.theme-gallery .contact-banner{background:#a2edf0;color:#14272d}.theme-gallery .contact-banner .pill{color:#14272d}.theme-gallery .pill.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.theme-gallery .service-number{color:var(--muted)}.theme-gallery .director-media{filter:grayscale(1)}.theme-gallery .header-contact{border-color:var(--ink)}.theme-play{--bg:#f5faff;--surface:#e6f2fe;--ink:#071d3a;--muted:#496078;--line:#071d3a30;--accent:#219dff;--cyan:#00ccd8;--radius:25px;color-scheme:light}.theme-play .hero{background:#219dff;min-height:760px;grid-template-columns:1.05fr 1fr;padding-top:44px;padding-bottom:80px;gap:2vw;border-radius:0 0 60px 60px;--muted:#123d63;--ink:#051e39;overflow:hidden}.theme-play .hero h1{font-size:clamp(72px,7.9vw,155px)}.theme-play .hero h1 .second{color:white}.theme-play .hero-copy>p{max-width:340px}.theme-play .hero-actions .pill.primary{background:#fff;border-color:#fff}.theme-play .hero-actions .text-link{border-color:#071d3a60}.theme-play .hero-media{align-self:start;margin-top:48px;padding-bottom:45px}.theme-play .hero .film-frame{aspect-ratio:16/9;box-shadow:0 20px 80px #09508944;border:6px solid #ffffffeb}.theme-play .hero .brand-orbit{width:260px;top:auto;bottom:-130px;right:26%;transform:rotate(-8deg);filter:drop-shadow(0 30px 25px #114b7938)}.theme-play .hero-caption{color:#143d63}.theme-play .hero-ambient img{opacity:.12;top:120px;left:-220px;right:auto;width:580px;filter:blur(0)}.theme-play .hero-ambient:after{display:none}.theme-play .film-meta{color:#0a385c}.theme-play .hero-index{color:white}.theme-play .ticker{display:block;overflow:hidden;padding:22px 0;border-bottom:1px solid var(--line);background:var(--bg)}.ticker-line{white-space:nowrap;font-family:Qualy;font-size:30px;animation:ticker 30s linear infinite;width:max-content;color:var(--ink)}.ticker-line span{padding:0 24px;color:var(--accent)}.theme-play .services{background:var(--bg);border-top:0}.theme-play .service-card{border-top:0;padding:26px;background:var(--surface);border-radius:var(--radius)}.theme-play .service-grid{gap:20px}.theme-play .service-symbol{font-size:50px}.theme-play .work-grid{grid-template-columns:repeat(3,1fr);gap:25px}.theme-play .work-card:first-child{grid-column:1/-1}.theme-play .work-card:nth-child(2){grid-column:1/3}.theme-play .work-card:nth-child(3){grid-column:3/4;align-self:end}.theme-play .work-card:first-child .still{aspect-ratio:16/9}.theme-play .work-card:nth-child(3) .still{aspect-ratio:16/9}.theme-play .contact-banner{background:var(--cyan);border-radius:60px 60px 0 0}.theme-play .director-media{background:#219dff}.theme-play .partners{border-radius:60px 60px 0 0}.theme-play .review-strip{background:#e6f2fe}.theme-play .concept-tabs a[aria-current=true]{color:#0d5b96}.theme-play .card-arrow{color:#0e719e}.theme-play .wordmark{color:#071d3a}
@keyframes float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -14px;rotate:-3deg}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(min-width:1600px){.hero{gap:6vw}.hero-media{max-width:880px}.hero-copy>p{font-size:22px;max-width:450px}.site-header nav{font-size:16px;gap:36px}.section{padding-top:120px;padding-bottom:120px}}
@media(max-width:1050px){.site-header{gap:20px;height:90px}.site-header nav{gap:16px;font-size:12px}.header-contact{display:none}.hero{gap:3vw;min-height:650px}.hero h1{font-size:8.7vw}.hero-copy>p{font-size:16px}.hero-actions{gap:20px}.pill{padding:12px 18px;font-size:12px}.brand-orbit{width:125px;right:-12px;top:-55px}.theme-play .hero{min-height:700px}.theme-play .hero .brand-orbit{width:210px;bottom:-110px}.section{padding-top:70px;padding-bottom:70px}.service-grid{gap:25px}.service-card h3{font-size:24px}.theme-gallery .hero .brand-orbit{left:-190px;width:130px}.footer-bottom{flex-wrap:wrap}}
@media(max-width:720px){:root{--pad:22px}.review-strip{height:auto;min-height:40px;padding-top:8px;padding-bottom:8px;gap:10px;font-size:10px}.review-strip>span{display:none}.concept-tabs{gap:11px}.site-header{height:82px}.wordmark{font-size:34px}.wordmark span{font-size:9px;margin-top:5px}.menu-toggle{display:flex;background:transparent;margin-left:auto;gap:15px;align-items:center;font-size:13px}.menu-toggle span{font-size:25px}.site-header nav{display:none;position:absolute;top:81px;left:0;right:0;margin:0;padding:25px var(--pad);background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:22px;font-size:23px}.site-header.menu-open nav{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding:36px var(--pad) 68px;gap:44px}.hero h1{font-size:clamp(61px,17vw,115px);margin:24px 0 20px}.hero-copy>p{font-size:16px;max-width:330px}.hero-actions{margin-top:25px;gap:24px}.hero .film-frame{aspect-ratio:16/9}.hero .brand-orbit{width:110px;right:-8px;top:-45px}.hero-media{padding-bottom:35px;margin:0}.film-meta{font-size:10px}.hero-caption{bottom:20px;font-size:9px;letter-spacing:.02em}.hero-index{font-size:10px}.film-open{width:50px;height:50px;left:14px;bottom:14px}.sound-toggle,.pause-toggle{bottom:15px;right:12px;font-size:10px;padding:7px 10px}.pause-toggle{right:94px}.section{padding:55px var(--pad)}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-heading h2{font-size:46px}.section-heading p{font-size:16px}.services-intro{margin-bottom:28px;gap:25px;align-items:flex-start}.services-intro h2{font-size:28px;max-width:250px}.services-intro .eyebrow{font-size:9px;white-space:nowrap;padding-top:8px}.service-grid{grid-template-columns:1fr;gap:30px}.service-card h3{font-size:28px;margin-top:14px;margin-bottom:10px}.service-card p{max-width:100%}.work-grid{grid-template-columns:1fr;gap:28px}.work-card:first-child{grid-column:auto}.work-card:first-child .still{aspect-ratio:16/9}.work-foot{gap:20px}.work-foot .eyebrow{font-size:9px;letter-spacing:.08em}.client-row{justify-content:center;flex-wrap:wrap;font-size:34px;gap:20px 35px}.trust{padding-top:35px;padding-bottom:35px}.director{grid-template-columns:1fr;gap:30px}.director-media{aspect-ratio:4/3}.director-copy h2{font-size:48px}.director-copy p{font-size:16px}.partners h2{font-size:26px}.partners .client-row{font-size:22px;justify-content:flex-start;gap:24px 30px}.contact-banner{padding:50px var(--pad) 70px;display:block}.contact-banner h2{font-size:39.2px;max-width:100%;margin-bottom:28px}.contact-banner .small-orbit{width:105px;right:20px;bottom:-12px}.footer-top{flex-wrap:wrap;gap:30px}.footer-top .wordmark{width:45%}.footer-top>div{width:100%;flex-direction:row;gap:30px}.footer-bottom{font-size:10px;flex-direction:column;gap:18px}.footer-bottom>div{gap:20px;flex-wrap:wrap}.page-head{padding:48px var(--pad) 35px}.page-head h1{font-size:64px}.page-head>p{font-size:17px}.page-content{padding-bottom:55px}.reel-block h2{font-size:24px}.reel-block{margin-bottom:50px}.category-grid{grid-template-columns:1fr;gap:35px}.category-card .still,.category-card:first-child .still{aspect-ratio:16/9}.category-card h3{font-size:25px}.filter-bar{gap:8px}.filter-bar a{font-size:11px;padding:7px 11px}.film-grid{grid-template-columns:1fr;gap:35px}.bio-intro{grid-template-columns:1fr;gap:30px}.bio-intro p{font-size:18px}.honors{margin-top:50px}.honors h2{font-size:40px}.honor{grid-template-columns:65px 1fr;gap:15px}.honor .year{font-size:27px}.honor .role{grid-column:2}.art-promo{grid-template-columns:1fr;margin-top:40px}.art-promo>div{padding:28px}.art-promo h2{font-size:32px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-art{min-height:220px}.contact-art img{width:180px}.contact-form h2{font-size:34px}.form-row{gap:18px}.blog-card{grid-template-columns:1fr;gap:25px}.blog-card h2{font-size:43px}.blog-card p{font-size:17px}.article p{font-size:18px}.theme-gallery .hero{padding-top:36px;padding-bottom:65px;gap:40px}.theme-gallery .hero-copy{display:block}.theme-gallery .hero-copy>.eyebrow{margin-bottom:25px}.theme-gallery .hero h1{font-size:17vw}.theme-gallery .hero-copy>p{padding-top:22px}.theme-gallery .hero-actions{margin-top:25px;justify-self:auto}.theme-gallery .hero-media{width:100%}.theme-gallery .hero .film-frame{aspect-ratio:16/9}.theme-gallery .hero .brand-orbit{left:auto;right:0;top:-70px;width:100px}.theme-gallery .work-grid{grid-template-columns:1fr;gap:30px}.theme-gallery .work-grid .work-card:first-child,.theme-gallery .work-grid .work-card:last-child{grid-column:auto}.theme-gallery .section-heading h2{font-size:46px}.theme-play .hero{grid-template-columns:1fr;min-height:auto;padding-top:32px;padding-bottom:120px;border-radius:0 0 35px 35px;gap:25px}.theme-play .hero h1{font-size:17vw}.theme-play .hero-media{margin-top:15px}.theme-play .hero .film-frame{aspect-ratio:16/9;border-width:4px}.theme-play .hero .brand-orbit{width:145px;right:12%;bottom:-80px}.theme-play .hero-caption{bottom:24px}.theme-play .hero-ambient img{width:350px;top:0;left:-130px}.theme-play .service-grid{gap:16px}.theme-play .service-card{padding:23px}.theme-play .work-grid{grid-template-columns:1fr;gap:28px}.theme-play .work-card:first-child,.theme-play .work-card:nth-child(2),.theme-play .work-card:nth-child(3){grid-column:auto}.theme-play .work-card:first-child .still,.theme-play .work-card:nth-child(3) .still{aspect-ratio:16/9}.theme-play .partners,.theme-play .contact-banner{border-radius:35px 35px 0 0}.ticker-line{font-size:24px}.theme-play .ticker{padding:17px 0}}
img{height:auto}.brand-orbit img,.small-orbit img{height:auto}.wordmark img{width:102px;height:102px;object-fit:contain}.footer-top .wordmark img{width:150px;height:150px}.work-card .still iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;z-index:1}.work-card .still .category-chip,.work-card .still .card-play{z-index:2}.theme-play .hero .film-meta{bottom:auto;top:-44px}
@media(max-width:720px){.hero{gap:64px}.theme-gallery .hero{gap:74px}.theme-play .hero .film-meta{top:-33px}.page-head h1{overflow-wrap:anywhere}.wordmark img{width:78px;height:78px}.footer-top .wordmark img{width:110px;height:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-reveal{opacity:1;transform:none}}

/* Client artwork and typography details. */
.client-row{flex-wrap:wrap;gap:22px}
.client-logo{margin:0;width:140px;height:110px;display:flex;align-items:center;justify-content:center}
.client-logo img{width:100%;height:100%;object-fit:contain}
.theme-signal .trust .client-logo img{mix-blend-mode:screen;filter:brightness(1.3)}
.theme-signal .partners .client-logo img{filter:brightness(0) invert(1);opacity:.94}
.theme-play .trust .client-logo img,.theme-gallery .trust .client-logo img{filter:invert(1);mix-blend-mode:multiply}
.partners .client-row{margin-top:35px}
.contact-art img{animation:none}
.brand-arrow{display:inline-block;font-family:Qualy,sans-serif;font-size:1.12em;font-weight:400;line-height:1;letter-spacing:0;vertical-align:middle}
.arrow-up-right{transform:rotate(-45deg)}
.arrow-down{transform:rotate(90deg)}
.arrow-up{transform:rotate(-90deg)}
.arrow-left{transform:rotate(180deg)}
/* Composition references stay within static text and service areas. */
.theme-signal .hero-copy{isolation:isolate}
.theme-signal .hero-copy:before{content:'';position:absolute;inset:-20px -10px;z-index:-1;background-image:linear-gradient(#6489b30a 1px,transparent 1px),linear-gradient(90deg,#6489b30a 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}
.theme-signal .hero h1{position:relative}
.theme-signal .hero h1:before{content:'';position:absolute;inset:-8px -6px;border:1px solid #219dff20;pointer-events:none}
.theme-signal .hero h1:after{content:'';position:absolute;inset:-11px -9px;pointer-events:none;background:linear-gradient(#61b4f8,#61b4f8) left top/5px 5px no-repeat,linear-gradient(#61b4f8,#61b4f8) right top/5px 5px no-repeat,linear-gradient(#61b4f8,#61b4f8) left bottom/5px 5px no-repeat,linear-gradient(#61b4f8,#61b4f8) right bottom/5px 5px no-repeat;opacity:.4}
.theme-signal .service-grid{position:relative;background-image:linear-gradient(90deg,#4c6e9920 1px,transparent 1px);background-size:calc(100% / 12) 100%}
.theme-signal .service-card{position:relative}
.theme-signal .service-card:before{content:'';position:absolute;width:6px;height:6px;border:1px solid #66b7f870;background:var(--surface);transform:rotate(45deg);top:-4px;left:0;pointer-events:none}
@media(max-width:1050px){.client-logo{width:125px;height:100px}}
@media(max-width:720px){.client-row,.partners .client-row{gap:12px;justify-content:center}.client-logo{width:96px;height:80px}.theme-signal .hero{gap:32px}}
@media(max-width:720px){.hero-copy>.eyebrow{font-size:clamp(8px,2.4vw,10px);letter-spacing:.075em;gap:7px;white-space:nowrap}.hero-copy>.eyebrow .live-dot{flex:0 0 5px;width:5px;height:5px}}
/* Soft glass reflections across interactive surfaces. */
.pill,.header-contact,.menu-toggle,.social-link{position:relative}
:is(.pill,.header-contact,.film-open,.pause-toggle,.sound-toggle,.menu-toggle,.close-film,.social-link){isolation:isolate;overflow:hidden;transition:box-shadow .65s,border-color .65s,background .65s,transform .3s,color .4s}
:is(.pill,.header-contact,.film-open,.pause-toggle,.sound-toggle,.menu-toggle,.close-film,.social-link):before{content:'';position:absolute;z-index:-1;inset:-80% -95%;background:linear-gradient(112deg,transparent 35%,#eaf5ff02 42%,#eaf5ff0b 47%,#ffffff25 51%,#eaf5ff0b 57%,transparent 68%);filter:blur(9px);transform:translateX(-55%);opacity:0;pointer-events:none}
@keyframes button-sweep{0%{transform:translateX(-55%);opacity:0}22%{opacity:.5}70%{opacity:.5}100%{transform:translateX(55%);opacity:0}}
@media(hover:hover){:is(.pill,.header-contact,.film-open,.pause-toggle,.sound-toggle,.menu-toggle,.close-film,.social-link):hover:before{animation:button-sweep 2.8s cubic-bezier(.2,.65,.3,1) forwards}}
:is(.pill,.header-contact,.film-open,.pause-toggle,.sound-toggle,.menu-toggle,.close-film,.social-link):is(:hover,:focus-visible){border-color:#b5cfe347;box-shadow:inset 0 1px 0 #ffffff18,0 5px 22px #00000020}
.pill:hover{background:var(--bg);color:var(--ink)}
.pill.primary:hover{background:var(--accent);color:#05111c}
.pill:not(.primary),.header-contact{background-image:linear-gradient(145deg,#ffffff08,#ffffff01);box-shadow:inset 0 1px 0 #ffffff08}
:is(.pill,.header-contact,.film-open,.pause-toggle,.sound-toggle,.menu-toggle,.close-film,.social-link):active{transform:scale(.985);box-shadow:inset 0 1px 0 #ffffff20,0 3px 15px #00000025}
:is(.pill,.header-contact,.film-open,.pause-toggle,.sound-toggle,.menu-toggle,.close-film,.social-link):active:before{animation:none;transform:translateX(0);opacity:.15}
@media(prefers-reduced-motion:reduce){:is(.pill,.header-contact,.film-open,.pause-toggle,.sound-toggle,.menu-toggle,.close-film,.social-link):before{display:none}:is(.pill,.header-contact,.film-open,.pause-toggle,.sound-toggle,.menu-toggle,.close-film,.social-link):active{transform:none}}
/* Black, clipped media surfaces prevent poster or iframe edge seams. */
.film-frame,.dialog-film{background:#000}
.film-frame:after{box-shadow:none}
.film-frame video,.dialog-film video,.dialog-film iframe{display:block;border:0;outline:0;background:#000}
.work-card .still iframe{display:block;background:#000;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);outline:0}
.selected-work .still[data-preview-film]{background:#000}
.selected-work .still[data-preview-film] iframe{opacity:0;transition:none;color-scheme:dark}
.selected-work .still[data-preview-film][data-preview-playing=true] iframe{opacity:1;transition:opacity .2s ease}
@media(prefers-reduced-motion:reduce){.selected-work .still[data-preview-film][data-preview-playing=true] iframe{transition:none}}
.film-frame img.reel-brand-still{object-fit:contain;padding:14%;background:#080c18}
@media(prefers-reduced-motion:no-preference){:is(.pill,.header-contact,.film-open,.pause-toggle,.sound-toggle,.menu-toggle,.close-film,.social-link).press-sweep:before{animation:button-sweep 2.8s cubic-bezier(.2,.65,.3,1) forwards}}
.logo-marquee{overflow:hidden;margin-top:26px;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logo-track{display:flex;width:max-content;animation:logo-scroll 50s linear infinite}
.logo-sequence{display:flex;align-items:center;gap:44px;padding-right:44px;flex-shrink:0}
.logo-sequence .client-logo{flex:0 0 150px;width:150px;height:115px}
@keyframes logo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.logo-marquee:hover .logo-track{animation-play-state:paused}
.theme-signal .trust .client-logo.tone-dark img{filter:brightness(0) invert(1);mix-blend-mode:normal;opacity:.94}
.theme-play .trust .client-logo.tone-dark img,.theme-gallery .trust .client-logo.tone-dark img{filter:none;mix-blend-mode:normal}
@media(max-width:720px){.logo-sequence{gap:25px;padding-right:25px}.logo-sequence .client-logo{flex-basis:110px;width:110px;height:85px}.logo-marquee{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.logo-marquee{mask-image:none}.logo-track{animation:none;width:100%}.logo-sequence{width:100%;flex-wrap:wrap;justify-content:center;padding-right:0;gap:15px}.logo-sequence[aria-hidden=true]{display:none}}
.work-card .still:is([data-film="304296638"],[data-preview-film="304296638"])>img,.work-card .still:is([data-film="304296638"],[data-preview-film="304296638"]) iframe{transform:scale(1.08);transform-origin:center}
.work-card:hover .still:is([data-film="304296638"],[data-preview-film="304296638"])>img{transform:scale(1.115)}
.footer-bottom>div:has(.social-link){gap:10px;margin-top:-10px}
.social-link{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;transition:background .25s,box-shadow .25s}
.social-link img{width:23px;height:23px;object-fit:contain;filter:none;opacity:.85}
.social-link:hover{background:#ffffff08;box-shadow:inset 0 1px 0 #ffffff12,0 4px 16px #0002}
.social-link:hover img{opacity:1}
.theme-play .footer-wordmark img,.theme-gallery .footer-wordmark img{filter:brightness(0)}
.theme-play .social-link img,.theme-gallery .social-link img{filter:invert(1)}
.theme-signal .logo-marquee{mix-blend-mode:screen}
.theme-play .logo-marquee,.theme-gallery .logo-marquee{mix-blend-mode:multiply}
.social-link:not([aria-label="Behance"]) img{filter:brightness(0) invert(1)}
.theme-signal .social-link[aria-label="Behance"] img{filter:grayscale(1) invert(1) brightness(1.5)}
.theme-play .social-link:not([aria-label="Behance"]) img,.theme-gallery .social-link:not([aria-label="Behance"]) img{filter:brightness(0)}
.theme-play .social-link[aria-label="Behance"] img,.theme-gallery .social-link[aria-label="Behance"] img{filter:none}
.film-open:hover{transform:scale(1.02)}
/* A warm seventies orange complements Signal's original blues. */
.theme-signal{--brand-start:var(--accent);--brand-end:#a58aff;--brand-light:#8bccff;--brand-line:#40b5ff55;--brand-gradient:linear-gradient(110deg,var(--brand-start),var(--brand-end))}
.theme-signal :is(button,a,input,textarea):focus-visible{outline-color:var(--brand-start)}
.theme-signal .pill.primary,.theme-signal .filter-bar a[aria-current=true]{background:var(--brand-gradient);border-color:var(--brand-start);color:#f4f7ff}
.theme-signal .pill.primary:hover{background:var(--brand-gradient);border-color:var(--brand-light);color:#f4f7ff}
.theme-signal :is(.pill:not(.primary),.header-contact){border-color:var(--brand-line);background-image:linear-gradient(145deg,#40b5ff0b,#ffffff01)}
.theme-signal :is(.pill:not(.primary),.header-contact):hover{background-color:#40b5ff12;border-color:#a58aff8a;color:var(--ink)}
.theme-signal :is(.pill:not(.primary),.header-contact,.text-link) .brand-arrow{color:var(--brand-start)}
.theme-signal .site-header nav a:after{background:var(--brand-gradient)}
.theme-signal .site-header nav a[aria-current=page],.theme-signal .concept-tabs a[aria-current=true]{color:var(--brand-start)}
.theme-signal :is(.eyebrow,.trust-label,.service-number,.service-symbol,.card-arrow,.warm-type,.section-heading h2 .accent,.honor .year){color:var(--brand-start)}
.theme-signal .live-dot{background:var(--brand-gradient);box-shadow:0 0 10px #40b5ff30}
.theme-signal .text-link{border-color:var(--brand-line)}
.theme-signal .text-link:hover,.theme-signal .contact-email,.theme-signal .dialog-caption a{color:var(--brand-start)}
.theme-signal .service-card:before{border-color:#40b5ff80}
.theme-signal .hero h1:after{background:linear-gradient(var(--brand-start),var(--brand-start)) left top/5px 5px no-repeat,linear-gradient(var(--brand-start),var(--brand-start)) right top/5px 5px no-repeat,linear-gradient(var(--brand-start),var(--brand-start)) left bottom/5px 5px no-repeat,linear-gradient(var(--brand-start),var(--brand-start)) right bottom/5px 5px no-repeat}
.theme-signal .contact-banner .pill{background:var(--brand-gradient);border-color:var(--brand-start);color:#f4f7ff}
.theme-signal .contact-banner .pill .brand-arrow{color:inherit}
.theme-signal .contact-banner .pill:hover{background:var(--brand-gradient);border-color:var(--brand-light);color:#f4f7ff}
.theme-signal :is(.footer-top a,.footer-bottom>a):hover{color:var(--brand-start)}
.theme-signal .social-link:hover{background:#40b5ff12;box-shadow:inset 0 1px 0 #a58aff22,0 4px 16px #0002}
/* Quiet icon controls keep the picture in focus. */
.film-frame :is(.film-open,.pause-toggle,.sound-toggle),.work-card .card-play{width:44px;height:44px;padding:0;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:50%;background:#080c1866;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #ffffff0a}
.film-frame :is(.film-open,.pause-toggle,.sound-toggle){bottom:14px;z-index:3}
.film-frame .film-open{left:14px}
.film-frame .sound-toggle{right:14px}
.film-frame .pause-toggle{right:66px}
.media-icon{display:block;width:18px;height:18px;pointer-events:none}
.film-open .media-icon[data-icon=play],.card-play .media-icon[data-icon=play]{translate:1px 0}
.film-frame :is(.film-open,.pause-toggle,.sound-toggle):hover,.work-card .still:hover .card-play{background:#080c188c;border-color:#ffffff55;transform:none;box-shadow:inset 0 1px 0 #ffffff18}
.film-frame :is(.film-open,.pause-toggle,.sound-toggle):active{transform:scale(.96)}
.work-card .card-play{right:14px;bottom:14px}
.footer-top .footer-wordmark img{width:75px;height:75px}
@media(max-width:720px){.footer-top .footer-wordmark img{width:55px;height:55px}}
.site-header .wordmark img{width:80px;height:auto;aspect-ratio:781/338;object-fit:contain}
.theme-play .site-header .wordmark img,.theme-gallery .site-header .wordmark img{filter:brightness(0)}
.contact-art.contact-glass{min-height:0;aspect-ratio:1;background:#080c18}
.contact-art.contact-glass img{width:100%;height:100%;max-width:none;object-fit:cover;animation:none}
@media(max-width:720px){.site-header .wordmark img{width:62.5px}.contact-art.contact-glass{max-width:300px;margin-inline:auto}}
.art-promo-image{display:block;align-self:center}
.art-promo .art-promo-image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(min-width:721px){.art-promo{grid-template-columns:.85fr 1.15fr}}
:is(button,.pill,.header-contact,.filter-bar a,.text-link){font-family:Qualy,Prelia,sans-serif;font-weight:400;letter-spacing:0}
.card-info h3,.reel-block h2,.film-meta strong,.dialog-caption{font-family:Prelia,sans-serif;font-weight:400}
.contact-art.contact-glass{background:transparent;overflow:visible}
.contact-art.contact-glass img{width:88%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 18px #0003)}
@keyframes contact-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}
@media(prefers-reduced-motion:no-preference){.contact-art.contact-glass img{animation:contact-float 9s ease-in-out infinite}}
.card-info h3{font-size:15.2px}
.category-card .card-info h3{font-size:18.4px}
.reel-block h2{font-size:24px}
@media(max-width:720px){.category-card .card-info h3{font-size:20px}.reel-block h2{font-size:19.2px}}
/* Home previews are silent links; the closing composition stays behind its message. */
.home-reel-link{display:block}
.home-reel-link video{pointer-events:none}
.theme-signal .contact-banner,.theme-play .contact-banner,.theme-gallery .contact-banner{isolation:isolate;background:#080c18;color:#f4f6fb}
.banner-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.banner-backdrop img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;opacity:.66;display:block}
.banner-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080c18b8,#080c1844 65%,#080c1866)}
@keyframes composition-drift{0%,100%{transform:scale(1.02) translate3d(0,0,0)}50%{transform:scale(1.055) translate3d(-.5%,.4%,0)}}
@media(prefers-reduced-motion:no-preference){.banner-backdrop img{animation:composition-drift 28s ease-in-out infinite}}
/* A self-contained glass button: raised rim, amber refraction, and a centered arrow. */
.conversation-button{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0;padding:12px 16px 12px 26px;min-height:72px;border:1px solid #e3f1ff6b;border-bottom-color:#40b5ff80;border-radius:999px;color:#fff;font:400 18px/1.25 Qualy,Prelia,sans-serif;white-space:nowrap;isolation:isolate;background:linear-gradient(175deg,#ffffff30 0%,#ffffff0c 45%,#ffffff03 52%,#40b5ff23 100%),#19283b70;backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);box-shadow:inset 0 2px 2px #ffffff30,inset 0 -2px 3px #40b5ff30,0 6px 0 #050b17d9,0 16px 30px #0006;transition:background .8s,border-color .8s,box-shadow .8s,transform .4s}
.conversation-label{position:relative;z-index:1}
.conversation-arrow{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff32;background:linear-gradient(150deg,#ffffff20,#40b5ff0a);box-shadow:inset 0 1px 2px #ffffff30,0 2px 5px #0002;color:#a58aff}
.conversation-arrow .brand-arrow{font-size:24px;line-height:1;transform:rotate(-45deg);transform-origin:center}
.conversation-button:hover{transform:translateY(-2px);border-color:#edf7ff9c;box-shadow:inset 0 2px 3px #ffffff48,inset 0 -2px 4px #40b5ff40,0 8px 0 #050b17d9,0 22px 32px #0006}
.conversation-button:active{transform:translateY(3px);box-shadow:inset 0 2px 4px #ffffff25,inset 0 -1px 2px #40b5ff30,0 2px 0 #050b17d9,0 8px 14px #0004}
@media(max-width:1050px){.contact-banner{flex-wrap:wrap}.contact-banner h2{max-width:100%}}
@media(max-width:720px){.conversation-button{min-height:66px;padding:11px 14px 11px 22px;font-size:16px;gap:16px}.conversation-arrow{flex-basis:40px;width:40px;height:40px}.banner-backdrop img{object-position:60% 55%;opacity:.52}}
@media(prefers-reduced-motion:reduce){.conversation-button{transition:none}.conversation-button:hover,.conversation-button:active{transform:none}}

/* The homepage opens in the same dark blue-purple glass palette as the new controls. */
body.theme-signal[data-view="home"] .site-header {
  background:
    radial-gradient(ellipse 65% 180% at 75% -130%, #daebff22, transparent 76%),
    linear-gradient(110deg, #09131ff5 0%, #11243af5 49%, #241d39f5 100%);
  border-bottom-color: #c8dcff24;
  box-shadow: inset 0 1px 0 #dceaff0b, 0 8px 28px #02050d20;
  backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
}
.theme-signal .hero-ambient {
  inset: 0; z-index: -1;
  mask-image: linear-gradient(#000 0%, #000 48%, #000b 72%, transparent 100%);
  -webkit-mask-image: linear-gradient(#000 0%, #000 48%, #000b 72%, transparent 100%);
}
.theme-signal .hero-ambient::after {display: none;}
.hero-gradient {
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 70% 90% at 98% 5%, #a58aff30, transparent 76%),
    radial-gradient(ellipse 70% 105% at 46% -4%, #40b5ff26, transparent 74%),
    linear-gradient(110deg, #080e1b 0%, #10243b 51%, #251d3c 100%);
}
.hero-gradient::after {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 65% 85% at 74% -56%, #daeaff22, transparent 84%),
    linear-gradient(180deg, transparent 30%, #080c1830 76%, #080c18 100%);
}
@media(max-width:720px) {
  body.theme-signal[data-view="home"] .site-header nav {
    background: linear-gradient(135deg, #0b182bf5, #211a34f5);
    backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
    border-bottom-color: #c8dcff24;
  }
  .hero-gradient {background:
    radial-gradient(ellipse 140% 72% at 105% 10%, #a58aff2b, transparent 77%),
    radial-gradient(ellipse 145% 90% at 10% -10%, #40b5ff26, transparent 80%),
    linear-gradient(130deg, #0a1424 0%, #11253c 49%, #211c36 100%);}
}
@media(max-width:390px){.hero-actions{gap:18px}.hero-actions>.pill{padding-inline:20px;gap:18px}.hero-actions>.text-link{white-space:nowrap;gap:10px}}

/* The services become one full-width piece of noir glass, matching the button material. */
.theme-signal .services {
  position: relative; isolation: isolate; overflow: hidden;
  background: #080c18; border: 0;
  padding-block: clamp(68px, 7vw, 100px);
  box-shadow: inset 0 1px 0 #dceaff18, inset 0 -1px 0 #c4d6ff14;
}
.services-glass-backdrop {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 72% 95% at 88% -24%, #e4f1ff40 0%, #a7c5ee16 38%, transparent 73%),
    radial-gradient(ellipse 35% 75% at -9% 33%, #40b5ff22, transparent 78%),
    radial-gradient(ellipse 60% 70% at 108% 118%, #a58aff22, transparent 76%),
    linear-gradient(178deg, #172232a6 0%, #080c18ed 46%, #050914f2 76%, #10192a99 100%);
  box-shadow: inset 0 18px 36px #02050c70, inset 0 -18px 30px #02050c66;
}
.services-glass-backdrop::before {
  content: ''; position: absolute; inset: 0;
  background:
    linear-gradient(90deg, transparent, #71ddffb0 9%, #e2f3ffd9 33%, #a2b8da55 58%, #a58aff80 90%, transparent) top/100% 1px no-repeat,
    linear-gradient(90deg, transparent, #40b5ff50 12%, #a7c8e833 40%, #a58affb0 82%, transparent) bottom/100% 1px no-repeat;
}
.services-glass-backdrop::after {
  content: ''; position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 54% 7% at 40% 0%, #ceeaff18, transparent 90%),
    radial-gradient(ellipse 42% 6% at 83% 100%, #a58aff20, transparent 95%),
    linear-gradient(167deg, #e1edff0b 0%, #c7dcff06 25%, transparent 43%);
}
.theme-signal .services-intro, .theme-signal .service-grid {position: relative; z-index: 1;}
.theme-signal .services-intro {margin-bottom: 38px;}
.theme-signal .service-grid {gap: clamp(28px, 5vw, 72px); background-image: none;}
.theme-signal .services .service-card {
  display: block; padding-top: 28px; border-top: 1px solid #c8ddff24;
  transition: border-color .6s ease;
}
.theme-signal .services .service-card::before {display: none;}
.theme-signal .services .service-card:hover {border-top-color: #8fccff66;}
.service-card-text .service-copy {min-width: 0;}
.service-card-text .service-copy h3 {margin: 0 0 16px; line-height: 1.12;}
.theme-signal .services .service-card p {color: #c6d1e2; max-width: 350px;}
@media(max-width:720px) {
  .theme-signal .services {padding-block: 55px;}
  .theme-signal .services-intro {margin-bottom: 32px;}
  .theme-signal .service-grid {gap: 28px;}
  .theme-signal .services .service-card {padding-top: 24px;}
  .theme-signal .services .service-card p {max-width: none;}
  .services-glass-backdrop {background:
    radial-gradient(ellipse 130% 45% at 95% -14%, #dcecff30, transparent 75%),
    radial-gradient(ellipse 85% 45% at 125% 106%, #a58aff1c, transparent 78%),
    linear-gradient(178deg, #152133a6, #080c18f5 43%, #050914f2 76%, #10192a99);}
}

/* Noir chrome glass — shared button material, unpublished review. */
body.theme-signal .chrome-control[data-chrome] {
  --chrome-radius: 13px;
  --chrome-cyan: #64e5ff;
  --chrome-violet: #cc80ee;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 17px;
  min-height: 58px;
  padding: 15px 23px;
  border: 1px solid #b8d6e63d;
  border-radius: var(--chrome-radius);
  color: #f7fbff;
  font: 400 15px/1.25 Qualy, Prelia, sans-serif;
  letter-spacing: 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 89% -30%, #edf7ff61 0%, #97c2e62b 32%, transparent 62%),
    linear-gradient(180deg, #2b40535e, #07121b9c 49%, #030810c7 76%, #18122499);
  backdrop-filter: blur(18px) saturate(120%);
  -webkit-backdrop-filter: blur(18px) saturate(120%);
  box-shadow:
    inset 0 1px 1px #e5f6ff66,
    inset 0 -1px 1px #adb9da33,
    0 3px 0 #02060db3,
    0 8px 18px #0005,
    -2px 0 8px #38d8f516,
    1px 3px 8px #a58aff14;
  text-shadow: 0 1px 2px #0008;
  transform: translateY(0);
  transition: box-shadow .65s ease, background-color .65s ease, border-color .65s ease, transform .2s ease;
}
body.theme-signal .chrome-control[data-chrome]:not(.close-film) {position: relative;}
body.theme-signal .chrome-control[data-chrome]::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  background: linear-gradient(122deg,
    #081820 0%, #95f3ff 3%, #23c7ec 7%, #8aa5b5 14%,
    #e2f4ff 38%, #f6fcff 49%, #577a94 53%, #0a1420 68%,
    #a58aff 85%, #677487 92%, #4cdaef 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  filter: none;
  opacity: .95;
  transform: none;
  animation: none;
  pointer-events: none;
  transition: opacity .7s ease;
}
body.theme-signal .chrome-control[data-chrome]::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 3px;
  border-radius: calc(var(--chrome-radius) - 3px);
  border: 1px solid #bacdd526;
  border-top-color: #e4f4ff45;
  background:
    radial-gradient(ellipse at 93% 0%, #ffffff38, transparent 55%),
    linear-gradient(180deg, #bdd9ed12, transparent 44%, #00000008 80%, #c56de410);
  opacity: .6;
  filter: none;
  transform: none;
  pointer-events: none;
  transition: opacity .7s ease;
}
@media (hover: hover) {
  body.theme-signal .chrome-control[data-chrome]:hover:not(:disabled,[aria-disabled="true"]) {
    color: #fff;
    border-color: #c4edff7a;
    background-color: #2b52652b;
    transform: translateY(-1px);
    box-shadow: inset 0 1px 2px #f2fcff80, inset 0 -1px 2px #cca2ed50,
      0 4px 0 #02060db3, 0 11px 22px #0005, -2px 0 12px #36dcff38, 2px 3px 12px #a58aff30;
  }
  body.theme-signal .chrome-control[data-chrome]:hover::before {animation: none; opacity: 1; transform: none;}
  body.theme-signal .chrome-control[data-chrome]:hover::after {opacity: 1;}
}
body.theme-signal .chrome-control[data-chrome]:active:not(:disabled,[aria-disabled="true"]) {
  color: #fff;
  transform: translateY(2px);
  background-color: #00000048;
  box-shadow: inset 0 2px 7px #0009, inset 0 -1px 1px #c891ed55,
    0 1px 0 #02060db3, 0 3px 9px #0005, 0 0 7px #41d8f52a;
  transition-duration: .12s;
}
body.theme-signal .chrome-control[data-chrome]:active::before {animation: none; transform: none; opacity: .85;}
body.theme-signal .chrome-control[data-chrome]:active::after {opacity: .35;}
body.theme-signal .chrome-control[data-chrome]:focus-visible {
  outline: 2px solid #91e9ff;
  outline-offset: 5px;
}
body.theme-signal .chrome-control[data-chrome]:is(:disabled,[aria-disabled="true"]) {
  cursor: not-allowed;
  color: #a6afba;
  background: linear-gradient(180deg, #25303e75, #0f151cba);
  border-color: #889ba52b;
  box-shadow: inset 0 1px 1px #bac9d12b, 0 2px 0 #02060da6, 0 5px 10px #0003;
  transform: none;
}
body.theme-signal .chrome-control[data-chrome]:is(:disabled,[aria-disabled="true"])::before {filter: grayscale(1); opacity: .4;}
body.theme-signal .chrome-control[data-chrome]:is(:disabled,[aria-disabled="true"])::after {opacity: .25;}

body.theme-signal .chrome-control[data-chrome="compact"] {min-height: 44px; padding: 11px 16px; gap: 12px; font-size: 12px; --chrome-radius: 10px;}
body.theme-signal .header-contact.chrome-control[data-chrome] {min-height: 46px; padding: 12px 18px; gap: 15px; font-size: 13px;}
body.theme-signal .conversation-button.chrome-control[data-chrome] {min-height: 68px; padding: 19px 25px; gap: 28px; font-size: 17px; flex-shrink: 0;}
body.theme-signal .conversation-button.chrome-control[data-chrome] .conversation-arrow {
  width: 28px; height: 28px; flex: 0 0 28px; border: 0; border-radius: 0;
  background: none; color: #f7fbff; box-shadow: none;
}
body.theme-signal .chrome-control[data-chrome] .chrome-arrow {width: 24px; height: 24px; display: block; flex-shrink: 0; color: inherit; transform: none; pointer-events: none;}
body.theme-signal .conversation-button.chrome-control[data-chrome] .chrome-arrow {width: 28px; height: 28px;}
body.theme-signal .chrome-control[data-chrome="compact"] .chrome-arrow {width: 20px; height: 20px;}
body.theme-signal .chrome-control[data-chrome] .media-icon {width: 19px; height: 19px;}
body.theme-signal .chrome-play {display: grid; place-items: center; width: 29px; height: 29px; flex: 0 0 29px; border: 1px solid #f0f8ffd9; border-radius: 50%;}
body.theme-signal .chrome-play .media-icon {width: 17px; height: 17px; fill: currentColor; stroke-width: 1.2px; margin-left: 2px;}
body.theme-signal .hero-actions {gap: 16px; flex-wrap: wrap;}
body.theme-signal .hero-actions .chrome-control[data-chrome] {min-height: 62px;}
body.theme-signal .filter-bar {gap: 10px;}
body.theme-signal .filter-bar .chrome-control[data-chrome][aria-current="true"] {
  border-color: #8ce5ffab; color: #fff; background-color: #3aa4c628;
  box-shadow: inset 0 1px 2px #f2fcff70, inset 0 -1px 2px #b69bdf50, 0 3px 0 #02060db3, 0 6px 14px #0004, 0 0 12px #45d4f22b;
}
body.theme-signal .filter-bar .chrome-control[data-chrome][aria-current="true"]::after {opacity: 1;}
body.theme-signal .chrome-control[data-chrome].close-film {top: 10px;}
body.theme-signal .film-dialog {padding-top: 66px;}
body.theme-signal .dialog-caption {font-family: Prelia, sans-serif; flex-wrap: wrap;}
body.theme-signal .menu-toggle.chrome-control[data-chrome] {display: none;}

@media (max-width: 1050px) {
  body.theme-signal .header-contact.chrome-control[data-chrome] {display: none;}
  body.theme-signal .hero-actions .chrome-control[data-chrome] {font-size: 13px; padding: 13px 18px; min-height: 56px; gap: 12px;}
}
@media (max-width: 720px) {
  body.theme-signal .menu-toggle.chrome-control[data-chrome] {display: inline-flex; font-size: 12px; padding: 9px 13px; gap: 9px;}
  body.theme-signal .menu-toggle.chrome-control[data-chrome] span {font-size: 20px; line-height: 1;}
  body.theme-signal .hero-actions {gap: 12px;}
  body.theme-signal .hero-actions .chrome-control[data-chrome] {font-size: 12px; min-height: 54px; padding: 12px 14px; gap: 10px;}
  body.theme-signal .hero-actions .text-link.chrome-control[data-chrome] .chrome-arrow {width: 21px; height: 21px;}
  body.theme-signal .chrome-play {width: 25px; height: 25px; flex-basis: 25px;}
  body.theme-signal .conversation-button.chrome-control[data-chrome] {min-height: 64px; max-width: 100%; padding: 17px 20px; font-size: 15px; gap: 22px;}
  body.theme-signal .chrome-control[data-chrome="compact"] {font-size: 11px; padding: 10px 12px;}
  body.theme-signal .filter-bar {gap: 9px;}
  body.theme-signal .work-foot {flex-wrap: wrap;}
}
@media (prefers-reduced-motion: reduce) {
  body.theme-signal .chrome-control[data-chrome]::before {display: block;}
  body.theme-signal .chrome-control[data-chrome]:is(:hover,:active) {transform: none;}
}

/* Media stays the focus: bare icons, with generous invisible touch targets. */
body.theme-signal .film-frame :is(.film-open,.pause-toggle,.sound-toggle),
body.theme-signal .work-card .card-play {
  width: 44px; height: 44px; padding: 0; border: 0; border-radius: 0;
  display: grid; place-items: center; background: transparent; background-image: none;
  color: #fff; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
  text-shadow: none; transition: opacity .3s ease, transform .15s ease;
}
body.theme-signal .film-frame :is(.film-open,.pause-toggle,.sound-toggle)::before,
body.theme-signal .film-frame :is(.film-open,.pause-toggle,.sound-toggle)::after,
body.theme-signal .work-card .card-play::before,
body.theme-signal .work-card .card-play::after {display: none;}
body.theme-signal .film-frame :is(.film-open,.pause-toggle,.sound-toggle) .media-icon,
body.theme-signal .work-card .card-play .media-icon {
  width: 23px; height: 23px; stroke-width: 1.8px; filter: drop-shadow(0 1px 3px #000c);
}
body.theme-signal .film-frame :is(.film-open,.pause-toggle,.sound-toggle):hover {
  background: transparent; color: #fff; box-shadow: none; transform: none; opacity: .8;
}
body.theme-signal .film-frame :is(.film-open,.pause-toggle,.sound-toggle):active {transform: scale(.93); box-shadow: none;}
body.theme-signal .film-frame :is(.film-open,.pause-toggle,.sound-toggle):focus-visible {outline: 2px solid #91e9ff; outline-offset: 1px; border-radius: 5px;}

body.theme-signal .social-link {
  width: 44px; height: 44px; border: 0; border-radius: 0;
  background: transparent; background-image: none; box-shadow: none;
  backdrop-filter: none; -webkit-backdrop-filter: none;
  transform: none; transition: opacity .3s ease;
}
body.theme-signal .social-link::before,body.theme-signal .social-link::after {display: none;}
body.theme-signal .social-link:hover,body.theme-signal .social-link:active {background: transparent; box-shadow: none; transform: none; opacity: .75;}
body.theme-signal .social-link img {width: 23px; height: 23px; opacity: 1;}
body.theme-signal .social-link:focus-visible {outline: 2px solid #91e9ff; outline-offset: 1px; border-radius: 5px;}

/* The homepage's secondary action uses a straight, softly glowing light line. */
body.theme-signal .hero-actions .work-underline-link {
  position: relative; display: inline-flex; align-items: center; justify-content: center;
  min-height: 58px; gap: 18px; padding: 12px 2px 15px; border: 0;
  border-radius: 0; background: transparent; background-image: none; box-shadow: none;
  font: 400 18px/1.25 Prelia, Qualy, sans-serif; color: #f4f7ff;
  white-space: nowrap; overflow: visible; transform: none; text-shadow: none;
  transition: color .5s ease;
}
body.theme-signal .work-underline-link .chrome-arrow {display: block; width: 24px; height: 24px; color: inherit; flex: 0 0 24px;}
body.theme-signal .work-underline-link .work-underline {
  position: absolute; left: 0; right: 0; bottom: 4px; height: 2px;
  pointer-events: none; opacity: .85; filter: drop-shadow(0 0 3px #64d5fb55);
  transition: opacity .6s ease, filter .6s ease;
}
body.theme-signal .work-underline-link .work-underline::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, #40b5ff 0%, #6da9ff 40%, #938fff 72%, #a58aff 100%);
}
body.theme-signal .hero-actions .work-underline-link:hover {color: #fff; background: transparent; border: 0; box-shadow: none; transform: none;}
body.theme-signal .work-underline-link:hover .work-underline {opacity: 1; filter: drop-shadow(0 0 5px #88dcff80);}
body.theme-signal .work-underline-link:active .work-underline {opacity: .65;}
body.theme-signal .work-underline-link:focus-visible {outline: 2px solid #91e9ff; outline-offset: 5px;}
@media(max-width:1050px) {body.theme-signal .hero-actions .work-underline-link {font-size: 16px; min-height: 54px; gap: 15px;}}
@media(max-width:720px) {body.theme-signal .hero-actions .work-underline-link {font-size: 16px; min-height: 54px; gap: 13px;}}

/* Blue-to-purple accents share the existing site blue (#40b5ff). */
body.theme-signal :is(.eyebrow,.trust-label,.service-number,.card-arrow,.warm-type,.section-heading h2 .accent,.honor .year),
body.theme-signal .site-header nav a[aria-current="page"],
body.theme-signal .concept-tabs a[aria-current="true"] {
  color: var(--brand-start);
  background-image: var(--brand-gradient);
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.theme-signal .eyebrow {width: fit-content; max-width: 100%;}
body.theme-signal .trust-label {width: fit-content; margin-inline: auto;}
body.theme-signal .hero h1::after {
  background: linear-gradient(var(--brand-start),var(--brand-start)) left top/5px 5px no-repeat,
    linear-gradient(var(--brand-end),var(--brand-end)) right top/5px 5px no-repeat,
    linear-gradient(var(--brand-start),var(--brand-start)) left bottom/5px 5px no-repeat,
    linear-gradient(var(--brand-end),var(--brand-end)) right bottom/5px 5px no-repeat;
}
body.theme-signal .site-header nav a:hover::after {background: var(--brand-gradient);}
body.theme-signal .footer-top a:not(.wordmark):hover,
body.theme-signal .contact-email {
  color: var(--brand-start); background-image: var(--brand-gradient);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* Reveal Vimeo reel frames only after playback advances, retaining a stable poster during load. */
.vimeo-reel iframe {position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);display:block;border:0;outline:0;background:#000;pointer-events:none;z-index:1;opacity:0;color-scheme:dark;transition:none;}
.vimeo-reel[data-reel-playing="true"] iframe {opacity:1;transition:opacity .2s ease;}
.vimeo-reel .film-shade {z-index:2;}
@media(prefers-reduced-motion:reduce){.vimeo-reel[data-reel-playing="true"] iframe{transition:none;}}

/* Editorial stories share the site's glass palette while keeping reading calm. */
.blog-stories {display:grid;gap:72px;}
.blog-latest {padding:34px;border:1px solid #9dbbff30;border-radius:20px;background:radial-gradient(ellipse at 90% 0,#51439025,transparent 65%),linear-gradient(140deg,#12335a24,#070e19);box-shadow:inset 0 1px 0 #d8eeff1a;}
.blog-latest .still {overflow:hidden;border-radius:12px;}
.blog-latest .still img {width:100%;height:100%;object-fit:cover;aspect-ratio:7/4;}
.blog-latest h2 {font-size:clamp(40px,4.3vw,64px);line-height:1.08;margin:18px 0 14px;}
.blog-latest .blog-subtitle {font-size:22px;line-height:1.4;color:#ecf1fc;margin-bottom:20px;max-width:380px;}
.blog-latest p:not(.blog-subtitle) {font-size:17px;line-height:1.7;}
.blog-date {display:block;font-size:12px;color:#a5b3cb;margin:22px 0;}
.blog-previous {padding-top:56px;border-top:1px solid var(--line);}
.parallax-opening {position:relative;display:grid;grid-template-columns:.92fr 1.15fr;gap:5vw;align-items:center;padding:60px var(--pad) 64px;background:radial-gradient(ellipse at 88% 15%,#54418a30,transparent 64%),radial-gradient(ellipse at 10% 0,#183d6350,transparent 60%);}
.parallax-back {display:inline-flex;align-items:center;gap:10px;font:400 13px/1.4 Prelia,sans-serif;color:#aebed7;margin-bottom:34px;}
.parallax-back .chrome-arrow {width:18px;height:18px;}
.parallax-back:hover {color:#d9eeff;}
.parallax-title h1 {font:400 clamp(46px,5vw,82px)/1.06 Qualy,Prelia,sans-serif;letter-spacing:-.035em;margin:22px 0 28px;}
.parallax-title h1>span {display:block;font:400 clamp(21px,2vw,30px)/1.45 Prelia,sans-serif;letter-spacing:0;max-width:440px;color:#c0cde3;margin-top:22px;}
.parallax-byline {display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.5;color:#98aac6;}
.parallax-byline>span:first-child {color:#e4eaf6;}
.parallax-cover {margin:0;position:relative;}
.parallax-cover img {width:100%;height:auto;border:1px solid #a7c6fc30;border-radius:16px;box-shadow:0 20px 65px #0005;}
.parallax-cover figcaption {font:400 12px/1.5 Prelia,sans-serif;letter-spacing:.025em;color:#9daeca;margin-top:14px;}
.parallax-layout {display:grid;grid-template-columns:200px minmax(0,750px);justify-content:center;align-items:start;gap:7vw;padding:52px var(--pad) 110px;border-top:1px solid #a7c6fc19;}
.parallax-aside {position:sticky;top:140px;}
.parallax-aside ol {list-style:none;margin:30px 0 24px;padding:0 0 0 18px;border-left:1px solid #6b9cff40;}
.parallax-aside li {position:relative;margin-bottom:25px;}
.parallax-aside li::before {content:'';position:absolute;width:5px;height:5px;left:-21px;top:10px;border-radius:50%;background:#8fc8ff;box-shadow:0 0 10px #53a9ff66;}
.parallax-aside li>span {font:400 20px/1.3 Prelia,sans-serif;color:#9baeff;}
.parallax-aside li>p {font:400 12px/1.55 Prelia,sans-serif;color:#96a6c1;margin-top:6px;}
.parallax-sources-link {display:inline-flex;gap:9px;align-items:center;font-size:12px;color:#b5c4de;}
.parallax-sources-link .chrome-arrow {width:16px;height:16px;}
.parallax-copy {min-width:0;}
.parallax-copy p {font:400 20px/1.85 Prelia,sans-serif;letter-spacing:.005em;color:#bec9db;margin-bottom:25px;}
.parallax-copy .parallax-lede {font-size:27px;line-height:1.55;color:#f2f6ff;margin-bottom:30px;}
.parallax-copy h2 {font:400 33px/1.23 Qualy,Prelia,sans-serif;letter-spacing:-.025em;margin:60px 0 25px;scroll-margin-top:135px;}
.parallax-copy p a {color:#a9cfff;text-decoration:underline;text-decoration-color:#749bcb88;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .3s,text-decoration-color .3s;}
.parallax-copy p a:hover {color:#fff;text-decoration-color:#b2a6ff;}
.parallax-copy em {font-style:italic;color:#e2e9f5;}
.parallax-figure {margin:38px -32px 52px;}
.parallax-figure img {width:100%;height:auto;border:1px solid #b2ccff26;border-radius:12px;}
.parallax-figure figcaption {font:400 12px/1.7 Prelia,sans-serif;color:#8fa1bd;max-width:660px;margin:14px 32px 0;}
.parallax-copy blockquote {margin:50px 0;padding:32px 0 32px 26px;border-left:2px solid #87a4ff;font:400 clamp(28px,3vw,39px)/1.4 Prelia,sans-serif;color:#eaf1ff;background:linear-gradient(100deg,#6385ff0d,transparent);}
.parallax-sources {border-top:1px solid #a7c6fc26;margin-top:58px;padding-top:8px;scroll-margin-top:125px;}
.parallax-sources h2 {font-size:25px;margin-top:30px;}
.parallax-sources ul {list-style:none;padding:0;margin:0 0 28px;}
.parallax-sources li {border-bottom:1px solid #a7c6fc15;}
.parallax-sources li a {display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;font:400 14px/1.55 Prelia,sans-serif;color:#adc4e6;}
.parallax-sources li a:hover {color:#fff;}
.parallax-sources .chrome-arrow {width:18px;height:18px;flex:0 0 18px;}
.parallax-copy .parallax-image-credit {font-size:12px;line-height:1.7;color:#8fa1bd;margin-bottom:34px;}
@media(max-width:1050px){
  .parallax-opening {grid-template-columns:1fr 1fr;gap:4vw;}
  .parallax-title h1 {font-size:54px;}
  .parallax-layout {grid-template-columns:160px minmax(0,1fr);gap:5vw;}
  .parallax-figure {margin-inline:0;}
  .parallax-figure figcaption {margin-inline:0;}
}
@media(max-width:720px){
  .blog-stories {gap:45px;}
  .blog-latest {padding:20px;gap:25px;}
  .blog-latest h2 {font-size:38px;}
  .blog-latest .blog-subtitle {font-size:20px;}
  .blog-previous {padding-top:35px;}
  .parallax-opening {grid-template-columns:1fr;gap:32px;padding:28px var(--pad) 36px;}
  .parallax-back {margin-bottom:28px;}
  .parallax-title h1 {font-size:clamp(43px,12vw,64px);margin:18px 0 24px;}
  .parallax-title h1>span {font-size:22px;line-height:1.4;margin-top:18px;}
  .parallax-cover img {border-radius:10px;}
  .parallax-cover figcaption {font-size:11px;}
  .parallax-layout {display:flex;flex-direction:column;gap:36px;padding:35px var(--pad) 60px;}
  .parallax-aside {position:static;order:1;width:100%;border-top:1px solid var(--line);padding-top:28px;}
  .parallax-aside ol {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:0;}
  .parallax-aside li {margin-bottom:0;padding-right:10px;}
  .parallax-aside li>span {font-size:18px;}
  .parallax-sources-link {margin-top:25px;}
  .parallax-copy {width:100%;}
  .parallax-copy .parallax-lede {font-size:23px;line-height:1.6;}
  .parallax-copy p {font-size:18px;line-height:1.8;margin-bottom:24px;}
  .parallax-copy h2 {font-size:28px;line-height:1.25;margin:42px 0 22px;scroll-margin-top:108px;}
  .parallax-copy blockquote {font-size:27px;padding-left:20px;margin:36px 0;}
  .parallax-figure {margin:28px 0 36px;}
  .parallax-sources h2 {font-size:24px;}
  .parallax-sources li a {font-size:13px;}
}