/* Tech It Easy: campaign pages with the original site's scale and detail,
   expressed through the channel's own black, white and red identity. */
.brand-tech .tp-page{--tp-black:#17191b;--tp-white:#faf8f3;--tp-red:#c92e37;--tp-bright:#ff7b81;--tp-muted:#626264;--tp-line:#d8d6d0;color:var(--tp-black);background:var(--tp-white);overflow:clip}
.brand-tech .tp-page :is(h1,h2,h3,p,figure,dl,dd){margin:0}
.brand-tech .tp-page :is(h1,h2,h3){font-family:var(--sans);font-weight:650;letter-spacing:-.055em;text-wrap:balance}
.brand-tech .tp-page h2{font-size:clamp(36px,4.6vw,66px);line-height:1.06}
.brand-tech .tp-page h3{font-size:27px;line-height:1.15}
.brand-tech .tp-page p{text-wrap:pretty;line-height:1.7}
.brand-tech .tp-page .container{max-width:1280px}
.brand-tech .tp-page :is(a,button,summary):focus-visible{outline:3px solid var(--tp-red);outline-offset:5px}
.brand-tech .tp-page .button{font-size:13px;min-height:54px;gap:24px;border-radius:0}
.brand-tech .tp-page .button.primary{color:#fff;background:var(--tp-red);border-color:var(--tp-red)}
.brand-tech .tp-page .button.primary:hover{background:#ab2029;border-color:#ab2029;filter:none}
.brand-tech .tp-page .button.secondary{color:inherit;background:transparent;border-color:currentColor}
.brand-tech .tp-page .button.secondary:hover{color:#fff;background:var(--tp-black)}
.brand-tech .tp-page .tp-download span{display:inline-flex;align-items:center;gap:12px;font:10px var(--mono)}
.brand-tech .tp-page .tp-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding-block:8px;font-size:13px;line-height:1.5;font-weight:600;border-bottom:1px solid currentColor}
.brand-tech .tp-page .tp-link:hover{text-decoration:underline;text-underline-offset:4px}
.brand-tech .tp-page .tp-link .icon{flex:none;width:19px;height:19px}
.brand-tech .tp-page .tp-kicker{font:10px/1.65 var(--mono);text-transform:uppercase;letter-spacing:.13em;margin-bottom:23px}
.brand-tech .tp-page .tp-source{font-size:11px;line-height:1.75;color:var(--tp-muted)}
.brand-tech .tp-page .tp-source .tp-link{font-size:11px;padding-block:1px}
.brand-tech .tp-page .tp-section{padding-block:clamp(64px,7.5vw,110px)}
.brand-tech .tp-page .tp-section-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:70px;margin-bottom:48px}
.brand-tech .tp-page .tp-section-heading>p{max-width:410px;font-size:16px;line-height:1.8;color:var(--tp-muted)}
.brand-tech .tp-page .tp-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:28px}
.brand-tech .tp-page .tp-lead{font-size:clamp(18px,1.7vw,22px);line-height:1.6;max-width:520px}
.brand-tech .tp-page .tp-cover-rule{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:18px;border-bottom:1px solid #ffffff26;font:9px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.13em;color:#cccac4}
.brand-tech .tp-page .tp-cover-rule>span:first-child:before{content:'';display:inline-block;width:6px;height:6px;background:var(--tp-bright);margin-right:12px}

/* Cinematic channel opening: a real review, authentic thumbnail, dated reach. */
.brand-tech .tp-page :is(.tp-hero,.tp-kit-cover){position:relative;padding-block:30px 36px;color:var(--tp-white);background-color:var(--tp-black);background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:45px 45px}
.brand-tech .tp-page :is(.tp-hero,.tp-kit-cover):after{content:'';position:absolute;right:18px;top:85px;width:10px;height:calc(100% - 120px);border-right:1px solid #ff7b8155;border-top:1px solid #ff7b8155;border-bottom:1px solid #ff7b8155;pointer-events:none}
.brand-tech .tp-page .tp-hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:clamp(30px,5vw,78px);align-items:center;padding-block:48px 44px}
.brand-tech .tp-page .tp-hero h1{font-size:clamp(58px,6.3vw,92px);line-height:.99;letter-spacing:-.06em;font-weight:650}
.brand-tech .tp-page .tp-hero h1 em{display:block;color:var(--tp-bright);font:400 .72em/1.55 var(--pixel);letter-spacing:-.05em;text-transform:uppercase;margin-top:4px}
.brand-tech .tp-page .tp-hero .tp-lead{font-size:18px;margin-top:14px;color:#d4d3ce;max-width:420px}
.brand-tech .tp-page .tp-hero-byline{font-size:12px;margin-top:15px;color:#acadae}
.brand-tech .tp-page .tp-film-annotation{font:10px/1.6 var(--mono);letter-spacing:.04em;margin-bottom:16px;color:#c5c6c5}
.brand-tech .tp-page .tp-film-annotation>span{display:inline-block;width:6px;height:6px;background:var(--tp-bright);margin-right:10px}
.brand-tech .tp-page .tp-hero-film{position:relative;min-width:0}
.brand-tech .tp-page .tp-hero-film:after{content:'';position:absolute;top:22px;right:-10px;width:40px;height:40px;border-top:3px solid var(--tp-red);border-right:3px solid var(--tp-red);pointer-events:none}
.brand-tech .tp-page .tp-watch{display:block;position:relative;color:#fff;background:#232528;border:1px solid #ffffff30}
.brand-tech .tp-page .tp-watch>img{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}
.brand-tech .tp-page .tp-watch-caption{display:flex;align-items:center;gap:12px;padding:13px 16px;background:#232528;font-size:12px;font-weight:600;line-height:1.45}
.brand-tech .tp-page .tp-watch-caption>.icon:last-child{margin-left:auto;width:17px;flex:none}
.brand-tech .tp-page .tp-play{display:grid;place-items:center;background:var(--tp-red);width:30px;height:30px;flex:none}
.brand-tech .tp-page .tp-play .icon{width:15px}
.brand-tech .tp-page .tp-watch:hover .tp-watch-caption{background:#34373a}
.brand-tech .tp-page .tp-hero-film-note{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center;margin-top:22px;padding-top:19px;border-top:1px solid #ffffff26}
.brand-tech .tp-page .tp-hero-film-note>p:first-child{line-height:1}
.brand-tech .tp-page .tp-hero-film-note strong{display:block;font-size:clamp(35px,3.9vw,54px);line-height:1;letter-spacing:-.06em;font-weight:550;color:var(--tp-bright)}
.brand-tech .tp-page .tp-hero-film-note>p:first-child>span{display:block;font-size:11px;margin-top:9px;color:#c5c6c5}
.brand-tech .tp-page .tp-hero-film-note>p:last-child{font-size:12px;color:#e0dfda;line-height:1.75}
.brand-tech .tp-page .tp-hero-film-note small{font-size:10px;color:#acaeb0}
.brand-tech .tp-page .tp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:28px;border-top:1px solid #ffffff35;gap:30px}
.brand-tech .tp-page .tp-metrics>div{display:flex;flex-direction:column;min-width:0;padding-right:20px}
.brand-tech .tp-page .tp-metrics>div+div{border-left:1px solid #ffffff35;padding-left:30px}
.brand-tech .tp-page .tp-metrics dt{order:2;font-size:15px;line-height:1.5;margin-top:9px}
.brand-tech .tp-page .tp-metrics dd{order:1;font-size:clamp(42px,5.5vw,76px);font-weight:550;letter-spacing:-.065em;line-height:1}
.brand-tech .tp-page .tp-number-suffix{font-size:.65em}
.brand-tech .tp-page .tp-metrics small{display:block;margin-top:7px;color:#acadae;font-size:10px;line-height:1.65}
.brand-tech .tp-page .tp-hero-source{color:#acadae;margin-top:23px}
.brand-tech .tp-page .tp-hero-source .tp-link{margin-left:12px;color:#dfded9}

/* Approved experience, with the relationship shown beside every mark. */
.brand-tech .tp-page .tp-brands{padding-block:40px;background:#fff;border-bottom:1px solid var(--tp-line)}
.brand-tech .tp-page .tp-brands-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px}
.brand-tech .tp-page .tp-brands-heading h2{font-size:20px;letter-spacing:-.035em;line-height:1.4}
.brand-tech .tp-page .tp-brands-heading p{font-size:11px;color:var(--tp-muted);max-width:365px}
.brand-tech .tp-page .tp-brand-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #e3e4e2;border-left:1px solid #e3e4e2}
.brand-tech .tp-page .tp-brand-grid>li{min-width:0;border-right:1px solid #e3e4e2;border-bottom:1px solid #e3e4e2}
.brand-tech .tp-page .tp-brand{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:0;height:150px;padding:21px 15px;transition:background .2s}
.brand-tech .tp-page .tp-brand-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:61px;gap:6px}
.brand-tech .tp-page .tp-brand-mark>img{width:100%;max-width:150px;height:46px;object-fit:contain;filter:none}
.brand-tech .tp-page .tp-brand-role{font:9px/1.5 var(--mono);text-align:center;color:#626264;max-width:145px;min-height:27px}
.brand-tech .tp-page .tp-brand-name{font:11px/1.3 var(--sans);font-weight:600;white-space:nowrap}
.brand-tech .tp-page :is(.tp-brand-robustgoods,.tp-brand-lunar-artefacts,.tp-brand-master-dynamic) img{height:32px}
.brand-tech .tp-page .tp-brand>.icon{position:absolute;bottom:8px;right:8px;width:11px;height:11px;color:#737476}
.brand-tech .tp-page a.tp-brand:hover{background:#f3f3f1}
.brand-tech .tp-page .tp-brand-dark{background:#1b1d1f;color:#fff}
.brand-tech .tp-page .tp-brand-dark .tp-brand-role{color:#c8c8c8}
.brand-tech .tp-page .tp-brand-group{padding-top:26px}
.brand-tech .tp-page .tp-brand-group h3{font:500 10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}
.brand-tech .tp-page .tp-brand-more{border-bottom:1px solid #e3e4e2}
.brand-tech .tp-page .tp-brand-more summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;cursor:pointer;padding-block:20px;font-size:13px;font-weight:600}
.brand-tech .tp-page .tp-brand-more summary::-webkit-details-marker{display:none}
.brand-tech .tp-page .tp-brand-more summary::marker{content:''}
.brand-tech .tp-page .tp-brand-more summary small{font:9px var(--mono);padding:4px 7px;margin-left:9px;background:#f0eeea;color:#656566}
.brand-tech .tp-page .tp-brand-more summary>.icon{width:19px;color:#b22730;transition:transform .25s}
.brand-tech .tp-page .tp-brand-more[open] summary>.icon{transform:rotate(45deg)}
.brand-tech .tp-page .tp-brand-more[open]{padding-bottom:25px}
.brand-tech .tp-page .tp-brand-context{font-size:10px;line-height:1.7;color:var(--tp-muted);margin-top:18px;max-width:900px}

/* One result given enough room to tell the story. */
.brand-tech .tp-page .tp-proof{background:#202325;color:var(--tp-white)}
.brand-tech .tp-page :is(.tp-flagship-heading,.tp-flagship-grid){display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);column-gap:clamp(35px,6vw,90px)}
.brand-tech .tp-page .tp-flagship-heading{align-items:start;margin-bottom:36px}
.brand-tech .tp-page .tp-flagship-heading>.tp-kicker{max-width:225px;margin-top:9px;color:#c8c7c1}
.brand-tech .tp-page .tp-flagship-heading>h2{font-size:clamp(36px,4.1vw,58px);text-wrap:initial}
.brand-tech .tp-page .tp-flagship-grid{align-items:start}
.brand-tech .tp-page .tp-result-number{font-size:clamp(72px,9vw,128px);letter-spacing:-.075em;line-height:1;font-weight:550;color:var(--tp-bright)}
.brand-tech .tp-page .tp-flagship .tp-result-number{font:400 clamp(62px,6.5vw,100px)/1.15 var(--pixel);letter-spacing:0;color:#f2464d;white-space:nowrap}
.brand-tech .tp-page .tp-flagship .tp-number-prefix{font:inherit}
.brand-tech .tp-page .tp-decode-digits{font-variant-numeric:tabular-nums}
.brand-tech .tp-page .tp-number-readable{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.brand-tech .tp-page .tp-result-label{font-size:15px;line-height:1.5;margin-top:14px;color:#eeebe4}
.brand-tech .tp-page .tp-result-story{margin-top:30px;padding-top:26px;border-top:1px solid #ffffff30;max-width:380px}
.brand-tech .tp-page .tp-result-story h3{font-size:29px}
.brand-tech .tp-page .tp-result-story p{font-size:14px;color:#bfc0bc;margin-top:16px}
.brand-tech .tp-page .tp-film-meta{font:10px/1.7 var(--mono);margin-top:14px;color:#bfc0bc}
.brand-tech .tp-page .tp-case-type{display:flex;gap:28px;align-items:baseline;border-top:1px solid #ffffff30;padding-top:19px;margin-top:22px}
.brand-tech .tp-page .tp-case-type>span{font:8px/1.6 var(--mono);color:var(--tp-bright);white-space:nowrap}
.brand-tech .tp-page .tp-case-type>p{font-size:12px;color:#c4c5c2}
.brand-tech .tp-page .tp-result-source{border-top:1px solid #ffffff30;margin-top:40px;padding-top:20px;color:#b9bab7;max-width:1040px}

/* Two formats; clear examples instead of interchangeable sales cards. */
.brand-tech .tp-page .tp-format-cards{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--tp-line)}
.brand-tech .tp-page .tp-format-cards>article{padding:clamp(25px,3.5vw,48px);min-width:0}
.brand-tech .tp-page .tp-format-cards>article+article{border-left:1px solid var(--tp-line);background:#eeece6}
.brand-tech .tp-page .tp-format-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}
.brand-tech .tp-page .tp-format-top>span{font:10px/1.7 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#a0242c}
.brand-tech .tp-page .tp-format-top>.icon{width:22px;color:var(--tp-red)}
.brand-tech .tp-page .tp-format-cards h3{font-size:clamp(31px,3.5vw,49px);line-height:1.08}
.brand-tech .tp-page .tp-format-cards h3 em{font-style:normal;color:#a0242c}
.brand-tech .tp-page .tp-format-cards>article>p{font-size:15px;color:var(--tp-muted);margin-top:23px;max-width:450px}
.brand-tech .tp-page .tp-format-example{display:grid;grid-template-columns:138px 1fr;gap:20px;align-items:center;margin-top:30px;padding-top:24px;border-top:1px solid var(--tp-line)}
.brand-tech .tp-page .tp-format-example>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.brand-tech .tp-page .tp-format-example>div>span,.brand-tech .tp-page .tp-format-detail>span{font:9px/1.6 var(--mono);text-transform:uppercase;color:#a0242c}
.brand-tech .tp-page .tp-format-example p{font-size:12px;margin-top:5px;line-height:1.6}
.brand-tech .tp-page .tp-format-example .tp-link{font-size:11px;padding-top:10px;gap:10px}
.brand-tech .tp-page .tp-format-detail{border-top:1px solid #c8c4bc;margin-top:30px;padding-top:24px}
.brand-tech .tp-page .tp-format-detail ul{list-style:none;padding:0;margin:15px 0 12px;font-size:13px;line-height:1.6;color:#555355}
.brand-tech .tp-page .tp-format-detail li{padding-left:16px;position:relative;margin-top:7px}
.brand-tech .tp-page .tp-format-detail li:before{content:'';position:absolute;left:0;top:.65em;width:4px;height:4px;background:var(--tp-red)}
.brand-tech .tp-page .tp-format-source{max-width:950px;margin-top:23px}

/* A compact watchable portfolio with properly scoped view counts. */
.brand-tech .tp-page .tp-collaborations{background:#e9e7e1;border-block:1px solid #d5d2ca}
.brand-tech .tp-page .tp-collaboration-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}
.brand-tech .tp-page .tp-collaboration-heading h2{font-size:clamp(35px,4vw,56px)}
.brand-tech .tp-page .tp-collaboration-heading>p{flex:none;text-align:right}
.brand-tech .tp-page .tp-collaboration-heading strong{display:block;font-size:66px;letter-spacing:-.07em;line-height:1;font-weight:550;color:#b22730}
.brand-tech .tp-page .tp-collaboration-heading>p>span{display:block;margin-top:12px;font-size:11px}
.brand-tech .tp-page .tp-collaboration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.brand-tech .tp-page .tp-collaboration a{display:block}
.brand-tech .tp-page .tp-collaboration-image{position:relative;overflow:hidden;background:#161718}
.brand-tech .tp-page .tp-collaboration-image>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}
.brand-tech .tp-page .tp-collaboration-image>span{position:absolute;bottom:0;right:0;display:grid;place-items:center;width:31px;height:31px;background:var(--tp-red);color:#fff}
.brand-tech .tp-page .tp-collaboration-image .icon{width:14px}
.brand-tech .tp-page .tp-collaboration a:hover img{transform:scale(1.03)}
.brand-tech .tp-page .tp-collaboration-label{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}
.brand-tech .tp-page .tp-collaboration-label h3{font-size:21px;letter-spacing:-.025em}
.brand-tech .tp-page .tp-collaboration-label>.icon{width:18px;flex:none}
.brand-tech .tp-page .tp-collaboration a>p:not(.tp-collaboration-views){font-size:12px;color:#5d5c5c;margin-top:7px;min-height:40px}
.brand-tech .tp-page .tp-collaboration-views{border-top:1px solid #cac7bf;padding-top:11px;font-size:10px;margin-top:16px}
.brand-tech .tp-page .tp-collaboration-views strong{font-size:20px;letter-spacing:-.04em;font-weight:550;color:#a0242c;margin-right:4px}
.brand-tech .tp-page .tp-collaboration-source{margin-top:27px;max-width:920px}

/* The person, the process, and the editorial agreement. */
.brand-tech .tp-page .tp-working-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7.5vw,110px);align-items:center}
.brand-tech .tp-page .tp-creator-photo{background:#26292b;padding:7px;color:var(--tp-white)}
.brand-tech .tp-page .tp-creator-photo>img{width:100%;height:auto;aspect-ratio:1.08;object-fit:cover;object-position:51% 50%}
.brand-tech .tp-page .tp-creator-photo figcaption{display:flex;flex-direction:column;gap:5px;padding:17px 15px 13px;font-size:15px}
.brand-tech .tp-page .tp-creator-photo figcaption>span:last-child{font:9px/1.6 var(--mono);color:#bbbcba}
.brand-tech .tp-page .tp-workflow{list-style:none;padding:0;margin:34px 0 0}
.brand-tech .tp-page .tp-workflow li{display:flex;gap:22px;align-items:flex-start;padding:21px 0;border-top:1px solid var(--tp-line)}
.brand-tech .tp-page .tp-workflow li>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #af2730;color:#a0242c;font:9px var(--mono);flex:none}
.brand-tech .tp-page .tp-workflow h3{font-size:24px;letter-spacing:-.04em}
.brand-tech .tp-page .tp-workflow p{font-size:13px;color:var(--tp-muted);margin-top:9px}
.brand-tech .tp-page .tp-editorial{background:#fff;border-block:1px solid var(--tp-line)}
.brand-tech .tp-page .tp-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.brand-tech .tp-page .tp-principles>div{padding-top:24px;border-top:1px solid var(--tp-line)}
.brand-tech .tp-page .tp-principles>div>span{display:block;font:10px/1.5 var(--mono);color:#a0242c;margin-bottom:18px}
.brand-tech .tp-page .tp-principles h3{font-size:24px;letter-spacing:-.035em}
.brand-tech .tp-page .tp-principles p{font-size:14px;color:var(--tp-muted);margin-top:16px}
.brand-tech .tp-page .tp-editorial-link{margin-top:28px}
.brand-tech .tp-page .tp-kit-feature{padding-block:78px;background:#e9e7e1}
.brand-tech .tp-page .tp-kit-feature-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(50px,9vw,130px)}
.brand-tech .tp-page .tp-kit-feature-grid>div:last-child>p:not(.tp-kicker){font-size:16px;margin-top:25px;max-width:480px;color:var(--tp-muted)}
.brand-tech .tp-page .tp-kit-paper{padding:25px;background:#faf8f3;transform:rotate(-4deg);box-shadow:8px 10px 0 #201c1814,0 14px 36px #201c1822;border:1px solid #d4d0c7;max-width:420px;margin-inline:18px}
.brand-tech .tp-page .tp-kit-paper>span{font:8px/1.6 var(--mono);letter-spacing:.1em}
.brand-tech .tp-page .tp-kit-paper>img{width:100%;height:auto;margin-top:20px}
.brand-tech .tp-page .tp-kit-paper>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--tp-line);padding-block:17px}
.brand-tech .tp-page .tp-kit-paper strong{font-size:43px;font-weight:550;letter-spacing:-.06em}
.brand-tech .tp-page .tp-kit-paper>p{font:7px/1.7 var(--mono);margin-top:16px;letter-spacing:.03em}
.brand-tech .tp-page .tp-enquiry{padding-block:clamp(54px,7vw,98px);background:#bd2832;color:#fff5e8;position:relative}
.brand-tech .tp-page .tp-enquiry-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:90px}
.brand-tech .tp-page .tp-enquiry h2{font-size:clamp(48px,6vw,84px)}
.brand-tech .tp-page .tp-enquiry-grid>div>p:last-child{max-width:480px;margin-top:25px;font-size:16px;line-height:1.75;color:#f9dfe0}
.brand-tech .tp-page .tp-enquiry-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px}
.brand-tech .tp-page .tp-enquiry .button.primary{background:#fff5e8;color:var(--tp-black);border-color:#fff5e8;padding:20px 25px;width:100%;max-width:370px}
.brand-tech .tp-page .tp-enquiry .button.primary:hover{background:var(--tp-black);color:#fff;border-color:var(--tp-black)}
.brand-tech .tp-page .tp-enquiry :focus-visible{outline-color:#fff}
.brand-tech .tp-page .tp-email{max-width:100%;overflow-wrap:anywhere;font-size:clamp(18px,2vw,25px);letter-spacing:-.025em;border-bottom:1px solid #ffffff85}
.brand-tech .tp-page .tp-enquiry-actions>span{font:10px/1.7 var(--mono)}
.brand-tech .tp-page .tp-alternatives{background:#eeece6;padding-block:48px 56px}
.brand-tech .tp-page .tp-alternative-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.brand-tech .tp-page .tp-alternative-card{position:relative;isolation:isolate;overflow:hidden;padding:clamp(27px,3.4vw,46px);display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.brand-tech .tp-page .tp-alternative-studio{background:#f3e9d8;color:#1a1916;border:1px solid #d8d2c6}
.brand-tech .tp-page .tp-alternative-five{background:#ffd60a;color:#0a0a0a;border:1px solid #e6be02}
.brand-tech .tp-page .tp-alternative-brand{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:96px;margin-bottom:28px;gap:12px}
.brand-tech .tp-page .tp-alternative-brand>img{width:183px;height:auto;filter:none}
.brand-tech .tp-page .tp-alternative-brand>span{font:9px/1.6 var(--mono);letter-spacing:.02em}
.brand-tech .tp-page .tp-alternative-card h2{font-size:clamp(29px,3.2vw,44px);line-height:1.08;letter-spacing:-.05em}
.brand-tech .tp-page .tp-alternative-card>p{font-size:14px;line-height:1.75;margin-block:22px 26px;max-width:450px}
.brand-tech .tp-page .tp-alternative-card .tp-link{font-size:13px;margin-top:auto;position:relative;z-index:1}
.brand-tech .tp-page .tp-alternative-studio .tp-link{color:#9a4020}
.brand-tech .tp-page .tp-five-lockup{display:flex;align-items:center;gap:8px;min-height:52px}
.brand-tech .tp-page .tp-five-lockup>img{width:77px;height:77px;margin:-12px -9px -12px -15px;filter:none}
.brand-tech .tp-page .tp-five-lockup>span{font:400 25px/1.2 var(--pixel);white-space:nowrap}
.brand-tech .tp-page .tp-five-lockup em{font-style:normal;color:#bd2020}
.brand-tech .tp-page .tp-alternative-five:after{content:'';position:absolute;z-index:-1;right:-28px;bottom:-70px;width:240px;height:240px;background:url('/assets/five-tally.svg') center/contain no-repeat;opacity:.07;pointer-events:none}
.brand-tech .tp-page .tp-alternative-river{position:absolute;right:26px;bottom:0;width:30px;height:65px;border-left:1px solid #c4502a77;pointer-events:none}
.brand-tech .tp-page .tp-alternative-river:before{content:'';position:absolute;left:-26px;top:-29px;width:25px;height:29px;border-top:1px solid #c4502a77;border-right:1px solid #c4502a77}
.brand-tech .tp-page .tp-alternative-river:after{content:'';position:absolute;left:-29px;top:-32px;width:7px;height:7px;background:#c4502a}

/* Online kit: a complete, accessible companion to the landscape PDF. */
.brand-tech .tp-page .tp-kit-cover{padding-bottom:0}
.brand-tech .tp-page .tp-cover-rule .tp-link{font-size:10px;text-transform:none;letter-spacing:0;border:0;padding:0}
.brand-tech .tp-page .tp-kit-cover-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;padding-block:62px}
.brand-tech .tp-page .tp-kit-cover h1{font-size:clamp(45px,5.3vw,77px);line-height:1.08}
.brand-tech .tp-page .tp-kit-cover h1>span{color:var(--tp-bright)}
.brand-tech .tp-page .tp-kit-cover h1 em{color:var(--tp-bright);font:400 .75em/1.65 var(--pixel);text-transform:uppercase;letter-spacing:-.04em}
.brand-tech .tp-page .tp-kit-cover .tp-lead{color:#c8c9c6;font-size:17px;margin-top:23px}
.brand-tech .tp-page .tp-kit-brand-art{position:relative;border:1px solid #ffffff30;background:#202325;padding:7px}
.brand-tech .tp-page .tp-kit-brand-art:before{content:"";position:absolute;z-index:2;right:-8px;top:-8px;width:43px;height:43px;border-top:3px solid #d42b30;border-right:3px solid #d42b30;pointer-events:none}
.brand-tech .tp-page .tp-kit-photo-window{position:relative;overflow:hidden}
.brand-tech .tp-page .tp-photo-caption{position:absolute;bottom:17px;left:17px;padding:8px 10px;color:#fff;background:#17191bd9;font:8px/1.5 var(--mono);letter-spacing:.1em}
.brand-tech .tp-page .tp-kit-brand-art img{width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;object-position:52% 45%}
.brand-tech .tp-page .tp-kit-brand-art figcaption{display:flex;justify-content:space-between;gap:20px;font:8px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:15px 11px 8px;color:#cccac4}
.brand-tech .tp-page .tp-kit-index{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff30}
.brand-tech .tp-page .tp-kit-index>a{display:flex;gap:18px;align-items:center;padding:22px 22px 22px 0;font-size:13px}
.brand-tech .tp-page .tp-kit-index>a+a{border-left:1px solid #ffffff30;padding-left:25px}
.brand-tech .tp-page .tp-kit-index span{font:9px var(--mono);color:var(--tp-bright)}
.brand-tech .tp-page .tp-kit-index .icon{width:17px;margin-left:auto}
.brand-tech .tp-page .tp-kit-index a:hover{color:var(--tp-bright)}
.brand-tech .tp-page .tp-kit-audience .tp-metrics{border-color:var(--tp-line)}
.brand-tech .tp-page .tp-kit-audience .tp-metrics>div+div{border-color:var(--tp-line)}
.brand-tech .tp-page .tp-kit-audience .tp-metrics small{color:var(--tp-muted)}
.brand-tech .tp-page .tp-kit-audience .tp-metrics dd{color:#b22730}
.brand-tech .tp-page .tp-audience-charts{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:48px;border-top:1px solid var(--tp-line);padding-top:33px}
.brand-tech .tp-page .tp-chart-heading{display:flex;align-items:baseline;gap:20px;justify-content:space-between;margin-bottom:25px}
.brand-tech .tp-page .tp-chart-heading h3{font-size:25px}
.brand-tech .tp-page .tp-chart-heading>span{font:8px var(--mono);color:var(--tp-muted)}
.brand-tech .tp-page .tp-chart-axis{display:flex;justify-content:space-between;margin-left:120px;margin-right:48px;font:8px var(--mono);color:var(--tp-muted);padding-bottom:12px}
.brand-tech .tp-page .tp-chart dl>div{display:grid;grid-template-columns:108px 1fr;gap:12px;align-items:center;margin-block:14px}
.brand-tech .tp-page .tp-chart dt{font-size:12px}
.brand-tech .tp-page .tp-chart dd{display:flex;gap:12px;align-items:center}
.brand-tech .tp-page .tp-chart-track{height:13px;flex:1;background:#e5e1d9}
.brand-tech .tp-page .tp-chart-track>span{display:block;height:100%;background:#85858a}
.brand-tech .tp-page .tp-chart-highlight .tp-chart-track>span{background:#bf2a33}
.brand-tech .tp-page .tp-chart-highlight dt{font-weight:700}
.brand-tech .tp-page .tp-chart-highlight dd strong{font-weight:600;color:#a0242c}
.brand-tech .tp-page .tp-chart dd strong{font:10px var(--mono);width:36px;text-align:right;flex:none}
.brand-tech .tp-page .tp-chart>.tp-source{margin-top:24px}
.brand-tech .tp-page .tp-profile{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--tp-line);padding-top:23px;margin-top:29px}
.brand-tech .tp-page .tp-profile strong{font-size:38px;letter-spacing:-.055em;font-weight:550;line-height:1}
.brand-tech .tp-page .tp-profile>div>span{display:block;font-size:11px;color:var(--tp-muted);margin-top:8px}
.brand-tech .tp-page .tp-source-line{border-top:1px solid var(--tp-line);margin-top:35px;padding-top:20px}
.brand-tech .tp-page .tp-kit-principles{margin-top:60px}
.brand-tech .tp-page .tp-kit-edition{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:27px}
.brand-tech .tp-page .tp-kit-edition p{max-width:650px;font:10px/1.65 var(--mono);color:var(--tp-muted)}
.brand-tech .tp-page .tp-kit-edition .button{flex:none}

@media(max-width:1100px){
 .brand-tech .tp-page .tp-hero-grid{gap:35px}
 .brand-tech .tp-page .tp-actions{gap:18px}
 .brand-tech .tp-page .tp-actions .button{padding-inline:18px}
 .brand-tech .tp-page .tp-format-example{grid-template-columns:110px 1fr;gap:15px}
 .brand-tech .tp-page .tp-kit-cover-grid{gap:35px}
 .brand-tech .tp-page .tp-collaboration-grid{gap:18px}
 .brand-tech .tp-page .tp-collaboration-views strong{display:block}
 .brand-tech .tp-page .tp-audience-charts{gap:35px}
}
@media(max-width:900px){
 .brand-tech .tp-page .tp-hero h1{font-size:61px}
 .brand-tech .tp-page .tp-hero .tp-lead{font-size:16px}
 .brand-tech .tp-page .tp-hero-film-note{grid-template-columns:1fr;gap:15px}
 .brand-tech .tp-page .tp-hero-film-note>p:first-child{display:flex;gap:13px;align-items:baseline}
 .brand-tech .tp-page .tp-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .brand-tech .tp-page .tp-section-heading{gap:35px}
 .brand-tech .tp-page :is(.tp-flagship-heading,.tp-flagship-grid){grid-template-columns:minmax(0,.85fr) minmax(0,1fr);column-gap:35px}
 .brand-tech .tp-page .tp-flagship-heading>.tp-kicker{max-width:none;margin-top:0}
 .brand-tech .tp-page .tp-flagship-heading h2{font-size:36px}
 .brand-tech .tp-page .tp-result-number{font-size:77px}
 .brand-tech .tp-page .tp-case-type{display:block}
 .brand-tech .tp-page .tp-case-type p{margin-top:10px}
 .brand-tech .tp-page .tp-format-cards>article{padding:27px}
 .brand-tech .tp-page .tp-format-example{grid-template-columns:1fr;gap:15px}
 .brand-tech .tp-page .tp-format-example>img{max-width:180px}
 .brand-tech .tp-page .tp-collaboration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 25px}
 .brand-tech .tp-page .tp-collaboration-views strong{display:inline}
 .brand-tech .tp-page .tp-working-grid{gap:35px}
 .brand-tech .tp-page .tp-principles{gap:25px}
 .brand-tech .tp-page .tp-kit-feature-grid{gap:50px}
 .brand-tech .tp-page .tp-kit-paper{padding:19px;margin-inline:8px}
 .brand-tech .tp-page .tp-kit-paper strong{font-size:34px}
 .brand-tech .tp-page .tp-enquiry-grid{gap:40px}
 .brand-tech .tp-page .tp-kit-cover-grid{grid-template-columns:1fr 1fr}
 .brand-tech .tp-page .tp-kit-cover h1{font-size:47px}
 .brand-tech .tp-page .tp-kit-brand-art figcaption{flex-direction:column;gap:5px}
 .brand-tech .tp-page .tp-audience-charts{gap:30px}
 .brand-tech .tp-page .tp-chart-heading{display:block}
 .brand-tech .tp-page .tp-chart-heading>span{display:block;margin-top:10px}
}
@media(max-width:760px){
 .brand-tech .tp-page .tp-section{padding-block:55px}
 .brand-tech .tp-page .tp-cover-rule{font-size:8px;letter-spacing:.05em}
 .brand-tech .tp-page .tp-cover-rule>span:last-child{display:none}
 .brand-tech .tp-page :is(.tp-hero,.tp-kit-cover):after{display:none}
 .brand-tech .tp-page .tp-hero-grid{grid-template-columns:1fr;padding-block:34px 30px;gap:38px}
 .brand-tech .tp-page .tp-hero h1{font-size:clamp(54px,12vw,78px)}
 .brand-tech .tp-page .tp-hero h1 em{font-size:.67em;line-height:1.6}
 .brand-tech .tp-page .tp-hero .tp-lead{font-size:17px;max-width:440px;margin-top:12px}
 .brand-tech .tp-page .tp-hero-film-note{grid-template-columns:.8fr 1.2fr;gap:16px}
 .brand-tech .tp-page .tp-hero-film-note>p:first-child{display:block}
 .brand-tech .tp-page .tp-hero-film-note strong{font-size:40px}
 .brand-tech .tp-page .tp-hero-film-note>p:last-child{font-size:11px}
 .brand-tech .tp-page .tp-hero-film-note small{font-size:9px}
 .brand-tech .tp-page .tp-metrics{gap:0;padding-top:25px}
 .brand-tech .tp-page .tp-metrics>div{padding-right:12px}
 .brand-tech .tp-page .tp-metrics>div+div{padding-left:15px}
 .brand-tech .tp-page .tp-metrics dd{font-size:clamp(30px,7.3vw,48px)}
 .brand-tech .tp-page .tp-metrics dt{font-size:12px}
 .brand-tech .tp-page .tp-metrics small{font-size:9px}
 .brand-tech .tp-page .tp-hero-source .tp-link{margin-left:0;margin-top:7px}
 .brand-tech .tp-page .tp-brands-heading{display:block}
 .brand-tech .tp-page .tp-brands-heading p{margin-top:8px}
 .brand-tech .tp-page .tp-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .brand-tech .tp-page .tp-brand{height:134px;padding:18px 15px;gap:10px}
 .brand-tech .tp-page .tp-brand-mark>img{height:41px}
 .brand-tech .tp-page .tp-brand-role{font-size:9px}
 .brand-tech .tp-page .tp-section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:30px}
 .brand-tech .tp-page .tp-section-heading>p{font-size:15px;max-width:530px}
 .brand-tech .tp-page h2{font-size:clamp(37px,8vw,53px)}
 .brand-tech .tp-page .tp-kicker{font-size:9px;margin-bottom:18px}
 .brand-tech .tp-page .tp-flagship-heading h2{font-size:clamp(37px,8vw,53px)}
 .brand-tech .tp-page .tp-flagship-heading{display:block;margin-bottom:30px}
 .brand-tech .tp-page .tp-flagship-grid{grid-template-columns:1fr;gap:30px}
 .brand-tech .tp-page .tp-result-number{font-size:clamp(77px,19vw,112px)}
 .brand-tech .tp-page .tp-flagship .tp-result-number{font-size:clamp(62px,16vw,100px)}
 .brand-tech .tp-page .tp-result-label{font-size:14px}
 .brand-tech .tp-page .tp-result-story{max-width:530px;margin-top:22px;padding-top:22px}
 .brand-tech .tp-page .tp-result-story h3{font-size:27px}
 .brand-tech .tp-page .tp-case-type{display:flex}
 .brand-tech .tp-page .tp-case-type p{margin-top:0}
 .brand-tech .tp-page .tp-format-cards{grid-template-columns:1fr}
 .brand-tech .tp-page .tp-format-cards>article{padding:29px 25px}
 .brand-tech .tp-page .tp-format-cards>article+article{border-left:0;border-top:1px solid var(--tp-line)}
 .brand-tech .tp-page .tp-format-cards h3{font-size:39px}
 .brand-tech .tp-page .tp-format-example{grid-template-columns:115px 1fr;gap:18px}
 .brand-tech .tp-page .tp-format-cards>article>p{font-size:14px}
 .brand-tech .tp-page .tp-collaboration-heading{display:block}
 .brand-tech .tp-page .tp-collaboration-heading>p{margin-top:26px;text-align:left;display:flex;align-items:center;gap:20px}
 .brand-tech .tp-page .tp-collaboration-heading strong{font-size:54px}
 .brand-tech .tp-page .tp-collaboration-heading>p>span{margin:0;max-width:130px;line-height:1.6}
 .brand-tech .tp-page .tp-collaboration-grid{gap:28px 17px}
 .brand-tech .tp-page .tp-collaboration-label{margin-top:13px;gap:10px}
 .brand-tech .tp-page .tp-collaboration-label h3{font-size:18px}
 .brand-tech .tp-page .tp-collaboration-label>.icon{width:14px}
 .brand-tech .tp-page .tp-collaboration a>p:not(.tp-collaboration-views){font-size:11px;min-height:37px}
 .brand-tech .tp-page .tp-collaboration-views strong{display:block;font-size:21px}
 .brand-tech .tp-page .tp-collaboration-views{font-size:9px;margin-top:11px}
 .brand-tech .tp-page .tp-working-grid{grid-template-columns:1fr;gap:36px}
 .brand-tech .tp-page .tp-creator-photo>img{aspect-ratio:1.2}
 .brand-tech .tp-page .tp-workflow{margin-top:27px}
 .brand-tech .tp-page .tp-principles{grid-template-columns:1fr;gap:25px}
 .brand-tech .tp-page .tp-principles>div{padding-top:20px;display:grid;grid-template-columns:24px 1fr;gap:10px 15px}
 .brand-tech .tp-page .tp-principles>div>span{margin:3px 0 0}
 .brand-tech .tp-page .tp-principles h3{font-size:25px}
 .brand-tech .tp-page .tp-principles p{grid-column:2;margin-top:0;font-size:13px}
 .brand-tech .tp-page .tp-kit-feature{padding-block:57px}
 .brand-tech .tp-page .tp-kit-feature-grid{grid-template-columns:1fr;gap:40px}
 .brand-tech .tp-page .tp-kit-paper{max-width:330px;padding:23px;margin-inline:auto}
 .brand-tech .tp-page .tp-kit-paper strong{font-size:39px}
 .brand-tech .tp-page .tp-kit-feature-grid>div:last-child>p:not(.tp-kicker){font-size:15px}
 .brand-tech .tp-page .tp-enquiry-grid{grid-template-columns:1fr;gap:32px}
 .brand-tech .tp-page .tp-enquiry h2{font-size:clamp(45px,11vw,66px)}
 .brand-tech .tp-page .tp-enquiry-grid>div>p:last-child{font-size:15px;margin-top:22px}
 .brand-tech .tp-page .tp-email{font-size:clamp(18px,4.4vw,23px)}
 .brand-tech .tp-page .tp-alternative-grid{grid-template-columns:1fr;gap:18px}
 .brand-tech .tp-page .tp-alternative-brand{min-height:80px;margin-bottom:23px}
 .brand-tech .tp-page .tp-alternative-card h2{font-size:36px}
 .brand-tech .tp-page .tp-kit-cover-grid{grid-template-columns:1fr;padding-block:35px;gap:35px}
 .brand-tech .tp-page .tp-kit-cover h1{font-size:clamp(49px,11vw,74px)}
 .brand-tech .tp-page .tp-kit-cover .tp-lead{font-size:16px;margin-top:20px}
 .brand-tech .tp-page .tp-kit-brand-art figcaption{flex-direction:column;gap:5px}
 .brand-tech .tp-page .tp-kit-brand-art img{aspect-ratio:1.3}
 .brand-tech .tp-page .tp-kit-index>a{padding:18px 9px 18px 0;font-size:11px;gap:8px}
 .brand-tech .tp-page .tp-kit-index>a+a{padding-left:11px}
 .brand-tech .tp-page .tp-kit-index .icon{display:none}
 .brand-tech .tp-page .tp-kit-index span{font-size:8px}
 .brand-tech .tp-page .tp-audience-charts{grid-template-columns:1fr;gap:38px;margin-top:35px}
 .brand-tech .tp-page .tp-chart+.tp-chart{border-top:1px solid var(--tp-line);padding-top:27px}
 .brand-tech .tp-page .tp-chart-heading{display:flex;gap:15px}
 .brand-tech .tp-page .tp-chart-heading>span{margin-top:0;font-size:8px}
 .brand-tech .tp-page .tp-chart-heading h3{font-size:24px}
 .brand-tech .tp-page .tp-chart dt{font-size:11px}
 .brand-tech .tp-page .tp-kit-edition{align-items:flex-start;flex-direction:column;gap:20px}
 .brand-tech .tp-page .tp-kit-principles{margin-top:40px}
}
@media(max-width:380px){
 .brand-tech .tp-page .tp-hero h1{font-size:51px}
 .brand-tech .tp-page .tp-actions{gap:14px}
 .brand-tech .tp-page .button{padding-inline:15px;font-size:12px;gap:17px}
 .brand-tech .tp-page .tp-metrics>div+div{padding-left:10px}
 .brand-tech .tp-page .tp-metrics>div{padding-right:8px}
 .brand-tech .tp-page .tp-metrics dt{font-size:11px}
 .brand-tech .tp-page .tp-metrics small{font-size:8px}
 .brand-tech .tp-page .tp-format-example{grid-template-columns:1fr}
 .brand-tech .tp-page .tp-format-example>img{max-width:100%}
 .brand-tech .tp-page .tp-format-cards h3{font-size:34px}
 .brand-tech .tp-page .tp-collaboration-grid{grid-template-columns:1fr;gap:28px}
 .brand-tech .tp-page .tp-collaboration-views strong{display:inline}
 .brand-tech .tp-page .tp-collaboration a>p:not(.tp-collaboration-views){min-height:0}
 .brand-tech .tp-page .tp-chart dl>div{grid-template-columns:95px 1fr;gap:10px}
 .brand-tech .tp-page .tp-chart-axis{margin-left:105px}
 .brand-tech .tp-page .tp-case-type{display:block}
 .brand-tech .tp-page .tp-case-type p{margin-top:10px}
 .brand-tech .tp-page .tp-kit-paper{margin-inline:9px;padding:18px}
 .brand-tech .tp-page .tp-alternative-card h2{font-size:31px}
 .brand-tech .tp-page .tp-five-lockup>span{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.brand-tech .tp-page *{transition:none!important;scroll-behavior:auto!important}}
@media print{
 .brand-tech .tp-page{overflow:visible;background:#fff;color:#151617}
 .brand-tech .tp-page .container{max-width:none;width:100%}
 .brand-tech .tp-page .tp-section{padding-block:28px}
 .brand-tech .tp-page :is(.tp-actions,.tp-kit-index,.tp-download,.tp-alternatives){display:none}
 .brand-tech .tp-page :is(.tp-hero,.tp-kit-cover,.tp-proof,.tp-enquiry){background:#fff;color:#151617}
 .brand-tech .tp-page :is(.tp-source,.tp-kicker,.tp-lead,.tp-result-label,.tp-film-meta,.tp-result-story p){color:#555!important}
 .brand-tech .tp-page .tp-kit-cover{padding-top:0;break-after:page}
 .brand-tech .tp-page :is(.tp-chart,.tp-collaboration,.tp-format-cards>article,.tp-principles>div){break-inside:avoid}
 .brand-tech .tp-page .tp-kit-audience{break-after:page}
 .brand-tech .tp-page .tp-result-number{font-size:68px;color:#ad2630}
 .brand-tech .tp-page .tp-flagship-grid{gap:35px}
}