.custom-development{--cd-space:clamp(48px,6vw,88px)}
.custom-development h1{font-size:clamp(44px,4.7vw,72px);line-height:1.05;max-width:15ch;text-wrap:balance}
.custom-development h2{font-size:clamp(34px,3.4vw,52px);line-height:1.12;text-wrap:balance}
.custom-development h3{font-size:28px;line-height:1.2;margin:24px 0 14px}
.custom-development p{font-size:17px;line-height:1.8;max-width:65ch}
.custom-development .section{padding-top:var(--cd-space);padding-bottom:var(--cd-space)}
.custom-development [id]{scroll-margin-top:132px}
.cd-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(36px,5vw,80px);align-items:center;padding:56px var(--gutter) 72px}
.cd-hero>div>p{margin:28px 0 34px;max-width:52ch}
.custom-development figure{margin:0;min-width:0}
.custom-development figure img{display:block;width:100%;height:auto;object-fit:cover}
.cd-hero figure img{aspect-ratio:4/3;object-fit:cover}
.custom-development figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:10px}
.cd-heading{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:40px}
.cd-heading h2,.cd-heading p{margin:0}
.cd-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.cd-route{border-top:1px solid #c8a76b66;padding-top:24px;display:flex;flex-direction:column;align-items:flex-start}
.cd-route figure{width:100%}.cd-route img{aspect-ratio:4/3;object-fit:cover}.cd-route p{margin-bottom:24px}.cd-route .button{margin-top:auto;font-size:14px}
.cd-options{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,7vw,100px);background:#eceae2;color:#102c46}
.cd-options>div{align-self:start}.cd-options h2{margin-top:0}.cd-options p{color:#405b70}
.cd-options dl{margin:0}.cd-options dl>div{border-top:1px solid #102c4633;padding:22px 0}.cd-options dt{font-size:24px;font-family:var(--serif,Georgia,serif);margin-bottom:12px}.cd-options dd{margin:0;font-size:16px;line-height:1.75;color:#405b70}
.cd-process{list-style:none;margin:38px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.cd-process li{border-top:1px solid #c8a76b66;padding-top:24px}.cd-step{font-size:14px;color:#cfb67e}.cd-process h3{font-size:26px}.cd-process p{font-size:15px}
.cd-before{margin-top:40px;border-top:1px solid #c8a76b66;padding-top:26px;display:grid;grid-template-columns:.6fr 1.4fr;column-gap:40px}.cd-before h3{margin:0}.cd-before p{margin:0 0 14px}.cd-before a{grid-column:2;width:fit-content}
.cd-app-preview{background:#102c46}.cd-app-preview h2{margin-top:0}.cd-jump-links{display:flex;flex-wrap:wrap;gap:20px 28px;margin:28px 0 36px}.cd-jump-links a,.cd-product-links a{border-bottom:1px solid #c8a76b88;padding-bottom:8px;text-decoration:none;line-height:1.6;font-size:16px}.cd-jump-links a:hover,.cd-product-links a:hover{color:#d8bf87;border-bottom-color:#d8bf87}
.cd-application{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,90px);align-items:center}.cd-application:nth-of-type(odd){background:#102c46}.cd-application:nth-of-type(odd)>figure{order:2}.cd-application h2{margin-top:0}.cd-application figure img{aspect-ratio:1/1;object-fit:contain;background:#071728}.cd-tags{font-size:14px!important;color:#cfb67e;margin:20px 0}.cd-product-links{margin:28px 0}.cd-product-links h3{font-family:inherit;font-size:14px;margin-bottom:14px;color:var(--muted)}.cd-product-links a{display:inline-block;margin:0 20px 12px 0}.cd-application .actions{gap:14px}.cd-application .button{font-size:14px;padding:16px 20px}.cd-app-intro{padding-bottom:52px}.cd-app-intro h1{max-width:18ch}.cd-app-summary{background:#eceae2;color:#102c46}.cd-app-summary p{color:#405b70}.cd-app-summary .button{color:#102c46}
.development-menu{position:relative}.development-menu .development-panel{left:0;right:auto;width:320px;max-width:calc(100vw - 32px);padding:18px 24px;display:flex;flex-direction:column;gap:4px}.development-panel a,.development-panel button{font-size:15px;line-height:1.6;padding:10px 0;text-decoration:none;color:#102c46;white-space:normal}.development-panel .button{border:0;padding:10px 0;background:transparent;text-align:start}.development-panel a:hover,.development-panel button:hover{text-decoration:underline;color:#705329}.development-menu summary{white-space:nowrap}
.enquiry-context{padding:12px 0;color:#cfb67e;font-size:14px;line-height:1.6}
.development-menu .development-panel{top:calc(100% + 30px);box-shadow:none;background:#eeece5}.development-menu:after{content:'';position:absolute;top:100%;left:0;width:100%;height:32px}.development-menu:not([open]):after{display:none}
@media(max-width:1200px){.desktop{gap:20px!important}.cd-routes{gap:22px}.cd-hero{gap:32px}}
@media(max-width:1000px){.cd-hero{grid-template-columns:1fr}.cd-hero>div{max-width:760px}.cd-hero figure{max-width:760px;width:100%}.cd-heading{grid-template-columns:1fr;gap:20px}.cd-process{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-options{gap:40px}.cd-application{gap:32px}.cd-routes{grid-template-columns:1fr}.cd-route{display:grid;grid-template-columns:.8fr 1fr;gap:0 32px}.cd-route figure{grid-row:1/4}.cd-route h3{margin-top:0}.cd-route p{margin:0 0 20px}.cd-route button{width:fit-content}#mobile-menu .development-menu{padding:0}#mobile-menu .development-menu summary{padding:12px 0}#mobile-menu .development-panel{position:static;width:auto;max-width:none;padding:10px 18px;background:#e9e6dd}#mobile-menu .development-panel a{display:block}}
@media(max-width:700px){.custom-development p{font-size:16px}.custom-development [id]{scroll-margin-top:100px}.cd-hero{padding-top:32px;padding-bottom:48px}.cd-routes{gap:40px}.cd-route{display:flex;gap:0}.cd-route h3{margin-top:24px}.cd-options,.cd-application{grid-template-columns:1fr}.cd-application:nth-of-type(odd)>figure{order:0}.cd-application figure img{aspect-ratio:4/5}.cd-before{display:block}.cd-before h3{margin-bottom:14px}.cd-process{gap:28px 20px}.cd-process h3{font-size:23px}.cd-jump-links{gap:16px 22px}.cd-application .actions{flex-direction:column;align-items:stretch}.cd-application .button{text-align:center}.cd-options dt{font-size:23px}.custom-development .faq h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.custom-development *{scroll-behavior:auto!important}}

.cd-hero figure img{aspect-ratio:1/1;object-fit:contain;background:#071728}.cd-route figure img{object-fit:contain;background:#071728}
