/* R6: the service index, process, questions and consultation. */
.r6-home{background:#f8f7f3;color:#101817;font-family:'Instrument Sans',Arial,sans-serif}
.r6-home :is(.section-heading h2,.service-name h3,.approach-heading h2,.faq-section h2,.contact-copy h2){font-family:inherit;font-variation-settings:normal;font-weight:450;letter-spacing:-.045em;line-height:1.08}
.r6-home .eyebrow{font-size:11px;font-weight:500;letter-spacing:.07em}

/* Large service rows, with no decorative card containers. */
.r6-home .services-section{padding:120px 0 58px}
.r6-home .services-section .section-heading{grid-template-columns:1fr 1fr;gap:23px 80px;margin-bottom:56px}
.r6-home .section-heading>.eyebrow{grid-column:1/-1;color:#62706a;padding:0;max-width:none}
.r6-home .section-heading h2{font-size:clamp(40px,3.8vw,59px);max-width:720px;margin:0}
.r6-home .section-heading>p:last-child{font-size:16px;line-height:1.75;color:#62706a;max-width:405px;justify-self:end;align-self:end;padding:0 0 3px}
.r6-home .service-list{display:flex;flex-direction:column;gap:14px}
.r6-home .service-row{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) 44px;align-items:start;gap:42px;padding:34px 0 42px;border:0}
.r6-home .service-row:last-child{border:0}
.r6-home .service-name{display:block;min-width:0;grid-row:auto}
.r6-home .service-name h3{font-size:clamp(58px,5vw,74px);line-height:1.03;letter-spacing:-.055em;transition:color 260ms var(--ease)}
.r6-home .service-summary{min-width:0;padding-top:3px}
.r6-home .service-summary>p{font-size:16px;line-height:1.75;color:#62706a;max-width:510px}
.r6-home .service-types{display:flex;flex-direction:row;flex-wrap:wrap;gap:7px 22px;grid-column:auto;padding:0;margin-top:19px;color:#101817;font-size:12px;line-height:1.65}
.r6-home .service-types>span::before{display:none}
.r6-home .round-arrow{border:0;border-radius:0;background:none;width:44px;height:50px;font-size:40px;line-height:1;font-weight:400;transform:none;transition:transform 260ms var(--ease),color 260ms var(--ease)}
.r6-home .service-row:focus-visible{outline-offset:9px}
.r6-home .service-row:hover .round-arrow{transform:translate(4px,-4px);color:#d44329}
.r6-home .service-row:hover .service-name h3{color:#d44329}

/* Preserve the official tool marks and allow wrapping at intermediate widths. */
.r6-home .integration-strip{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:70px;align-items:center;padding:35px 0 106px}
.r6-home .integration-copy{max-width:280px;min-width:0}
.r6-home .integration-copy h2{font-size:19px;font-weight:450;letter-spacing:-.025em;line-height:1.4}
.r6-home .integration-copy p{font-size:14px;line-height:1.75;color:#62706a;margin-top:11px}
.r6-home .integration-logos{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px 28px;width:100%;max-width:none;min-width:0;margin:0}
.r6-home .integration-logos>img{flex-shrink:0}

.r6-home .approach-section{background:#eff1ed;color:#101817;padding:110px 0}
.r6-home .approach-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px}
.r6-home .approach-heading>.eyebrow,.r6-home .studio-location,.r6-home .process-marker{color:#62706a}
.r6-home .approach-heading h2{font-size:clamp(43px,4vw,61px);margin:27px 0 26px}
.r6-home .approach-heading>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#62706a;max-width:480px}
.r6-home .studio-location{font-size:12px;line-height:1.7;margin-top:30px}
.r6-home .process{gap:38px;padding-top:2px;margin:0}
.r6-home .process article{padding:0;border:0}
.r6-home .process-marker{font-size:11px;line-height:1.7;letter-spacing:.025em}
.r6-home .process h3{font-size:26px;font-weight:450;letter-spacing:-.035em;line-height:1.2;margin:12px 0}
.r6-home .process p{font-size:16px;line-height:1.8;color:#62706a;max-width:490px}

.r6-home .faq-section{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:105px;padding:112px 0}
.r6-home .faq-section .eyebrow{color:#62706a}
.r6-home .faq-section h2{font-size:clamp(39px,3.65vw,56px);margin-top:25px;max-width:425px}
.r6-home .faq-list{margin-top:-10px}
.r6-home .faq-list details,.r6-home .faq-list details:last-child{border:0}
.r6-home .faq-list details+details{margin-top:2px}
.r6-home .faq-list summary{font-size:17px;font-weight:450;line-height:1.55;min-height:72px;padding:20px 0;gap:30px}
.r6-home .faq-list summary>span{font-size:27px;transition:transform 260ms var(--ease)}
.r6-home .faq-list details p{font-size:16px;line-height:1.8;color:#62706a;padding:0 40px 20px 0;max-width:620px}

/* Light, readable controls sit within the dark consultation section. */
.r6-home .contact-section{background:#101817;color:#f8f7f3;padding:110px 0 100px}
.r6-home .contact-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:100px}
.r6-home .contact-copy .eyebrow{color:#bac6bf}
.r6-home .contact-copy h2{font-size:clamp(48px,4.8vw,74px);margin:28px 0 28px}
.r6-home .contact-copy h2>span{font-family:inherit;font-size:.65em;margin-left:15px;color:#ff6549}
.r6-home .contact-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#bac6bf;max-width:420px}
.r6-home .contact-methods{margin-top:37px;padding:0;border:0;max-width:440px}
.r6-home .contact-label{font-size:11px;line-height:1.7;letter-spacing:.055em;color:#bac6bf}
.r6-home .contact-methods>p{font-size:15px;line-height:1.7;color:#f8f7f3;margin-top:11px}
.r6-home .contact-links>a{font-size:14px;border-color:#81948a}
.r6-home .contact-copy>p.contact-small{font-size:13px;line-height:1.8;color:#bac6bf;margin-top:31px}
.r6-home .enquiry-form{min-width:0;margin:0}
.r6-home .form-heading{margin-bottom:31px}
.r6-home .form-heading h3{font-size:27px;font-weight:450;letter-spacing:-.035em;line-height:1.25}
.r6-home .form-heading p{font-size:14px;line-height:1.7;color:#bac6bf;margin-top:9px}
.r6-home .form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:19px}
.r6-home .form-field{margin-bottom:24px}
.r6-home .form-field label{font-size:13px;font-weight:450;line-height:1.6;margin-bottom:9px}
.r6-home .optional{font-size:11px;color:#bac6bf}
.r6-home .form-field input,.r6-home .form-field select,.r6-home .form-field textarea{font-family:inherit;background:#f8f7f3;border:1px solid #f8f7f3;border-radius:2px;color:#101817;min-height:54px;padding:14px 15px;font-size:16px;line-height:1.5;outline-offset:4px}
.r6-home .form-field textarea{min-height:152px}
.r6-home .form-field textarea::placeholder{font-size:14px;line-height:1.75;color:#62706a;opacity:1}
.r6-home .form-field :is(input,select,textarea):focus{border-color:#ff6549}
.r6-home .form-field [aria-invalid=true]{border-color:#dd4227;box-shadow:0 0 0 1px #dd4227}
.r6-home .consent-label{color:#d9e0da;font-size:13px;line-height:1.75;gap:12px;margin:1px 0 23px}
.r6-home .consent-label input{accent-color:#ff6549;width:19px;height:19px;margin-top:3px}
.r6-home .consent-label a{color:#f8f7f3;text-underline-offset:4px}
.r6-home .form-submit{background:#ff6549;color:#101817;border-radius:2px;min-height:60px;font-size:15px;font-weight:550;padding:17px 20px}
.r6-home .form-status{font-size:14px;line-height:1.75}
.r6-home .form-status.is-success{color:#b8dbc2}
.r6-home .form-status.is-error{color:#ffb8a8}
.r6-home .form-note{color:#bac6bf;font-size:13px}

.r6-home .site-footer{background:#f8f7f3;padding-top:44px;padding-bottom:27px}
.r6-home .footer-top>p,.r6-home .footer-bottom,.r6-home .motion-toggle{color:#62706a}
.r6-home .footer-top>p{font-size:13px}
.r6-home .footer-bottom{border:0;font-size:11px;margin-top:19px;padding-top:13px}
.r6-home .footer-bottom nav>a,.r6-home .motion-toggle{font-size:12px}

@media(max-width:1200px){
 .r6-home .service-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 40px;gap:30px}
 .r6-home .service-name h3{font-size:60px}
 .r6-home .integration-strip{gap:45px;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}
 .r6-home .integration-logos{justify-content:flex-start;gap:28px}
 .r6-home .approach-grid,.r6-home .faq-section,.r6-home .contact-grid{gap:65px}
}
@media(max-width:1000px){
 .r6-home .services-section{padding:94px 0 45px}
 .r6-home .services-section .section-heading{gap:22px 45px;margin-bottom:43px}
 .r6-home .section-heading h2{font-size:44px}
 .r6-home .section-heading>p:last-child{font-size:15px}
 .r6-home .service-row{grid-template-columns:minmax(0,1fr) 44px;gap:19px 25px;padding:30px 0 35px}
 .r6-home .service-name h3{font-size:60px}
 .r6-home .service-summary{grid-column:1;grid-row:2;padding:0}
 .r6-home .service-summary>p{max-width:590px}
 .r6-home .round-arrow{grid-column:2;grid-row:1;height:55px}
 .r6-home .service-types{margin-top:15px}
 .r6-home .integration-strip{display:block;padding:28px 0 83px}
 .r6-home .integration-copy{max-width:480px}
 .r6-home .integration-logos{margin-top:31px;gap:28px 35px}
 .r6-home .approach-section,.r6-home .contact-section{padding:85px 0}
 .r6-home .approach-grid{gap:49px}
 .r6-home .approach-heading h2{font-size:44px}
 .r6-home .process h3{font-size:24px}
 .r6-home .faq-section{gap:49px;padding:86px 0}
 .r6-home .faq-section h2{font-size:42px}
 .r6-home .contact-grid{grid-template-columns:1fr;gap:49px}
 .r6-home .contact-copy h2{font-size:64px}
 .r6-home .enquiry-form{width:100%;max-width:760px}
}
@media(max-width:760px){
 .r6-home .services-section{padding:76px 0 35px}
 .r6-home .services-section .section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:31px}
 .r6-home .section-heading h2{font-size:40px;max-width:580px}
 .r6-home .section-heading>p:last-child{justify-self:start;max-width:520px;align-self:start;font-size:16px;margin:0;padding:0}
 .r6-home .service-list{gap:9px}
 .r6-home .service-name h3{font-size:54px}
 .r6-home .service-row{padding:28px 0 31px;gap:20px 16px}
 .r6-home .service-summary>p{font-size:16px}
 .r6-home .integration-strip{padding:22px 0 72px}
 .r6-home .integration-logos{gap:26px 34px}
 .r6-home .approach-section,.r6-home .contact-section{padding:76px 0}
 .r6-home .approach-grid{grid-template-columns:1fr;gap:43px}
 .r6-home .approach-heading h2{font-size:48px;max-width:580px}
 .r6-home .approach-heading>p:not(.eyebrow){max-width:570px}
 .r6-home .process{gap:32px}
 .r6-home .process p{max-width:590px}
 .r6-home .faq-section{grid-template-columns:1fr;gap:31px;padding:76px 0}
 .r6-home .faq-section h2{font-size:43px;max-width:580px}
 .r6-home .faq-list{margin:0}
 .r6-home .faq-list summary{min-height:68px}
 .r6-home .contact-copy h2{font-size:59px}
 .r6-home .contact-copy>p:not(.eyebrow){max-width:570px}
 .r6-home .footer-bottom{flex-wrap:wrap;gap:8px 24px}
 .r6-home .footer-bottom nav{order:3;width:100%;margin-left:0;flex-wrap:wrap;gap:2px 25px}
 .r6-home .motion-toggle{margin-left:auto}
}
@media(max-width:600px){
 .r6-home .services-section{padding:65px 0 27px}
 .r6-home .services-section .section-heading{display:grid;gap:17px;margin-bottom:29px}
 .r6-home .section-heading h2{font-size:35px;line-height:1.12;margin:0;letter-spacing:-.04em}
 .r6-home .section-heading>p:last-child{font-size:15px;line-height:1.75;margin:0}
 .r6-home .service-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:17px 12px;padding:27px 0 29px}
 .r6-home .service-name h3{font-size:42px;line-height:1.08;letter-spacing:-.05em}
 .r6-home .round-arrow{width:34px;height:44px;font-size:31px}
 .r6-home .service-summary{grid-column:1/-1}
 .r6-home .service-summary>p{font-size:15px;line-height:1.8;max-width:430px}
 .r6-home .service-types{font-size:12px;line-height:1.7;gap:6px 20px;margin-top:16px}
 .r6-home .integration-strip{padding:18px 0 62px}
 .r6-home .integration-copy h2{font-size:18px}
 .r6-home .integration-copy p{font-size:14px}
 .r6-home .integration-logos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-items:start;gap:28px 23px;margin-top:29px}
 .r6-home .approach-section,.r6-home .contact-section{padding:65px 0}
 .r6-home .approach-heading h2{font-size:41px;line-height:1.1;margin:23px 0}
 .r6-home .approach-heading>p:not(.eyebrow),.r6-home .process p{font-size:15px;line-height:1.8}
 .r6-home .studio-location{font-size:11px;margin-top:24px}
 .r6-home .process{gap:32px;margin:0;padding:0}
 .r6-home .process article{padding:0}
 .r6-home .process h3{font-size:25px;line-height:1.25;margin:10px 0 12px}
 .r6-home .faq-section{display:grid;gap:28px;padding:64px 0}
 .r6-home .faq-section h2{font-size:36px;line-height:1.12;margin-top:21px}
 .r6-home .faq-list{margin:0}
 .r6-home .faq-list summary{font-size:16px;line-height:1.6;gap:19px;min-height:73px;padding:19px 0}
 .r6-home .faq-list summary>span{font-size:25px}
 .r6-home .faq-list details p{font-size:15px;line-height:1.8;padding-right:17px}
 .r6-home .contact-grid{display:grid;gap:42px}
 .r6-home .contact-copy h2{font-size:43px;line-height:1.1;margin:23px 0 24px}
 .r6-home .contact-copy h2>span{margin-left:10px}
 .r6-home .contact-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}
 .r6-home .contact-methods{margin-top:29px;padding:0}
 .r6-home .contact-label{font-size:10px}
 .r6-home .contact-methods>p{font-size:14px}
 .r6-home .contact-copy>p.contact-small{font-size:12px;margin-top:26px}
 .r6-home .enquiry-form{margin:0}
 .r6-home .form-heading h3{font-size:27px}
 .r6-home .form-heading p{font-size:14px}
 .r6-home .form-row{grid-template-columns:1fr;gap:0}
 .r6-home .form-field{margin-bottom:22px}
 .r6-home .form-field label{font-size:13px}
 .r6-home .optional{font-size:11px}
 .r6-home .form-field input,.r6-home .form-field select,.r6-home .form-field textarea{font-size:16px;min-height:54px;padding:14px 13px}
 .r6-home .consent-label{font-size:13px;line-height:1.75}
 .r6-home .form-submit{font-size:15px;min-height:59px}
 .r6-home .site-footer{padding-top:35px;padding-bottom:25px}
 .r6-home .footer-top>p{font-size:11px}
 .r6-home .footer-bottom{margin-top:16px;font-size:11px}
 .r6-home .footer-bottom nav>a{font-size:12px}
 .r6-home .motion-toggle{font-size:11px}
}
@media(max-width:370px){
 .r6-home .section-heading h2{font-size:32px}
 .r6-home .service-row{column-gap:8px}
 .r6-home .service-name h3{font-size:42px}
 .r6-home .service-types{gap:6px 15px}
 .r6-home .approach-heading h2{font-size:37px}
 .r6-home .faq-section h2{font-size:34px}
 .r6-home .contact-copy h2{font-size:40px}
 .r6-home .contact-copy h2>span{margin-left:5px;font-size:.6em}
 .r6-home .footer-top>p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.r6-home .round-arrow,.r6-home .service-name h3,.r6-home .faq-list summary>span{transition:none}}
