/* Jaleed smooth system — a soft, precise surface language with native scrolling. */
:root{
 --smooth-canvas:#ffffff;
 --smooth-surface:#ffffff;
 --smooth-soft:#ffffff;
 --smooth-line:rgba(30,30,35,.1);
 --smooth-shadow:0 18px 55px rgba(20,20,28,.08),0 2px 10px rgba(20,20,28,.04);
 --smooth-shadow-hover:0 24px 70px rgba(20,20,28,.12),0 4px 14px rgba(20,20,28,.05);
 --smooth-r-sm:14px;
 --smooth-r-md:22px;
 --smooth-r-lg:32px;
 --smooth-r-xl:44px;
 --smooth-pill:999px;
 --smooth-ease:cubic-bezier(.22,1,.36,1);
}
html{background:var(--smooth-canvas)}
body{background:var(--smooth-canvas);overflow-x:clip}
.j-site,.j-inner{background:var(--smooth-canvas)}
.j-nav,.j-menu,.j-footer,.j-site{box-sizing:border-box}
.skip-link,.j-skip{
 position:fixed!important;
 top:8px!important;
 left:8px!important;
 z-index:300!important;
 opacity:0;
 pointer-events:none;
 transform:translateY(-180%)!important;
 border-radius:var(--smooth-pill);
 box-shadow:var(--smooth-shadow);
}
.skip-link:focus-visible,.j-skip:focus-visible{opacity:1;pointer-events:auto;transform:none!important}

/* Floating glass navigation. */
.j-nav{
 top:12px;
 width:max-content;
 max-width:calc(100% - 24px);
 margin:0 auto 12px;
 min-height:68px;
 padding:8px 10px 8px 14px;
 border:1px solid rgba(35,35,40,.09);
 border-radius:var(--smooth-r-md);
 background:rgba(255,255,255,.82);
 box-shadow:0 10px 35px rgba(25,25,32,.07);
 backdrop-filter:saturate(160%) blur(22px);
 -webkit-backdrop-filter:saturate(160%) blur(22px);
}
.j-nav-brand{padding-right:22px}
.j-nav-links{margin-left:0;padding-inline:18px;gap:28px}
.j-nav-start{margin-left:10px}
.j-nav :is(.j-nav-start,.j-menu-toggle){
 border:0;
 border-radius:var(--smooth-pill);
 background:#ffffff;
 border:1px solid var(--smooth-line);
 min-height:42px;
 padding:0 17px;
 display:inline-flex;
 align-items:center;
}
.j-nav .j-nav-start{background:#18181b;color:#fff;border-color:#18181b}
.j-nav a,.j-nav button{transition:transform .35s var(--smooth-ease),background-color .35s,color .35s}
.j-nav :is(a,button):hover{transform:translateY(-1px)}
.j-menu{inset:12px 12px 12px auto;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:var(--smooth-r-xl);box-shadow:-20px 0 70px rgba(15,15,20,.2)}
.j-menu nav a{border-radius:var(--smooth-r-sm);padding-inline:12px}
.j-menu nav a:hover{background:rgba(255,255,255,.1);padding-left:18px}

/* Hero and statement keep their composition, but lose hard screen edges. */
.opening-hero{margin:0 12px 12px;border-radius:var(--smooth-r-xl);min-height:calc(100svh - 92px)!important;height:calc(100svh - 92px)!important;box-shadow:var(--smooth-shadow);background:#ffffff}
.opening-hero .hero-artwork,.opening-hero .hero-video{border-radius:inherit}
.opening-hero .hero-video-toggle{border:1px solid rgba(255,255,255,.38)!important;border-radius:var(--smooth-pill);padding:0 14px!important;justify-content:center!important;background:rgba(255,255,255,.12);backdrop-filter:blur(12px)}
.studio-statement{margin:12px;border-radius:var(--smooth-r-xl);overflow:clip;background:#fff}
.statement-art>span,.statement-art img{border-radius:var(--smooth-r-lg)}
.statement-art>span{background:#ffffff!important}

/* Consistent section rhythm and soft media frames. */
.hx-home .j-site>section:not(.sx-world),.j-inner .j-site>section{
 margin:12px;
 border-radius:var(--smooth-r-xl);
 overflow:clip;
}
.j-section{border-radius:var(--smooth-r-xl)}
:is(.study-image,.material-pair img,.delivery-intro figure,.delivery-intro figure img,.discipline-art,.j-service-hero>.j-art,.not-found-art,.not-found-art img){border-radius:var(--smooth-r-lg);overflow:clip}
.study-film-disclosure,.motion-collection{border-radius:var(--smooth-r-md);overflow:clip}
.motion-collection>summary,.study-film-disclosure>summary{padding-inline:18px}

/* Services become a soft directory without losing their strong type. */
.sx-services{margin:12px!important;border-radius:var(--smooth-r-xl);overflow:clip}
.sx-service-index{gap:10px;border:0!important}
.sx-service-trigger{
 margin-block:5px;
 padding-inline:20px!important;
 border:1px solid var(--smooth-line)!important;
 border-radius:var(--smooth-r-md);
 background:#ffffff;
 transition:transform .45s var(--smooth-ease),box-shadow .45s var(--smooth-ease),background-color .35s;
}
.sx-service-trigger:hover,.sx-service-trigger:focus-visible{transform:translateY(-2px);box-shadow:var(--smooth-shadow);background:#fff}
.sx-service-arrow{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff}
.sx-world{background:rgba(245,245,247,.96);backdrop-filter:blur(18px)}
.sx-world-scroll{margin:12px;border-radius:var(--smooth-r-xl);overflow:auto;background:#fff;max-height:calc(100dvh - 24px)}
.sx-world-nav{margin:10px;border:1px solid var(--smooth-line);border-radius:var(--smooth-r-md);padding-inline:16px!important;background:rgba(255,255,255,.86);backdrop-filter:blur(18px)}
.sx-visual,.sx-world-cta{border-radius:var(--smooth-r-lg);overflow:hidden}
.sx-deep-dive,.sx-world-cta button{border-radius:var(--smooth-r-sm);padding-inline:16px}

/* Process: rounded stage, compact chapter surfaces, pill navigation. */
.hx-home .hw-journey{margin-inline:0!important;padding:24px!important;border:0!important;border-radius:var(--smooth-r-xl);background:var(--smooth-soft)!important;gap:clamp(28px,5vw,80px)}
.hx-home .hw-visual{border-radius:var(--smooth-r-lg);box-shadow:var(--smooth-shadow);overflow:hidden}
.hw-stage-nav{gap:8px}
.hw-stage-nav a{border:1px solid var(--smooth-line)!important;border-radius:var(--smooth-pill);padding:10px 13px;background:#ffffff;transition:background .3s,color .3s}
.hw-stage-nav a[aria-current]{background:#1500ff;color:#fff!important}
.hw-chapter{border:0!important;margin:12px 0;padding-inline:clamp(20px,3vw,42px)!important;border-radius:var(--smooth-r-lg);background:#fff}
.hw-output{border:0!important;border-radius:var(--smooth-r-md);padding:20px!important;background:var(--smooth-soft)}
.hw-next{margin:12px 0 0!important;padding:34px!important;border:0!important;border-radius:var(--smooth-r-lg);background:#18181b!important;color:#fff!important}
.hw-next a{border:0!important;border-radius:var(--smooth-pill);padding:13px 18px;background:#fff;color:#171717!important}
.hw-map-center,.hw-node,.hw-browser,.hw-phone,.hw-live{border-radius:var(--smooth-r-sm)}
.hw-map-center,.hw-phone,.hw-live{background:#ffffff!important}
.hw-phone>div{background:#ffffff!important;border:1px solid var(--smooth-line)}
.hw-swatches i:nth-child(1),.hw-swatches i:nth-child(3){background:#ffffff!important;border:1px solid rgba(255,255,255,.55)}
.hw-swatches i:nth-child(2){background:#1500ff!important}
.hw-swatches i:nth-child(4){background:#18181b!important}

/* Image-led chapters. */
.hx-home .j-work,.hx-home .jb-section,.hx-home .jsd-section,.hx-home .jrv-section,.hx-home .jpc-section,.hx-home .jfq-section{background:#fff}
.hx-home .study-image,.hx-home .material-pair img{box-shadow:var(--smooth-shadow)}
.hx-home .material-pair{margin-inline:0;border:0;border-radius:var(--smooth-r-xl);background:var(--smooth-soft);padding-inline:clamp(20px,5vw,80px)}
.hx-home .jb-tile{border-radius:var(--smooth-r-lg);box-shadow:0 10px 34px rgba(20,20,28,.07);overflow:hidden}
.hx-home .jb-tile:not(.jb-services){background:#ffffff}
.hx-home .jb-section{padding-inline:clamp(18px,4.8vw,82px);padding-block:clamp(90px,10vw,160px)}
.hx-home .jb-heading{grid-template-columns:1fr;justify-items:center;text-align:center;gap:18px;margin:0 auto 72px;border:0;padding:0}
.hx-home .jb-kicker{order:-1;border:1px solid var(--smooth-line);border-radius:var(--smooth-pill);padding:8px 12px;background:#fff}
.hx-home .jb-kicker .j-mark{width:16px;height:16px}
.hx-home .jb-heading h2{font-size:clamp(58px,7.4vw,112px);line-height:.94;max-width:10ch}
.hx-home .jb-heading>p{font-size:16px;max-width:380px}
.hx-home .jb-grid{
 display:grid;
 grid-template-columns:repeat(12,minmax(0,1fr));
 grid-template-rows:360px 360px 430px 360px;
 grid-template-areas:
  'overview overview overview overview overview overview overview services services services services services'
  'overview overview overview overview overview overview overview services services services services services'
  'identity identity identity identity motion motion motion motion pencil pencil pencil pencil'
  'delivery delivery delivery delivery delivery delivery process process process location location location';
 gap:16px;
}
.hx-home .jb-tile{padding:32px;border:1px solid rgba(25,25,30,.09);box-shadow:0 20px 55px rgba(20,20,28,.065)}
.hx-home .jb-overview{display:block;isolation:isolate;background:linear-gradient(145deg,#fff 0%,#fff 58%,#f9fbff 100%)}
.hx-home .jb-overview-copy{width:48%;height:100%}
.hx-home .jb-overview h3{font-size:clamp(48px,5vw,76px);line-height:.95;margin:70px 0 30px}
.hx-home .jb-overview p{max-width:390px;font-size:15px}
.hx-home .jb-overview a{margin-top:auto;border:1px solid var(--smooth-line);border-radius:var(--smooth-pill);padding:0 16px;width:190px;background:#fff}
.hx-home .jb-laptop{width:180px;height:112px;right:30px;top:28px;bottom:auto;border-radius:18px;border:6px solid #fff;box-shadow:0 14px 35px rgba(20,20,28,.15);transform:rotate(3deg)}
.hx-home .jb-side-label{display:none}
.hx-home .jb-services{background:#1500ff;border-color:#1500ff;padding:36px}
.hx-home .jb-services:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.17) 0 1px,transparent 1.5px);background-size:18px 18px;mask-image:linear-gradient(to bottom,black,transparent 70%);opacity:.5;pointer-events:none}
.hx-home .jb-services h3{font-size:clamp(42px,4vw,62px);line-height:.95;margin-top:42px;position:relative}
.hx-home .jb-services .jb-number-mask{margin:auto 0 14px;position:relative}
.hx-home .jb-services .jb-number{font-size:clamp(150px,16vw,255px);font-weight:450}
.hx-home .jb-services ul,.hx-home .jb-services a{position:relative}
.hx-home .jb-services li{padding:17px 0}
.hx-home .jb-identity{padding:30px}
.hx-home .jb-identity img{height:245px;top:55px}
.hx-home .jb-identity-copy{padding:16px 12px 0;border-radius:18px}
.hx-home .jb-motion{min-height:0}
.hx-home .jb-motion video{object-position:center 45%}
.hx-home .jb-pencil img{height:62%}
.hx-home .jb-delivery{padding:34px}
.hx-home .jb-delivery-copy{width:54%}
.hx-home .jb-delivery img{height:100%;width:48%;top:0;right:0}
.hx-home .jb-process{padding:30px}
.hx-home .jb-process img{width:90px;height:105px;right:20px}
.hx-home .jb-location{grid-area:location;padding:26px;background:#fff;border-color:rgba(21,0,255,.2)}
.hx-home .jb-location h3{font-size:30px;margin-top:28px}
.hx-home .jb-location a{font-size:10px}
.hx-home .jb-location-arrow{font-size:28px;right:18px;top:55px}
.hx-home .jb-footnote{margin-top:24px;padding-inline:6px}
.hx-home .jsd-art{border-radius:var(--smooth-r-lg);box-shadow:var(--smooth-shadow);overflow:hidden}
.hx-home .jsd-art{background:#ffffff!important}
.jsd-gallery figure,.jsd-system figure,.jsd-detail figure{border-radius:var(--smooth-r-lg);overflow:hidden}

/* Reviews, pricing and FAQ share the same calm surface geometry. */
.hx-home .jrv-card,.jrv-card{border-radius:var(--smooth-r-lg);box-shadow:var(--smooth-shadow);border-color:#fff!important}
.hx-home .jrv-portrait,.jrv-portrait{border-radius:var(--smooth-r-md)}
.jrv-author>span{border-radius:var(--smooth-pill);background:#ffffff;padding:8px 12px;border:1px solid var(--smooth-line)}
.jrv-controls button{border:1px solid var(--smooth-line);background:#ffffff;transition:transform .3s var(--smooth-ease),background .3s}
.jrv-controls button:hover{transform:scale(1.06);background:#fff;box-shadow:0 5px 18px rgba(20,20,28,.1)}
.jrv-timer{border-radius:var(--smooth-pill)}
.hx-home .jpc-grid{gap:16px;border:0}
.hx-home .jpc-card,.jpc-card{border:1px solid var(--smooth-line);border-radius:var(--smooth-r-lg);box-shadow:var(--smooth-shadow);overflow:hidden;background:#ffffff}
.hx-home .jpc-commerce,.jpc-commerce{background:#1500ff}
.hx-home .jpc-card{border-right:1px solid var(--smooth-line)}
.jpc-card :is(.jpc-card-tag,.jpc-list-label,.jpc-body li,.jpc-boundary,.jpc-price){border-radius:var(--smooth-r-sm)}
.jpc-cta{border-radius:var(--smooth-pill);padding-inline:20px}
.jpc-levels>a{margin:6px 0;border:1px solid var(--smooth-line);border-radius:var(--smooth-r-sm);padding-inline:12px;background:#ffffff}
.jfq-list{border:0!important;display:grid;gap:10px}
.jfq-item{border:1px solid var(--smooth-line)!important;border-radius:var(--smooth-r-md);background:#ffffff}
.jfq-item summary{padding:24px}
.jfq-answer{padding:0 64px 26px 72px}
.jfq-heading>a{border:0;border-radius:var(--smooth-pill);background:#18181b;color:#fff!important;padding:0 18px}
.jfq-heading>a>span{color:#fff}

/* Forms and closing surfaces. */
.j-enquiry :is(input,select,textarea){
 border:1px solid transparent!important;
 border-radius:var(--smooth-r-sm)!important;
 background:#ffffff!important;
 padding:15px 17px!important;
 margin-top:8px;
 transition:border-color .3s,background-color .3s,box-shadow .3s!important;
}
.j-enquiry :is(input,select,textarea):focus{background:#fff!important;border-color:rgba(21,0,255,.45)!important;box-shadow:0 0 0 4px rgba(21,0,255,.09);outline:0!important}
.j-form-bottom button,.j-form-result :is(a,button){border:0!important;border-radius:var(--smooth-pill);padding-inline:22px}
.j-footer{margin:12px;border-radius:var(--smooth-r-xl);background:#ffffff!important}

/* Inner pages use the same calm cards. */
.j-inner-hero,.j-cta,.j-start-page,.j-not-found{background:#fff}
.j-directory>article,.j-starting-points article,.j-service-steps article{border-radius:var(--smooth-r-lg);overflow:hidden}
.j-link{border:1px solid var(--smooth-line);border-radius:var(--smooth-pill);background:#ffffff;padding:12px 18px;transition:transform .3s var(--smooth-ease),background .3s}
.j-link:hover{transform:translateY(-2px);background:#ffffff}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .hx-home .jb-tile,.jpc-card{transition:transform .5s var(--smooth-ease),box-shadow .5s var(--smooth-ease)}
 .hx-home .jb-tile:hover,.jpc-card:hover{transform:translateY(-4px);box-shadow:var(--smooth-shadow-hover)}
}

@media(min-width:701px) and (max-width:1000px){
 .hx-home .jb-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  grid-template-rows:360px 360px 420px 400px 360px 280px;
  grid-template-areas:
   'overview overview overview services services services'
   'overview overview overview services services services'
   'identity identity identity motion motion motion'
   'pencil pencil pencil process process process'
   'delivery delivery delivery delivery delivery delivery'
   'location location location location location location';
 }
 .hx-home .jb-overview-copy{width:64%}
 .hx-home .jb-overview h3{font-size:48px}
 .hx-home .jb-laptop{width:130px;height:86px;right:18px;top:18px}
 .hx-home .jb-services .jb-number{font-size:150px}
 .hx-home .jb-motion h3{font-size:34px}
 .hx-home .jb-location{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:30px}
 .hx-home .jb-location h3{margin:0;font-size:38px}
 .hx-home .jb-location p{margin:0}
 .hx-home .jb-location a{margin:0;min-width:180px}
 .hx-home .jb-location-arrow{display:none}
}

@media(max-width:700px){
 :root{--smooth-r-md:18px;--smooth-r-lg:24px;--smooth-r-xl:30px}
 .j-nav{top:8px;width:calc(100% - 16px);margin-bottom:8px;padding:8px 10px;min-height:58px}
 .j-nav .j-nav-start{display:none}
 .j-nav :is(.j-menu-toggle){min-height:40px;padding-inline:14px}
 .j-menu{inset:8px;width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
 .opening-hero{margin:0 8px 8px;height:calc(100svh - 74px)!important;min-height:560px!important}
 .studio-statement,.hx-home .j-site>section:not(.sx-world),.j-inner .j-site>section,.sx-services,.j-footer{margin:8px!important}
 .hx-home .hw-journey{padding:12px!important}
 .hx-home .hw-visual-column{border-radius:var(--smooth-r-lg);overflow:hidden;background:var(--smooth-soft)}
 .hw-stage-nav{padding:8px;overflow-x:auto;display:flex}
 .hw-stage-nav a{min-width:max-content}
 .hw-chapter{padding-inline:20px!important}
 .hx-home .jpc-grid{gap:14px}
 .jfq-item summary{padding:20px}
 .jfq-answer{padding:0 20px 23px 52px}
 .j-footer{padding-inline:20px}
 .sx-world-scroll{margin:8px;max-height:calc(100dvh - 16px)}
 .hx-home .jb-section{padding:76px 12px 40px!important}
 .hx-home .jb-heading{justify-items:start;text-align:left;margin-bottom:44px;padding-inline:8px}
 .hx-home .jb-heading h2{font-size:clamp(50px,15vw,68px);max-width:8ch}
 .hx-home .jb-heading>p{font-size:14px}
 .hx-home .jb-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:none;gap:12px}
 .hx-home .jb-grid>.jb-tile{grid-area:auto!important;width:100%;padding:24px}
 .hx-home .jb-overview{min-height:620px}
 .hx-home .jb-overview-copy{width:100%;height:auto;position:relative;z-index:2}
 .hx-home .jb-overview h3{font-size:46px;margin:54px 0 22px}
 .hx-home .jb-overview p{font-size:14px;max-width:220px}
 .hx-home .jb-overview a{position:relative;left:auto;bottom:auto;z-index:4;margin-top:20px;width:max-content}
 .hx-home .jb-laptop{width:118px;height:78px;right:18px;top:18px;border-width:4px;border-radius:13px}
 .hx-home .jb-services{min-height:650px;padding:28px}
 .hx-home .jb-services h3{font-size:44px;margin-top:38px}
 .hx-home .jb-services .jb-number{font-size:150px}
 .hx-home .jb-identity{min-height:440px}
 .hx-home .jb-identity img{height:270px;top:48px;width:90%;left:5%}
 .hx-home .jb-motion{min-height:610px;padding:0!important;aspect-ratio:auto}
 .hx-home .jb-motion-copy{padding:28px}
 .hx-home .jb-pencil{min-height:530px;padding:0!important}
 .hx-home .jb-pencil-copy{padding:28px 24px}
 .hx-home .jb-pencil img{height:70%}
 .hx-home .jb-delivery{min-height:410px}
 .hx-home .jb-delivery-copy{width:58%}
 .hx-home .jb-delivery img{width:55%;height:92%;top:8%}
 .hx-home .jb-process{min-height:330px}
 .hx-home .jb-location{min-height:250px}
 .hx-home .jb-location h3{font-size:38px}
 .hx-home .jb-location h3 br{display:block!important}
 .hx-home .jb-location h3>span{margin-left:0!important}
}

/* Full-bleed page geometry: keep rounding inside components, not around pages. */
.opening-hero,
.studio-statement,
.hx-home .j-site>section:not(.sx-world),
.j-inner .j-site>section,
.j-section,
.sx-services,
.j-footer{
 margin-left:0!important;
 margin-right:0!important;
 border-radius:0!important;
 box-shadow:none;
}
.opening-hero{margin-top:0!important;margin-bottom:0!important}
.studio-statement,.sx-services,.j-footer{margin:0!important}
.sx-world-scroll{
 margin:0!important;
 max-height:100dvh;
 border-radius:0!important;
}
@media(max-width:360px){
 .jb-location h3 br{display:block!important}
 .jb-location h3>span{margin-left:0!important}
 .j-site .jpc-commerce h3{font-size:38px!important;overflow-wrap:anywhere}
}

@media(prefers-reduced-motion:reduce){
 .j-nav a,.j-nav button,.sx-service-trigger,.j-link,.jrv-controls button,.hx-home .jb-tile,.jpc-card{transition:none!important;transform:none!important}
}

/* Conicorn-informed refinement: one soft surface system, expressed in Jaleed's palette. */
:root{
 --smooth-line:rgba(22,22,28,.085);
 --smooth-shadow:0 24px 70px rgba(20,20,28,.075),inset 0 1px 0 rgba(255,255,255,.9);
 --smooth-shadow-hover:0 32px 90px rgba(20,20,28,.12),inset 0 1px 0 rgba(255,255,255,.95);
 --smooth-r-md:28px;
 --smooth-r-lg:42px;
 --smooth-r-xl:58px;
}

/* Segmented floating navigation. */
.j-nav{
 padding:5px;
 min-height:62px;
 gap:4px;
 color:#fff;
 border-color:rgba(255,255,255,.42);
 border-radius:999px;
 background:rgba(38,38,40,.74);
 box-shadow:0 14px 45px rgba(15,15,18,.18),inset 0 1px 0 rgba(255,255,255,.22);
 backdrop-filter:blur(24px) saturate(135%);
 -webkit-backdrop-filter:blur(24px) saturate(135%);
}
.j-nav-brand{min-height:50px;padding:0 17px 0 12px;border-radius:999px;background:rgba(255,255,255,.1)}
.j-nav-brand .identity-word,.j-nav-links a{color:#fff}
.j-nav-brand .j-mark{background:#fff}
.j-nav-links{gap:6px;padding-inline:2px}
.j-nav-links a{padding:14px 16px;border-radius:999px;color:rgba(255,255,255,.82)}
.j-nav-links a:hover{background:rgba(255,255,255,.1);color:#fff}
.j-nav .j-nav-start{min-height:50px;margin-left:2px;padding-inline:22px;background:#fff;color:#18181b;border-color:#fff;box-shadow:0 5px 18px rgba(0,0,0,.17)}
.j-nav .j-menu-toggle{min-height:50px;background:rgba(255,255,255,.1);color:#fff;border-color:transparent}

/* Large calm section rhythm and editorial labels. */
.hx-home .j-site>section:not(.sx-world),.j-inner .j-site>section{box-shadow:inset 0 0 0 1px rgba(22,22,28,.025)}
.j-label,.jb-kicker,.jrv-kicker,.jpc-kicker{
 width:max-content;
 border:1px solid rgba(22,22,28,.07);
 border-radius:999px;
 background:#fff;
 box-shadow:0 6px 20px rgba(20,20,28,.045),inset 0 1px 0 #fff;
}
.j-label{padding:7px 12px;margin-left:auto;margin-right:auto}
.j-label .j-mark{width:16px;height:16px}
.j-section>.j-title-row:first-of-type{max-width:1180px;margin-inline:auto}

/* Soft controls retained for the review system. */
.jrv-controls button{
 color:#fff;
 border:1px solid rgba(255,255,255,.32)!important;
 background:radial-gradient(circle at 40% 32%,#666 0,#242426 48%,#09090a 100%)!important;
 box-shadow:inset 0 1px 2px rgba(255,255,255,.36),0 8px 22px rgba(0,0,0,.2),0 0 0 5px rgba(20,20,24,.04);
}

/* Process and content surfaces use generous shells rather than hard grids. */
.hx-home .hw-journey{padding:clamp(18px,2vw,30px)!important;border-radius:56px;background:#fff!important;box-shadow:var(--smooth-shadow)}
.hx-home .hw-visual,.hw-chapter,.hw-output{border-radius:38px!important}
.hw-stage-nav a{padding:12px 17px;box-shadow:inset 0 1px 0 #fff}
.hw-stage-nav a[aria-current]{box-shadow:0 10px 28px rgba(21,0,255,.25),inset 0 1px 0 rgba(255,255,255,.3)}
.study-spread figure,.material-pair,.principle,.jsd-art{border-radius:42px;overflow:hidden}
.study-image,.principle-art,.jsd-art{box-shadow:var(--smooth-shadow)}

/* Priority-led bento: large modules first, supporting objects second. */
.hx-home .jb-grid{gap:14px}
.hx-home .jb-tile{border-radius:42px;border-color:rgba(22,22,28,.07);box-shadow:var(--smooth-shadow)}
.hx-home .jb-tile:hover{box-shadow:var(--smooth-shadow-hover)}
.hx-home .jb-overview{background:linear-gradient(145deg,#fff 0%,#fff 68%,#f8f8f8 100%)}
.hx-home .jb-overview-copy{position:relative;z-index:3}
.hx-home .jb-overview-art{position:absolute;z-index:0;width:61%;height:72%;right:-4%;bottom:-2%;object-fit:cover;object-position:center 23%;border-radius:38px 0 0 0;mix-blend-mode:multiply}
.hx-home .jb-laptop{z-index:4}
.j-expand-button{
 position:relative!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 width:52px!important;
 height:52px!important;
 min-height:52px!important;
 padding:0!important;
 overflow:hidden;
 border:1px solid rgba(101,111,226,.65)!important;
 border-radius:999px!important;
 color:#fff!important;
 background:linear-gradient(110deg,#111938,#25357f 58%,#5268ff)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 28px rgba(30,45,125,.22);
 transition:width .48s var(--smooth-ease),transform .35s var(--smooth-ease),box-shadow .35s!important;
}
.j-expand-button>span{padding-left:18px;white-space:nowrap;color:#fff!important;opacity:0;transform:translateX(8px);transition:opacity .25s ease,transform .4s var(--smooth-ease)}
.j-expand-button svg{position:absolute;right:15px;width:20px;height:20px;flex:none}
.j-expand-button:hover,.j-expand-button:focus-visible{width:164px!important;transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 16px 34px rgba(30,45,125,.3)}
.j-expand-button:hover>span,.j-expand-button:focus-visible>span{opacity:1;transform:none}
.hx-home .jb-services{background:linear-gradient(145deg,#0f00ca 0%,#1500ff 52%,#3c2cff 100%);box-shadow:0 28px 70px rgba(21,0,255,.18),inset 0 1px 0 rgba(255,255,255,.2)}
.hx-home .jb-location{border-color:rgba(21,0,255,.16);box-shadow:0 22px 60px rgba(21,0,255,.06),inset 0 1px 0 #fff}

/* Reviews and pricing follow the same soft geometry. */
.jrv-track{gap:14px}
.jrv-card,.jpc-card{border-color:rgba(22,22,28,.07)!important;box-shadow:var(--smooth-shadow)!important}
.jrv-card,.jpc-card{border-radius:42px!important}
.jrv-portrait{border-radius:32px!important}
.jpc-grid{padding:12px;background:#fff;border-radius:58px!important;box-shadow:inset 0 0 0 1px rgba(22,22,28,.045)}
.jpc-card{min-height:680px}
.jpc-commerce{background:linear-gradient(145deg,#0f00ca,#1500ff 58%,#4234ff)!important;box-shadow:0 28px 70px rgba(21,0,255,.2)!important}
.jpc-cta,.j-form-bottom button{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 30px rgba(0,0,0,.16)}

@media(max-width:1000px){
 .j-nav-links{display:none}
 .j-nav-brand{padding-right:14px}
 .hx-home .jb-overview-art{width:72%;right:-14%}
}

@media(max-width:700px){
 :root{--smooth-r-md:24px;--smooth-r-lg:30px;--smooth-r-xl:38px}
 .j-nav{top:8px;width:max-content;max-width:calc(100% - 16px);padding:4px;min-height:58px}
 .j-nav-brand{min-height:48px;padding-inline:11px;background:rgba(255,255,255,.1)}
 .j-nav .j-menu-toggle{min-height:48px}
 .hx-home .j-site>section:not(.sx-world),.j-inner .j-site>section{border-radius:38px}
 .hx-home .hw-journey{border-radius:36px}
 .hx-home .jb-tile{border-radius:30px}
 .hx-home .jb-overview-art{width:108%;height:54%;right:-23%;bottom:-1%;object-position:center 23%;border-radius:28px 0 0 0}
 .j-expand-button{width:190px!important;margin-top:18px!important}
 .j-expand-button>span{opacity:1;transform:none}
 .jpc-grid{padding:8px;border-radius:38px!important}
 .jpc-card{min-height:auto;border-radius:30px!important}
}

@media(hover:none){
 .j-expand-button{width:190px!important}
 .j-expand-button>span{opacity:1;transform:none}
}

@media(prefers-reduced-motion:reduce){
 .j-expand-button,.j-expand-button>span{transition:none!important}
}