/* Jaleed editorial experience. Homepage only; hero, titles and service worlds excluded. */
.hx-home { --hx-ease:cubic-bezier(.22,1,.36,1); }
.hx-home .j-site>section:not(#services) { scroll-margin-top:92px; }
/* Process runway: a quiet editorial opening releases into one continuous dark chapter. */
.hx-home .hw-section { background:#fff; padding-top:112px; overflow:clip; }
.hx-home .hw-heading { padding-bottom:42px; }
.hx-home .hw-heading h2 { max-width:1120px; }
.hx-home .hw-journey {
 margin-inline:calc(var(--j-pad) * -1);
 padding-inline:var(--j-pad);
 gap:clamp(42px,6vw,110px);
 grid-template-columns:minmax(0,1.24fr) minmax(360px,.76fr);
 background:#181a1d;
 color:#f5f5f2;
 border-top:1px solid #2d3035;
}
.hx-home .hw-visual-column { padding-block:32px 56px; }
.hx-home .hw-sticky { top:92px; }
.hx-home .hw-chapter { min-height:92svh; padding-block:112px; border-color:#3a3d42; }
.hx-home .hw-chapter:first-child { border-top:0; }
.hx-home .hw-visual { border-radius:0; min-height:520px; max-height:calc(100svh - 220px); }
.hx-home .hw-stage-nav a { color:#a8aaaf; border-color:#46494f; }
.hx-home .hw-stage-nav a[aria-current] { color:#fff; border-color:#6d61ff; }
.hx-home .hw-chapter-label { color:#8f84ff; }
.hx-home .hw-chapter-label>span:last-child { color:#f5f5f2; }
.hx-home .hw-chapter h3 { color:#f5f5f2; }
.hx-home .hw-chapter>p { color:#aeb1b6; }
.hx-home .hw-output { border-color:#3a3d42; }
.hx-home .hw-output p { color:#d7d8db; }
.hx-home .hw-checkpoint { color:#d7d8db; }
.hx-home .hw-next { margin-inline:calc(var(--j-pad) * -1); padding:54px var(--j-pad) 78px; background:#181a1d; color:#fff; border-color:#3a3d42; }
.hx-home .hw-next p>span,.hx-home .hw-next a { color:#8f84ff; }
.hx-home .hw-art-frame { visibility:visible; transition:opacity .6s ease,transform .8s var(--hx-ease); }
.hx-process-mobile { display:none; }
/* Studio collection: one dominant frame, then an offset editorial pair and a dark material interlude. */
.hx-home .j-work { background:#f4f4f2; padding-top:120px; overflow:clip; }
.hx-home .j-work>.j-title-row { margin-bottom:34px; }
.hx-home .study-spread { grid-template-columns:repeat(12,minmax(0,1fr)); gap:92px 24px; }
.hx-home .study-landscape { grid-column:1/-1; }
.hx-home .study-landscape .study-image { aspect-ratio:1.78; min-height:520px; }
.hx-home .study-computer>img { width:68%; margin:0 2% 0 auto; object-fit:contain; }
.hx-home .study-display-type { top:18%; left:6%; font-size:clamp(58px,8.2vw,132px); }
.hx-home .study-portrait { grid-column:1/7; grid-row:2; padding-top:0; }
.hx-home .study-portrait .study-image { aspect-ratio:.86; }
.hx-home .study-detail { grid-column:8/13; grid-row:2; padding-top:190px; }
.hx-home .study-detail .study-image { aspect-ratio:.78; }
.hx-home .study-spread figcaption { padding-top:20px; border-top:1px solid #c8cace; margin-top:16px; }
.hx-home .study-spread figcaption b { font-size:18px; letter-spacing:-.025em; }
.hx-home .work-collection-note { margin-bottom:90px!important; }
.hx-home .material-pair {
 gap:10%; margin:0 calc(var(--j-pad) * -1) 0; padding:110px var(--j-pad) 120px;
 background:#181a1d; color:#f5f5f2; align-items:start;
}
.hx-home .material-pair img { max-height:620px; min-height:440px; object-fit:contain; background:#202328; }
.hx-home .material-pair figure:first-child { padding-top:150px; }
.hx-home .material-pair figcaption span { color:#aeb1b6; }
.hx-home .motion-collection { margin-top:44px; }
.hx-home .work-editorial-intro { margin:0 0 62px 42%; grid-template-columns:.7fr 1.3fr; }
/* Preserve the approved bento arrangement and full-height portrait film. */
.hx-home .jb-section { background:#e9ebee; padding-block:90px 70px; }
.hx-home .jb-tile { border-radius:2px; }
.hx-home .jb-heading { padding-bottom:30px; border-bottom:1px solid #c7c9cd; }
.hx-home .jsd-intro { padding-block:80px 48px; }
.hx-home .jsd-art { border-radius:0; }
.hx-home .jsd-detail { background:#17191c; }
/* Quiet, practical chapters after the image-led Standard. */
.hx-home .jrv-section { background:#eceef0; padding-top:100px; padding-bottom:70px; }
.hx-home .jrv-card { border-radius:6px; box-shadow:none; }
.hx-home .jrv-portrait { border-radius:2px; }
.hx-home .jrv-title-row { margin-bottom:48px; }
.hx-home .jpc-section { padding-block:100px 75px; }
.hx-home .jpc-card { border-radius:3px; }
.hx-home .jpc-intro { border-bottom:1px solid #d4d5d8; padding-bottom:36px; }
.hx-home .jfq-section { padding-block:80px 85px; background:#f2f3f4; }
.hx-home .j-start { padding-top:100px; }
.hx-home .delivery-intro { gap:12%; }
.hx-home .delivery-intro figure { overflow:hidden; }
.hx-home .delivery-intro figure img { height:380px; }
.hx-home .j-enquiry :is(input,select,textarea) { transition:border-color .25s,background .25s; }
.hx-home .j-enquiry :is(input,select,textarea):focus { border-color:#fff; background:#ffffff09; }
.hx-home .j-footer { background:#191b1f; color:#f5f5f3; padding-top:64px; }
.hx-home .j-footer-word { color:#f5f5f3; }
.hx-home .j-footer>.j-mark { background:#7465ff; }
.hx-home .j-footer-base { border-color:#ffffff30; color:#c6c8ce; }
.hx-home .j-footer a:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.hx-home .study-image>img,.hx-home .material-pair img,.hx-home .delivery-intro figure img {
 transform:translate3d(0,var(--hx-media-y,0px),0) scale(var(--hx-media-scale,1));
}
.hx-home .study-image,.hx-home .material-pair figure,.hx-home .delivery-intro figure {
 clip-path:inset(0 var(--hx-media-clip,0%) 0 0);
}
.hx-home .study-image,.hx-home .material-pair figure { overflow:clip; }
.hx-home .hx-scroll-control { display:flex; gap:12px; align-items:center; min-height:44px; border:0; border-bottom:1px solid #ffffff45; color:inherit; background:transparent; font:10px/1.5 monospace; padding:10px 0; margin-top:16px; cursor:pointer; }
.hx-home .hx-scroll-control>span { color:#a99fff; }
@media(min-width:1101px) {
 .hx-home .jsd-idea { align-items:start; }
 .hx-home .jsd-idea-text { position:sticky; top:150px; }
 .hx-home .jsd-continuity-spread,.hx-home .jsd-detail-spread { align-items:start; }
 .hx-home .jsd-continuity-text,.hx-home .jsd-detail-text { position:sticky; top:150px; }
 .hx-home .jpc-card:nth-child(2) { margin-top:32px; margin-bottom:-32px; }
 .hx-home .jpc-note { margin-top:58px; }
}
@media(max-width:1000px) {
 .hx-home .study-detail { padding-top:70px; }
 .hx-home .hw-journey { grid-template-columns:1fr 1fr; gap:42px; }
}
@media(max-width:700px) {
 .hx-home .j-site>section:not(#services) { scroll-margin-top:78px; }
 .hx-home .hw-section,.hx-home .j-work,.hx-home .jb-section,.hx-home .jpc-section,.hx-home .jfq-section,.hx-home .j-start { padding-top:56px; }
 .hx-home .hw-heading { padding-bottom:18px; }
 .hx-home .hw-journey { display:block; margin-inline:calc(var(--j-pad) * -1); padding:0 var(--j-pad); }
 .hx-home .hw-visual-column { position:static; background:transparent; padding:0; }
 .hx-home .hw-visual-column .hw-visual { display:none; }
 .hx-home .hw-stage-nav { padding:0 0 24px; }
 .hx-home .hw-chapter { min-height:0; padding:54px 0 68px; scroll-margin-top:90px; }
 .hx-home .hw-chapter-label { margin-bottom:20px; }
 .hx-process-mobile { display:block; height:280px; padding:30px 24px; background:#1500ff; color:#fff; position:relative; overflow:hidden; margin:0 calc(var(--j-pad) * -1) 32px; }
 .hx-process-mobile .hw-art-label { font-size:8px; }
 .hx-process-mobile .hw-map-center { height:65%; }
 .hx-process-mobile .hw-node-a { left:0; }
 .hx-process-mobile .hw-node-b { right:0; }
 .hx-home .hw-chapter h3 { font-size:clamp(32px,9vw,44px); }
 .hx-home .study-spread { grid-template-columns:1fr 1fr; gap:34px 16px; }
 .hx-home .study-landscape { grid-column:1/-1; }
 .hx-home .study-landscape .study-image { aspect-ratio:1.05; }
 .hx-home .study-computer>img { width:85%; margin-top:15%; height:85%; }
 .hx-home .study-display-type { font-size:38px; left:6%; top:10%; }
 .hx-home .study-portrait { grid-column:1; grid-row:2; }
 .hx-home .study-portrait .study-image { aspect-ratio:.72; }
 .hx-home .study-detail { grid-column:2; grid-row:2; padding-top:60px; }
 .hx-home .study-detail .study-image { aspect-ratio:.72; }
 .hx-home .study-spread figcaption b { font-size:13px; }
 .hx-home .study-spread figcaption>span { font-size:8px; }
 .hx-home .work-editorial-intro { margin:0 0 40px; grid-template-columns:1fr; }
 .hx-home .work-collection-note { margin-bottom:54px!important; }
 .hx-home .material-pair { gap:20px; margin:0 calc(var(--j-pad) * -1); padding:60px var(--j-pad) 70px; }
 .hx-home .material-pair figure:first-child { padding-top:70px; }
 .hx-home .material-pair img { height:280px; min-height:0; }
 .hx-home .jsd-intro { padding-top:56px; }
 .hx-home .jrv-section { padding-block:56px 40px; }
 .hx-home .delivery-intro { gap:30px; }
 .hx-home .delivery-intro figure img { height:300px; }
 .hx-home .j-footer { padding-top:44px; }
}
@media(prefers-reduced-motion:reduce) {
 .hx-home .hx-service-media img,.hx-home .study-image>img,.hx-home .material-pair img,.hx-home .delivery-intro figure img { transform:none!important; }
 .hx-home .study-image,.hx-home .material-pair figure,.hx-home .delivery-intro figure { clip-path:none!important; }
}
.hx-home.hx-effects-off .hx-service-media img,.hx-home.hx-effects-off .study-image>img,.hx-home.hx-effects-off .material-pair img,.hx-home.hx-effects-off .delivery-intro figure img,.hx-home.hx-effects-off .jsd-art img,.hx-home.hx-effects-off .statement-art>span { transform:none!important; clip-path:none!important; }
.hx-home.hx-effects-off .hw-art-frame { transition:none; }
.hx-home.hx-effects-off .jb-tile,.hx-home.hx-effects-off .jb-number { opacity:1!important; transform:none!important; transition:none!important; }
@media(prefers-reduced-motion:reduce) { .hx-home .hw-art-frame { transition:none; transform:none; } }

/* Pricing reads as a single three-part system instead of three floating cards. */
.hx-home .jpc-section { background:#e9eaec; padding-block:122px 92px; }
.hx-home .jpc-intro { min-height:220px; margin-bottom:66px; }
.hx-home .jpc-grid { gap:0; align-items:stretch; border:1px solid #cfd1d5; }
.hx-home .jpc-card { border-radius:0; border:0; border-right:1px solid #cfd1d5; }
.hx-home .jpc-card:last-child { border-right:0; }
.hx-home .jpc-card:nth-child(2) { margin:0; }
.hx-home .jpc-card-head { min-height:480px; }
.hx-home .jpc-card h3 { margin-top:52px; }
.hx-home .jpc-note { margin-top:34px; }

/* FAQ is a final dark editorial chapter before the electric-blue enquiry area. */
.hx-home .jfq-section {
 background:#181a1d;
 color:#f5f5f2;
 padding-block:112px 120px;
 border-top:1px solid #303339;
}
.hx-home .jfq-top { border-color:#3c3f45; color:#aeb1b6; }
.hx-home .jfq-heading :is(h1,h2) { color:#f5f5f2; }
.hx-home .jfq-heading :is(h1,h2)>span { color:#86898f; }
.hx-home .jfq-kicker,.hx-home .jfq-side-note { color:#aeb1b6; }
.hx-home .jfq-heading p { color:#c6c8cc; }
.hx-home .jfq-heading>a { color:#fff; border-color:#555960; }
.hx-home .jfq-list { border-color:#f5f5f2; }
.hx-home .jfq-item { border-color:#3c3f45; }
.hx-home .jfq-index { color:#85898f; }
.hx-home .jfq-question { color:#f5f5f2; }
.hx-home .jfq-answer p { color:#b9bcc1; }
.hx-home .jfq-item summary:hover .jfq-question,
.hx-home .jfq-item[open] .jfq-index,
.hx-home .jfq-item[open] .jfq-question,
.hx-home .jfq-item[open] .jfq-toggle { color:#8f84ff; }
.hx-home .jfq-bottom { color:#c6c8cc; }
.hx-home .jfq-bottom>span { color:#92959b; }

/* The enquiry and footer now read as one deliberate closing sequence. */
.hx-home .j-start {
 padding-top:126px;
 border-top:1px solid #ffffff55;
}
.hx-home .delivery-intro { min-height:560px; align-items:center; }
.hx-home .delivery-intro figure { background:#fff; }
.hx-home .delivery-intro figure img { height:520px; }
.hx-home .j-enquiry { padding-bottom:30px; }
.hx-home .closing-word { margin-top:120px; }
.hx-home .j-footer { padding-top:84px; border-top:1px solid #34373c; }
.hx-home .j-footer-top { padding-bottom:40px; }
.hx-home .j-footer-word { margin-top:90px; }

@media(max-width:1000px) and (min-width:701px) {
 .hx-home .jpc-section { padding-inline:24px; }
 .hx-home .jpc-card-head { min-height:430px; }
}

@media(max-width:700px) {
 .hx-home .jpc-section { padding-block:70px 52px; }
 .hx-home .jpc-intro { min-height:0; margin-bottom:38px; }
 .hx-home .jpc-grid { border:0; gap:18px; }
 .hx-home .jpc-card { border:1px solid #cfd1d5; }
 .hx-home .jpc-card-head { min-height:390px; }
 .hx-home .jfq-section { padding-block:68px 74px; }
 .hx-home .j-start { padding-top:72px; }
 .hx-home .delivery-intro { min-height:0; }
 .hx-home .delivery-intro figure img { height:330px; }
 .hx-home .closing-word { margin-top:72px; }
 .hx-home .j-footer { padding-top:54px; }
 .hx-home .j-footer-word { margin-top:58px; }
}

/* White canvas directive: sections stay white; blue belongs to accents and media. */
.hx-home,.hx-home .j-site { background:#fff; }
.hx-home .sx-services { background:#fff; }
.hx-home .hw-section,.hx-home .hw-journey,.hx-home .hw-next { background:#fff; color:#25282b; }
.hx-home .hw-journey { border-color:#d5d6d8; }
.hx-home .hw-chapter,.hx-home .hw-output,.hx-home .hw-next { border-color:#d5d6d8; }
.hx-home .hw-chapter h3 { color:#25282b; }
.hx-home .hw-chapter>p { color:#5d6166; }
.hx-home .hw-output p,.hx-home .hw-checkpoint { color:#33373b; }
.hx-home .hw-chapter-label { color:#1500ff; }
.hx-home .hw-chapter-label>span:last-child { color:#25282b; }
.hx-home .hw-stage-nav a { color:#666a70; border-color:#c9cbd0; }
.hx-home .hw-stage-nav a[aria-current] { color:#1500ff; border-color:#1500ff; }
.hx-home .hw-next p>span,.hx-home .hw-next a { color:#1500ff; }

.hx-home .j-work,.hx-home .material-pair { background:#fff; color:#25282b; }
.hx-home .material-pair { border-block:1px solid #d3d5d8; }
.hx-home .material-pair img { background:#fff; }
.hx-home .material-pair figcaption span { color:#666a70; }

.hx-home .jb-section { background:#fff; }

.hx-home .jsd-section,.hx-home .jsd-system,.hx-home .jsd-detail { background:#fff; color:#242629; }
.hx-home .jsd-detail .jsd-chapter-top>span:last-child,.hx-home .jsd-detail .jsd-copy p,.hx-home .jsd-detail .jsd-bottom-note { color:#62666b; }
.hx-home .jsd-detail .jsd-bottom-note,.hx-home .jsd-colophon { border-color:#d3d5d8; }
.hx-home .jsd-colophon { color:#62666b; }
.hx-home .jsd-colophon p { color:#242629; }

.hx-home .jrv-section,.hx-home .jpc-section,.hx-home .jfq-section { background:#fff; color:#242629; }
.hx-home .jfq-section { border-color:#d2d4d7; }
.hx-home .jfq-top,.hx-home .jfq-item { border-color:#c9cbd0; color:#242629; }
.hx-home .jfq-heading :is(h1,h2),.hx-home .jfq-question { color:#242629; }
.hx-home .jfq-heading :is(h1,h2)>span { color:#777b80; }
.hx-home .jfq-kicker,.hx-home .jfq-side-note,.hx-home .jfq-bottom>span { color:#62676c; }
.hx-home .jfq-heading p,.hx-home .jfq-answer p { color:#555b61; }
.hx-home .jfq-heading>a { color:#242629; border-color:#b8bcc2; }
.hx-home .jfq-list { border-color:#242629; }
.hx-home .jfq-item summary:hover .jfq-question,
.hx-home .jfq-item[open] .jfq-index,
.hx-home .jfq-item[open] .jfq-question,
.hx-home .jfq-item[open] .jfq-toggle { color:#1500ff; }

.hx-home .j-start { background:#fff; color:#25282b; border-color:#d4d6d9; }
.hx-home .j-start .j-mark { background:#1500ff; }
.hx-home .j-start h2,.hx-home .j-start .j-label,.hx-home .j-start .j-title-row p { color:#25282b; }
.hx-home .j-start .j-label>span:not(.j-mark),.hx-home .j-start .j-micro { color:#5f6469; }
.hx-home .j-start .j-link { color:#1500ff; }
.hx-home .delivery-intro { border-color:#d2d4d7; }
.hx-home .j-enquiry label { color:#25282b; }
.hx-home .j-enquiry :is(input,select,textarea) { color:#25282b; border-color:#b9bdc2; }
.hx-home .j-enquiry textarea::placeholder { color:#777c82; }
.hx-home .j-enquiry :is(input,select,textarea):focus { border-color:#1500ff; background:#f7f7ff; }
.hx-home .j-form-bottom p,.hx-home .j-form-privacy { color:#5e6369; }
.hx-home .j-form-bottom button { background:#1500ff; color:#fff; }
.hx-home .closing-word { color:#e3e4e7; }

.hx-home .j-footer { background:#fff; color:#25282b; border-color:#d4d6d9; }
.hx-home .j-footer-word { color:#25282b; }
.hx-home .j-footer>.j-mark { background:#1500ff; }
.hx-home .j-footer-base { border-color:#d2d4d7; color:#666b71; }
.hx-home .j-footer-top>div p { color:#666b71; }
.hx-home .j-footer a:focus-visible { outline-color:#1500ff; }
.hx-home .hx-scroll-control { border-color:#c4c7cb; }
.hx-home .hx-scroll-control>span { color:#1500ff; }