@font-face{font-family:Polin;src:url('/assets/polin/Polin-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Polin;src:url('/assets/polin/Polin-Semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Polin;src:url('/assets/polin/Polin-Extrabold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Polin;src:url('/assets/Polin-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0100-0130,U+0132-0137,U+0139-013E,U+0141-0148,U+014C-0151,U+0154-017E,U+018F,U+0192,U+01A0-01A1,U+01AF-01B0,U+0218-021B,U+0237,U+0259,U+02C7,U+02D8-02D9,U+02DB,U+02DD,U+0300-0303,U+0306,U+0309,U+031B,U+0323,U+0326,U+0374-0375,U+037E,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03CF,U+03D7,U+0401,U+0404,U+0406-0407,U+040E,U+0410-044F,U+0451,U+0454,U+0456-0457,U+045E,U+0490-0491,U+0E3F,U+1E80-1E85,U+1E9E,U+1EA0-1EF9,U+215B-215E,U+2202,U+2206,U+220F,U+2211,U+221A,U+221E,U+222B,U+3000}@font-face{font-family:Polin;src:url('/assets/Polin-Semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0100-0130,U+0132-0137,U+0139-013E,U+0141-0148,U+014C-0151,U+0154-017E,U+018F,U+0192,U+01A0-01A1,U+01AF-01B0,U+0218-021B,U+0237,U+0259,U+02C7,U+02D8-02D9,U+02DB,U+02DD,U+0300-0303,U+0306,U+0309,U+031B,U+0323,U+0326,U+0374-0375,U+037E,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03CF,U+03D7,U+0401,U+0404,U+0406-0407,U+040E,U+0410-044F,U+0451,U+0454,U+0456-0457,U+045E,U+0490-0491,U+0E3F,U+1E80-1E85,U+1E9E,U+1EA0-1EF9,U+215B-215E,U+2202,U+2206,U+220F,U+2211,U+221A,U+221E,U+222B,U+3000}@font-face{font-family:Polin;src:url('/assets/Polin-Extrabold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0100-0130,U+0132-0137,U+0139-013E,U+0141-0148,U+014C-0151,U+0154-017E,U+018F,U+0192,U+01A0-01A1,U+01AF-01B0,U+0218-021B,U+0237,U+0259,U+02C7,U+02D8-02D9,U+02DB,U+02DD,U+0300-0303,U+0306,U+0309,U+031B,U+0323,U+0326,U+0374-0375,U+037E,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03CF,U+03D7,U+0401,U+0404,U+0406-0407,U+040E,U+0410-044F,U+0451,U+0454,U+0456-0457,U+045E,U+0490-0491,U+0E3F,U+1E80-1E85,U+1E9E,U+1EA0-1EF9,U+215B-215E,U+2202,U+2206,U+220F,U+2211,U+221A,U+221E,U+222B,U+3000}
:root{--bg:#090a0b;--surface:#111315;--surface-2:#181a1d;--text:#f2f3ee;--muted:#a1a4a5;--subtle:#808588;--line:#2b2d2e;--accent:#aeff00;--accent-text:#aeff00;--header:rgba(9,10,11,.93);--grid:rgba(255,255,255,.055);--shadow:rgba(0,0,0,.25);color-scheme:dark}
:root[data-theme=light]{--bg:#f3f4ef;--surface:#e9ebe6;--surface-2:#e0e3dc;--text:#151715;--muted:#555c55;--subtle:#5f665c;--line:#cbd0c5;--accent:#aeff00;--accent-text:#151715;--header:rgba(243,244,239,.94);--grid:rgba(0,0,0,.07);--shadow:rgba(0,0,0,.12);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Polin,Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent-text);outline-offset:6px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14}h2{font-size:clamp(2.5rem,4.1vw,4rem);font-weight:800;letter-spacing:-.015em}p{color:var(--muted)}::selection{background:var(--accent);color:#101210}.container{width:min(1320px,calc(100% - 112px));margin-inline:auto}.section{padding-block:125px}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.015em;display:flex;align-items:center;gap:12px;color:var(--text);margin-bottom:27px}.section-number{font:12px Arial,sans-serif;direction:ltr;color:var(--accent-text);min-width:33px}.accent{color:var(--accent-text)}[data-theme=light] .accent{background:linear-gradient(transparent 67%,var(--accent) 67%,var(--accent) 93%,transparent 93%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.muted-heading{color:var(--subtle)}.tiny-square{display:inline-block;width:6px;height:6px;background:var(--accent);flex-shrink:0}[data-theme=light] .tiny-square{background:#151715}.skip-link{position:fixed;top:-100px;right:20px;z-index:100;background:var(--accent);color:#0b0c0b;padding:12px}.skip-link:focus{top:15px}main[tabindex="-1"]:focus{outline:none}.header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding-inline:56px;border-bottom:1px solid var(--line);background:var(--header);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{font:900 25px Arial,sans-serif;letter-spacing:-1.35px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:25px;height:25px;line-height:1;background:var(--accent);color:#0a0a0a;font-size:25px}.nav{display:flex;gap:28px;align-items:center}.nav a{font-size:14px;color:var(--muted);transition:color .2s}.nav a:hover{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:24px}.button{background:var(--accent);color:#10120c;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:56px;padding:15px 23px;font-weight:600;font-size:15px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{transform:translateY(-3px);box-shadow:0 6px 25px #aeff001c}.button span{font-size:24px;line-height:1}.button-small{min-height:43px;padding:9px 17px;gap:20px;font-size:13px}.theme-toggle{background:transparent;width:26px;height:30px;padding:0;display:grid;place-items:center}.theme-toggle svg{width:23px;height:23px}.theme-toggle .moon{display:none}[data-theme=light] .theme-toggle .sun{display:none}[data-theme=light] .theme-toggle .moon{display:block}.menu-toggle{display:none;background:transparent;padding:5px;width:28px}.menu-toggle span{display:block;height:1px;background:var(--text);margin-block:6px}.text-link{font-size:13px;display:inline-flex;align-items:center;gap:18px;font-weight:600}.text-link span{font-size:21px}.text-link:hover{color:var(--accent-text)}
.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;column-gap:10px;min-height:730px;padding-top:65px;position:relative}.hero-copy{padding-block:35px 55px;position:relative;z-index:2}.hero h1{font-size:clamp(3.6rem,5.65vw,5.7rem);font-weight:800;letter-spacing:-.015em;line-height:1.12;white-space:nowrap}.hero .eyebrow{margin-bottom:30px;font-size:13px}.hero-description{font-size:18px;line-height:1.8;margin-top:32px;max-width:550px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.hero-signature{display:flex;gap:14px;align-items:center;margin-top:44px;font-size:13px;line-height:1.6;color:var(--muted)}.hero-signature strong{font-weight:600;color:var(--text)}.signature-rule{height:35px;width:2px;background:var(--line)}.hero-art{position:relative;direction:ltr;min-width:0;height:565px;display:flex;align-items:center;justify-content:center}.art-grid{position:absolute;inset:11% 3%;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:47px 47px;mask-image:radial-gradient(ellipse,black 0%,transparent 72%)}.hero-object{width:112%;max-width:112%;position:relative;z-index:1;will-change:transform;animation:float 8s ease-in-out infinite;filter:drop-shadow(0 30px 45px var(--shadow))}.art-coordinate{position:absolute;top:9px;left:25px;font:10px Arial,sans-serif;letter-spacing:2.2px;color:var(--subtle)}.art-caption{position:absolute;bottom:-4px;inset-inline:25px;display:flex;align-items:end;justify-content:space-between;font:10px/1.7 Arial,sans-serif;letter-spacing:1px;color:var(--subtle)}.art-index{font-size:11px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0;margin-top:26px;color:var(--subtle);font-size:12px;gap:20px}.hero-bottom>span:last-child{font:10px Arial,sans-serif;letter-spacing:1px}.scroll-cue{display:flex;gap:25px;align-items:center}.scroll-cue span{font-size:23px;color:var(--text)}.brand-strip{background:var(--surface);border-block:1px solid var(--line);padding:36px 0}.brand-strip>.container{display:flex;align-items:center;gap:70px}.brand-strip>.container>span{font-size:13px;color:var(--subtle);white-space:nowrap}.client-wordmarks{display:flex;align-items:center;justify-content:space-between;gap:50px;width:100%;opacity:.65}.client-wordmarks>span{font-family:Arial,sans-serif;text-align:center;line-height:1}.client-wordmarks span span{display:block}.nostalgol-logo{font-size:23px;font-weight:800;letter-spacing:-1px}.nostalgol-logo span{font:10px Polin;margin-top:5px;letter-spacing:4px}.ahf-logo{font-size:28px;font-weight:600;letter-spacing:3px}.ahf-logo span{font-size:7px;letter-spacing:3px;margin-top:4px}.wazza-logo{font-size:38px;font-weight:600;letter-spacing:-2px}.wazza-logo .brand-dot{display:inline}.saban-logo{font-size:24px;font-weight:800;letter-spacing:-1px}.saban-logo span{font-size:9px;letter-spacing:8px;margin-top:4px;padding-left:8px}
.services{display:grid;grid-template-columns:1fr 1.35fr;gap:120px}.section-intro>p:not(.eyebrow){margin-top:30px;max-width:360px;line-height:1.9}.section-intro .text-link{margin-top:30px}.service{border-bottom:1px solid var(--line)}.service:first-child{border-top:1px solid var(--line)}.service summary{display:flex;align-items:center;gap:24px;padding:30px 0;cursor:pointer;list-style:none}.service summary::-webkit-details-marker{display:none}.service-num{font:12px Arial,sans-serif;color:var(--subtle)}.service h3{font-size:25px;font-weight:600;letter-spacing:-.02em;line-height:1.5;flex:1}.expand-icon{font-size:25px;font-weight:400;color:var(--subtle);transition:transform .3s}.service[open] .expand-icon{transform:rotate(45deg);color:var(--accent-text)}.service[open] h3{color:var(--accent-text)}.service-body{padding:0 40px 30px 20px}.service-body p{font-size:15px;line-height:1.9}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.tags span{border:1px solid var(--line);padding:4px 10px;font-size:12px;color:var(--muted)}.work-section{background:var(--surface);border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:52px}.section-heading>p{font-size:16px;max-width:410px;line-height:1.8}.section-heading>.text-link{margin-bottom:8px}.case-feature{display:grid;grid-template-columns:.92fr 1.35fr;min-height:570px;overflow:hidden;margin-bottom:28px;position:relative}.case-copy{padding:46px 42px;display:flex;flex-direction:column;align-items:stretch}.case-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.case-brand{font:900 24px Arial,sans-serif;letter-spacing:-.6px}.case-index{font:11px Arial,sans-serif;opacity:.6}.case-category{font-size:12px;margin-bottom:24px}.case-copy h3{font-size:clamp(2.5rem,3.45vw,3.4rem);line-height:1.1;letter-spacing:-.015em;font-weight:800;margin-bottom:22px}.case-copy>p:not(.case-category){font-size:15px;line-height:1.8;max-width:380px}.case-outcome{margin-top:24px;padding-top:17px;border-top:1px solid #ffffff21;display:flex;flex-direction:column;gap:4px}.case-outcome>span{font-size:11px;opacity:.6}.case-outcome strong{font-size:13px;font-weight:600}.case-link{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;background:transparent;width:100%;border-top:1px solid #ffffff30;padding:17px 0 0;margin-top:auto;text-align:right;gap:20px}.case-copy .case-link{margin-top:28px}.case-link>span{font-size:27px;line-height:1}.case-link:hover>span{transform:translate(-3px,3px)}.case-visual{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;min-width:0}.nostalgol{background:#153d30;color:#eff9f3}.nostalgol p{color:#c0d2c6}.nostalgol .case-category{color:#83bfa2}.nostalgol-visual{background:#194a38;background-image:linear-gradient(140deg,#206049,#153d30);perspective:1200px;flex-direction:column;padding:50px 0 30px}.project-screen{width:122%;margin-left:-25%;transform:rotateY(11deg) rotateX(3deg) rotateZ(-3deg);border:5px solid #183127;box-shadow:0 25px 70px #00170970;overflow:hidden;background:#fff;flex-shrink:0}.screen-bar{display:flex;justify-content:space-between;align-items:center;padding:11px 20px;color:#777;font:10px Arial,sans-serif;direction:ltr;background:#edf1ee}.screen-bar>span:last-child{font-size:7px;letter-spacing:4px}.project-screen img{width:100%;height:auto}.project-caption{position:absolute;bottom:25px;inset-inline:28px;display:flex;justify-content:space-between;color:#92ba9f;gap:16px;font-size:11px}.project-caption span:last-child{font:9px Arial,sans-serif;letter-spacing:1px}.ahf{background:#161c2a;color:#f3f4f8}.ahf p{color:#b2b8c7}.ahf .case-category{color:#919bb5}.ahf-case-logo{font-weight:600;letter-spacing:4px;font-size:30px;line-height:1}.ahf-case-logo span{font-size:7px;display:block;letter-spacing:3px;margin-top:5px}.ahf-visual{background:radial-gradient(ellipse at 50% 50%,#28354c 0%,#161c2a 75%);perspective:1000px;padding:40px}.ahf-system{width:110%;min-width:470px;background:#f2f3f7;color:#202938;box-shadow:0 30px 70px #0005;transform:rotateY(9deg) rotateZ(3deg);overflow:hidden}.system-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #dfe2e9;font-size:10px;color:#748090}.ahf-system-brand{font:800 28px Arial;color:#3f536c}.system-main{display:flex;min-height:270px;gap:10px}.system-sidebar{width:110px;flex-shrink:0;border-left:1px solid #dfe2e9;padding:22px 12px;display:flex;flex-direction:column;gap:12px;font-size:10px;background:#e9edf2;color:#6c798d}.system-sidebar span{padding:5px}.system-sidebar .selected{background:#d7deea;color:#233655;}.system-content{padding:26px 16px;flex:1}.workflow-heading{font-size:17px;font-weight:600;margin-bottom:25px}.workflow-line{padding:13px 0;border-bottom:1px solid #dce1e9;display:flex;align-items:center;gap:10px;font-size:11px}.workflow-line i{font:9px Arial;color:#8391a7}.workflow-line b{margin-right:auto;background:#e0e9eb;color:#467276;font-weight:400;font-size:9px;padding:2px 8px}.system-bottom{margin-top:23px;color:#929eaf;font-size:10px}.schematic-note{position:absolute;bottom:24px;color:#a7b3c8;font-size:11px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.case-small{border:1px solid var(--line);overflow:hidden;background:var(--bg)}.small-case-art{height:290px;background:#d3e9db;color:#153b2b;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;position:relative}.wazza-word{font:800 88px Arial,sans-serif;letter-spacing:-6px}.wazza-word span{color:#568770}.conversation-flow{display:flex;align-items:center;gap:12px;font-size:10px;margin-top:10px}.conversation-flow span:nth-child(odd){padding:5px 12px;border:1px solid #a0b7a8;}.small-art-caption{font-size:11px;position:absolute;bottom:22px;opacity:.6}.saban-art{background:#ddd6c8;color:#313b3e}.saban-word{font:900 55px Arial;letter-spacing:-3px;text-align:center;line-height:.9}.saban-word>span{font:400 11px Arial;letter-spacing:14px;display:block;padding-left:14px;margin-top:14px}.booking-flow{display:flex;border-block:1px solid #bdb7a9;margin-top:26px;padding:13px 0;gap:24px;font-size:11px}.booking-flow small{font:9px Arial;opacity:.5;margin-left:8px}.small-case-body{padding:30px 33px 24px}.small-case-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--subtle);gap:15px}.small-case-meta span:last-child{font:10px Arial}.small-case-body h3{font-size:26px;font-weight:600;letter-spacing:-.015em;line-height:1.4;margin-top:16px;max-width:400px}.small-case-body>p{font-size:14px;margin-top:15px;min-height:48px}.small-case-body .case-link{border-color:var(--line);margin-top:25px}
.about{display:grid;grid-template-columns:.95fr 1fr;align-items:center;gap:115px;direction:ltr}.about>*{direction:rtl}.about-photo{height:690px;position:relative;background:var(--surface);overflow:hidden;isolation:isolate}.portrait-backdrop{position:absolute;width:75%;aspect-ratio:1;background:var(--accent);bottom:12%;left:-14%;z-index:-1}.about-photo img{height:94%;width:auto;max-width:none;position:absolute;bottom:-5%;left:50%;transform:translateX(-50%);filter:grayscale(1)}.portrait-coordinate{position:absolute;top:33px;left:28px;font:10px/1.8 Arial;letter-spacing:2px;color:var(--muted)}.portrait-label{position:absolute;inset-inline:23px;bottom:22px;padding:18px 23px;background:var(--accent);color:#10150c;display:grid;grid-template-columns:1fr auto;align-items:center}.portrait-label strong{font-size:24px;font-weight:800}.portrait-label span:nth-child(2){font-size:12px;grid-column:1}.portrait-label span:last-child{font:35px Arial;grid-row:1/3;grid-column:2}.about-copy>h2{font-size:68px}.about-copy>p:not(.eyebrow){margin-top:20px;font-size:15px;line-height:1.9}.about-copy>.about-lead{font-size:24px!important;color:var(--text);line-height:1.5!important;font-weight:600;margin-top:30px!important}.experience{display:grid;grid-template-columns:1fr 1fr 1.1fr;margin-top:33px;padding-top:27px;border-top:1px solid var(--line);gap:15px}.experience>div{display:flex;flex-direction:column}.experience strong{font-size:28px;font-weight:600;letter-spacing:-.015em;line-height:1.4}.experience>div:last-child strong{font-size:21px;padding-top:7px}.experience span{font-size:11px;color:var(--subtle);margin-top:4px}.social-section{background:var(--surface);border-block:1px solid var(--line)}.social-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:20px}.social-card{padding:23px 26px;position:relative;overflow:hidden;transition:transform .3s}.social-card:hover:is(a){transform:translateY(-4px)}.social-card-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;gap:15px}.social-card-head>span:first-child{font:500 13px Arial}.social-card-head>span:nth-child(2):not(.coming-soon){font:24px Arial}.instagram{min-height:410px;background:#202320;color:#eff0e8}.social-kicker{font-size:10px;color:#a5afa1;display:block;margin-top:18px}.instagram-visual{position:absolute;top:50px;width:75%;left:-5%;transform:rotate(15deg);opacity:.9}.instagram-visual img{width:100%}.social-card-copy{position:relative;z-index:2}.instagram>.social-card-copy,.linkedin>.social-card-copy{position:absolute;bottom:27px;inset-inline:26px}.social-card-copy h3{font-size:27px;line-height:1.35;font-weight:600;letter-spacing:-.015em}.social-card-copy>span{font-size:11px;display:block;margin-top:16px}.instagram>.social-card-copy{background:linear-gradient(transparent,#202320 30%);padding-top:60px}.linkedin{background:#aeff00;color:#171b0b}.linkedin-monogram{font:800 140px Arial;letter-spacing:-9px;position:absolute;top:61px;left:30px;opacity:.13}.social-stack{display:grid;grid-template-rows:1fr 1fr;gap:20px}.facebook{background:#e2e5dd;color:#172018;display:flex;flex-direction:column;justify-content:space-between;min-height:210px}.facebook h3{font-size:23px}.facebook .social-card-copy>span{margin-top:10px}.youtube{background:var(--bg);border:1px solid var(--line);min-height:190px}.coming-soon{border:1px solid currentColor;padding:1px 8px;font-size:10px;line-height:1.6;color:var(--muted);white-space:nowrap}.youtube h3{font-size:21px}.youtube .social-card-copy{margin-top:15px}.youtube p{font-size:12px;margin-top:4px}.youtube .play-symbol{position:absolute;left:0;bottom:5px;font-size:38px;color:var(--subtle)}.press-line{margin-top:25px;border-block:1px solid var(--line);padding:22px 0;display:flex;align-items:center;gap:35px}.press-label{font-size:15px;white-space:nowrap}.press-line p{font-size:13px;flex:1}.press-line>.coming-soon{color:var(--subtle)}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.article-card{display:block;min-width:0}.article-art{height:245px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}.article-art.wa-art{background:#bdd6bc;color:#173f24}.article-art.ai-art{background:#252827;color:#aeff00}.article-art.web-art{background:#e5e8df;color:#1c231c}.article-art-label{position:absolute;top:18px;right:20px;font:9px Arial;letter-spacing:1px;opacity:.78}.wa-typography{font:800 62px/.9 Arial;letter-spacing:-4px;text-align:center}.wa-typography span{display:block;font-size:22px;letter-spacing:7px;margin-top:16px}.ai-typography{font:500 98px Arial;letter-spacing:-9px;display:flex;align-items:center;gap:8px}.ai-typography>span{font:400 16px Arial;letter-spacing:0;background:#aeff00;color:#1a2111;padding:8px 10px;transform:translateY(-23px)}.web-typography{font-size:49px;font-weight:800;letter-spacing:-.015em;line-height:1.1}.web-typography span{display:block}.web-typography b{background:#aeff00;padding-inline:7px;font-weight:800}.article-meta{display:flex;gap:14px;font-size:11px;color:var(--subtle);margin-top:22px}.article-card :is(h2,h3){font-size:23px;line-height:1.4;font-weight:600;letter-spacing:-.025em;margin-top:12px}.article-card:hover :is(h2,h3){color:var(--accent-text)}.article-bottom{margin-top:21px;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.article-bottom>span:last-child{font-size:23px;line-height:1}.footer{background:var(--accent);color:#10140b;padding-top:84px;overflow:hidden}.footer p{color:#4a552f}.footer .eyebrow{color:#10140b;margin-bottom:25px}.footer .tiny-square{background:#10140b}.footer-cta{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-bottom:65px}.footer h2{font-size:clamp(3.1rem,5.5vw,5.25rem);line-height:1.1;font-weight:800;letter-spacing:-.015em}.footer h2>span{position:relative}.footer h2>span:after{content:'';position:absolute;bottom:0;right:0;left:0;border-bottom:2px solid #53651d}.footer-cta p:not(.eyebrow){font-size:16px;margin-top:25px}.contact-orbit{width:205px;height:205px;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #647d24;transition:background .2s,color .2s}.contact-orbit>span:first-child{font-size:23px;font-weight:600}.contact-arrow{font-size:54px;line-height:1.3;font-family:Arial}.contact-orbit small{font-size:10px;margin-top:8px}.contact-orbit:hover{background:#10140b;color:var(--accent)}.footer-links{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #a4c525;padding-block:28px;font-size:13px;gap:25px}.footer-links>div{display:flex;gap:25px}.footer-links>a:first-child{font:13px Arial}.footer-wordmark{font:900 clamp(3.6rem,14.5vw,14rem)/1 Arial;letter-spacing:-.085em;padding-block:45px 30px;white-space:nowrap;display:flex;align-items:start;justify-content:space-between;gap:15px}.footer-wordmark>span{font-weight:400;font-size:.6em;line-height:1.1;letter-spacing:-.015em}.footer-bottom{border-top:1px solid #a4c525;padding:22px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:20px}.footer-bottom>span:nth-child(2){font:9px Arial;letter-spacing:.8px}dialog{width:min(800px,calc(100% - 32px));max-height:90svh;overflow:auto;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:55px;}dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:15px;left:20px;width:34px;height:34px;background:var(--surface-2);font:25px Arial;line-height:1}dialog .eyebrow{margin-bottom:22px}dialog h2{font-size:42px;margin-bottom:20px}dialog .dialog-lead{font-size:18px;color:var(--text);margin-bottom:30px}.story-step{padding-block:22px;border-top:1px solid var(--line)}.story-step h3{font-size:21px;margin-bottom:12px}.story-step p{font-size:15px;line-height:1.9}.story-step h3>span{font:11px Arial;color:var(--subtle);margin-left:10px}dialog .button{margin-top:25px}dialog .source-link{display:block;margin-top:18px;font-size:13px;color:var(--muted)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(1deg)}}
@media(min-width:1600px){.hero h1{font-size:88px}}
@media(max-width:1200px){.header{padding-inline:30px;gap:20px}.nav{gap:19px}.nav-actions{gap:18px}.brand{font-size:22px}.container{width:calc(100% - 72px)}.hero{min-height:650px}.hero h1{font-size:5.7vw}.hero-art{height:470px}.hero-description{font-size:16px}.hero-actions{gap:18px}.hero-actions>.text-link{font-size:12px;gap:12px}.hero-actions>.button{padding:14px 17px;font-size:13px;gap:15px}.services{gap:70px;grid-template-columns:.9fr 1.3fr}.section{padding-block:95px}.service h3{font-size:22px}.case-copy{padding:35px 30px}.case-feature{grid-template-columns:.95fr 1.05fr}.case-copy h3{font-size:41px}.ahf-visual{padding:15px}.ahf-system{min-width:420px}.about{gap:65px}.about-photo{height:650px}.experience strong{font-size:25px}.social-grid{gap:15px}.social-stack{gap:15px}.social-card{padding:20px}.social-card-copy h3{font-size:24px}.social-card-copy{inset-inline:20px!important}.article-art{height:220px}.footer-links{font-size:12px}.footer-links>div{gap:15px}}
@media(max-width:960px){.header{height:80px;padding-inline:25px}.nav{position:absolute;top:80px;inset-inline:0;padding:25px;background:var(--bg);flex-direction:column;align-items:start;border-bottom:1px solid var(--line);display:none;gap:20px}.nav a{font-size:17px}.nav.is-open{display:flex}.menu-toggle{display:block}.container{width:calc(100% - 50px)}.hero{padding-top:35px;min-height:610px;grid-template-columns:1.15fr .85fr;column-gap:0}.hero h1{font-size:6.1vw}.hero-art{height:390px}.hero-copy{padding-top:20px}.hero .eyebrow{font-size:12px}.hero-actions{flex-wrap:wrap;gap:18px}.hero-signature{margin-top:30px}.hero-bottom>span:last-child{display:none}.hero-description br{display:none}.art-coordinate{font-size:8px;left:0}.art-caption{inset-inline:0;font-size:8px}.hero-object{width:126%;max-width:126%}.services{gap:40px;grid-template-columns:.85fr 1.15fr}.service summary{gap:14px}.service h3{font-size:20px}.service-body{padding-right:28px}.section-intro h2{font-size:38px}.section-heading{gap:30px}.section-heading>p{max-width:270px;font-size:14px}.case-feature{min-height:520px}.case-copy{padding:28px 24px}.case-copy h3{font-size:34px}.case-category{font-size:10px}.case-copy>p:not(.case-category){font-size:13px}.case-outcome strong{font-size:12px}.case-brand{font-size:20px}.ahf-case-logo{font-size:26px}.case-visual{min-height:420px}.ahf-system{min-width:360px}.system-sidebar{width:85px;font-size:9px;padding-inline:8px}.system-content{padding:20px 13px}.workflow-line{font-size:10px}.workflow-heading{font-size:13px}.workflow-line b{display:none}.case-grid{gap:20px}.small-case-body{padding:25px}.small-case-body h3{font-size:24px}.small-case-art{height:245px}.booking-flow{gap:12px;font-size:9px}.about{gap:45px}.about-photo{height:600px}.about-copy>h2{font-size:56px}.about-copy>p:not(.eyebrow){font-size:14px}.about-copy>.about-lead{font-size:21px!important}.about .eyebrow{font-size:12px}.experience{grid-template-columns:1fr 1fr}.experience>div:last-child{grid-column:1/-1}.social-grid{grid-template-columns:1fr 1fr}.social-stack{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.instagram,.linkedin{min-height:380px}.facebook,.youtube{min-height:195px}.article-grid{gap:20px}.article-card :is(h2,h3){font-size:20px}.article-art{height:190px}.wa-typography{font-size:48px}.wa-typography span{font-size:17px;letter-spacing:4px}.ai-typography{font-size:78px}.web-typography{font-size:37px}.footer-links{flex-wrap:wrap}.footer-links>div{order:3;width:100%;justify-content:center;margin-top:10px;gap:35px}.contact-orbit{width:175px;height:175px}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.header{height:74px;padding-inline:20px;gap:15px}.brand{font-size:21px}.brand-mark{width:21px;height:21px;font-size:21px}.nav-actions{gap:18px}.nav-actions>.button-small{display:none}.nav{top:74px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:45px;min-height:auto;overflow:clip}.hero-copy{padding:0;z-index:3}.hero .eyebrow{font-size:11px;gap:8px;margin-bottom:22px}.hero h1{font-size:clamp(2.55rem,9.3vw,3.5rem);white-space:normal;letter-spacing:-.015em;line-height:1.15}.hero-description{font-size:15px;margin-top:24px;line-height:1.85;max-width:100%}.hero-actions{margin-top:26px;gap:24px}.hero-actions>.button{font-size:13px;min-height:49px;padding-inline:17px;gap:20px}.hero-actions>.text-link{font-size:12px}.hero-signature{margin-top:26px;font-size:11px}.hero-art{height:auto;aspect-ratio:1.06;width:100%;margin-top:10px;margin-bottom:5px}.hero-object{width:93%;max-width:93%}.art-coordinate{font-size:8px;top:16px;left:0}.art-caption{bottom:0;font-size:8px}.art-index{font-size:9px}.hero-bottom{padding:21px 0;font-size:10px;margin-top:26px;gap:12px}.scroll-cue{gap:13px}.scroll-cue span{font-size:18px}.brand-strip{padding:28px 0}.brand-strip>.container{flex-direction:column;gap:22px}.brand-strip>.container>span{font-size:11px}.client-wordmarks{gap:20px}.nostalgol-logo{font-size:15px}.nostalgol-logo span{font-size:7px;letter-spacing:2px}.ahf-logo{font-size:21px;letter-spacing:2px}.ahf-logo span{font-size:5px;letter-spacing:2px}.wazza-logo{font-size:29px}.saban-logo{font-size:18px}.saban-logo span{font-size:6px;letter-spacing:5px;padding-left:5px}.section{padding-block:72px}.eyebrow{font-size:12px;margin-bottom:22px;gap:8px}.section-number{font-size:10px;min-width:27px}h2{font-size:38px;line-height:1.15}.services{display:block}.section-intro h2{font-size:38px}.section-intro>p:not(.eyebrow){font-size:15px;margin-top:24px;max-width:100%}.section-intro .text-link{margin-top:21px}.service-list{margin-top:37px}.service summary{padding-block:24px;gap:17px}.service h3{font-size:22px}.service-body{padding:0 31px 26px 0}.service-body p{font-size:14px}.tags span{font-size:11px}.section-heading{flex-direction:column;align-items:start;margin-bottom:32px;gap:22px}.section-heading>p{font-size:14px;max-width:100%}.section-heading>.text-link{font-size:12px}.case-feature{display:flex;flex-direction:column;margin-bottom:20px;min-height:0}.case-copy{padding:28px}.case-top{margin-bottom:18px}.case-brand{font-size:23px}.case-index{font-size:10px}.case-category{font-size:11px;margin-bottom:18px}.case-copy h3{font-size:38px;line-height:1.12;margin-bottom:20px}.case-copy>p:not(.case-category){font-size:14px;max-width:100%}.case-outcome{margin-top:20px;padding-top:14px}.case-outcome strong{font-size:12px}.case-copy .case-link{font-size:13px;margin-top:22px}.case-visual{height:285px;min-height:285px}.nostalgol-visual{padding:20px 0 40px}.project-screen{width:104%;margin-left:-9%;border-width:3px;}.screen-bar{font-size:7px;padding:8px 12px}.screen-bar>span:last-child{font-size:4px;letter-spacing:2px}.project-caption{inset-inline:20px;bottom:17px;font-size:9px}.project-caption span:last-child{font-size:7px}.ahf-system{min-width:0;width:100%;max-width:450px;transform:rotateY(4deg) rotateZ(2deg)}.ahf-visual{padding:20px 20px 45px;height:340px;min-height:340px}.system-main{min-height:215px}.system-header{height:42px;padding:10px 15px;font-size:8px}.ahf-system-brand{font-size:22px}.system-sidebar{font-size:8px;width:72px;padding:14px 7px;gap:8px}.system-content{padding:18px 10px}.workflow-heading{font-size:13px;margin-bottom:17px}.workflow-line{font-size:9px;padding:10px 0;gap:7px}.workflow-line i{font-size:8px}.system-bottom{font-size:8px;margin-top:17px}.schematic-note{font-size:9px;bottom:15px}.case-grid{grid-template-columns:1fr;gap:20px}.small-case-art{height:235px}.small-case-body{padding:26px}.small-case-meta{font-size:10px}.small-case-body h3{font-size:25px}.small-case-body>p{font-size:14px;min-height:0}.small-case-body .case-link{font-size:13px}.conversation-flow{font-size:9px;gap:8px}.conversation-flow span:nth-child(odd){padding:5px 8px}.booking-flow{font-size:10px;gap:18px}.about{display:flex;flex-direction:column;gap:36px;align-items:stretch}.about-copy{order:-1}.about-copy>h2{font-size:48px}.about-copy>.about-lead{font-size:23px!important;margin-top:25px!important}.about-copy>p:not(.eyebrow){font-size:15px}.experience{grid-template-columns:1fr 1fr 1.1fr;gap:10px;margin-top:28px;padding-top:22px}.experience>div:last-child{grid-column:auto}.experience strong{font-size:25px}.experience>div:last-child strong{font-size:17px;padding-top:6px}.experience span{font-size:10px}.about-photo{height:515px}.portrait-backdrop{width:70%;bottom:12%;left:-10%}.portrait-label{inset-inline:18px;bottom:18px;padding:15px 20px}.portrait-label strong{font-size:23px}.portrait-label span:nth-child(2){font-size:11px}.social-grid{grid-template-columns:1fr 1fr;gap:13px}.social-card{padding:16px}.social-card-head{font-size:11px;gap:8px}.social-card-head>span:first-child{font-size:11px}.social-card-head>span:nth-child(2):not(.coming-soon){font-size:20px}.instagram,.linkedin{min-height:305px}.social-kicker{font-size:8px;margin-top:11px}.instagram-visual{top:53px;width:105%;left:-20%}.instagram>.social-card-copy,.linkedin>.social-card-copy{inset-inline:16px!important;bottom:19px}.social-card-copy h3{font-size:21px}.social-card-copy>span{font-size:9px;line-height:1.7;margin-top:12px}.linkedin-monogram{font-size:95px;left:17px;top:60px;letter-spacing:-5px}.social-stack{gap:13px}.facebook,.youtube{min-height:195px}.facebook h3{font-size:20px}.facebook .social-card-copy>span{font-size:9px}.youtube h3{font-size:18px}.youtube p{font-size:11px}.youtube .play-symbol{position:static;font-size:30px;line-height:1;margin:6px 0 12px}.coming-soon{font-size:9px;padding-inline:6px}.press-line{gap:12px;flex-wrap:wrap;margin-top:20px;padding-block:18px}.press-label{font-size:13px}.press-line p{font-size:12px;order:3;flex:0 0 100%}.press-line>.coming-soon{margin-right:auto}.article-grid{grid-template-columns:1fr;gap:32px}.article-art{height:245px}.article-card :is(h2,h3){font-size:24px;line-height:1.4}.article-meta{font-size:11px;margin-top:17px}.article-bottom{margin-top:16px}.wa-typography{font-size:66px}.wa-typography span{font-size:23px;letter-spacing:7px}.ai-typography{font-size:105px}.web-typography{font-size:55px}.footer{padding-top:60px}.footer-cta{display:block;padding-bottom:38px}.footer h2{font-size:43px}.footer .eyebrow{font-size:11px}.footer-cta p:not(.eyebrow){font-size:14px;margin-top:22px}.contact-orbit{width:100%;height:auto;flex-direction:row;margin-top:28px;justify-content:space-between;padding:14px 18px;background:#10140b;color:var(--accent)}.contact-orbit>span:first-child{font-size:19px}.contact-arrow{font-size:28px;order:3}.contact-orbit small{font-size:10px;margin:0 5px 0 auto}.footer-links{gap:17px;padding-block:24px;align-items:start}.footer-links>a:first-child{font-size:13px}.footer-links>a:last-child{font-size:11px}.footer-links>div{justify-content:space-between;gap:15px;font-size:12px;margin-top:8px}.footer-wordmark{font-size:13.8vw;padding-block:17px 27px;gap:5px;letter-spacing:-.08em}.footer-wordmark>span{font-size:.6em}.footer-bottom{font-size:9px;gap:10px;padding-block:19px}.footer-bottom>span:nth-child(2){display:none}dialog{padding:48px 24px 28px;width:calc(100% - 24px)}dialog h2{font-size:31px}dialog .dialog-lead{font-size:16px}.story-step h3{font-size:20px}.story-step p{font-size:14px}dialog .button{font-size:13px;gap:15px;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-object{will-change:auto}}
@media print{.header,.hero-art,.theme-toggle,.menu-toggle,.contact-orbit,.footer-wordmark{display:none}body{background:white;color:black}.section{padding-block:30px}.container{width:100%}.case-feature{break-inside:avoid}.hero{min-height:0;display:block}.hero-bottom{display:none}}
/* Reading text retains a comfortable base size in both themes. */
.service-body p,.case-copy>p:not(.case-category),.small-case-body>p,.about-copy>p:not(.eyebrow){font-size:16px}
@media(max-width:960px) and (min-width:641px){.case-feature{grid-template-columns:1fr 1fr}.case-copy{padding-inline:24px}.case-copy h3{font-size:33px}}
@media(max-width:380px){.hero h1{font-size:9.1vw}.hero-actions{gap:18px}.hero-actions>.button{width:100%}.hero-bottom{flex-wrap:wrap}.social-card-copy h3{font-size:18px}.footer h2{font-size:38px}.experience span{font-size:9px}.service h3{font-size:20px}}
/* Film-led hero: monochrome imagery with a restrained acid-yellow frame. */
.hero-film{margin:0 27px 0 0;direction:rtl;position:relative;min-width:0;width:calc(100% - 27px)}
.film-heading{display:flex;align-items:center;justify-content:space-between;direction:ltr;color:var(--muted);font:10px/1.5 Arial,sans-serif;letter-spacing:1.4px;padding:0 0 13px;gap:15px}
.film-edition{font-size:9px;color:var(--subtle);letter-spacing:1px}
.film-frame{aspect-ratio:4/5;position:relative;overflow:hidden;background:#202320;isolation:isolate;border:1px solid var(--line);max-height:535px}
.film-frame video{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;filter:grayscale(1);display:block}
.film-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#00000020 0%,transparent 45%,#0000000a 55%,#000000b8 100%)}
.film-corner{position:absolute;top:21px;left:21px;color:var(--accent);font:31px/1 Arial,sans-serif}
.film-caption{position:absolute;bottom:28px;right:28px;color:#f6f7f1;max-width:75%;text-shadow:0 1px 20px #0004}
.film-caption>span{font-size:12px;color:var(--accent);display:block;margin-bottom:13px;font-weight:600}
.film-caption>strong{font-size:34px;font-weight:600;line-height:1.18;letter-spacing:-.015em;display:block}
.film-control{position:absolute;bottom:28px;left:24px;border:1px solid #ffffff59;height:43px;width:43px;display:grid;place-items:center;background:#ffffff15;color:#fff;padding:10px;backdrop-filter:blur(10px);transition:background .2s}
.film-control[hidden]{display:none}.film-control svg{width:21px;height:21px}.film-control:hover{background:#ffffff30}.film-control:focus-visible{outline-color:var(--accent)}
.film-control .film-pause{display:none}.film-control.is-playing .film-play{display:none}.film-control.is-playing .film-pause{display:block}
.film-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted);padding:13px 0 0;border-top:2px solid var(--accent);margin-top:10px}
.film-disclosure{font-size:10px;color:var(--subtle);white-space:nowrap}
@media(max-width:1200px){.hero-film{margin-right:15px;width:calc(100% - 15px)}.film-caption{right:24px;bottom:24px}.film-caption>strong{font-size:30px}.film-control{left:18px;bottom:24px}}
@media(max-width:960px){.hero-film{margin-right:12px;width:calc(100% - 12px)}.film-heading{font-size:8px;letter-spacing:.9px}.film-edition{font-size:7px;letter-spacing:.5px}.film-caption{right:18px;bottom:20px}.film-caption>span{font-size:10px;margin-bottom:10px}.film-caption>strong{font-size:27px}.film-control{width:36px;height:36px;left:15px;bottom:20px;padding:8px}.film-footer{font-size:9px;gap:10px}.film-disclosure{font-size:9px}}
@media(max-width:640px){.hero-film{margin:33px 0 0;width:100%}.film-heading{font-size:9px;padding-bottom:11px;letter-spacing:1px}.film-edition{font-size:8px}.film-frame{aspect-ratio:4/4.6;max-height:520px}.film-caption{right:24px;bottom:24px}.film-caption>span{font-size:11px;margin-bottom:12px}.film-caption>strong{font-size:34px}.film-control{width:43px;height:43px;left:21px;bottom:25px;padding:10px}.film-corner{left:20px;top:20px}.film-footer{font-size:10px;padding-top:12px}.film-disclosure{font-size:9px}}
@media print{.hero-film{display:none}}
/* BACKSTAGE By Matan Saban - interaction and content revision. */
[hidden]{display:none!important}
.brand{gap:10px;align-items:flex-start}.brand-lockup{display:flex;flex-direction:column;gap:4px;line-height:1}.brand-lockup>small{font:500 9px/1.2 Arial,sans-serif;letter-spacing:1.1px;color:var(--muted)}.brand-mark{margin-top:0}.brand-lockup>span{letter-spacing:-1.2px}.header{height:98px}
.hero{display:block;min-height:0;padding-top:110px;padding-bottom:110px}.hero-copy{padding:0;max-width:1120px}.hero h1{font-size:clamp(4rem,7.2vw,7rem);white-space:normal;line-height:1.12}.hero-description{max-width:690px;font-size:19px;margin-top:37px}.hero-actions{margin-top:33px}.hero-signature,.hero-bottom{display:none}
.marker{padding:0 .075em;box-decoration-break:clone;-webkit-box-decoration-break:clone;letter-spacing:inherit}
.marker-inverse{background-image:linear-gradient(#15190b,#15190b)}
.service[open] h3{color:var(--text)}.service h3{font-weight:600}.service h3>.marker{padding:2px 5px}.service-body{animation:service-reveal .38s ease both}.service-cta{margin-top:30px;white-space:normal;text-align:right;line-height:1.5;font-size:13px}.service-cta>span{flex-shrink:0}
.work-section>.container{width:min(1440px,calc(100% - 80px))}.project-slider{outline:none;touch-action:pan-y;cursor:grab}.project-slider.is-dragging{cursor:grabbing;user-select:none}.project-slider img{user-select:none;-webkit-user-drag:none}.project-slider:focus-visible{outline:2px solid var(--accent);outline-offset:10px}.project-slide{margin:0;min-height:660px;grid-template-columns:.95fr 1.2fr;}.project-slide .case-copy{padding:50px 45px}.project-slide .case-copy h3{font-size:clamp(2.5rem,3.5vw,3.6rem);line-height:1.14}.project-slide .case-copy>p:not(.case-category){font-size:17px;line-height:1.85;max-width:440px}.project-slide .case-copy .case-outcome{margin-top:30px}.project-slide .case-outcome strong{font-size:15px;line-height:1.7}.project-slide .case-copy,.project-slide .case-visual{opacity:0;transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .6s ease;will-change:transform,opacity}.project-slide .case-copy{transform:translateX(85px)}.project-slide .case-visual{transform:translateX(-85px)}.project-slide.is-active .case-copy,.project-slide.is-active .case-visual{opacity:1;transform:translateX(0)}.project-slide .case-link{margin-top:auto;padding-top:22px;font-size:15px}.project-slide .case-visual{height:auto;min-height:570px}.project-slide .small-case-art{padding:45px 28px}.project-slide.wazza{background:#143c2c;color:#f0f7ef}.project-slide.wazza p{color:#c4d8c8}.project-slide.saban{background:#353a3b;color:#f2f0e9}.project-slide.saban p{color:#c9cfcc}.project-slide .wazza-word{font-size:clamp(5rem,9vw,9rem)}.project-slide .saban-word{font-size:clamp(4rem,7vw,7rem)}.project-slide .saban-word>span{font-size:16px;letter-spacing:19px;padding-left:19px}.project-slide .conversation-flow{font-size:12px;gap:15px;margin-top:25px}.project-slide .booking-flow{font-size:13px;gap:24px;margin-top:45px}.project-slide .small-art-caption{font-size:13px;bottom:40px}.project-slide .ahf-system{width:108%;min-width:480px}.project-slide .project-screen{width:122%}
.slider-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding-bottom:4px}.slider-tabs{display:flex;gap:27px;flex-wrap:wrap}.slider-tabs button{background:transparent;color:var(--subtle);padding:10px 0 9px;font-size:14px;border-bottom:2px solid transparent}.slider-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--text)}.slider-tabs button:hover{color:var(--text)}.slider-navigation{display:flex;align-items:center;gap:10px;flex-shrink:0}.slider-counter{font:12px Arial;color:var(--subtle);margin-left:18px}.slider-arrow{width:44px;height:44px;border:1px solid var(--line);background:transparent;font-size:22px}.slider-arrow:hover{background:var(--accent);color:#14170d;border-color:var(--accent)}
.about-copy>h2{font-size:clamp(3rem,4.3vw,4.2rem)}.portrait-label{border:0;bottom:0;inset-inline:0;width:100%;text-align:right;padding:22px 25px;cursor:pointer}.portrait-label strong{font-size:24px}.portrait-label:hover{background:#c7ef00}.portrait-label:focus-visible{outline:2px solid var(--text);outline-offset:-7px}.portrait-coordinate>small{display:block;font:8px/1.6 Arial;letter-spacing:1.1px;margin-top:6px;color:var(--muted)}
.social-wall{display:grid;grid-template-columns:1.35fr 1fr;gap:24px 36px;align-items:start}.post-card{min-width:0;position:relative}.post-featured{grid-row:span 2;position:sticky;top:125px}.post-open{background:transparent;border:0;padding:0;width:100%;text-align:right;display:block}.post-image{position:relative;overflow:hidden;background:#22262b;aspect-ratio:16/9}.post-image>img{height:100%;width:100%;object-fit:cover;transition:transform .65s cubic-bezier(.16,1,.3,1)}.post-open:hover .post-image>img{transform:scale(1.035)}.post-platform{position:absolute;top:14px;left:14px;background:#0b0d0bd9;color:#f5f6f0;padding:5px 9px;font:9px/1.4 Arial;letter-spacing:1px}.post-open-icon{position:absolute;bottom:14px;left:14px;width:35px;height:35px;display:grid;place-items:center;background:var(--accent);color:#10140b;font:22px Arial}.post-caption{padding-top:20px}.post-caption>span{font-size:12px;color:var(--subtle)}.post-caption h3{font-size:30px;line-height:1.25;margin-top:10px;font-weight:600;letter-spacing:-.015em}.post-featured .post-caption h3{font-size:44px}.post-caption p{font-size:15px;margin-top:15px}.post-original{display:inline-block;margin-top:16px;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:5px;color:var(--muted)}.post-original:hover{color:var(--text)}.post-secondary .post-caption{padding-top:13px}.post-secondary .post-caption h3{font-size:23px;margin-top:7px}.post-secondary .post-original{margin-top:11px}.social-channel-links{margin-top:45px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;font:13px Arial}.social-channel-links>span{font:14px Polin,Arial;color:var(--muted);margin-left:auto}.social-channel-links>a:hover{color:var(--accent-text)}.post-dialog{max-width:620px;padding:30px 24px 24px}.post-dialog-heading{padding:10px 0 25px}.post-dialog h2{font-size:28px;margin:0 0 8px}.post-dialog-heading>a{font-size:13px;color:var(--muted)}#post-embed{min-height:450px;background:#fff;overflow:hidden}#post-embed iframe{display:block;border:0;width:100%;height:min(620px,65svh);background:#fff}.embed-note{font-size:12px;line-height:1.6;margin-top:16px}
.button-red-ghost{background:#e22635;color:#fff;font-size:13px}.button-red-ghost:hover{background:#c71f2d;box-shadow:0 5px 20px #e2263528}.article-excerpt{font-size:15px;line-height:1.75;margin-top:13px}.article-bottom small{display:block;font:9px Arial;letter-spacing:.5px;margin-top:5px}.flow-article{background:#dce7d6;color:#1b3321}.article-flow{display:flex;align-items:center;gap:12px;font-size:18px}.article-flow>span{border:1px solid #65745f;padding:15px 18px;}.article-flow>i{font-style:normal;font-size:22px}.crm-article{background:#272c2a;color:var(--accent)}.crm-article-type,.mvp-article-type{font:700 78px/1 Arial;letter-spacing:-5px;text-align:center}.crm-article-type>span,.mvp-article-type>span{display:block;font:10px/1 Arial;letter-spacing:3px;margin-top:18px}.mvp-article{background:#e2e5dc;color:#1a2219}.mvp-article-type{font-weight:800}.mvp-article-type>span{background:var(--accent);padding:8px 10px;letter-spacing:2px}.footer h2>.marker:after{display:none}.footer-wordmark{gap:20px}.footer-brand-lockup{font-size:1em!important;line-height:1!important;font-weight:800!important;letter-spacing:-.085em!important;display:flex;flex-direction:column;min-width:0}.footer-brand-lockup>small{font:500 17px/1.4 Arial;letter-spacing:4px;margin-top:15px}.footer-wordmark>.footer-brand-arrow{font-size:.6em}.footer-wordmark>span{line-height:1.1}
.lead-dialog{width:min(660px,calc(100% - 30px));padding:45px}.lead-intro .eyebrow{font-size:12px;margin-bottom:22px}.lead-intro h2{font-size:42px;margin-bottom:20px}.lead-intro>p:last-child{font-size:15px;line-height:1.8}#lead-form{margin-top:27px}#lead-form label{display:block;font-size:14px;margin-bottom:18px}#lead-form label>span{color:var(--subtle);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}#lead-form input,#lead-form textarea{display:block;width:100%;padding:12px 14px;margin-top:7px;border:1px solid var(--line);background:var(--surface);color:var(--text);font:16px/1.5 Polin,Arial;resize:vertical}#lead-form input:focus,#lead-form textarea:focus{outline:1px solid var(--accent-text);outline-offset:2px}#lead-form input::placeholder,#lead-form textarea::placeholder{font-size:13px;color:var(--subtle)}.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-purpose{font-size:12px;line-height:1.6;margin:3px 0 20px}.form-submit{width:100%}.form-submit[disabled]{cursor:wait;opacity:.65}.form-status{font-size:14px;line-height:1.7;margin-top:15px;color:var(--text)}.form-status:empty{display:none}.lead-success{text-align:center;padding:36px 0 15px}.lead-success h3{font-size:32px;margin-top:22px}.lead-success p{font-size:16px;margin-top:17px}.lead-success .button{margin-top:28px;min-width:190px}.success-symbol{display:inline-grid;place-items:center;width:64px;height:64px;background:var(--accent);color:#10140b;font:44px Arial;}
.article-main{padding-top:0}.article-header{padding-block:65px 55px;max-width:1120px}.article-back{margin-bottom:40px;color:var(--muted)}.article-header h1{font-size:clamp(2.75rem,4.5vw,4.6rem);font-weight:800;line-height:1.2;letter-spacing:-.015em;max-width:980px}.article-header .eyebrow{font-size:13px;color:var(--subtle);margin-bottom:24px}.article-deck{font-size:21px;line-height:1.8;margin-top:27px;max-width:870px}.article-byline{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:23px;margin-top:30px;font-size:14px}.article-byline>span:last-child{font:700 12px Arial}.article-byline small{display:block;font:9px Arial;letter-spacing:.8px;margin-top:5px;color:var(--subtle)}.article-content{width:min(810px,calc(100% - 48px));margin:0 auto;padding-bottom:90px}.article-content>section{padding:35px 0;border-top:1px solid var(--line)}.article-content h2{font-size:31px;line-height:1.45;font-weight:600;letter-spacing:-.025em;margin-bottom:23px}.article-content p{font-size:18px;line-height:1.95;margin-top:20px;color:var(--muted)}.article-section-index{font:11px Arial;color:var(--subtle);display:block;margin-bottom:14px}.article-takeaway{background:var(--surface);border-right:3px solid var(--accent);padding:28px 32px;margin-top:25px}.article-takeaway h2{font-size:26px;margin-bottom:8px}.article-takeaway p{font-size:17px;margin-top:12px}.article-contact{padding-block:45px 0}.article-contact h2{font-size:28px;margin-bottom:25px}.blog-index-title{font-size:70px;font-weight:800;line-height:1.2;letter-spacing:-.015em}.blog-index-grid{margin-top:55px}.error-page{min-height:60vh}.error-page h1{font-size:48px}.error-page p{margin-block:24px}.error-page .button small{font:10px Arial}
@keyframes service-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.header{height:90px}.hero{padding-block:85px}.hero h1{font-size:7.5vw}.work-section>.container{width:calc(100% - 64px)}.project-slide{min-height:610px;grid-template-columns:1fr 1.05fr}.project-slide .case-copy{padding:38px 30px}.project-slide .case-copy h3{font-size:41px}.project-slide .case-copy>p:not(.case-category){font-size:16px}.project-slide .case-visual{min-height:560px}.project-slide .ahf-system{min-width:410px}.project-slide .conversation-flow{gap:9px;font-size:10px}.project-slide .booking-flow{gap:17px;font-size:11px}.service-cta{font-size:13px;padding-inline:16px;gap:16px}.post-featured .post-caption h3{font-size:38px}.article-flow{font-size:16px;gap:9px}.article-flow>span{padding:12px 13px}.about-copy>h2{font-size:56px}.portrait-label strong{font-size:22px}}
@media(max-width:960px){.header{height:86px}.nav{top:86px}.hero{padding-block:75px}.hero h1{font-size:8.2vw}.hero-description{font-size:18px}.work-section>.container{width:calc(100% - 50px)}.project-slide{grid-template-columns:1fr 1fr;min-height:620px}.project-slide .case-copy{padding:30px 25px}.project-slide .case-copy h3{font-size:34px}.project-slide .case-copy>p:not(.case-category){font-size:15px}.project-slide .case-outcome strong{font-size:13px}.project-slide .case-visual{min-height:100%}.project-slide .ahf-system{min-width:350px}.project-slide .booking-flow{flex-direction:column;gap:15px}.project-slide .conversation-flow{flex-wrap:wrap;justify-content:center;max-width:270px}.project-slide .small-art-caption{font-size:11px;bottom:30px}.slider-tabs{gap:18px}.slider-tabs button{font-size:12px}.slider-counter{margin-left:8px}.slider-arrow{width:39px;height:39px}.social-wall{gap:25px;grid-template-columns:1.15fr 1fr}.post-featured .post-caption h3{font-size:32px}.post-caption p{font-size:14px}.post-secondary .post-caption h3{font-size:20px}.post-platform{font-size:7px;top:10px;left:10px;padding:4px 6px}.post-caption>span{font-size:11px}.article-flow{font-size:13px;gap:6px}.article-flow>span{padding:10px 9px}.article-flow>i{font-size:17px}.crm-article-type,.mvp-article-type{font-size:62px}.about-copy>h2{font-size:47px}.portrait-label strong{font-size:21px}.portrait-label span:nth-child(2){font-size:10px}.portrait-coordinate small{font-size:7px}}
@media(max-width:640px){.header{height:80px}.nav{top:80px}.brand{font-size:20px}.brand-lockup>small{font-size:8px;letter-spacing:1px}.hero{padding-block:58px 65px;overflow:visible}.hero h1{font-size:clamp(2.65rem,10vw,3.8rem);line-height:1.15}.hero .eyebrow{margin-bottom:24px}.hero-description{font-size:16px;margin-top:29px}.hero-actions{margin-top:27px}.marker{padding-inline:.04em}.service h3{font-size:21px}.service-cta{font-size:13px;margin-top:28px;padding-inline:18px}.work-section>.container{width:calc(100% - 32px)}.work-section .section-heading{padding-inline:4px}.project-slide{min-height:0;display:flex;flex-direction:column}.project-slide .case-copy{padding:29px 25px;min-height:500px}.project-slide .case-copy h3{font-size:37px}.project-slide .case-copy>p:not(.case-category){font-size:16px}.project-slide .case-outcome strong{font-size:13px}.project-slide .case-copy .case-outcome{margin-top:22px}.project-slide .case-link{margin-top:23px;padding-top:17px;font-size:13px}.project-slide .case-visual{min-height:285px;height:285px}.project-slide .project-screen{width:108%}.project-slide .ahf-visual{height:310px;min-height:310px;padding:22px 20px 40px}.project-slide .ahf-system{min-width:0;width:100%}.project-slide .small-case-art{padding:35px 20px}.project-slide .wazza-word{font-size:85px}.project-slide .saban-word{font-size:62px}.project-slide .saban-word>span{font-size:12px;letter-spacing:12px;padding-left:12px}.project-slide .booking-flow{flex-direction:row;font-size:10px;gap:14px;margin-top:28px}.project-slide .conversation-flow{font-size:9px;max-width:100%;gap:8px;margin-top:15px}.project-slide .small-art-caption{font-size:10px;bottom:23px}.slider-controls{flex-direction:column;align-items:stretch;gap:15px;margin-top:17px}.slider-tabs{justify-content:space-between;gap:12px}.slider-tabs button{font-size:13px}.slider-navigation{justify-content:flex-end}.slider-counter{margin-left:auto;font-size:11px}.slider-arrow{width:42px;height:42px}.project-slide .case-copy{transform:translateX(40px)}.project-slide .case-visual{transform:translateX(-40px)}.about-copy>h2{font-size:45px}.portrait-label{padding:21px 23px;bottom:0;inset-inline:0}.portrait-label strong{font-size:22px}.portrait-label span:nth-child(2){font-size:11px}.social-wall{grid-template-columns:1fr;gap:33px}.post-featured{grid-row:auto;position:static}.post-featured .post-caption h3{font-size:34px}.post-secondary .post-caption h3{font-size:27px}.post-caption>span{font-size:12px}.post-platform{font-size:8px;padding:5px 8px;top:13px;left:13px}.post-original{font-size:12px;margin-top:14px}.social-channel-links{gap:20px;flex-wrap:wrap;margin-top:34px}.social-channel-links>span{flex-basis:100%;font-size:13px}.social-channel-links>a{font-size:12px}.button-red-ghost{font-size:13px;min-height:48px;padding:12px 18px}.article-excerpt{font-size:15px}.article-flow{font-size:18px;gap:12px}.article-flow>span{padding:15px 18px}.crm-article-type,.mvp-article-type{font-size:84px}.footer-brand-lockup>small{font-size:10px;letter-spacing:2px;margin-top:13px}.footer-wordmark{padding-top:23px;padding-bottom:26px;gap:10px}.lead-dialog{padding:42px 23px 25px}.lead-intro h2{font-size:35px}.form-grid{grid-template-columns:1fr;gap:0}#lead-form label{font-size:14px;margin-bottom:15px}.lead-intro>p:last-child{font-size:14px}.form-purpose{font-size:11px}.lead-success h3{font-size:28px}.post-dialog{padding:35px 15px 20px;max-height:92svh;width:calc(100% - 20px)}.post-dialog h2{font-size:25px}#post-embed{min-height:380px}.post-dialog-heading{padding-bottom:20px}.article-header{padding-block:42px 30px}.article-header h1{font-size:37px}.article-back{margin-bottom:30px}.article-header .eyebrow{font-size:11px}.article-deck{font-size:18px;line-height:1.8;margin-top:23px}.article-byline{font-size:13px}.article-content{width:calc(100% - 40px);padding-bottom:60px}.article-content>section{padding-block:28px}.article-content h2{font-size:26px;line-height:1.5;margin-bottom:18px}.article-content p{font-size:17px;line-height:1.9;margin-top:18px}.article-takeaway{padding:25px 22px}.article-takeaway h2{font-size:24px}.article-takeaway p{font-size:16px}.article-contact h2{font-size:24px}.article-contact .button{font-size:13px;gap:12px}.blog-index-title{font-size:45px}.blog-index-grid{margin-top:37px}.error-page h1{font-size:35px}.error-page .button{flex-wrap:wrap;white-space:normal}}
@media(prefers-reduced-motion:reduce){.marker{transition:none}.project-slide .case-copy,.project-slide .case-visual{transform:none;transition:none}.service-body{animation:none}}

.work-section .section-heading{display:block}.work-section .section-heading>p{margin:24px 0 0;max-width:650px}.work-section .slider-controls-top{margin-top:0;margin-bottom:24px}

/* The film is part of the hero background at every viewport width. */
.hero.hero-background{--hero-rgb:9,10,11;position:relative;isolation:isolate;display:flex;align-items:center;width:100%;margin:0;min-height:clamp(640px,78svh,820px);padding-block:88px 96px;overflow:hidden;background:var(--bg)}
[data-theme=light] .hero.hero-background{--hero-rgb:243,244,239}
.hero-video-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-video-background video{position:absolute;top:50%;left:0;width:72%;height:auto;aspect-ratio:16/9;transform:translateY(-50%);display:block;object-fit:contain;object-position:center;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 88%,transparent 100%)}
.hero-video-background::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--hero-rgb),.3) 0%,rgba(var(--hero-rgb),0) 18%,rgba(var(--hero-rgb),0) 70%,rgb(var(--hero-rgb)) 100%),linear-gradient(90deg,rgba(var(--hero-rgb),.12) 0%,rgba(var(--hero-rgb),.14) 25%,rgba(var(--hero-rgb),.76) 43%,rgb(var(--hero-rgb)) 61%,rgb(var(--hero-rgb)) 100%)}
.hero-background .hero-content{position:relative;z-index:1}
.hero-background .hero-copy{width:min(66%,820px);max-width:none;min-width:0;padding:0}
.hero-background h1{font-size:clamp(3.3rem,6.1vw,6.1rem);line-height:1.15;white-space:normal}
.hero-background .hero-description{max-width:570px;font-size:18px;margin-top:30px;color:var(--text);opacity:.85}
.hero-background .hero-actions{flex-wrap:wrap;gap:24px;margin-top:32px}
@media(max-width:960px) and (min-width:641px){.hero-background .hero-copy{width:72%}.hero-background h1{font-size:6.5vw}.hero-video-background video{width:84%}.hero-background .hero-description{font-size:17px}}
@media(max-width:640px){.hero.hero-background{min-height:640px;min-height:max(620px,calc(92svh - 80px));padding-block:82px 74px;display:flex;flex-direction:row;align-items:center}.hero-background .hero-copy{width:100%}.hero-background h1{font-size:clamp(2.55rem,10vw,3.8rem);line-height:1.15}.hero-background .hero-description{font-size:16px;margin-top:26px;opacity:.94}.hero-background .hero-actions{gap:22px;margin-top:28px}.hero-video-background video{width:100%;top:24%;object-position:center}.hero-video-background::after{background:linear-gradient(180deg,rgba(var(--hero-rgb),.42) 0%,rgba(var(--hero-rgb),.74) 23%,rgba(var(--hero-rgb),.85) 62%,rgb(var(--hero-rgb)) 100%)}}
@media print{.hero-video-background{display:none}}

/* Shared marker palette and inverse selection on the accent-colored footer. */
:root{--accent-ink:#15190b}
:root[data-accent=yellow]{--accent:#aeff00}
:root[data-accent=turquoise]{--accent:#39e5ce}
:root[data-accent=orange]{--accent:#ff7544}
:root[data-accent=blue]{--accent:#7295ff}
:root[data-accent=pink]{--accent:#ff6fb5}
:root:not([data-theme=light]){--accent-text:var(--accent)}
.footer::selection,.footer ::selection{background:var(--accent-ink);color:var(--accent);text-shadow:none}
.marker-inverse{background-image:linear-gradient(var(--accent-ink),var(--accent-ink))}
.appearance-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.accent-options{display:flex;align-items:center;gap:2px;direction:ltr}
.accent-choice{position:relative;display:grid;place-items:center;width:26px;height:32px;background:transparent;border:1px solid transparent;padding:4px}
.accent-choice>span{display:block;width:16px;height:16px;background:var(--swatch-color)}
.accent-choice[aria-pressed=true]{border-color:var(--text)}
.accent-choice[aria-pressed=true]::after{content:"";position:absolute;width:5px;height:5px;background:#15190b}
.accent-choice:hover>span{transform:scale(1.12)}
.accent-choice:focus-visible{outline-color:var(--text);outline-offset:3px}
.button:hover{box-shadow:0 6px 25px color-mix(in srgb,var(--accent) 11%,transparent)}
.linkedin,.ai-typography>span,.web-typography b{background:var(--accent)}
.article-art.ai-art{color:var(--accent)}
@media(max-width:1280px){.header{gap:22px}.nav{position:absolute;top:100%;inset-inline:0;width:auto;padding:25px;background:var(--bg);flex-direction:column;align-items:start;border-bottom:1px solid var(--line);display:none;gap:20px}.nav a{font-size:17px}.nav.is-open{display:flex}.menu-toggle{display:block}.nav-actions{gap:18px}}
@media(max-width:640px){html{scroll-padding-top:136px}.header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:16px;row-gap:8px;height:auto;min-height:112px;padding:12px 20px}.header>.brand{grid-column:1;grid-row:1;justify-self:start}.nav-actions{display:contents}.nav-actions>.menu-toggle{grid-column:2;grid-row:1;justify-self:end}.nav-actions>.button-small{display:none}.nav-actions>.appearance-controls{grid-column:1/-1;grid-row:2;justify-self:end;gap:14px}.appearance-controls>.theme-toggle{width:34px;height:40px}.accent-options{gap:3px}.accent-choice{width:40px;height:40px;padding:9px}.accent-choice>span{width:20px;height:20px}.nav{top:100%}.hero.hero-background{min-height:max(620px,calc(92svh - 112px))}}

/* A native custom color picker, with readable ink for every chosen color. */
:root[data-accent=custom]{--accent:var(--custom-accent,#aeff00)}
:root:not([data-theme=light]){--accent-text:var(--accent-readable-dark,var(--accent))}
.accent-custom{position:relative;width:26px;height:32px;display:grid;place-items:center;flex-shrink:0;border:1px solid transparent;cursor:pointer}
.accent-custom>span{display:grid;place-items:center;width:18px;height:18px;background:conic-gradient(#ff7544,#aeff00,#39e5ce,#7295ff,#ff6fb5,#ff7544);color:#101210;font:700 15px/1 Arial,sans-serif}
.accent-custom.is-selected{border-color:var(--text)}
.accent-custom.is-selected>span{background:var(--custom-accent);color:var(--accent-ink)}
.accent-custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;padding:0;border:0}
.accent-custom:focus-within{outline:2px solid var(--text);outline-offset:3px}


.button:not(.button-red-ghost),.brand-mark,.portrait-label,.footer,.footer .eyebrow{color:var(--accent-ink)}
.footer p{color:var(--accent-ink);opacity:.8}
.footer .tiny-square{background:var(--accent-ink)}
.footer-links,.footer-bottom,.contact-orbit{border-color:color-mix(in srgb,var(--accent-ink) 35%,transparent)}
.contact-orbit:hover{background:var(--accent-ink);color:var(--accent)}
.portrait-label:hover{background:var(--accent);filter:brightness(.96)}
::selection{background:var(--accent);color:var(--accent-ink)}
.footer::selection,.footer ::selection{background:var(--accent-ink);color:var(--accent)}
@media(max-width:640px){.nav-actions>.appearance-controls{gap:10px}.accent-options{gap:2px}.accent-choice,.accent-custom{width:36px;height:40px;padding:7px}.accent-custom>span{width:20px;height:20px}.contact-orbit{background:var(--accent-ink);color:var(--accent)}.hero-background h1{font-size:clamp(2.5rem,10vw,3.8rem)}}
/* A single moving edge paints both marker and contrasting ink from right to left. */
.marker{--marker-progress:100%;--marker-paper:var(--accent);--marker-ink:var(--accent-ink);--marker-rest:var(--text);background-image:linear-gradient(to left,var(--marker-ink) 0 var(--marker-progress),var(--marker-rest) var(--marker-progress) 100%),linear-gradient(to left,var(--marker-paper) 0 var(--marker-progress),transparent var(--marker-progress) 100%);background-clip:text,border-box;-webkit-background-clip:text,border-box;background-size:100% 100%;background-repeat:no-repeat;color:transparent;transition:none}
.marker-inverse{--marker-paper:var(--accent-ink);--marker-ink:var(--accent);--marker-rest:var(--accent-ink)}
.service:not([open]) .marker{--marker-progress:0%!important}
.motion-heading .type-char{opacity:0;display:inline}
.motion-heading .type-char.is-written{opacity:1}
.motion-heading[data-motion="typing"] .marker{background-image:none;color:var(--marker-rest)}
.heading-visual{font:inherit;letter-spacing:inherit}
.footer h2 .marker:after{display:none}
.marker::selection,.marker ::selection{background:var(--accent-ink);color:var(--accent)}

/* One landscape conversation and two vertical Shorts share a cinematic shelf. */
.video-shelf{display:grid;grid-template-columns:minmax(0,3.16fr) repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.video-placeholder{min-width:0}
.video-placeholder-art{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--bg);border:1px solid var(--line);padding:24px}
.video-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:1;font-size:13px;font-weight:600}
.placeholder-badge{font-size:12px;font-weight:400;color:var(--muted);border:1px solid var(--line);padding:2px 8px;white-space:nowrap}
.video-editorial-type{font-size:clamp(35px,4.5vw,66px);font-weight:800;line-height:1.02;letter-spacing:-.015em;margin-top:22px}
.video-editorial-type>span{color:var(--accent-text)}
.video-play-glyph{position:absolute;inset-inline-end:25px;bottom:47px;width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--line);font:17px Arial;direction:ltr;color:var(--muted)}
.video-format{position:absolute;bottom:19px;inset-inline-start:24px;font:12px Arial;letter-spacing:.08em;color:var(--subtle)}
.video-short .video-placeholder-art{aspect-ratio:9/16;background:var(--surface-2);padding:20px 15px}
.video-short .video-topline{flex-direction:column;align-items:start;gap:9px}
.video-short .video-format{inset-inline-start:15px;font-size:11px}
.video-short .video-play-glyph{inset-inline-end:15px;width:38px;height:38px;bottom:47px;font-size:13px}
.short-index{position:absolute;inset-inline-end:9px;top:85px;font:800 clamp(65px,7vw,100px)/1 Arial;opacity:.07}
.short-placeholder-copy{position:absolute;inset-inline:15px;top:41%;font-size:clamp(25px,2.7vw,40px);line-height:1.12;font-weight:800;letter-spacing:-.015em}
.video-short-alt .video-placeholder-art{background:var(--bg)}
.video-caption{padding-top:17px}
.video-caption>span{font-size:14px;color:var(--muted)}
.video-caption h3{font-size:23px;line-height:1.3;margin-top:7px;font-weight:600}
.video-caption p{font-size:16px;margin-top:10px}
.video-short .video-caption h3{font-size:20px}
.social-divider{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:32px;margin:58px 0 28px}
.social-divider h3{font-size:25px;font-weight:600}
.social-divider>span{font:12px Arial;letter-spacing:.07em;color:var(--subtle)}
.social-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.post-featured{grid-row:auto;position:static}
.social-wall .post-caption h3{font-size:25px}
.social-wall .post-caption{padding-top:17px}
.social-wall .post-caption p{font-size:15px}
@media(max-width:1000px){.video-shelf{gap:15px}.video-placeholder-art{padding:18px}.video-editorial-type{font-size:43px;margin-top:18px}.video-short .video-placeholder-art{padding:15px 10px}.placeholder-badge{font-size:11px;padding-inline:5px}.video-short .video-caption h3{font-size:18px}.short-placeholder-copy{font-size:28px;inset-inline:10px}.social-wall{gap:20px}.social-wall .post-caption h3{font-size:22px}}
@media(max-width:760px){.video-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.video-wide{grid-column:1/-1}.video-editorial-type{font-size:clamp(34px,7vw,53px);margin-top:17px}.video-short .video-topline{flex-direction:row;flex-wrap:wrap}.video-short .video-placeholder-art{padding:17px}.short-placeholder-copy{font-size:clamp(29px,5vw,40px);inset-inline:17px}.short-index{font-size:90px}.video-caption h3{font-size:24px}.social-wall{grid-template-columns:1fr;gap:35px}.social-wall .post-caption h3{font-size:28px}.social-divider{margin-top:42px}.social-divider>span{font-size:10px}.social-divider h3{font-size:23px}}
@media(max-width:400px){.video-placeholder-art{padding:14px}.video-editorial-type{font-size:31px;margin-top:11px}.video-play-glyph{width:38px;height:38px;bottom:38px;inset-inline-end:15px}.video-format{bottom:13px;inset-inline-start:15px;font-size:10px}.video-topline{font-size:12px}.video-short .video-placeholder-art{padding:13px 10px}.short-placeholder-copy{font-size:27px;inset-inline:10px}.video-caption p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.motion-heading .type-char{opacity:1}.marker{--marker-progress:100%!important}.service:not([open]) .marker{--marker-progress:0%!important}}
@media print{.motion-heading .type-char{opacity:1!important}.marker{color:inherit!important;background:none!important}}

/* The compact credit sits in the bottom row, on the footer's own accent background. */
.footer-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px) minmax(0,1fr);padding-block:12px}
.footer-bottom>a{justify-self:end}
.footer-bottom>.footer-credit{display:flex;flex-direction:column;align-items:center;justify-self:center;gap:6px;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:none;color:var(--accent-ink);font:400 14px/1.3 Polin,Arial,sans-serif;text-align:center}
.footer-credit>img{display:block;width:auto;height:28px}
.footer-credit:hover{opacity:.8}
@media(max-width:640px){.footer-bottom{display:flex;flex-wrap:wrap}.footer-bottom>.footer-credit{order:3;flex-basis:100%}.footer-bottom>a{margin-inline-start:auto}}

/* The supplied SVG includes the wordmark, arrow square and byline. Size them together.
   Its currentColor fill follows the header/article theme and stays black on the lime footer. */
.backstage-logo{display:block;width:100%;height:auto;flex-shrink:0}
.brand{color:var(--text)}
.brand-lockup{width:230px;max-width:100%}
.brand-lockup>small,.footer-brand-lockup>small,.article-brand-lockup>small{font-family:Polin,Arial,sans-serif}
.footer-wordmark{display:block;color:#000;font-size:inherit;letter-spacing:normal;white-space:normal}
.footer-brand-lockup{width:100%;min-width:0}
.footer-brand-lockup>small{font:500 17px/1.4 Polin,Arial,sans-serif;letter-spacing:4px}
.article-byline{flex-wrap:wrap}
.article-brand-lockup{display:flex;flex-direction:column;gap:6px;color:var(--text)}
.article-brand-lockup>.backstage-logo{width:160px;max-width:100%}
@media(max-width:640px){.brand-lockup{width:min(210px,calc(100vw - 84px))}.footer-brand-lockup>small{font-size:10px;letter-spacing:2px;margin-top:13px}}
.case-copy>.case-story-button{align-self:flex-start;max-width:100%;margin-block-start:auto;white-space:normal;text-align:right}
@media(max-width:640px){
  .header.header{display:block;height:76px;min-height:76px;padding:12px 20px;position:sticky}
  .header.header>.brand{position:absolute;top:50%;left:50%;right:auto;width:min(210px,calc(100vw - 150px));transform:translate(-50%,-50%)}
  .header.header>.nav-actions{display:contents}
  .header.header .nav-actions>.menu-toggle{position:absolute;top:50%;right:20px;left:auto;display:grid;width:44px;height:44px;transform:translateY(-50%)}
  .header.header .nav-actions>.appearance-controls{position:absolute;top:50%;right:auto;bottom:auto;left:20px;display:flex;grid-column:auto;grid-row:auto;transform:translateY(-50%)}
  .header.header .nav-actions>.button-small{display:none}
}

/* The footer's menu columns - components/site/FooterMenus.
   They render inside all three of this site's footers: the home page's and the internal pages'
   (CSS modules, components/home-v2/HomeV2.module.css) and the original one that /blog/, an
   article and the 404 document carry (the .footer rules above). One component for the three means
   one set of class names, and this sheet is the only stylesheet all three already load - a fourth
   stylesheet on a route is what cost /about/ eight mobile points, so the styles come here.
   Nothing below states a colour: the columns inherit the footer's own ink, which is what keeps
   them right in the dark theme, in the light theme and on the lime background all three share. */
.footer-menus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent);padding-block:36px}
.footer-menu{min-width:0}
/* Two classes, so this beats `.footer h2` in every one of the three style families whatever order
   the browser applies them in - and the site's own label size, 13px/600, not 14px. */
.footer .footer-menu-title{margin:0 0 12px;font:600 13px/1.4 Polin,Arial,sans-serif;letter-spacing:normal;opacity:.72}
.footer-menu ul{margin:0;padding:0;list-style:none}
.footer-menu li{margin:0}
/* The padding is the tap target: 15px at 1.5 plus 7px either side clears 24px on a mouse, and the
   coarse-pointer rule below takes it past 44px on a touch screen. `anywhere` is for the e-mail,
   the one string here with no space in it - at 320px the column is about 130px wide. */
.footer-menu a{display:inline-block;max-width:100%;padding-block:7px;font-size:15px;line-height:1.5;overflow-wrap:anywhere;transition:opacity .2s}
.footer-menu a:hover{opacity:.62}
.footer-menu a[aria-current=page]{font-weight:600;text-decoration:underline;text-underline-offset:6px}
/* The site's default focus ring is `2px solid var(--accent-text)`: #151715 in the light theme,
   the lime #aeff00 in the dark one. It is the right ink for anything drawn on the PAGE, whose
   background flips with the theme - including the skip link, whose `outline-offset: 6px` puts the
   ring on the page behind the chip and never on the lime chip itself (measured: 14.7:1 dark,
   17.4:1 light; an earlier reading of 1.00:1 compared the ring with the element's own background,
   which the offset means it does not touch).

   The footers are the exception, because all three keep the lime background in BOTH themes. There
   the same token is lime drawn on lime: measured `solid 2px rgb(174,255,0)` on `rgb(174,255,0)`,
   ratio 1.00 - the WhatsApp orbit and the Red Ghost credit had no visible focus state at all in
   the dark theme. currentColor is the ink each element is already drawn in, so the ring follows
   the surface it sits on: 14.55:1 in both themes, on all three footers.

   The doubled .footer beats the CSS-module rule `.page :is(a, button, summary):focus-visible`,
   which is (0,2,1) because :is() takes the specificity of its most specific argument. */
.footer.footer :is(a,button):focus-visible{outline-color:currentColor}
/* Same 7px the links carry, so the three columns' first lines share one baseline instead of the
   note sitting 7px high. `margin-bottom:0` keeps the column's total height where it was. */
.footer .footer-menu-note{margin:0;padding-block:7px 0;font-size:14px;line-height:1.6;color:inherit;opacity:.72}
@media(pointer:coarse){.footer-menu a{padding-block:11px}}
/* On two tracks the contact column takes the last row to itself, so the address - the one string
   here with no space to break at - stays on one line instead of splitting across two. */
@media(max-width:899px){.footer-menus>nav:last-child{grid-column:1/-1}}
/* Desktop: one track per column, so the row is right whether the legal column is published or
   not, without a count written anywhere. */
@media(min-width:900px){.footer-menus{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:40px;padding-block:44px}}