/* Colour explains the offer: yellow for the studio, cyan for websites, magenta for software. */
@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/space-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
.colour-studio{--studio-black:#000;--display:'Space Grotesk',Manrope,Arial,sans-serif}
.colour-studio main h1,.colour-studio main h2{font-family:var(--display);font-weight:700;letter-spacing:-.055em}
.colour-studio .site-header{border-top:0;border-image:none;border-bottom:1px solid #dedfdf;background:#fff}
.colour-studio .header-inner{min-height:102px}
.colour-studio .site-nav .nav-contact{border-radius:0;padding:14px 20px}
.colour-studio .site-nav>a[aria-current=page]:not(.nav-contact)::after{background:#000;height:2px}
.colour-studio .button{border-radius:0;min-height:54px}
.colour-studio .study-label{background:transparent;border:0;border-radius:0;padding:0;color:#000;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.colour-studio .visual-hero{background:var(--yellow);color:#000;padding-top:62px}
.colour-studio .visual-hero .hero-grid{grid-template-columns:.92fr 1.08fr;gap:52px;padding-bottom:46px}
.colour-studio .visual-hero h1{font-size:clamp(58px,6.4vw,92px);line-height:.99;letter-spacing:-.065em;margin-bottom:30px}
.colour-studio .word-highlight{background:none;white-space:nowrap}
.colour-studio .visual-hero .eyebrow{font-size:11px;color:#000;margin-bottom:25px}
.colour-studio .visual-hero .hero-intro{font-size:19px;line-height:1.6;max-width:400px;color:#000}
.colour-studio .visual-hero .hero-detail{font-size:14px;line-height:1.85;max-width:365px;color:#000}
.colour-studio .visual-hero .actions{gap:16px 22px;margin-top:27px}
.colour-studio .visual-hero .text-link{font-size:12px;color:#000}
.colour-studio .visual-hero .button{background:#000;border-color:#000;color:#fff}
.colour-studio .hero-artboard{padding:40px 28px;min-height:370px;display:flex;align-items:center;border:0;background:var(--cyan) url('/assets/brand/colour-study.svg') center/cover no-repeat;overflow:hidden}
.colour-studio .hero-artboard picture{flex:none;width:87%;aspect-ratio:640/480;border:9px solid #fff;box-shadow:9px 9px 0 #000;overflow:hidden}
.colour-studio .hero-artboard img{width:100%;height:100%;object-fit:cover;object-position:top}
.colour-studio .hero-visual figcaption{padding-top:18px;align-items:center;color:#000}
.colour-studio .hero-visual figcaption strong{font-size:15px}
.colour-studio .hero-visual figcaption small{font-size:10px;color:#000;max-width:285px}
.colour-studio .hero-visual figcaption>.study-label{flex:none;font-size:9px}
.colour-studio .hero-bottom-note{border-color:#0005;color:#000;padding-block:19px;font-size:11px}
.colour-studio .hero-bottom-note>a{color:#000}
.colour-studio .visual-services{background:#fff;border:0;padding-block:77px 80px}
.colour-studio .section-heading h2{font-size:clamp(36px,3.9vw,54px);line-height:1.08;letter-spacing:-.05em}
.colour-studio .heading-aside{font-size:13px;line-height:1.85}
.colour-studio .visual-service-grid{gap:0;align-items:stretch}
.colour-studio .visual-service{padding:29px;background:var(--cyan);color:#000}
.colour-studio .visual-service+.visual-service{background:var(--magenta)}
.colour-studio .visual-service-label{font:700 33px/1.15 var(--display);letter-spacing:-.04em;margin:0 0 24px;gap:14px;color:#000}
.colour-studio .visual-service-label>span{font:800 10px/1.5 Manrope,Arial,sans-serif;width:auto;height:auto;border:0;background:transparent;color:#000;align-self:flex-start;margin-top:5px}
.colour-studio .service-artboard{padding:0;min-height:470px;background:transparent}
.colour-studio .service-artboard picture{inset:0;border:8px solid #fff;box-shadow:none}
.colour-studio .service-job-visual{background:transparent;padding:0}
.colour-studio .service-job-visual .job-desk{border:0;box-shadow:none;border-radius:0;padding:24px;min-height:100%}
.colour-studio .visual-service-copy{padding-top:26px}
.colour-studio .visual-service-copy h3{font:700 29px/1.2 var(--display);color:#000;margin-bottom:13px}
.colour-studio .visual-service-copy>p{color:#000;font-size:13px;line-height:1.85;margin-bottom:10px;max-width:450px}
.colour-studio .visual-service-copy .text-link{color:#000;font-size:13px;text-decoration:underline;text-underline-offset:5px}
.colour-studio .job-desk h2,.colour-studio .job-desk h3{font-family:Manrope,Arial,sans-serif;font-weight:800}
.colour-studio .service-job-visual .job-desk .job-desk-disclosure{font-size:10px}
.colour-studio .selected-work{padding-block:16px 82px;background:#fff}
.colour-studio .selected-work .heading-row{margin-bottom:33px}
.colour-studio .work-image{border:0;padding:0;background:#f3f2ed}
.colour-studio .work-caption h3{font-size:25px}
.colour-studio .work-caption-top>.small-label{font-size:11px}
.colour-studio .material-approach{background:var(--yellow);color:#000;border:0;padding-block:74px}
.colour-studio .material-grid{gap:80px}
.colour-studio .material-photo{border:10px solid #fff;min-height:580px;background:#fff}
.colour-studio .material-photo>figcaption{background:#fff;color:#000;padding:16px 18px;font-size:11px}
.colour-studio .material-copy{color:#000}
.colour-studio .material-copy h2{font-size:50px;line-height:1.06;margin-bottom:20px}
.colour-studio .material-copy .eyebrow{color:#000}
.colour-studio .material-copy .section-intro{color:#000;font-size:14px}
.colour-studio .visual-process li{border-color:#0005}
.colour-studio .visual-process h3{color:#000;font-size:19px}
.colour-studio .visual-process p{color:#000;font-size:12px}
.colour-studio .material-copy>.text-link{color:#000}
.colour-studio .material-print-note{border-top-color:#000;margin-top:23px;padding-top:23px}
.colour-studio .material-print-note p,.colour-studio .material-print-note a{color:#000}
.colour-studio .closing{background:var(--ink);color:#fff;border:0;padding-block:72px 77px}
.colour-studio .closing h2{font-size:clamp(38px,4.1vw,58px);line-height:1.07;color:#fff;letter-spacing:-.05em}
.colour-studio .closing .eyebrow,.colour-studio .closing .closing-inner>div>p:last-child{color:#fff}
.colour-studio .closing .button{background:var(--yellow);border-color:var(--yellow);color:#000;font-size:14px}
.colour-studio .closing a:focus-visible{outline-color:var(--yellow);outline-width:3px;outline-offset:6px}
.colour-studio .closing .button:hover{background:#fff;border-color:#fff}
.colour-studio .page-opening{background:var(--page-field,var(--yellow));color:#000;border-bottom:0;padding-block:61px}
.colour-studio.page-websites,.colour-studio.page-guides-website-brief{--page-field:#2AACE3}
.colour-studio.page-software,.colour-studio.page-guides-software-brief{--page-field:#E51D8F}
.colour-studio .page-opening h1{font-size:clamp(44px,5.1vw,72px);line-height:1.05;letter-spacing:-.055em;color:#000}
.colour-studio .page-opening .eyebrow,.colour-studio .page-opening .page-intro,.colour-studio .page-opening .opening-detail,.colour-studio .page-opening .opening-disclosure{color:#000}
.colour-studio .opening-disclosure{border-left-color:#000}
.colour-studio .page-opening .text-link{color:#000}
.colour-studio .visual-websites-opening .opening-grid,.colour-studio .visual-software-opening .opening-grid{grid-template-columns:.92fr 1.08fr;gap:52px}
.colour-studio .visual-websites-opening h1,.colour-studio .visual-software-opening h1{font-size:clamp(46px,4.8vw,68px)}
.colour-studio .website-hero-visual .hero-artboard{background-color:var(--yellow);background-image:none;position:relative}
.colour-studio .website-hero-visual .hero-artboard::before{content:'';position:absolute;inset:22% -16% -30% 45%;background:var(--magenta);border-top-right-radius:75%;pointer-events:none}
.colour-studio .website-hero-visual .hero-artboard picture{position:relative;z-index:1}
.colour-studio .software-opening-visual{padding:27px;background:var(--yellow)}
.colour-studio .visual-software-opening .job-desk{padding:25px;border:0;box-shadow:8px 8px 0 #000;max-width:none}
.colour-studio .visual-software-opening .page-intro{max-width:455px;font-size:18px;line-height:1.8}
.colour-studio .visual-software-opening .job-desk .job-desk-disclosure{font-size:10px}
.colour-studio .visual-contact-opening>.wrap{gap:80px}
.colour-studio .contact-colour-photo img{height:265px;border:9px solid #fff;box-shadow:8px 8px 0 #000}
.colour-studio .contact-colour-photo figcaption{margin-top:18px;color:#000;font-size:11px}
.colour-studio .editorial-photo-wide img{border:9px solid #fff}
.colour-studio .editorial-photo-wide figcaption{color:#000}
.colour-studio .work-opening{padding-block:55px 47px}
.colour-studio .work-gallery-section{padding-top:55px}
.colour-studio .page-opening+.legal-section,.colour-studio .page-opening+.library-section{padding-top:58px}
.colour-studio .site-footer{background:#fff;border-top:0}
.colour-studio .footer-explore{padding-top:32px}
.colour-studio .footer-partnership>p{color:#62646b}
.colour-studio .colour-dot{width:15px;height:12px;border-radius:0;background:linear-gradient(90deg,#2AACE3 0 30%,transparent 30% 35%,#E51D8F 35% 65%,transparent 65% 70%,#FED006 70% 100%)}
.colour-studio .hero-artboard img,.colour-studio .service-artboard img,.colour-studio .work-image img{object-position:left top}
/* Identity refinement: one strong composition, followed by space to see the work. */
.colour-studio .visual-hero{padding-top:70px;padding-bottom:55px}
.colour-studio .visual-hero .hero-grid{grid-template-columns:.94fr 1.06fr;gap:40px;padding-bottom:0}
.colour-studio .visual-hero h1{font-size:clamp(62px,7vw,100px);line-height:.98;letter-spacing:-.065em}
.colour-studio .visual-hero .hero-intro{font-size:20px;line-height:1.6}
.colour-studio .hero-artboard{padding:44px 32px 44px 0;min-height:400px;background-position:center;overflow:hidden}
.colour-studio .hero-artboard picture{width:96%;aspect-ratio:640/490;border:0;box-shadow:none;position:relative;z-index:1}
.colour-studio .hero-visual figcaption{padding-top:18px}
.colour-studio .hero-visual figcaption strong{font-size:16px}
.colour-studio .hero-visual figcaption small{font-size:11px}
.colour-studio .visual-services{padding-block:94px 100px}
.colour-studio .visual-service-grid{gap:24px}
.colour-studio .visual-service{padding:30px;grid-template-rows:auto 1fr auto}
.colour-studio .visual-service-copy{padding:0 0 25px}
.colour-studio .visual-service-copy .visual-service-label{font-size:38px;line-height:1.1;margin-bottom:17px}
.colour-studio .visual-service-copy>p{font-size:14px;line-height:1.8;margin-bottom:0;max-width:440px}
.colour-studio .service-artboard{min-height:450px}
.colour-studio .service-artboard picture{border:0}
.colour-studio .service-link{display:flex;justify-content:space-between;color:#000;font-size:13px;border-top:1px solid #0006;margin-top:25px;padding-top:17px;padding-bottom:0}
.colour-studio .service-link:hover{text-decoration:underline;text-underline-offset:4px}
.colour-studio .selected-work{padding-block:0 100px}
.colour-studio.page-home .image-led-work .work-grid{grid-template-columns:1.2fr .8fr;gap:46px}
.colour-studio.page-home .image-led-work .work-card:nth-child(2){padding-top:108px}
.colour-studio.page-home .image-led-work .work-card:first-child .work-image picture{aspect-ratio:640/465}
.colour-studio.page-home .image-led-work .work-card:nth-child(2) .work-image picture{aspect-ratio:640/550}
.colour-studio .work-caption h3{font-family:var(--display);font-size:31px;line-height:1.15;letter-spacing:-.04em}
.colour-studio .work-caption p{max-width:440px;font-size:13px}
.colour-studio .work-disclosure{margin-top:36px}
.colour-studio .material-approach{padding-block:84px}
.colour-studio .material-photo{border:0;min-height:590px}
.colour-studio .material-photo>figcaption{background:var(--yellow);padding:16px 0 0;bottom:-1px}
.colour-studio .material-grid{gap:90px}
.colour-studio .material-copy h2{font-size:54px}
.colour-studio .material-copy .section-intro{font-size:15px}
.colour-studio .closing{padding-block:85px}
.colour-studio .website-hero-visual .hero-artboard{padding-left:0}
.colour-studio .visual-software-opening .job-desk{box-shadow:none}
.colour-studio .contact-colour-photo img{box-shadow:none;border:0}
.colour-studio .brand-pair{gap:26px}
.colour-studio .pair-page{width:240px}
.colour-studio .pair-print{width:205px}
@media(max-width:1100px){.colour-studio .visual-hero .hero-grid,.colour-studio .visual-websites-opening .opening-grid,.colour-studio .visual-software-opening .opening-grid{gap:34px}.colour-studio .visual-hero h1{font-size:72px}.colour-studio .hero-artboard{padding:31px 23px;min-height:330px}.colour-studio .hero-artboard picture{border-width:7px}.colour-studio .hero-visual figcaption strong{font-size:14px}.colour-studio .visual-service{padding:25px}.colour-studio .visual-service-label{font-size:29px}.colour-studio .visual-service-copy h3{font-size:26px}.colour-studio .material-grid{gap:55px}.colour-studio .material-copy h2{font-size:43px}.colour-studio .visual-contact-opening>.wrap{gap:50px}}
@media(max-width:850px){.colour-studio .visual-hero{padding-top:44px}.colour-studio .visual-hero .hero-grid{gap:27px;padding-bottom:34px}.colour-studio .visual-hero h1{font-size:57px}.colour-studio .visual-hero .hero-intro{font-size:16px}.colour-studio .visual-hero .hero-detail{font-size:12px}.colour-studio .visual-hero .eyebrow{font-size:9px}.colour-studio .hero-artboard{padding:29px 19px;min-height:280px}.colour-studio .hero-artboard picture{width:87%;border-width:6px;box-shadow:6px 6px 0 #000}.colour-studio .hero-visual figcaption{gap:12px}.colour-studio .hero-visual figcaption strong{font-size:12px}.colour-studio .hero-visual figcaption small{font-size:9px;max-width:200px}.colour-studio .hero-visual figcaption>.study-label{font-size:8px}.colour-studio .hero-bottom-note{font-size:10px}.colour-studio .visual-services{padding-block:55px 60px}.colour-studio .visual-service{padding:21px}.colour-studio .visual-service-label{font-size:25px;gap:10px}.colour-studio .service-job-visual .job-desk{padding:18px}.colour-studio .visual-service-copy h3{font-size:24px}.colour-studio .visual-service-copy>p{font-size:12px}.colour-studio .service-artboard{min-height:460px}.colour-studio .selected-work{padding-bottom:60px}.colour-studio .material-grid{gap:36px}.colour-studio .material-copy h2{font-size:37px}.colour-studio .material-photo{min-height:570px;border-width:8px}.colour-studio .material-copy .section-intro{font-size:13px}.colour-studio .material-approach{padding-block:55px}.colour-studio .visual-websites-opening h1,.colour-studio .visual-software-opening h1{font-size:47px}.colour-studio .visual-websites-opening .opening-grid,.colour-studio .visual-software-opening .opening-grid{gap:29px}.colour-studio .software-opening-visual{padding:19px}.colour-studio .visual-software-opening .job-desk{padding:21px}.colour-studio .visual-software-opening .page-intro{font-size:16px}.colour-studio .visual-contact-opening>.wrap{gap:34px}.colour-studio .contact-colour-photo img{height:230px}}
@media(max-width:650px){.colour-studio .header-inner{min-height:132px}.colour-studio .site-nav .nav-contact{padding:11px 13px}.colour-studio .visual-hero{padding-top:35px}.colour-studio .visual-hero .hero-grid{grid-template-columns:1fr;gap:30px;padding-bottom:27px}.colour-studio .visual-hero .eyebrow{font-size:10px;margin-bottom:23px}.colour-studio .visual-hero h1{font-size:clamp(52px,12.6vw,72px);line-height:1.01;margin-bottom:25px}.colour-studio .visual-hero .hero-intro{font-size:18px;line-height:1.65}.colour-studio .visual-hero .hero-detail{font-size:13px;max-width:340px}.colour-studio .visual-hero .actions{margin-top:23px;gap:10px 20px}.colour-studio .hero-artboard{padding:26px 19px;min-height:0}.colour-studio .hero-artboard picture{aspect-ratio:640/416;width:88%;border-width:6px;box-shadow:6px 6px 0 #000}.colour-studio .hero-visual figcaption{padding-top:17px;gap:15px}.colour-studio .hero-visual figcaption strong{font-size:13px}.colour-studio .hero-visual figcaption small{font-size:10px;max-width:230px}.colour-studio .hero-visual figcaption>.study-label{font-size:8px}.colour-studio .hero-bottom-note{font-size:11px;padding-block:19px}.colour-studio .visual-services{padding-block:46px}.colour-studio .section-heading h2{font-size:35px;line-height:1.1}.colour-studio .visual-service-grid{grid-template-columns:1fr;gap:0}.colour-studio .visual-service{padding:25px}.colour-studio .visual-service-label{font-size:31px;margin-bottom:20px}.colour-studio .visual-service-label>span{font-size:10px}.colour-studio .service-artboard{min-height:350px}.colour-studio .service-artboard picture{border-width:7px}.colour-studio .service-job-visual .job-desk{padding:22px}.colour-studio .visual-service-copy{padding-top:24px}.colour-studio .visual-service-copy h3{font-size:27px}.colour-studio .visual-service-copy>p{font-size:13px}.colour-studio .selected-work{padding-block:7px 47px}.colour-studio .work-caption-top>.small-label{font-size:10px}.colour-studio .work-caption .study-label{font-size:8px}.colour-studio .material-approach{padding-block:46px}.colour-studio .material-grid{grid-template-columns:1fr;gap:30px}.colour-studio .material-photo{min-height:0;aspect-ratio:1.06;border-width:8px}.colour-studio .material-photo>figcaption{padding:14px 13px;font-size:10px}.colour-studio .material-copy h2{font-size:39px}.colour-studio .material-copy .section-intro{font-size:14px}.colour-studio .visual-process li{padding-block:17px}.colour-studio .visual-process p{font-size:12px}.colour-studio .closing{padding-block:49px 55px}.colour-studio .closing h2{font-size:40px}.colour-studio .page-opening{padding-block:37px 40px}.colour-studio .page-opening h1{font-size:43px}.colour-studio .visual-websites-opening .opening-grid,.colour-studio .visual-software-opening .opening-grid{grid-template-columns:1fr;gap:30px}.colour-studio .visual-websites-opening h1,.colour-studio .visual-software-opening h1{font-size:44px}.colour-studio .software-opening-visual{padding:19px}.colour-studio .visual-software-opening .job-desk{padding:23px;box-shadow:6px 6px 0 #000}.colour-studio .visual-software-opening .page-intro{font-size:17px}.colour-studio .visual-contact-opening>.wrap{gap:29px}.colour-studio .contact-colour-photo img{height:185px;border-width:7px;box-shadow:6px 6px 0 #000}.colour-studio .contact-colour-photo figcaption{font-size:10px;margin-top:15px}.colour-studio .work-opening{padding-block:36px}.colour-studio .work-gallery-section{padding-top:36px}.colour-studio .footer-explore{padding-top:27px}}
@media(max-width:380px){.colour-studio .site-nav .nav-contact{padding:10px 11px}.colour-studio .visual-hero h1{font-size:47px}.colour-studio .visual-hero .hero-intro{font-size:16px}.colour-studio .visual-hero .hero-detail{font-size:12px}.colour-studio .hero-artboard{padding:23px 16px}.colour-studio .hero-visual figcaption strong{font-size:12px}.colour-studio .hero-visual figcaption small{font-size:9px;max-width:185px}.colour-studio .hero-visual figcaption>.study-label{font-size:7px}.colour-studio .visual-service{padding:21px}.colour-studio .visual-service-label{font-size:28px}.colour-studio .service-job-visual .job-desk{padding:18px}.colour-studio .visual-service-copy h3{font-size:25px}.colour-studio .page-opening h1,.colour-studio .visual-websites-opening h1,.colour-studio .visual-software-opening h1{font-size:39px}.colour-studio .material-copy h2{font-size:35px}}
@media(max-width:650px){.colour-studio .page-opening+.legal-section,.colour-studio .page-opening+.library-section{padding-top:35px}}
@media print{.colour-studio .visual-hero,.colour-studio .visual-services,.colour-studio .material-approach,.colour-studio .closing,.colour-studio .page-opening{background:#fff;color:#000}.colour-studio .closing h2,.colour-studio .closing .eyebrow,.colour-studio .closing .closing-inner>div>p:last-child{color:#000}.colour-studio .visual-service{background:#fff!important;border:1px solid #999}.colour-studio .hero-artboard{background:none}.colour-studio .page-opening{padding-block:20px}}

@media(max-width:1100px){
 .colour-studio .visual-hero h1{font-size:76px}
 .colour-studio .hero-artboard{padding:34px 24px 34px 0;min-height:345px}
 .colour-studio .visual-service{padding:25px}
 .colour-studio .visual-service-copy .visual-service-label{font-size:33px}
 .colour-studio .service-artboard{min-height:440px}
 .colour-studio .material-copy h2{font-size:45px}
 .colour-studio .material-grid{gap:55px}
}
@media(max-width:850px){
 .colour-studio .visual-hero{padding-block:48px}
 .colour-studio .visual-hero h1{font-size:57px}
 .colour-studio .visual-hero .hero-intro{font-size:16px}
 .colour-studio .hero-artboard{padding:28px 20px 28px 0;min-height:280px}
 .colour-studio .hero-artboard picture{border:0;box-shadow:none}
 .colour-studio .visual-services{padding-block:65px}
 .colour-studio .visual-service-grid{gap:20px}
 .colour-studio .visual-service{padding:21px}
 .colour-studio .visual-service-copy .visual-service-label{font-size:27px}
 .colour-studio .visual-service-copy>p{font-size:12px}
 .colour-studio .service-artboard{min-height:410px}
 .colour-studio.page-home .image-led-work .work-grid{gap:26px}
 .colour-studio.page-home .image-led-work .work-card:nth-child(2){padding-top:90px}
 .colour-studio .selected-work{padding-bottom:65px}
 .colour-studio .material-approach{padding-block:60px}
 .colour-studio .material-grid{gap:38px}
 .colour-studio .material-copy h2{font-size:38px}
 .colour-studio .pair-page{width:185px}
 .colour-studio .pair-print{width:158px}
}
@media(max-width:650px){
 .colour-studio .visual-hero{padding-block:35px}
 .colour-studio .visual-hero .hero-grid{grid-template-columns:1fr;gap:32px;padding-bottom:0}
 .colour-studio .visual-hero h1{font-size:clamp(52px,12.6vw,72px);line-height:1.01}
 .colour-studio .visual-hero .hero-intro{font-size:18px}
 .colour-studio .hero-artboard{padding:25px 22px 25px 0;min-height:0}
 .colour-studio .hero-artboard picture{width:96%;aspect-ratio:640/416;border:0;box-shadow:none}
 .colour-studio .hero-visual figcaption strong{font-size:14px}
 .colour-studio .hero-visual figcaption small{font-size:10px}
 .colour-studio .visual-services{padding-block:52px 58px}
 .colour-studio .visual-service-grid{gap:22px}
 .colour-studio .visual-service{padding:25px}
 .colour-studio .visual-service-copy{padding-bottom:23px}
 .colour-studio .visual-service-copy .visual-service-label{font-size:33px}
 .colour-studio .visual-service-copy>p{font-size:13px}
 .colour-studio .service-artboard{min-height:355px}
 .colour-studio .service-artboard picture{border:0}
 .colour-studio .service-link{margin-top:23px;padding-top:15px}
 .colour-studio .selected-work{padding-block:0 54px}
 .colour-studio.page-home .image-led-work .work-grid{grid-template-columns:1fr;gap:35px}
 .colour-studio.page-home .image-led-work .work-card:nth-child(2){padding-top:0}
 .colour-studio.page-home .image-led-work .work-card .work-image picture{aspect-ratio:640/416}
 .colour-studio .work-caption h3{font-size:29px}
 .colour-studio .work-disclosure{margin-top:25px}
 .colour-studio .material-approach{padding-block:48px}
 .colour-studio .material-grid{gap:28px}
 .colour-studio .material-photo{min-height:0;aspect-ratio:1.06}
 .colour-studio .material-copy h2{font-size:40px}
 .colour-studio .material-copy .section-intro{font-size:14px}
 .colour-studio .closing{padding-block:54px 59px}
 .colour-studio .brand-pair{gap:17px}
 .colour-studio .pair-page{width:170px}
 .colour-studio .pair-print{width:145px}
}
@media(max-width:380px){
 .colour-studio .visual-hero h1{font-size:44px}
 .colour-studio .visual-hero .hero-intro{font-size:16px}
 .colour-studio .visual-service{padding:21px}
 .colour-studio .visual-service-copy .visual-service-label{font-size:29px}
 .colour-studio .service-artboard{min-height:305px}
 .colour-studio .material-copy h2{font-size:36px}
 .colour-studio .brand-pair{gap:12px}
 .colour-studio .pair-page{width:146px}
 .colour-studio .pair-print{width:111px}
}