.service-route-gateway{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:42px 0 58px}.service-route-card{display:flex;min-height:390px;flex-direction:column;padding:clamp(26px,4vw,44px);border:1px solid rgba(127,102,66,.24);background:#fff}.service-route-ai{background:#f0f3ed}.service-route-pro{background:#f7f3eb}.service-route-card small,.professional-services-intro small{color:#806a4e;font:500 10px/1.4 Manrope,sans-serif;letter-spacing:.16em}.service-route-card h2{margin:15px 0 12px;font:400 clamp(27px,3.2vw,40px)/1.18 "Noto Serif SC",serif}.service-route-card p{margin:0;color:#625c53;line-height:1.8}.service-route-card ul{display:grid;gap:10px;margin:26px 0 30px;padding:0;list-style:none}.service-route-card li{padding-top:10px;border-top:1px solid rgba(127,102,66,.16);font-size:13px}.service-route-card .ia-button{align-self:flex-start;margin-top:auto}.professional-services-intro{max-width:760px;margin:0 0 28px;padding-top:18px;scroll-margin-top:110px}.professional-services-intro h2{margin:12px 0 8px;font:400 clamp(26px,3vw,38px)/1.2 "Noto Serif SC",serif}.professional-services-intro p{margin:0;color:#6b645b;line-height:1.7}.account-choice-main{min-height:calc(100vh - 180px);padding:clamp(86px,10vw,140px) 24px 96px;background:#f5f1e9}.account-choice-shell{width:min(1240px,100%);margin:0 auto}.account-choice-head{max-width:720px;margin-bottom:36px}.account-choice-head h1{margin:12px 0 16px;font:400 clamp(38px,6vw,72px)/1.08 "Noto Serif SC",serif}.account-choice-head p{color:#625c53;line-height:1.8}.account-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.account-choice-card{display:flex;min-height:330px;flex-direction:column;padding:clamp(26px,4vw,42px);border:1px solid rgba(127,102,66,.24);background:#fff}.account-choice-card:first-child{background:#eef2eb}.account-choice-card small{color:#806a4e;font:500 10px/1.4 Manrope,sans-serif;letter-spacing:.16em}.account-choice-card h2{margin:16px 0 12px;font:400 clamp(27px,3vw,38px)/1.2 "Noto Serif SC",serif}.account-choice-card p{margin:0;color:#625c53;line-height:1.8}.account-choice-card ul{display:grid;gap:8px;margin:24px 0 28px;padding-left:18px;color:#625c53;font-size:13px}.account-choice-card .ia-button{align-self:flex-start;margin-top:auto}.account-choice-note{margin-top:18px;color:#756e65;font-size:12px;line-height:1.7}@media(max-width:760px){.service-route-gateway,.account-choice-grid{grid-template-columns:1fr}.service-route-card,.account-choice-card{min-height:0}.service-route-card .ia-button,.account-choice-card .ia-button{width:100%;text-align:center}.account-choice-main{padding-inline:18px}}

/* Brand tile header: full J.DESIGN lockup on a restrained black architectural block. */
.site-header {
  --brand-tile-left: clamp(28px, 4vw, 58px);
  --brand-tile-width: clamp(184px, 14.2vw, 208px);
  position: relative !important;
  overflow: visible !important;
}

@media (min-width: 1041px) {
  .site-header {
    min-height: 94px !important;
    padding-left: calc(var(--brand-tile-left) + var(--brand-tile-width) + 28px) !important;
  }

  .site-header > .brand {
    position: absolute !important;
    z-index: 3;
    top: 0;
    left: var(--brand-tile-left);
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: var(--brand-tile-width) !important;
    max-width: none !important;
    height: 142px !important;
    padding: 0 !important;
    overflow: hidden;
    background: #050505;
  }

  .site-header > .brand .brand-logo {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
    opacity: 1 !important;
    filter: none !important;
    transform: translateY(5px);
  }
}

@media (max-width: 1040px) {
  .site-header {
    min-height: 82px !important;
    padding: 0 18px 0 174px !important;
    grid-template-columns: 1fr auto !important;
  }

  .site-header > .brand {
    position: absolute !important;
    z-index: 3;
    top: 0;
    left: 0;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 156px !important;
    max-width: none !important;
    height: 82px !important;
    overflow: hidden;
    background: #050505;
  }

  .site-header > .brand .brand-logo {
    display: block;
    width: 150px !important;
    max-width: none !important;
    height: auto !important;
    max-height: none !important;
    opacity: 1 !important;
    filter: none !important;
    transform: translateY(3px);
  }

  .site-header .site-nav {
    top: 82px !important;
  }
}

@media (max-width: 520px) {
  .site-header {
    min-height: 76px !important;
    padding-right: 16px !important;
    padding-left: 150px !important;
  }

  .site-header > .brand {
    width: 138px !important;
    height: 76px !important;
  }

  .site-header > .brand .brand-logo {
    width: 134px !important;
  }

  .site-header .site-nav {
    top: 76px !important;
  }
}

/* Homepage mobile hero: let the image become the masthead while the brand and
   menu float above it. Other pages keep the conventional mobile header. */
@media (max-width: 720px) {
  body.collection-home .site-header {
    position: absolute !important;
    z-index: 9000;
    top: 0 !important;
    right: 0;
    left: 0;
    min-height: 104px !important;
    padding: 0 14px 0 172px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  body.collection-home .site-header > .brand {
    top: 0;
    left: 14px;
    width: 144px !important;
    height: 96px !important;
    border: 1px solid rgba(255, 255, 255, .08);
    background: #050505;
    box-shadow: 0 12px 28px rgba(12, 10, 8, .25);
  }

  body.collection-home .site-header > .brand .brand-logo {
    width: 140px !important;
    transform: translateY(5px);
  }

  body.collection-home .mobile-menu-toggle {
    position: relative;
    z-index: 4;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    margin-left: auto;
    border: 1px solid rgba(255, 255, 255, .44) !important;
    background: rgba(5, 5, 5, .82) !important;
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(12, 10, 8, .18);
    backdrop-filter: blur(9px) !important;
    -webkit-backdrop-filter: blur(9px) !important;
  }

  body.collection-home .mobile-menu-icon {
    display: flex;
    width: 18px;
    margin: 0 auto;
    flex-direction: column;
    gap: 4px;
  }

  body.collection-home .mobile-menu-icon i {
    display: block;
    width: 100%;
    height: 1px;
    background: currentColor !important;
  }

  body.collection-home .site-header .site-nav {
    top: 104px !important;
  }

  body.collection-home .home-outcome-proof {
    min-height: min(68svh, 590px);
    max-height: none;
  }
}

/* Keep the approved full brand lockup in the global footer. */
.focus-page .ia-footer-bottom .footer-brand-lockup .brand-logo {
  display: block;
  width: 156px !important;
  max-width: 42vw !important;
  height: auto !important;
  max-height: none !important;
  filter: none !important;
  opacity: 1 !important;
}

/* Phase 1: five clear primary routes and one restrained design CTA. */
.site-header .site-nav .nav-start-designing {
  padding: 11px 16px !important;
  border: 1px solid rgba(95, 45, 48, .55) !important;
  color: #6f2f35 !important;
  letter-spacing: .075em !important;
}

.site-header .site-nav .nav-start-designing:hover,
.site-header .site-nav .nav-start-designing:focus-visible,
.site-header .site-nav .nav-start-designing.is-current {
  border-color: #6f2f35 !important;
  background: #6f2f35 !important;
  color: #fff !important;
}

.site-header .nav-account-desktop,
.site-header .nav-account-mobile {
  color: #5e5750;
  font-size: 11px;
  letter-spacing: .06em;
  text-decoration: none;
  white-space: nowrap;
}
.site-header .nav-account-desktop:hover,
.site-header .nav-account-desktop:focus-visible,
.site-header .nav-account-mobile:hover,
.site-header .nav-account-mobile:focus-visible { color: #7d3037; }
.site-header .nav-account-mobile { display: none; }

.design-path-main { min-height: calc(100svh - 94px); background: #f4f0e9; }
.design-path-intro { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: clamp(52px, 6vw, 82px) 0 clamp(30px, 4vw, 48px); text-align: center; }
.design-path-intro h1 { margin: 14px auto 18px; font: 400 clamp(38px, 5.4vw, 72px)/1.08 "Noto Serif SC", serif; letter-spacing: -.045em; }
.design-path-intro > p:last-child { max-width: 680px; margin: 0 auto; color: #686058; line-height: 1.8; }
.design-path-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(1320px, calc(100% - 48px)); margin: 0 auto; padding-bottom: clamp(72px, 9vw, 130px); }
.design-path-grid.design-path-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.design-path-card { position: relative; display: grid; min-height: clamp(500px, 48vw, 610px); overflow: hidden; color: #fff; text-decoration: none; }
.design-path-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(15,13,11,.04) 22%, rgba(15,13,11,.82) 100%); }
.design-path-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.design-path-card:hover img { transform: scale(1.018); }
.design-path-card + .design-path-card { border-left: 1px solid rgba(255,255,255,.7); }
.design-path-copy { position: relative; z-index: 2; align-self: end; padding: clamp(30px, 5vw, 62px); }
.design-path-copy small { font: 500 10px/1.4 Manrope, sans-serif; letter-spacing: .17em; }
.design-path-copy h2 { margin: 15px 0 12px; color: #fff !important; font: 400 clamp(32px, 3.7vw, 52px)/1.12 "Noto Serif SC", serif; text-shadow: 0 2px 20px rgba(0,0,0,.18); }
.design-path-copy p { max-width: 500px; margin: 0 0 28px; line-height: 1.75; }
.design-path-cta { display: inline-flex; padding-bottom: 7px; border-bottom: 1px solid currentColor; font-size: 13px; letter-spacing: .08em; }
.ai-task-shell { width: min(1060px, calc(100% - 48px)); margin: 0 auto; padding: clamp(72px, 9vw, 128px) 0 110px; }
.ai-task-shell h1 { margin: 14px 0 18px; font: 400 clamp(38px, 5vw, 68px)/1.08 "Noto Serif SC", serif; }
.ai-task-shell > p { max-width: 650px; color: #686058; line-height: 1.8; }
.ai-task-list { margin-top: 46px; border-top: 1px solid rgba(127,102,66,.25); }
.ai-task-card { display:grid; grid-template-columns: 120px 1fr auto; gap: 28px; align-items:center; padding: 30px 0; border-bottom:1px solid rgba(127,102,66,.25); color:#292522; text-decoration:none; }
.ai-task-card span { color:#7d5346; font:500 10px/1.4 Manrope,sans-serif; letter-spacing:.16em; }
.ai-task-card h2 { margin:0 0 8px; font:400 clamp(25px,3vw,36px)/1.2 "Noto Serif SC",serif; }
.ai-task-card p { margin:0; color:#686058; line-height:1.7; }
.ai-task-card b { font-weight:400; white-space:nowrap; }
.ai-task-guided { width: min(1180px, calc(100% - 48px)); padding-top: clamp(66px, 7vw, 100px); }
.ai-task-guided h1 { max-width: 850px; }
.ai-task-guided .ai-task-lead { max-width: 740px; margin: 0 0 38px; font-size: 15px; line-height: 1.8; }
.ai-task-feature { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(330px, .9fr); border: 1px solid rgba(127,102,66,.22); background: #fff; }
.ai-task-demo { display: grid; grid-template-columns: 1fr 1fr; min-width: 0; overflow: hidden; background: #ded8cd; }
.ai-task-demo figure { position: relative; min-width: 0; min-height: 420px; margin: 0; overflow: hidden; }
.ai-task-demo figure + figure { border-left: 2px solid #fff; }
.ai-task-demo img { width: 100%; height: 100%; object-fit: cover; }
.ai-task-demo figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 22px 16px 12px; background: linear-gradient(transparent, rgba(0,0,0,.62)); color: #fff; font-size: 11px; letter-spacing: .06em; }
.ai-task-feature-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(28px, 4vw, 54px); }
.ai-task-status { color: #7d5346; font: 500 10px/1.4 Manrope, sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.ai-task-feature-copy h2 { margin: 18px 0 16px; font: 400 clamp(29px, 3vw, 41px)/1.2 "Noto Serif SC", serif; }
.ai-task-feature-copy p { margin: 0 0 28px; color: #686058; font-size: 14px; line-height: 1.8; }
.ai-task-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; background: #713139; color: #fff; font-size: 13px; text-decoration: none; }
.ai-task-primary:hover, .ai-task-primary:focus-visible { background: #58252c; color: #fff; }
.ai-task-feature-copy small { display: block; max-width: 340px; margin-top: 16px; color: #81796f; font-size: 11px; line-height: 1.6; }
.ai-task-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 30px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(127,102,66,.22); border-bottom: 1px solid rgba(127,102,66,.22); }
.ai-task-steps li { display: flex; align-items: center; gap: 16px; min-height: 82px; padding: 16px 22px; }
.ai-task-steps li + li { border-left: 1px solid rgba(127,102,66,.22); }
.ai-task-steps b { color: #8b4a4a; font: 500 11px/1 Manrope, sans-serif; }
.ai-task-steps span { font-size: 14px; }
@media (max-width: 980px) { .ai-task-feature { grid-template-columns: 1fr; } .ai-task-demo figure { min-height: 330px; } .ai-task-feature-copy { padding: 34px; } }
@media (max-width: 600px) { .ai-task-guided { width: calc(100% - 32px); padding-top: 52px; } .ai-task-guided h1 { font-size: clamp(35px, 10vw, 49px); } .ai-task-guided .ai-task-lead { margin-bottom: 26px; font-size: 13px; } .ai-task-demo figure { min-height: 230px; } .ai-task-demo figcaption { padding: 25px 9px 10px; font-size: 9px; } .ai-task-feature-copy { padding: 26px 20px 30px; } .ai-task-feature-copy h2 { font-size: 29px; } .ai-task-feature-copy p { font-size: 13px; } .ai-task-primary { width: 100%; box-sizing: border-box; } .ai-task-steps li { display: block; min-height: 72px; padding: 15px 12px; } .ai-task-steps b, .ai-task-steps span { display: block; } .ai-task-steps span { margin-top: 8px; font-size: 11px; } }

@media (max-width: 1040px) {
  .site-header .site-nav .nav-start-designing { margin-top: 10px; padding: 14px !important; text-align: center; }
  .site-header .nav-account-desktop { display: none; }
  .site-header .nav-account-mobile { display: block; padding: 13px 0; border-bottom: 1px solid rgba(57,45,38,.14); }
  body.design-path-page .mobile-menu-toggle { color: #292522 !important; }
  body.design-path-page .mobile-menu-icon i { background: currentColor !important; }
  body.design-path-page .mobile-menu-toggle::before,
  body.design-path-page .mobile-menu-toggle::after { content: ""; position: absolute; left: 50%; width: 18px; transform: translateX(-50%); border-top: 1px solid #292522; }
  body.design-path-page .mobile-menu-toggle::before { top: 15px; border-bottom: 1px solid #292522; height: 7px; }
  body.design-path-page .mobile-menu-toggle::after { top: 26px; }
}

@media (max-width: 720px) {
  .design-path-intro, .design-path-grid, .ai-task-shell { width: calc(100% - 36px); }
  .design-path-intro { padding-top: 54px; text-align: left; }
  .design-path-intro h1 { max-width: 100%; font-size: 30px !important; letter-spacing: -.055em; white-space: normal !important; overflow-wrap: anywhere; word-break: break-all; }
  .design-path-intro > p:last-child,
  .design-path-copy p { max-width: 100%; white-space: normal !important; overflow-wrap: anywhere; }
  .design-path-grid { grid-template-columns: 1fr; gap: 14px; }
  .design-path-grid.design-path-grid-three { grid-template-columns: 1fr; }
  .design-path-card { min-height: 490px; }
  .design-path-card + .design-path-card { border-left: 0; }
  .design-path-copy { padding: 28px 24px; }
  .ai-task-card { grid-template-columns: 1fr; gap: 9px; }
  .ai-task-card b { margin-top: 8px; }
}

@media (max-width: 720px) {
  .focus-page .ia-footer {
    padding: 32px 20px 20px !important;
  }

  .focus-page .ia-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .focus-page .ia-footer-grid section {
    padding: 0 !important;
    border: 0 !important;
  }

  .focus-page .ia-footer-grid h3 {
    margin-bottom: 10px !important;
    font-size: 15px !important;
  }

  .focus-page .ia-footer-grid a {
    padding: 4px 0;
    font-size: 12px;
  }

  .focus-page .ia-footer-bottom {
    align-items: center !important;
    text-align: center;
  }

  .focus-page .ia-footer-bottom .footer-brand-lockup {
    align-self: center;
    margin: 0 auto 14px;
  }

  .focus-page .ia-footer-bottom > a,
  .focus-page .ia-footer-bottom > span {
    max-width: 100%;
    text-align: center;
  }
}