@font-face{font-family:Inter;src:url('/assets/fonts/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Mono;src:url('/assets/fonts/jetbrains-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--cream:#fdf9f2;--teal:#03454f;--orange:#fd592b;--ink:#022e35;--ember:#b93412;--mist:#dde8e7;--sand:#efe7da;--muted:#476166;--line:#bccdca;--max:1240px;color:var(--teal);background:var(--cream);font-family:Inter,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--ember);outline-offset:6px}img{max-width:100%;height:auto}svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.055em}p{line-height:1.7}h1{font-size:clamp(3.15rem,6vw,5.55rem);line-height:1.02}h2{font-size:clamp(2.4rem,4.6vw,4rem);line-height:1.08}h3{font-size:1.65rem;line-height:1.2}::selection{background:var(--orange);color:var(--ink)}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;z-index:20;padding:12px;background:var(--cream)}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:var(--cream);position:relative;z-index:10}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand img{width:47px;height:47px}.site-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.site-nav a{text-decoration:none;padding-block:10px}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ember)}.site-nav .nav-email{border-bottom:1px solid var(--teal)}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:10px 13px}.eyebrow{font:12px/1.6 Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ember);margin-bottom:23px}.hero{padding:64px 0 62px;display:grid;grid-template-columns:1.08fr 1fr;gap:52px;align-items:center}.hero h1 .accent{color:var(--ember)}.hero-copy>p:not(.eyebrow){font-size:19px;max-width:490px;color:var(--muted);margin-top:28px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--teal);color:var(--cream);padding:18px 23px;min-height:56px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid var(--teal);transition:background .2s,transform .2s}.button:hover{background:var(--ink);transform:translateY(-2px)}.button.light{background:var(--cream);color:var(--teal);border-color:var(--cream)}.text-link{font-weight:600;font-size:14px;text-decoration-thickness:1px}.arrow{width:17px;height:17px;display:inline-block;flex-shrink:0}.hero-art{min-width:0}.wmic-hero{--ground:var(--cream);--stroke:var(--teal);--dot:var(--orange);position:relative;display:grid;place-items:center;aspect-ratio:1;background:var(--ground);overflow:hidden;border:1px solid var(--line);border-radius:50%}.wmic-hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wmic{position:relative;width:65%;height:auto;overflow:visible;pointer-events:none}.wmic-arc{fill:none;stroke:var(--stroke);stroke-width:60;stroke-linecap:round}.wmic-spark{fill:none;stroke:var(--dot);stroke-width:44;stroke-linecap:round}.wmic-dot{fill:var(--dot)}.wmic-ring{fill:none;stroke:var(--dot);stroke-width:8;opacity:0;vector-effect:non-scaling-stroke}.wmic-pointer{fill:var(--stroke);stroke:var(--stroke);stroke-width:8;stroke-linejoin:round}.wmic-dot,.wmic-ring,.wmic-sparks{transform-origin:512px 480px}.wmic-press{transform-origin:497px 463px}.ripple-trigger{position:absolute;inset:0;border:0;background:transparent;border-radius:50%;cursor:pointer}.ripple-trigger:focus-visible{outline-offset:-8px}.art-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 12px 0;font:10px/1.6 Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.motion-toggle{font:inherit;text-transform:inherit;letter-spacing:inherit;border:0;border-bottom:1px solid var(--muted);padding:4px 0;background:none;min-height:36px}.motion-toggle[hidden],.ripple-trigger[hidden]{display:none}.intro-strip{border-block:1px solid var(--line);padding:20px 0}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;font:11px/1.6 Mono,monospace;text-transform:uppercase;letter-spacing:.08em}.strip-inner span{display:flex;align-items:center;gap:12px}.strip-inner i{width:7px;height:7px;background:var(--orange);border-radius:50%;display:block}.section{padding-block:88px}.section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:end;margin-bottom:48px}.section-head p:not(.eyebrow){max-width:440px;color:var(--muted);font-size:17px}.topics{border-top:1px solid var(--line)}.topic{display:grid;grid-template-columns:60px 1fr 1fr 52px;gap:24px;align-items:center;padding:29px 0;border-bottom:1px solid var(--line)}.number{font:12px Mono,monospace;color:var(--ember)}.topic p{color:var(--muted);font-size:15px;max-width:430px}.topic-icon{width:48px;height:48px;stroke:var(--teal);fill:none;stroke-width:1.7}.social-callout{margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.social-callout p{font-size:14px;color:var(--muted)}.about{background:var(--teal);color:var(--cream)}.about .eyebrow{color:#ffac8e}.about-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:start}.about p{color:#c4d8d6;font-size:17px}.about h2{margin-bottom:28px}.principles{border-top:1px solid #48747a}.principle{padding:25px 0;border-bottom:1px solid #48747a}.principle h3{font-size:23px;margin-bottom:10px;letter-spacing:-.025em}.principle p{font-size:15px}.about-note{max-width:420px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.work-copy p:not(.eyebrow){margin-top:23px;color:var(--muted);max-width:510px}.brief-note{border-left:3px solid var(--orange);padding:25px 32px;background:var(--sand)}.brief-note .eyebrow{margin-bottom:18px}.brief-note li{line-height:1.7;margin-block:12px}.brief-note ul{padding-left:20px;margin:0}.sister-band{background:var(--mist);padding:40px 0}.sister-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.sister-inner h3{font-size:28px;margin-bottom:8px}.sister-inner p{color:var(--muted);font-size:15px;max-width:650px}.site-footer{padding:42px 0 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-top{padding-bottom:32px}.footer-email{font-size:15px;overflow-wrap:anywhere}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;font-size:12px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:22px}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.page-hero{padding:80px 0 66px}.page-hero h1{max-width:880px}.page-hero .lead{font-size:20px;max-width:710px;color:var(--muted);margin-top:28px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.offer{padding:35px 30px;border-right:1px solid var(--line)}.offer:first-child{padding-left:0}.offer:last-child{border:0}.offer h3{margin:18px 0 15px}.offer p{font-size:15px;color:var(--muted)}.contact-section{background:var(--teal);color:var(--cream);padding:70px 0}.contact-section .eyebrow{color:#ffac8e}.contact-section p{color:#c4d8d6;margin-top:24px;max-width:640px}.contact-section .button{margin-top:28px}.prose{max-width:780px;padding-bottom:80px}.prose section{margin-bottom:36px}.prose h2{font-size:25px;letter-spacing:-.025em;margin-bottom:14px}.prose p,.prose li{font-size:16px;line-height:1.8;color:var(--muted)}.prose p+p{margin-top:15px}.prose ul,.prose ol{padding-left:24px}.prose li{margin-bottom:10px}.prose .notice{background:var(--mist);border-left:3px solid var(--teal);padding:24px;margin-bottom:35px}.policy-hero{padding-bottom:40px}.policy-hero h1{font-size:clamp(3rem,5vw,4.3rem)}.error-page{min-height:60vh;padding:100px 0}.error-page p{margin:24px 0;color:var(--muted)}
/* Studio spin: one turn, a lifted cursor, then contact at 3.45s and a quiet hold.
   Pointer and mask share transforms so the fine separation never drifts. */
.hero-field.is-click .wmic-arcs{animation:studio-spin 6s cubic-bezier(.65,0,.25,1) both}
.hero-field.is-click .wmic-press{animation:studio-press 6s cubic-bezier(.3,.7,.3,1) both}
.hero-field.is-click .wmic-dot{animation:studio-dot 6s ease-in-out both}
.hero-field.is-click .wmic-sparks{animation:studio-rays 6s ease-out both}
.hero-field.is-click .wmic-glint{animation:studio-glint 6s ease-in-out both}
@keyframes studio-spin{0%,10%{transform:rotate(0deg)}50%,100%{transform:rotate(360deg)}}
@keyframes studio-press{0%,46%,66%,100%{transform:translate(0,0) scale(1)}54%{transform:translate(-5px,-7px) scale(1.035)}57.5%{transform:translate(0,0) scale(.92)}62%{transform:scale(1.01)}}
@keyframes studio-dot{0%,10%,74%,100%{transform:scale(1)}32%{transform:scale(.96)}50%,54%{transform:scale(.98)}57.5%{transform:scale(.9)}65%{transform:scale(1.025)}}
@keyframes studio-rays{0%,10%,70%,100%{opacity:1;transform:scale(1)}20%,57%{opacity:0;transform:scale(.78)}63%{opacity:1;transform:scale(1.08)}}
@keyframes studio-glint{0%,57%{transform:translateX(-300px)}72%,100%{transform:translateX(300px)}}
@media(min-width:1600px){.hero{padding-block:90px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:30px}.hero h1{font-size:clamp(3rem,6vw,4.5rem)}.site-nav{gap:20px}.section-head,.about-grid,.work-grid{gap:45px}.topic{grid-template-columns:35px 1fr 1fr 40px;gap:16px}.topic h3{font-size:23px}.section{padding-block:65px}.art-caption{letter-spacing:0;font-size:9px}}
@media(max-width:720px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header-inner{min-height:80px;flex-wrap:wrap;gap:0}.brand{font-size:16px;gap:8px}.brand img{width:39px;height:39px}.menu-toggle{display:block}.site-nav{width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0 20px}.site-nav a{padding:13px 0}.js .site-nav:not(.is-open){display:none}.hero{grid-template-columns:1fr;padding:48px 0 35px;gap:40px}.hero h1{font-size:clamp(3rem,10.5vw,4.7rem);max-width:560px}.hero-copy>p:not(.eyebrow){font-size:18px;margin-top:24px}.hero-art{width:min(100%,420px);justify-self:center}.eyebrow{font-size:11px;margin-bottom:20px}.actions{gap:22px}.button{padding:17px 20px}.art-caption{font-size:10px}.strip-inner{flex-wrap:wrap;justify-content:center;font-size:10px;gap:12px 25px}.section{padding-block:56px}.section-head,.about-grid,.work-grid{grid-template-columns:1fr;gap:25px}.section-head{margin-bottom:32px}.section-head p:not(.eyebrow){font-size:16px}.topic{grid-template-columns:28px 1fr 36px;gap:12px;padding:25px 0}.topic h3{font-size:24px}.topic p{grid-column:2;grid-row:2;font-size:14px}.topic-icon{grid-column:3;grid-row:1 / 3;width:36px;height:36px}.social-callout,.sister-inner{align-items:flex-start;flex-direction:column;gap:22px}.about-grid{gap:35px}.about p{font-size:16px}.work-grid{gap:32px}.brief-note{padding:25px}.footer-top{flex-direction:column;align-items:flex-start;gap:24px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:17px}.page-hero{padding:52px 0 42px}.page-hero .lead{font-size:18px}.offer-grid{grid-template-columns:1fr}.offer{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.contact-section{padding:54px 0}.prose{padding-bottom:40px}.prose h2{font-size:23px}}
@media(max-width:720px){.hero h1{font-size:clamp(2rem,9.6vw,4.1rem)}.header-inner>.brand{white-space:normal;max-width:calc(100% - 82px);line-height:1.2}.header-inner>.brand img{flex-shrink:0}}
.menu-toggle[hidden]{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Motion studies: CSS/SVG artwork, not embedded video. */
.motion-board{--motion-ink:#03454f;--motion-paper:#fdf9f2;--motion-accent:#fd592b;position:relative;background:var(--motion-ink);color:var(--motion-paper);overflow:hidden;border-radius:4px;min-width:0}
.board-top,.board-bottom{display:flex;justify-content:space-between;gap:16px;padding:20px 24px;font:10px/1.5 Mono,monospace;letter-spacing:.06em;text-transform:uppercase}
.board-top{border-bottom:1px solid #ffffff25}.board-bottom{color:#d3e1df}.board-composition{position:relative;aspect-ratio:1.45;overflow:hidden}.board-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:40px 40px}.board-shape{position:absolute;width:42%;aspect-ratio:1;right:9%;top:16%;background:var(--motion-accent);border-radius:18%;animation:shape-turn 12s ease-in-out infinite}.board-outline{position:absolute;width:39%;aspect-ratio:1;right:7%;top:25%;border:1px solid #ffffff99;border-radius:50%;animation:outline-drift 9s ease-in-out infinite}.board-type{position:absolute;left:8%;top:21%;font:800 clamp(38px,4.6vw,76px)/.97 Inter,sans-serif;letter-spacing:-.065em}.board-type span{display:block;animation:word-slide 6s ease-in-out infinite}.board-type span+span{animation-delay:-.35s}.board-type i{font-style:normal}.board-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--motion-paper);bottom:15%;left:9%;animation:dot-travel 6s ease-in-out infinite}.board-timeline{position:relative;display:flex;gap:5px;margin:0 24px;height:18px;border-bottom:1px solid #ffffff40}.board-timeline span{height:8px;background:#ffffff35;flex:1}.board-timeline span:nth-child(2){background:var(--motion-accent);flex:1.6}.board-timeline i{position:absolute;width:2px;height:26px;left:0;top:-5px;background:var(--motion-paper);animation:playhead 9s linear infinite}
.motion-paused *,.motion-paused *::before,.motion-paused *::after,.animation-offscreen *,.motion-hidden *{animation-play-state:paused!important}
.reveal-ready [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal-ready [data-reveal].is-revealed,.motion-paused [data-reveal]{opacity:1;transform:none}
@keyframes shape-turn{0%,100%{transform:rotate(-12deg);border-radius:18%}50%{transform:rotate(28deg) scale(.86);border-radius:50%}}
@keyframes outline-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-24px,-20px)}}
@keyframes word-slide{0%,15%,85%,100%{transform:translateX(0)}45%,60%{transform:translateX(14px)}}
@keyframes dot-travel{0%,100%{transform:translateX(0)}50%{transform:translateX(110px)}}
@keyframes playhead{from{left:0}to{left:100%}}
@media(max-width:600px){.board-top,.board-bottom{padding:16px;font-size:9px}.board-type{font-size:clamp(38px,10vw,62px)}.board-top span:last-child{font-size:8px}.board-timeline{margin-inline:16px}}
@media(prefers-reduced-motion:reduce){.reveal-ready [data-reveal]{opacity:1;transform:none;transition:none}.motion-board *,.mini-motion *{animation:none!important}}

/* The field belongs to the whole hero section, not a circular badge. */
.hero-field{margin-top:32px;margin-bottom:40px;padding:0;gap:0;border:1px solid #dfd5c8;border-radius:26px;overflow:hidden;grid-template-columns:1.05fr 1fr;align-items:stretch}
.hero-field .hero-copy{padding:66px 0 66px 48px;align-self:center;position:relative;z-index:1}.hero-field h1{font-size:clamp(40px,5.2vw,74px)}
.hero-field .hero-art{position:relative;width:100%;min-height:560px;height:100%}.hero-field .wmic-hero{border:0;border-radius:0;aspect-ratio:auto;width:100%;height:100%;min-height:560px}.hero-field .wmic{width:69%}
.hero-field .ripple-trigger{border-radius:0}.hero-field .art-caption{position:absolute;left:22px;right:22px;bottom:14px;margin:0;padding:5px 0;background:var(--cream)}
.video-hero{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;padding-block:64px}.video-hero h1{font-size:clamp(42px,5.5vw,76px)}.accent{color:var(--ember)}.video-hero .lead{font-size:19px;color:var(--muted);margin-top:26px;line-height:1.65}
.motion-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.motion-services h3{font-size:25px;margin:26px 0 14px}.motion-services p{font-size:15px;color:var(--muted)}.mini-motion{height:290px;position:relative;overflow:hidden;background:var(--sand);padding:30px;display:flex;flex-direction:column;justify-content:center}.type-demo span{font-weight:800;letter-spacing:-.06em;font-size:58px;line-height:.95;animation:word-slide 7s ease-in-out infinite}.type-demo span:nth-child(2){color:var(--ember);animation-delay:-1s}.shape-demo{background:var(--mist)}.shape-demo i{position:absolute;width:120px;height:120px;background:var(--teal);left:18%;top:23%;animation:shape-turn 10s ease-in-out infinite}.shape-demo b{position:absolute;width:130px;height:130px;border:2px solid var(--teal);border-radius:50%;left:38%;top:35%;animation:outline-drift 8s ease-in-out infinite}.shape-demo span{position:absolute;width:20px;height:20px;background:var(--orange);border-radius:50%;left:18%;bottom:15%;animation:dot-travel 7s ease-in-out infinite}.format-demo{background:var(--teal)}.format-demo span{position:absolute;display:grid;place-items:center;font:12px Mono,monospace;animation:format-float 8s ease-in-out infinite}.format-demo span:nth-child(1){width:34%;height:64%;left:13%;top:14%;background:var(--orange);color:var(--ink)}.format-demo span:nth-child(2){width:40%;aspect-ratio:1;right:10%;top:22%;background:var(--mist);animation-delay:-2s}.format-demo span:nth-child(3){width:60%;aspect-ratio:16/9;right:10%;bottom:12%;background:var(--cream);animation-delay:-4s}
.click-process{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.click-process li>span{font:12px Mono,monospace;color:#ffac8e}.click-process h3{font-size:23px;margin:23px 0 14px;letter-spacing:-.03em}.click-process p{font-size:15px}
.channel-links{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.channel-links a{padding:30px 25px 30px 0;text-decoration:none}.channel-links a+a{border-left:1px solid var(--line);padding-left:30px}.channel-links span{display:block;font-size:13px;color:var(--muted)}.channel-links strong{display:block;font-size:24px;letter-spacing:-.03em;margin:16px 0}.channel-links b{font-size:13px;text-decoration:underline;text-underline-offset:5px}.section-note{margin-top:25px;font-size:14px;color:var(--muted)}.footer-bottom{align-items:flex-start}.footer-links{justify-content:flex-end;max-width:790px;row-gap:16px}
@keyframes format-float{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(5deg)}}
@media(max-width:1000px){.hero-field .hero-copy{padding:42px 0 42px 30px}.hero-field .hero-art,.hero-field .wmic-hero{min-height:510px}.video-hero{gap:32px}.video-hero h1{font-size:48px}.mini-motion{height:240px;padding:20px}.type-demo span{font-size:47px}.click-process{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.hero-field{width:calc(100% - 24px);margin-top:20px;margin-bottom:25px;border-radius:20px;grid-template-columns:1fr}.hero-field .hero-copy{padding:34px 24px 15px}.hero-field h1{font-size:clamp(32px,9vw,58px)}.hero-field .hero-art{width:100%;max-width:none;min-height:350px}.hero-field .wmic-hero{min-height:350px;height:350px}.hero-field .wmic{width:53%;max-width:260px}.hero-field .art-caption{left:20px;right:20px;font-size:9px}.video-hero{grid-template-columns:1fr;padding-block:45px;gap:32px}.video-hero h1{font-size:clamp(38px,10vw,58px)}.video-hero .lead{font-size:18px}.motion-services{grid-template-columns:1fr;gap:35px}.mini-motion{height:280px}.type-demo span{font-size:60px}.channel-links{grid-template-columns:1fr}.channel-links a+a{border-left:0;border-top:1px solid var(--line);padding-left:0}.channel-links strong{font-size:23px}.click-process{gap:32px 22px}.click-process h3{font-size:21px}.footer-links{justify-content:flex-start}}

/* Open editorial hero; the field flows from the logo without a surrounding card. */
.hero-field{border:0;border-radius:0;overflow:visible;margin-top:0;margin-bottom:0;padding:64px 0 58px;gap:52px;align-items:center}
.hero-field .hero-copy{padding:0}.hero-field .hero-art{min-height:520px}.hero-field .wmic-hero{min-height:480px;height:480px;background:transparent}
.hero-field .art-caption{position:static;margin:18px 0 0;padding:0;background:none}.hero-field .wmic{width:65%}
.sponsor-hero h1{max-width:1000px}.channel-band{background:var(--mist);padding:38px 0}.channel-band-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.channel-band .eyebrow{margin-bottom:14px}.channel-handle{font-size:clamp(23px,3vw,38px);font-weight:800;letter-spacing:-.045em;text-decoration:none}.channel-band p:not(.eyebrow){color:var(--muted);margin-top:12px}.audience-note{display:flex;gap:40px;align-items:center;justify-content:space-between;margin-top:32px}.audience-note p{max-width:810px;color:var(--muted);font-size:15px}.audience-note a{flex-shrink:0}
.partnership-formats,.sponsor-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.partnership-formats article{border-top:1px solid #48747a;padding-top:28px}.partnership-formats .number{color:#ffac8e}.partnership-formats h3,.sponsor-process h3{font-size:27px;margin:24px 0 16px}.partnership-formats p,.sponsor-process p{font-size:16px}.sponsor-process{border-top:1px solid var(--line);padding-top:32px}.sponsor-process p{color:var(--muted)}.sponsor-principles{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:64px}.sponsor-principles .work-copy p:first-child{margin-top:0}.contact-channel{font-size:14px}.footer-links a[href="https://whatmakesitrun.com/"]{font-weight:600;text-decoration:underline}
@media(max-width:1000px){.hero-field{gap:30px}.hero-field .hero-art{min-height:460px}.hero-field .wmic-hero{min-height:420px;height:420px}.channel-band-inner,.sponsor-principles{gap:40px}.partnership-formats,.sponsor-process{gap:24px}}
@media(max-width:720px){.hero-field{width:calc(100% - 40px);padding:46px 0 34px;gap:28px}.hero-field .hero-copy{padding:0}.hero-field .hero-art{min-height:355px;max-width:440px}.hero-field .wmic-hero{min-height:320px;height:320px}.hero-field .wmic{width:62%;max-width:280px}.hero-field .art-caption{font-size:9px;margin-top:14px}.channel-band-inner,.sponsor-principles{grid-template-columns:1fr;gap:28px}.partnership-formats,.sponsor-process{grid-template-columns:1fr;gap:32px}.partnership-formats h3,.sponsor-process h3{margin-top:18px}.audience-note{align-items:flex-start;flex-direction:column;gap:20px}.sponsor-principles{padding-top:48px}.sponsor-hero h1{font-size:clamp(38px,10vw,68px)}}
.about .section-head p:not(.eyebrow){color:#c4d8d6}
.hero-band{background:var(--cream);color:var(--teal);overflow:hidden}
.hero-band{background:#f7f0e4;border-bottom:1px solid var(--line)}
.hero-band .eyebrow{color:var(--ember)}.hero-band .hero h1 .accent{color:var(--ember)}
.hero-band .hero-copy>p:not(.eyebrow){color:var(--muted)}
.hero-band .button{background:var(--teal);border-color:var(--teal);color:var(--cream);box-shadow:0 6px 24px #002e3510}
.hero-band .button:hover{background:var(--ink);border-color:var(--ink)}
.hero-band :is(a,button):focus-visible{outline-color:var(--ember)}
.hero-band .wmic-hero{--stroke:var(--teal);overflow:visible}
.hero-band .wmic{filter:drop-shadow(0 12px 18px #001f2810)}
.hero-band .wmic-hero::before{content:"";position:absolute;inset:12%;pointer-events:none;background:radial-gradient(ellipse,#fd592b0c,transparent 67%)}
.hero-band .wmic-arcs{transform-origin:512px 512px}
.hero-band .wmic-sparks{transform-origin:512px 240px}
.hero-band .wmic-spark{filter:drop-shadow(0 0 7px #fd592b30)}
.hero-band .wmic-pointer{fill:url(#cursor-light);stroke:var(--teal);stroke-width:3;filter:drop-shadow(5px 9px 6px #002e3520)}
.hero-band .wmic-glint{fill:#fff;opacity:.16;transform:translateX(-300px)}
.hero-band .wmic-dot-backing{fill:var(--cream)}
.hero-band .wmic-pointer-backing{fill:var(--cream);stroke:var(--cream);stroke-width:14;stroke-linejoin:round}
.hero-field{position:relative;isolation:isolate;--dot-bleed:min(84px,calc((100vw - 100%) / 2))}
.hero-field>.hero-dots{position:absolute;top:0;left:calc(-1 * var(--dot-bleed));width:calc(100% + var(--dot-bleed));height:100%;z-index:0;pointer-events:none}
.hero-field>.hero-copy,.hero-field>.hero-art{position:relative;z-index:1}
.hero-field .hero-art{min-height:480px}
.footer-links{align-items:center}
.footer-links .motion-toggle{flex-shrink:0;border:1px solid var(--line);padding:10px 14px;min-height:44px;font-size:12px;line-height:1.4;color:var(--teal);transition:background .2s,border-color .2s}
.footer-links .motion-toggle:hover{background:var(--mist);border-color:var(--muted)}
.footer-links .motion-toggle:disabled{cursor:default;color:var(--muted)}
@media(max-width:1000px){.hero-field .hero-art{min-height:420px}}
@media(max-width:720px){.hero-field .hero-art{min-height:320px}}
/* Keep the brand row steady while mobile navigation expands below it. */
@media(max-width:720px){.header-inner{display:grid;grid-template-columns:minmax(0,1fr) 82px;grid-template-rows:minmax(80px,auto) auto;column-gap:12px;row-gap:0}.header-inner>.brand{max-width:none;grid-column:1;grid-row:1}.header-inner>.menu-toggle{grid-column:2;grid-row:1;width:82px;min-height:44px;padding:10px 8px}.header-inner>.site-nav{grid-column:1/-1;grid-row:2}}

/* Packages, stat strip and quick answers (Click palette) */
.button-outline{background:transparent;color:var(--teal);box-shadow:none}
@media(hover:hover){.button-outline:hover{background:var(--teal);color:var(--cream)}}
.actions .button{margin-top:0}
.price-list{border-top:1px solid var(--line)}
.price-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(110px,.55fr) minmax(0,1.2fr) auto;gap:clamp(18px,3vw,44px);align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}
.price-name h3{font-size:clamp(1.35rem,2vw,1.65rem)}.price-name p{font-size:15px;color:var(--muted);margin-top:8px;max-width:380px;line-height:1.55}
.price-amount{font-size:clamp(2.1rem,3vw,2.8rem);font-weight:800;letter-spacing:-.055em;line-height:1;white-space:nowrap}
.price-amount span{display:block;font:11px/1.6 Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ember);margin-bottom:6px}
.price-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}.price-facts div{min-width:0}
.price-facts dt{font:11px/1.6 Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.price-facts dd{margin:4px 0 0;font-size:15px;font-weight:600}
.price-row .button{margin-top:0;justify-self:end;min-width:200px}
.price-row.is-featured .price-name h3{color:var(--ember)}
.price-extras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:32px 0 0;padding:24px 0;border-bottom:1px solid var(--line)}
.price-extras dt{font:11px/1.6 Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.price-extras dd{margin:6px 0 0;font-size:17px;font-weight:600}
@media(max-width:1100px){.price-row{grid-template-columns:minmax(0,1.2fr) minmax(100px,.6fr) minmax(0,1.3fr)}.price-row .button{grid-column:1/-1;justify-self:start;min-width:0}.price-extras{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.price-row{grid-template-columns:1fr auto;padding:24px 0}.price-amount{grid-column:2;grid-row:1;text-align:right}.price-amount span{text-align:right}.price-facts{grid-column:1/-1}.price-row .button{grid-column:1/-1;display:flex;width:100%}}
@media(max-width:600px){.price-extras{grid-template-columns:1fr;gap:16px}.price-facts{gap:10px}.price-facts dd{font-size:14px}}
.stat-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat-strip li{padding:26px 26px 26px 0;min-width:0}.stat-strip li+li{border-left:1px solid var(--line);padding-left:26px}
.stat-strip strong{display:block;font-size:clamp(2.6rem,4.4vw,4rem);font-weight:800;line-height:1;letter-spacing:-.055em}
.stat-strip span{display:block;margin-top:12px;font:11px/1.6 Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
@media(max-width:600px){.stat-strip{grid-template-columns:1fr}.stat-strip li,.stat-strip li+li{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:18px 0;border-left:0}.stat-strip li+li{border-top:1px solid var(--line)}.stat-strip strong{font-size:2.4rem}.stat-strip span{margin-top:0;text-align:right}}
.faq{max-width:820px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;padding:20px 0;font-size:1.15rem;font-weight:600;letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.7rem;font-weight:400;line-height:1;color:var(--ember)}.faq details[open] summary:after{content:"−"}
.faq details p{max-width:640px;padding:0 40px 22px 0;font-size:16px;color:var(--muted)}
@media(max-width:600px){.faq summary{font-size:1.05rem}.faq details p{padding-right:0}}
.hero-band .button.button-outline{background:transparent;color:var(--teal);box-shadow:none}
@media(hover:hover){.hero-band .button.button-outline:hover{background:var(--teal);color:var(--cream)}}
/* Partnerships design study (Click palette): a story builds, a product joins, the result is labelled */
.sponsor-hero.video-hero h1{max-width:none}
.sb-phone{position:absolute;left:9%;top:11%;width:29%;height:78%;border:1px solid #ffffff80;border-radius:10px;overflow:hidden;background:#ffffff0a}
.sb-line{position:absolute;left:12%;height:4.5%;background:var(--motion-paper);opacity:.85;transform-origin:left;transform:scaleX(0);animation:sb-line 8s ease-in-out infinite}
.sb-l1{top:11%;width:76%}.sb-l2{top:20%;width:58%;animation-delay:.5s}.sb-l3{top:29%;width:68%;animation-delay:1s}
.sb-product{position:absolute;left:12%;top:46%;width:42%;aspect-ratio:1;background:var(--motion-accent);border-radius:18%;opacity:0;transform:translateX(260%) scale(.6);animation:sb-product 8s ease-in-out infinite}
.sb-tag{position:absolute;left:12%;bottom:7%;padding:3px 6px;border:1px solid #ffffffa0;font:8px/1.4 Mono,monospace;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;opacity:0;animation:sb-tag 8s ease-in-out infinite}
.sb-words{position:absolute;left:46%;top:19%;font:800 clamp(22px,3.1vw,50px)/1.04 Inter,sans-serif;letter-spacing:-.06em}
.sb-words span{display:block;opacity:0;animation:sb-word 8s ease-in-out infinite}.sb-words span:nth-child(2){animation-delay:1.1s}.sb-words span:nth-child(3){animation-delay:2.3s}
.sb-words i{font-style:normal;color:var(--motion-accent)}
.sponsor-board .board-dot{left:46%;bottom:13%}
@keyframes sb-line{0%,4%{transform:scaleX(0)}16%,88%{transform:scaleX(1)}96%,100%{transform:scaleX(0)}}
@keyframes sb-product{0%,26%{opacity:0;transform:translateX(260%) scale(.6)}38%{opacity:1;transform:translateX(0) scale(1.06)}42%,88%{opacity:1;transform:translateX(0) scale(1)}96%,100%{opacity:0;transform:translateX(0) scale(.9)}}
@keyframes sb-tag{0%,46%{opacity:0}54%,88%{opacity:1}96%,100%{opacity:0}}
@keyframes sb-word{0%,3%{opacity:0;transform:translateX(-14px)}12%,86%{opacity:1;transform:none}94%,100%{opacity:0;transform:none}}
@media(max-width:600px){.sb-tag{font-size:6px;padding:2px 4px}}
@media(prefers-reduced-motion:reduce){.sb-line{transform:none}.sb-product{opacity:1;transform:none}.sb-tag{opacity:1}.sb-words span{opacity:1;transform:none}}
/* MaintainIQ case videos */
.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,32px);max-width:none;margin:0 auto;text-align:left}
.work-thumb{position:relative;display:block;width:100%;padding:0;margin:0;background:var(--ink);border:1px solid var(--line);color:var(--cream);text-align:left;overflow:hidden}
.work-thumb-media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ink)}
.work-thumb-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.work-thumb-caption{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:16px 18px;background:var(--cream);color:var(--teal);border-top:1px solid var(--line)}
.work-thumb-caption strong{font-size:17px;font-weight:600;letter-spacing:-.03em}
.work-thumb-caption span{font-family:Mono,monospace;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.work-pair-note{max-width:560px;margin:26px auto 0}
@media(hover:hover){.work-thumb:hover .work-thumb-media img{transform:scale(1.03)}.work-thumb:hover .work-thumb-caption strong{color:var(--ember)}}
@media(max-width:850px){.work-thumb-caption{padding:12px 14px}.work-thumb-caption strong{font-size:14px}}
@media(max-width:600px){.work-pair{grid-template-columns:1fr;gap:22px}}
@media(prefers-reduced-motion:reduce){.work-thumb-media img{transition:none}}
.lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--ink);color:var(--cream);overscroll-behavior:contain;display:none;flex-direction:column}
.lightbox[open]{display:flex}
.lightbox::backdrop{background:#022e35}
.lightbox-bar{display:flex;align-items:center;gap:14px;flex-shrink:0;min-height:60px;padding:calc(8px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) 8px calc(16px + env(safe-area-inset-left,0px));border-bottom:1px solid #ffffff20}
.lightbox-title{flex:1;min-width:0;margin:0;font-size:13px;font-weight:600;color:#dde8e7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lightbox-langs{display:flex;gap:0;border:1px solid #ffffff40}
.lightbox-langs button{background:transparent;color:#dde8e7;border:0;padding:10px 14px;min-height:44px;font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap}
.lightbox-langs button+button{border-left:1px solid #ffffff40}
.lightbox-langs button[aria-pressed=true]{background:var(--cream);color:var(--ink)}
.lightbox-close{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:8px 10px;background:transparent;border:1px solid #ffffff40;color:#dde8e7;font-size:12px;font-weight:600}
.lightbox-close .icon{width:18px;height:18px}
.lightbox-stage{flex:1;min-height:0;display:grid;place-items:center;padding:0 0 env(safe-area-inset-bottom,0px)}
.lightbox-video{display:block;background:#000;max-width:100%;max-height:100%}
.lightbox.is-ready{animation:lightbox-in .18s ease-out}
@keyframes lightbox-in{from{opacity:0}to{opacity:1}}
@media(hover:hover){.lightbox-close:hover,.lightbox-langs button:not([aria-pressed=true]):hover{background:#ffffff14}}
@media(min-width:851px){.lightbox-stage{padding:20px 48px 44px}.lightbox-bar{padding-left:32px;padding-right:28px}.lightbox-langs button{padding-inline:18px}}
@media(max-width:600px){.lightbox-close span{display:none}.lightbox-title{font-size:12px}.lightbox-langs button{padding-inline:12px;font-size:12px}}
.lightbox-open{overflow:hidden}
.case-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);max-width:none;margin:0 auto 40px;padding:26px 0;border-top:1px solid #03454f26;border-bottom:1px solid #03454f26;text-align:left}
.case-summary div{min-width:0}.case-summary dt{font:12px/1.6 Mono,monospace;letter-spacing:.09em;text-transform:uppercase;color:var(--ember);margin-bottom:10px}.case-summary dd{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
@media(max-width:850px){.case-summary{grid-template-columns:1fr;gap:20px}}
.work-thumb:focus-visible,.lightbox button:focus-visible{outline:3px solid var(--ember);outline-offset:3px}
.case-summary+.work-pair{margin-top:0}.work-pair-note{margin-top:26px}
.section-note a{text-decoration:underline}
/* Legibility and touch targets */
.eyebrow,.number,.price-amount span,.stat-strip span,.price-facts dt,.board-top,.board-bottom,.board-top span,.board-bottom span,.motion-toggle,.art-caption,.work-thumb-caption span{font-size:12px}
.board-top,.board-bottom,.board-top span,.board-bottom span{font-size:11px}
@media(max-width:600px){.board-top,.board-bottom,.board-top span,.board-bottom span{font-size:10px}}
.board-top,.board-bottom{gap:14px}
.text-link,.section-note a,.footer-links a{position:relative}
.brand{padding-block:5px}
.footer-links a{padding-block:10px}
/* Centred stats */
.stat-strip li,.stat-strip li+li{text-align:center;padding-inline:20px}
@media(max-width:600px){.stat-strip li,.stat-strip li+li{display:block;padding:22px 0}.stat-strip span{margin-top:10px;text-align:center}}
.section-note{max-width:none}
.price-amount.is-custom{font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:-.04em;white-space:normal}
@media(min-width:721px){.sponsor-process.is-two{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}}
.board-top span:last-child{font-size:11px}
@media(max-width:600px){.board-top span:last-child{font-size:10px}}
.sb-tag{font-size:8px;padding:2px 5px}
@media(max-width:400px){.sb-tag{left:9%;letter-spacing:.02em;padding:2px 4px}}
.text-link,.footer-email{position:relative}
.text-link::before,.footer-email::before{content:"";position:absolute;left:0;right:0;top:-8px;bottom:-8px}
.sponsor-process.is-two+.section-note{margin-top:40px}
.stat-strip+.section-note{text-align:center}
.arrow{width:.8em;height:.8em;margin-left:.4em;vertical-align:-.04em;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:square;flex:none}
.sister-links{display:grid;gap:14px;justify-items:start}
.channel-links{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.channel-links{grid-template-columns:1fr}}
#faq .section-head{display:block;text-align:center}
.faq{margin-inline:auto}
.proof-band{padding-block:56px 8px}.proof-band>.eyebrow,.proof-band>.section-note{text-align:center}