/* More space between sections; one viewport for the desktop creative workbench. */
.about.section,.impact.section,.work.section,.services.section,.testimonials.section{padding-top:clamp(110px,9.5vw,150px);padding-bottom:clamp(110px,9.5vw,150px)}
.about{column-gap:10%;align-items:center}
.about .portrait{aspect-ratio:auto;max-width:330px;height:auto;margin:0 auto}
.about .portrait-caption{width:100%;text-align:center;margin-top:25px}
.about-copy h2{margin:0 0 32px}
.about-copy .about-lead{font-size:20px;line-height:1.6;color:#e1ccec;margin-bottom:24px}
.about-copy .about-focus{font-size:18px;line-height:1.7;color:#c8b6d1;margin-bottom:30px}
.about-facts{list-style:none;margin:0 0 32px;padding:0;display:grid;gap:15px;max-width:660px}
.about-facts li{position:relative;padding-left:27px;font-size:17px;line-height:1.6;color:#e4d9ea}
.about-facts li:before{content:'↗';position:absolute;left:0;top:0;font-size:20px;line-height:1.35;color:#bd98d5}
.about-copy .about-ways{font-size:17px;line-height:1.9;margin:0 0 22px;color:#c6b2d2}
.logo .studio-label{color:#fff}.logo .studio-label>span{color:inherit}
.impact.section{padding-top:75px;padding-bottom:80px}.impact-grid{margin-top:0}.impact-range{margin-top:55px}
.work .section-heading{margin-bottom:58px}.projects{gap:42px}.project-info{padding-top:24px}.case-result{padding-top:18px}
.services-intro{margin-bottom:60px}.service-showcase{gap:38px}.service-feature>p{margin-top:20px}
.creative-position.section{padding-top:125px;padding-bottom:125px;align-items:center;column-gap:8%}
.creative-position>div:first-child{align-self:stretch;display:flex;align-items:center}
.creative-position h2{margin:0;line-height:1.04}
.creative-steps{list-style:none;counter-reset:creative-step;margin:0 0 28px;padding:0;display:grid;gap:18px}
.creative-steps li{counter-increment:creative-step;display:grid;grid-template-columns:32px 1fr;gap:14px;font-size:20px;line-height:1.5}
.creative-steps li:before{content:counter(creative-step,decimal-leading-zero) '.';font-size:15px;line-height:2;color:#6b561f}
.creative-position-copy .text-link{margin-top:0}.creative-evidence{margin-top:44px;padding-top:24px}
.quote-grid{gap:32px;margin-top:60px}.quote-grid figure{padding:35px}.quote-grid blockquote{margin-top:28px;margin-bottom:35px}
.contact.section{padding-top:130px;padding-bottom:38px}.contact-flow{padding-top:64px}.contact footer{margin-top:105px;padding-top:35px}
.contact .contact-selective{line-height:1.8}
.fold-art{inset:34px 9% 38px;transform:rotateZ(-7deg) rotateX(6deg)}
.paper-stage:before{box-shadow:inset -15px 0 35px #46344e0d}
@media(min-width:901px){
 #creative-lab.thinking-lab{height:100svh;min-height:0;padding:34px 3.5% 24px!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;scroll-margin-top:-90px}
 #creative-lab .thinking-heading{margin:0}
 #creative-lab .thinking-heading h2{display:flex;justify-content:center;align-items:baseline;gap:.18em;font-size:38px;line-height:1.1;margin:0}
 #creative-lab .thinking-heading h2 br{display:none}
 #creative-lab .thinking-stage{width:100%;height:100%;min-height:0;max-width:1380px;margin:0 auto}
 #creative-lab .notes-plane{position:absolute;inset:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(280px,1.75fr) repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:14px;overflow:visible;pointer-events:none;z-index:5}
 #creative-lab .research-note{display:block;position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:100%;min-height:0;max-width:none;max-height:none;align-self:center;justify-self:center;padding:12px;transform:rotate(var(--nr))!important;opacity:1!important;overflow:hidden;pointer-events:auto;box-shadow:0 12px 35px #0002;outline-offset:4px;will-change:auto}
 #creative-lab .sim-brief{grid-area:1/1}#creative-lab .sim-persona{grid-area:1/2}#creative-lab .sim-age{grid-area:2/1}#creative-lab .sim-countries{grid-area:2/2}#creative-lab .sim-interviews{grid-area:3/1}#creative-lab .sim-reject{grid-area:3/2}
 #creative-lab .sim-headlines{grid-area:1/4}#creative-lab .sim-funnel{grid-area:1/5}#creative-lab .sim-cta{grid-area:2/4}#creative-lab .sim-image-test{grid-area:2/5}#creative-lab .sim-colour{grid-area:3/4}#creative-lab .sim-art{grid-area:3/5}
 #creative-lab .research-note .note-type{padding-right:6px;font-size:12px;line-height:1.25;letter-spacing:0}
 #creative-lab .research-note h3{font-size:14px;line-height:1.2;margin:8px 0}
 #creative-lab .research-note p{font-size:12px;line-height:1.4;margin:7px 0}
 #creative-lab .research-note .sim-insight{display:none}
 #creative-lab :is(.sim-headlines,.sim-cta,.sim-image-test) h3{display:none}
 #creative-lab :is(.sim-headlines,.sim-cta,.sim-image-test):is(:hover,:focus) h3{display:block}
 #creative-lab .brief-decision{padding:8px 0;gap:7px}#creative-lab .brief-decision>b{display:none}#creative-lab .brief-decision>span{font-size:14px;line-height:1.25}
 #creative-lab .sim-brief h3{margin:7px 0}#creative-lab .sim-brief p{margin:6px 0;line-height:1.35}#creative-lab .sim-brief .brief-decision{padding:6px 0}
 #creative-lab .sim-persona-top{gap:8px;margin-top:10px}#creative-lab .sim-donut{width:55px;height:55px}#creative-lab .sim-donut>b{font-size:22px}#creative-lab .sim-donut small{font-size:9px;letter-spacing:0}#creative-lab .sim-donut:before{inset:6px}
 #creative-lab .sim-key{font-size:12px;gap:7px}#creative-lab .sim-key>span{gap:4px}#creative-lab .sim-key i{width:3px;height:3px}#creative-lab .gender-strip{font-size:12px;gap:6px;flex-wrap:wrap}
 #creative-lab .sim-columns{height:48px;margin:12px 0 24px;gap:8px}#creative-lab .sim-columns b,#creative-lab .sim-columns span{font-size:12px}#creative-lab .sim-columns span{bottom:-20px}
 #creative-lab .sim-horizontal>span,#creative-lab .sim-horizontal b{font-size:12px}
 #creative-lab .sim-big-number{font-size:30px;margin-top:8px}#creative-lab .sim-interviews h3,#creative-lab .sim-reject h3{font-size:17px}#creative-lab .sim-selected-copy{font-size:12px;margin:7px 0}
 #creative-lab .sim-test-row{margin:7px 0;padding-bottom:7px}#creative-lab .sim-test-row>span,#creative-lab .sim-test-row>b{font-size:12px;line-height:1.25}#creative-lab .sim-test-row>b{margin-top:3px}#creative-lab .sim-test-row>i{height:2px}
 #creative-lab .sim-rate-grid{gap:10px;margin-top:10px}#creative-lab .sim-rate-grid span{font-size:12px;letter-spacing:0}#creative-lab .sim-rate-grid b{font-size:16px}#creative-lab .sim-rate-grid b>i{font-size:12px}#creative-lab .sim-slope{height:30px}
 #creative-lab .sim-cta-matrix{grid-template-columns:1.4fr .7fr .7fr;gap:7px 5px;margin:10px 0}#creative-lab .sim-cta-matrix>span{font-size:10px;letter-spacing:0}#creative-lab .sim-cta-matrix :is(b,i,strong){font-size:12px;line-height:1.3}
 #creative-lab .sim-image-rows{gap:9px;margin:10px 0}#creative-lab .sim-image-rows>span{gap:5px;font-size:12px}#creative-lab .sim-image-rows b{width:auto;flex:1}#creative-lab .sim-image-rows small{display:none}#creative-lab .sim-image-rows strong{font-size:12px}#creative-lab .mini-face,#creative-lab .mini-screen{width:16px;height:16px;flex-shrink:0;font-size:12px}
 #creative-lab .sim-colour-top{gap:7px;flex-wrap:wrap;margin-top:12px}#creative-lab .sim-colour-top .colour-disc{width:34px;height:34px}#creative-lab .sim-colour-top b{font-size:24px}#creative-lab .sim-colour-top>div>span{font-size:10px;letter-spacing:0}#creative-lab .sim-colour-swatches{margin-left:0}
 #creative-lab .sim-layer-sketch{margin-top:12px}
 #creative-lab .research-note footer{position:absolute;right:12px;top:10px;display:block;border:0;padding:0;margin:0;line-height:1}
 #creative-lab .research-note footer>span{display:none}
 #creative-lab .research-note .note-check{font-size:17px}
 #creative-lab .research-note:is(:hover,:focus){z-index:20;width:290px!important;height:auto;min-height:100%;max-height:calc(100svh - 100px);padding:18px;overflow:auto;transform:rotate(0deg)!important;box-shadow:0 22px 55px #0009;outline:1px solid #dbbbef}
 #creative-lab .research-note:is(:hover,:focus) .sim-insight{display:block;font-size:14px;line-height:1.45}
 #creative-lab .research-note:is(:hover,:focus) .note-type{font-size:14px;line-height:1.4}
 #creative-lab .research-note:is(:hover,:focus) h3{font-size:18px;line-height:1.25}
 #creative-lab .research-note:is(:hover,:focus) p{font-size:14px;line-height:1.5}
 #creative-lab .research-note:is(:hover,:focus) .sim-image-rows small{display:block;font-size:12px}
 #creative-lab .research-note:is(:hover,:focus) .sim-image-rows>span{flex-wrap:wrap}
 #creative-lab .research-note:nth-child(-n+2):is(:hover,:focus),#creative-lab .research-note:nth-child(7):is(:hover,:focus),#creative-lab .research-note:nth-child(8):is(:hover,:focus){align-self:start}
 #creative-lab .research-note:nth-child(5):is(:hover,:focus),#creative-lab .research-note:nth-child(6):is(:hover,:focus),#creative-lab .research-note:nth-child(n+11):is(:hover,:focus){align-self:end}
 #creative-lab .research-note:nth-child(odd):is(:hover,:focus){justify-self:start}
 #creative-lab .research-note:nth-child(even):is(:hover,:focus){justify-self:end}
 #creative-lab .assembled-ad{position:absolute;left:50%;top:0;width:29.5%;max-width:390px;height:min(440px,calc(100% - 194px));min-height:0;max-height:none;transform:translateX(-50%);margin:0;aspect-ratio:auto}
 #creative-lab .folio-brand{left:6%;top:6%;font-size:25px}
 #creative-lab .ad-decision-label,#creative-lab .forecast-axis,#creative-lab .ad-depth-coordinate{display:none}
 #creative-lab .built-headline{left:6%;top:22%;width:43%;max-width:43%;font-size:clamp(20px,1.65vw,26px)!important;line-height:1.04!important;letter-spacing:-.8px!important}
 #creative-lab .built-subheadline{left:6%;top:58%;width:41%!important;font-size:14px;line-height:1.5}
 #creative-lab .built-cta{left:6%;bottom:7%;font-size:12px;padding:10px 12px;gap:10px;max-width:none;white-space:nowrap}
 #creative-lab .ad-product.executive-forecast{left:54%;right:auto;top:22%;bottom:auto;width:43%;padding:10px 11px 11px;border-radius:4px}
 #creative-lab .forecast-topline,#creative-lab .forecast-period,#creative-lab .executive-metrics,#creative-lab .forecast-chart-title,#creative-lab .forecast-cash-mix,#creative-lab .executive-scenario,#creative-lab .forecast-demo-note{display:none}
 #creative-lab .executive-forecast .forecast-balance{margin-top:0}
 #creative-lab .executive-forecast .forecast-balance>div>span{font-size:12px;line-height:1.35}
 #creative-lab .executive-forecast .forecast-balance strong{font-size:21px;margin:5px 0 10px;letter-spacing:-1px;gap:3px}
 #creative-lab .executive-forecast .forecast-balance strong>span{font-size:12px}
 #creative-lab .executive-forecast .executive-chart{margin-top:3px;min-height:55px}
 #creative-lab .executive-forecast .executive-legend{gap:7px;margin-top:10px;font-size:12px}
 #creative-lab .executive-forecast .executive-legend b{display:none}
 #creative-lab .ad-depth-layers .depth-plan{left:auto;right:-2%;top:12%;width:43%;padding:10px}
 #creative-lab .ad-depth-layers .depth-cash{left:auto;right:-1%;bottom:7%;width:43%;padding:10px}
 #creative-lab .depth-panel-bar,#creative-lab .depth-label,#creative-lab .depth-mini-metrics,#creative-lab .depth-cash-title>b,#creative-lab .depth-cash-key>i{display:none}
 #creative-lab .ad-depth-layers .depth-plan-title{font-size:16px;line-height:1.15;margin:0 0 8px}
 #creative-lab .depth-cash-title{margin:0 0 10px}
 #creative-lab .depth-cash-title>span{font-size:15px;line-height:1.2}
 #creative-lab .depth-cash-bars{height:40px;gap:5px}
 #creative-lab .depth-cash-key{font-size:12px;gap:12px;margin-top:8px}
 #creative-lab .ad-subject{left:48%;right:0;bottom:18%;width:52%;height:48%}
 #creative-lab .ad-wireframe>i{left:6%;top:22%;width:42%;height:27%}
 #creative-lab .ad-wireframe>i:nth-child(2){left:53%;top:20%;width:42%;height:58%}
 #creative-lab .ad-wireframe>i:nth-child(3){left:6%;top:80%;width:35%;height:10%}
 #creative-lab .ad-build-marker{left:6%;right:6%;font-size:13px}
 #creative-lab .dial-slot{top:auto!important;bottom:0!important;left:50%!important;width:176px!important;height:176px!important;transform:translateX(-50%)!important;margin:0!important}
 #creative-lab .creative-wheel-wrap{width:176px!important;height:176px!important}
 #creative-lab .creative-wheel{width:150px!important;height:150px!important}
 #creative-lab .wheel-hint{bottom:-4px!important;font-size:14px;line-height:1.4}
 #creative-lab .turn-arrow{left:-57px!important;top:51px!important;width:80px!important;height:64px!important}
 #creative-lab .thinking-caption{margin:0;min-height:24px;text-align:center;justify-content:center;max-width:none;width:100%}
 #creative-lab .thinking-caption>span:first-child{font-size:15px;line-height:1.5;min-height:0}
}
@media(min-width:901px) and (max-height:750px){
 #creative-lab.thinking-lab{padding-top:22px!important;padding-bottom:18px!important;gap:16px}
 #creative-lab .thinking-heading h2{font-size:32px}
 #creative-lab .built-headline{font-size:clamp(19px,1.6vw,24px)!important}
 #creative-lab .built-subheadline{top:61%;font-size:13px;line-height:1.4}
 #creative-lab .built-cta{font-size:12px;padding:8px 11px;bottom:5%}
 #creative-lab .dial-slot,#creative-lab .creative-wheel-wrap{width:160px!important;height:160px!important}
 #creative-lab .creative-wheel{width:138px!important;height:138px!important}
 #creative-lab .assembled-ad{height:calc(100% - 176px)}
}
@media(max-width:900px){
 .about.section,.impact.section,.work.section,.services.section,.testimonials.section{padding-top:85px;padding-bottom:85px}
 .creative-position.section{padding-top:90px;padding-bottom:90px;row-gap:45px}
 .contact.section{padding-top:85px}
}
/* At smaller laptop sizes, shrink the complete composition instead of cropping notes. */
@media(min-width:901px) and (max-width:1200px){
 #creative-lab.thinking-lab .thinking-stage{width:1256px;height:604px;max-width:none;margin:0 0 0 -628px;left:50%;align-self:center;transform:scale(var(--board-scale,.75));transform-origin:center}
}
@media(max-width:700px){
 .about{row-gap:65px}.about .portrait{width:250px;max-width:none;aspect-ratio:auto}
 .about .portrait-caption{width:100%;margin-top:22px;text-align:center}
 .about-copy h2{margin-bottom:30px}.about-copy .about-lead{font-size:19px;line-height:1.6;margin-bottom:22px}
 .about-copy .about-focus{font-size:17px;line-height:1.7;margin-bottom:28px}
 .about-facts{gap:18px;margin-bottom:30px}.about-facts li{font-size:17px;line-height:1.65}
 .about-copy .about-ways{font-size:17px;line-height:1.9;margin-bottom:25px}
 .impact-grid{margin-top:0}.impact-range{margin-top:50px}
 .work .section-heading{margin-bottom:42px}.projects{row-gap:52px}.services-intro{margin-bottom:48px}.service-showcase{gap:52px}
 .creative-position>div:first-child{display:block;align-self:auto}
 .creative-steps{gap:19px;margin-bottom:30px}.creative-steps li{font-size:20px;grid-template-columns:32px 1fr}
 .quote-grid{margin-top:42px;gap:26px}.quote-grid figure{padding:28px}
 .contact-flow{padding-top:50px}.contact footer{margin-top:80px}
 .fold-art{inset:28px 9% 30px}
}
@media(prefers-reduced-motion:reduce){.research-note{transition:none}}