/* Clear commercial services, one recognisable Xigen brand. */
.service-overview{padding-top:0}.service-overview .section-head{max-width:1000px;margin-bottom:2.4rem}.service-overview .section-head h2{font-size:clamp(2.1rem,4vw,4.2rem);max-width:22ch}.service-overview .section-head>p:last-child{font-size:.9rem;max-width:60ch;color:var(--muted)}
.service-intro-strip{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;margin:0 20px 3rem;overflow:hidden}.service-intro-strip figure{position:relative;overflow:hidden}.service-intro-strip img{width:100%;height:330px;object-fit:cover;transition:transform 1s var(--motion-ease)}.service-intro-strip figure:hover img{transform:scale(1.045)}.service-intro-strip figcaption{position:absolute;inset:auto 0 0;padding:55px 22px 20px;background:linear-gradient(transparent,#111b);font-size:.7rem;color:white}
.commercial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 26px}.commercial-card{border:1px solid var(--line);background:#e7e3d9;overflow:hidden;scroll-margin-top:110px}.commercial-visual{display:block;position:relative;overflow:hidden}.commercial-visual img{width:100%;height:290px;object-fit:cover;transition:transform 1s var(--motion-ease),filter .6s}.commercial-card:hover .commercial-visual img{transform:scale(1.045);filter:saturate(1.08)}.commercial-visual>span{position:absolute;top:17px;left:18px;border-radius:30px;padding:8px 11px;font-family:var(--font-mono);font-size:.53rem;background:var(--paper);color:var(--ink)}.commercial-copy{padding:26px 28px 28px}.commercial-copy .kicker{font-family:var(--font-mono);font-size:.52rem;letter-spacing:.05em;text-transform:uppercase;color:#97410d;margin-bottom:12px}.commercial-copy h3{font-size:clamp(1.8rem,2.7vw,2.9rem);letter-spacing:-.06em;line-height:1.13;max-width:22ch;margin:0 0 1rem}.commercial-copy>p:not(.kicker){font-size:.82rem;line-height:1.8;color:var(--muted);max-width:58ch}.service-tags{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:1.3rem 0}.service-tags li{margin:0;border:1px solid #191a1526;padding:6px 10px;font-size:.6rem;line-height:1.5;border-radius:30px}.commercial-cta{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.1rem;border-top:1px solid var(--line);font-size:.7rem}.commercial-cta>span{font-size:1.5rem;transition:translate .4s}.commercial-cta:hover>span{translate:4px -3px}
.web-levels{background:var(--ink);color:var(--paper);--muted:#b6b9a8;--line:#ffffff24}.web-levels .section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem 3rem;align-items:end}.web-levels .section-head .eyebrow{grid-column:1/-1}.web-levels h2{font-size:clamp(2.1rem,4.3vw,4.5rem);max-width:18ch}.web-levels .section-head>p:last-child{font-size:.85rem;max-width:47ch;color:var(--muted)}.web-level-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line)}.web-level{padding:28px 24px;position:relative;border-right:1px solid var(--line);transition:background .4s}.web-level:last-child{border:0}.web-level:hover{background:#ffffff06}.web-level .lvl{font-family:var(--font-mono);font-size:.53rem;color:var(--orange);margin-bottom:2rem}.web-level h3{font-size:1.8rem;letter-spacing:-.05em;line-height:1.1;margin-bottom:1rem}.web-level p{font-size:.75rem;line-height:1.8;color:var(--muted)}.web-level ul{padding-left:1rem;margin:1.2rem 0 1.5rem;color:var(--muted);font-size:.65rem;line-height:1.8}.web-level>a{font-size:.65rem;border-bottom:1px solid var(--line);padding-bottom:.5rem;display:inline-flex;gap:1rem;color:var(--paper)}.service-note{font-family:var(--font-mono);font-size:.52rem;color:var(--muted);line-height:1.8;margin-top:1rem;max-width:100ch}
.domain-band{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.domain-band h2{font-size:clamp(2.1rem,4vw,4.2rem);line-height:1.1;letter-spacing:-.05em;max-width:16ch}.domain-band p:not(.eyebrow){font-size:.9rem;color:var(--muted);max-width:49ch}.domain-extensions{display:flex;flex-wrap:wrap;gap:9px;margin:1.6rem 0}.domain-extensions span{padding:10px 17px;border:1px solid var(--line);font-size:1.3rem;letter-spacing:-.03em;border-radius:40px}.domain-band figure{position:relative;overflow:hidden}.domain-band img{width:100%;height:430px;object-fit:cover;transition:transform 1s var(--motion-ease)}.domain-band figure:hover img{transform:scale(1.035)}.domain-example{font-family:var(--font-mono);font-size:.7rem!important;color:var(--ink)!important;padding:1rem 0;border-block:1px solid var(--line);overflow-wrap:anywhere}
.service-foundations{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:start;border-top:1px solid var(--line);padding-top:3rem}.service-foundations h2{font-size:clamp(2rem,3.5vw,3.7rem);max-width:17ch}.foundation-links{display:grid;gap:0}.foundation-links a{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.3rem 0;border-bottom:1px solid var(--line);font-size:1rem}.foundation-links a>span{font-size:1.4rem;color:#a94300}.service-foundations p{font-size:.85rem;color:var(--muted);max-width:48ch}
.service-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.service-outcomes article{border-top:1px solid var(--line);padding-top:1.5rem}.service-outcomes h3{font-size:1.5rem;margin-bottom:.8rem;letter-spacing:-.04em}.service-outcomes p{font-size:.85rem;color:var(--muted)}.commercial-detail .editorial-title{max-width:18ch}.commercial-detail .service-introduction{padding-bottom:2.8rem}.commercial-detail .service-intro-photo img{height:400px}.commercial-detail .feature-list li{padding-block:1.2rem}.commercial-detail .project-fit{border:1px solid var(--line);background:#e6e1d4}.commercial-detail .service-related{background:#e7e3d9}.service-related .resource-card{border-top:1px solid var(--line);padding-top:1.5rem}.service-related .resource-card .kicker{font-size:.5rem}.service-related .resource-card h3{font-size:1.7rem}
.service-visual-note{font-family:var(--font-mono);font-size:.48rem!important;text-transform:uppercase;color:var(--muted);margin-top:.8rem}.page-home .commercial-grid .commercial-visual img{height:250px}.page-home .commercial-copy h3{font-size:2rem}.page-home .commercial-copy{padding:23px}.page-home .capabilities .section-head h2{max-width:19ch}.page-home .capabilities .section-head>p:last-child{max-width:36ch}
/* Public sign-in, registration and password recovery share the studio language. */
.auth-card{border:1px solid var(--line);background:#e7e3d9}.auth-brand-panel{position:relative;isolation:isolate;overflow:hidden;min-height:610px;display:flex;flex-direction:column;justify-content:space-between;background:#191a15;color:#f3f0e7}.auth-brand-panel .auth-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.56;transition:transform 1.4s var(--motion-ease)}.auth-brand-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(#1118,transparent 40%,#111a);z-index:-1}.auth-brand-panel:hover .auth-photo{transform:scale(1.035)}.auth-brand-panel .eyebrow{color:#f3f0e7}.auth-brand-panel .auth-statement{font-size:clamp(2.8rem,4.8vw,5rem);line-height:1.05;letter-spacing:-.055em;text-shadow:0 2px 20px #0002}.auth-statement>span{display:none}.auth-brand-panel>a{width:max-content;border-bottom:1px solid #ffffff50;padding-bottom:.5rem}.auth-form-panel{padding:clamp(1.5rem,4vw,4rem)}.auth-form-panel h1{font-size:clamp(2.4rem,4vw,3.6rem);letter-spacing:-.06em}.auth-form-panel .field input{background:#f6f3eb;border:1px solid #17180f33;border-radius:6px;min-height:50px}.auth-form-panel .field input:focus{border-color:#ad4a0d;box-shadow:0 0 0 3px #e9873822}.auth-form-panel .meta-link{line-height:1.8}.password-visibility{border:1px solid var(--line);border-radius:30px;padding:7px 12px;font-size:.65rem;width:max-content;margin:-.3rem 0 1rem;cursor:pointer}.password-visibility:hover{background:var(--ink);color:var(--paper)}.password-visibility:focus-visible{outline:2px solid #b34a00;outline-offset:3px}
@media(max-width:1000px){.commercial-visual img{height:250px}.commercial-copy{padding:22px}.commercial-copy h3{font-size:2rem}.web-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-level:nth-child(2){border-right:0}.web-level:nth-child(-n+2){border-bottom:1px solid var(--line)}.domain-band{gap:2rem}.service-intro-strip img{height:270px}.service-foundations{gap:2rem}.auth-brand-panel{min-height:560px}}
@media(max-width:700px){.service-intro-strip{margin-inline:10px;grid-template-columns:1.2fr 1fr;gap:6px}.service-intro-strip figure:first-child{grid-column:1/-1}.service-intro-strip img{height:200px}.service-intro-strip figure:first-child img{height:270px}.commercial-grid{gap:22px 16px}.commercial-copy h3{font-size:1.6rem}.commercial-copy>p:not(.kicker){font-size:.75rem}.commercial-copy{padding:19px}.commercial-visual img{height:220px}.service-tags li{font-size:.52rem;padding:5px 8px}.commercial-cta{font-size:.6rem}.web-levels .section-head{display:block}.web-levels .section-head>p:last-child{margin-top:1rem}.web-level{padding:25px 20px}.domain-band{grid-template-columns:1fr;gap:1.5rem}.domain-band img{height:330px}.service-foundations{grid-template-columns:1fr;gap:1.5rem}.service-outcomes{grid-template-columns:1fr;gap:1.5rem}.commercial-detail .service-intro-photo img{height:320px}.auth-card{grid-template-columns:1fr}.auth-brand-panel{min-height:320px;padding:25px}.auth-brand-panel .auth-statement{font-size:3rem;max-width:17ch}.auth-brand-panel .auth-photo{object-position:center 40%}}
@media(max-width:560px){.service-overview .section-head h2{font-size:2.3rem}.service-overview .section-head>p:last-child{font-size:.8rem}.commercial-grid{grid-template-columns:1fr}.commercial-visual img{height:245px}.commercial-copy h3{font-size:1.9rem;max-width:20ch}.commercial-copy{padding:23px}.commercial-copy>p:not(.kicker){font-size:.79rem}.service-tags li{font-size:.57rem}.commercial-cta{font-size:.66rem}.service-intro-strip figcaption{font-size:.58rem;padding:45px 14px 14px}.service-intro-strip img{height:180px}.web-level h3{font-size:1.5rem}.web-level p{font-size:.7rem}.web-level ul{font-size:.6rem}.web-level{padding:22px 17px}.web-level .lvl{margin-bottom:1.3rem}.service-note{font-size:.46rem}.domain-band h2{font-size:2.5rem}.domain-band p:not(.eyebrow){font-size:.8rem}.domain-band img{height:280px}.domain-extensions span{font-size:1.15rem;padding:9px 15px}.domain-example{font-size:.6rem!important}.service-foundations{padding-top:2rem}.service-foundations h2{font-size:2.2rem}.service-foundations p{font-size:.8rem}.foundation-links a{font-size:.85rem}.commercial-detail .service-intro-photo img{height:280px}.page-home .commercial-copy h3{font-size:1.9rem}.auth-brand-panel{min-height:300px}.auth-brand-panel .auth-statement{font-size:2.7rem}.auth-form-panel{padding:25px 22px}}
.commercial-visual,.service-intro-strip figure{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s var(--motion-ease)}
@media(prefers-reduced-motion:reduce){.commercial-visual,.service-intro-strip figure,.commercial-visual img,.service-intro-strip img,.domain-band img,.auth-photo{transition:none!important;transform:none!important}}