body.studio-site {
  --studio-width: 1440px;
  --studio-gutter: clamp(20px,4vw,72px);
  --studio-space: clamp(64px,7vw,112px);
  --studio-gap: clamp(28px,4.5vw,72px);
  --studio-display: clamp(2.5rem,4.6vw,4.6rem);
  --studio-title: clamp(2rem,3.1vw,3.2rem);
  --studio-feature: clamp(1.3rem,1.8vw,1.8rem);
  --studio-body: clamp(1rem,1.18vw,1.2rem);
  --layout-page-title: var(--studio-display);
  --layout-section-title: var(--studio-title);
  --layout-story-title: var(--studio-feature);
  background: var(--cream-50,#f7f5f0);
  color: var(--navy-950,#0f2949);
  font-family: var(--font-sans,"Noto Sans","Noto Sans JP",sans-serif);
}
body.studio-site [hidden] { display: none !important; }
body.studio-site .container { width: min(var(--studio-width),calc(100% - var(--studio-gutter)*2)); max-width: var(--studio-width); margin-inline: auto; }
body.studio-site .page-main { padding-top: 84px; }
body.studio-site .reveal { opacity: 1; transform: none; }
body.studio-site :is(section[id],article[id],div[id]) { scroll-margin-top: 112px; }
html[lang] body.studio-site main :is(h1,h2,h3) { font-family: var(--font-sans); font-weight: 600; overflow-wrap: normal; word-break: normal; }
body.studio-site main p { text-wrap: pretty; }
body.studio-site .studio-prose { color: var(--navy-950); }
body.studio-site p.studio-prose { color: var(--ink-muted,#5a6068); font-size: var(--studio-body); line-height: 1.7; }
body.studio-site .eyebrow.studio-prose { color: var(--gold-readable,#745236); font-family: var(--font-mono); font-size: .75rem; letter-spacing: .07em; line-height: 1.5; }
body.studio-site .studio-section { padding-block: var(--studio-space); background: var(--cream-50); color: var(--navy-950); }
body.studio-site .studio-section.studio-preserve-dark { background: var(--navy-950); color: white; }
body.studio-site .studio-section.studio-masthead { padding-block: clamp(64px,7.5vw,112px) 48px; }
body.studio-site .studio-intro-grid { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); gap: var(--studio-gap); align-items: end; }
body.studio-site .studio-title-group { min-width: 0; }
html[lang] body.studio-site .studio-title-group h1 { max-width: 24ch; margin: 0; padding: 0; color: var(--navy-900); line-height: 1.1; letter-spacing: -.045em; }
html[lang="ja"] body.studio-site .studio-title-group h1 { max-width: 15em; line-height: 1.25; letter-spacing: -.035em; }
body.studio-site .studio-title-group h1 .keep-term { white-space: normal; }
body.studio-site .studio-lead-group { min-width: 0; padding-bottom: 4px; }
body.studio-site .studio-lead-group > p { max-width: 44ch; margin: 0 0 24px; color: var(--ink-muted); font-size: var(--studio-body); line-height: 1.7; }
body.studio-site .studio-lead-group .button { margin-top: 6px; }
body.studio-site .studio-masthead .eyebrow { margin-bottom: 26px; }
body.studio-site .studio-masthead :is(.industry-breadcrumb,.vertical-breadcrumb,.resource-breadcrumb) { margin-bottom: 28px; color: var(--ink-muted); font-size: .8rem; line-height: 1.5; }
body.studio-site .studio-masthead :is(.industry-breadcrumb,.vertical-breadcrumb,.resource-breadcrumb) a { color: var(--ink-muted); }

/* Navigation is shared by every route; retain the approved dark logo lockup. */
body.studio-site .site-nav { top: 0; left: 0; right: 0; width: 100%; height: 84px; min-height: 84px; margin: 0; padding: 0 var(--studio-gutter); border: 0; border-radius: 0; background: var(--navy-950); box-shadow: none; backdrop-filter: none; }
body.studio-site .site-nav::before, body.studio-site .site-nav::after { border-radius: 0; }
body.studio-site .site-nav .brand { flex-shrink: 0; }
body.studio-site .site-nav .brand img { width: 180px; height: auto; max-width: none; }
body.studio-site .nav-links { gap: clamp(16px,1.8vw,28px); }
body.studio-site .nav-links > :is(a,details > summary) { font-size: .82rem; }
body.studio-site .nav-cta { min-height: 46px; }
body.studio-site .button { min-height: 48px; box-shadow: none; border-radius: 7px; }
body.studio-site .site-footer { padding-top: var(--studio-space); background: var(--navy-950); }
body.studio-site .footer-group-title { font-size: .72rem; letter-spacing: .08em; }
body.studio-site .footer-link-group a { font-size: .9rem; line-height: 1.7; }
body.studio-site .footer-locations { gap: 32px; }
body.studio-site .footer-locations :is(a,address) { overflow-wrap: anywhere; }
body.studio-site :is(a,button,summary,input,select,textarea):focus-visible { outline: 2px solid var(--gold-readable,#745236); outline-offset: 5px; }

/* Industry pages: editorial intro, then an unobstructed operating view. */
body.studio-site :is(.industry-detail-hero,.vertical-hero).studio-masthead { min-height: 0; display: block; overflow: visible; isolation: auto; background: var(--cream-50); }
body.studio-site :is(.industry-detail-hero,.vertical-hero).studio-masthead::before,
body.studio-site :is(.industry-detail-hero,.vertical-hero).studio-masthead::after,
body.studio-site .industry-detail-hero-shade { display: none; }
body.studio-site .industry-detail-hero-copy { max-width: var(--studio-width); min-height: 0; padding: 0; }
body.studio-site .vertical-hero > .container { max-width: var(--studio-width); padding-block: 0; }
body.studio-site .studio-hero-visual { display: block; position: relative; width: 100%; aspect-ratio: 16/8.4; margin: 48px 0 0; overflow: hidden; background: var(--cream-100); border: 0; border-radius: 0; box-shadow: none; }
body.studio-site .studio-hero-visual :is(.industry-detail-hero-media,.vertical-hero-media) { display: block; position: static; inset: auto; width: 100%; height: 100%; opacity: 1; object-fit: cover; object-position: center; filter: none; transform: none; }
body.studio-site :is(.warehouse-story,.retail-story,.vertical-story,.industry-story,.industry-intro) { background: var(--cream-50); color: var(--navy-950); }
body.studio-site :is(.warehouse-story-heading,.retail-story-heading,.industry-story-heading) { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: var(--studio-gap); align-items: start; }
body.studio-site :is(.warehouse-story-heading,.retail-story-heading,.industry-story-heading) > .eyebrow { grid-column: 1/-1; }
body.studio-site :is(.warehouse-story-heading,.retail-story-heading,.industry-story-heading) > h2 { max-width: 23ch; margin-top: 0; font-size: var(--studio-title); line-height: 1.17; }
body.studio-site :is(.warehouse-story-heading,.retail-story-heading,.industry-story-heading) > p:not(.eyebrow) { max-width: 50ch; margin-top: 0; font-size: var(--studio-body); line-height: 1.7; }
body.studio-site .vertical-story-grid { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr); gap: var(--studio-gap); align-items: start; }
body.studio-site .vertical-number { padding: 28px 32px; border: 0; background: var(--cream-100); }
body.studio-site :is(.industry-output-layout,.industry-demo .container,.retail-demo .container) { gap: var(--studio-gap); }
body.studio-site :is(.industry-product-proof,.industry-demo-player,.retail-demo-player) { border-radius: 8px; box-shadow: none; }
body.studio-site :is(.industry-demo-heading,.retail-demo-heading,.industry-output-heading) h2 { max-width: 23ch; font-size: var(--studio-title); line-height: 1.17; letter-spacing: -.035em; }
body.studio-site :is(.industry-demo-steps,.industry-demo-result,.vertical-start-grid,.warehouse-buyer-paths-grid) { border-radius: 0; box-shadow: none; }
body.studio-site :is(.industry-detail-cta,.industry-cta-section,.vertical-close,.cta-band,.warehouse-protocol-cta) { background: var(--cream-100); color: var(--navy-950); }
body.studio-site :is(.industry-detail-cta,.industry-cta-section,.vertical-close,.cta-band) :is(h2,p) { color: var(--navy-950); }
body.studio-site :is(.industry-detail-cta,.industry-cta-section,.vertical-close) h2 { font-size: var(--studio-title); line-height: 1.17; }

/* Select a business capability to reveal its explanation and supporting view. */
body.studio-site .studio-feature-set .industry-measures > header { max-width: none; margin-bottom: 48px; }
body.studio-site .studio-feature-set .industry-measures > header h2 { max-width: 25ch; font-size: var(--studio-title); line-height: 1.17; letter-spacing: -.035em; }
body.studio-site .industry-brief { max-width: 56rem; }
body.studio-site .industry-search-context { margin-top: 22px; }
body.studio-site .fitness-metric-scrolly.studio-feature-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.12fr); gap: var(--studio-gap); align-items: start; }
body.studio-site .studio-feature-layout .fitness-metric-stories { order: 1; display: block; width: 100%; min-width: 0; max-height: none; margin: 0; padding: 0; overflow: visible; scroll-snap-type: none; transform: none; }
body.studio-site .studio-feature-layout .fitness-metric-visual { order: 2; position: sticky; top: 116px; width: 100%; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; }
body.studio-site .studio-feature-layout .fitness-metric-image-stack { position: relative; aspect-ratio: 16/10; width: 100%; height: auto; min-height: 0; overflow: hidden; border-radius: 7px; }
body.studio-site .studio-feature-layout .fitness-metric-image-stack img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: var(--cream-100); opacity: 1; transform: none; }
body.studio-site .studio-feature-layout .fitness-metric-visual figcaption { display: block; position: static; padding: 18px 0 0; color: var(--ink-muted); background: transparent; border: 0; font-size: .85rem; }
body.studio-site .studio-feature-layout [data-fitness-count] { display: none; }
body.studio-site .studio-feature-layout .fitness-metric-story { display: block; position: relative; flex: none; width: 100%; max-width: none; min-height: 0; height: auto; margin: 0; padding: 0; border: 0; border-bottom: 1px solid var(--line-light); border-radius: 0; opacity: 1; background: transparent; color: var(--navy-950); box-shadow: none; transform: none; scroll-snap-align: none; }
body.studio-site .studio-feature-layout .fitness-metric-story:first-child { border-top: 1px solid var(--line-light); }
body.studio-site .studio-feature-layout .fitness-metric-story::before,
body.studio-site .studio-feature-layout .fitness-metric-story::after { display: none; }
body.studio-site .studio-feature-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 84px; padding-block: 22px; cursor: pointer; list-style: none; }
body.studio-site .studio-feature-disclosure > summary::-webkit-details-marker { display: none; }
body.studio-site .studio-feature-disclosure h3 { max-width: none; margin: 0; padding: 0; font-size: var(--studio-feature); line-height: 1.35; letter-spacing: -.025em; }
body.studio-site .studio-feature-sign { flex-shrink: 0; color: var(--gold-readable); font-size: 1.4rem; }
body.studio-site .studio-feature-disclosure[open] .studio-feature-sign { font-size: 0; }
body.studio-site .studio-feature-disclosure[open] .studio-feature-sign::after { content: '−'; font-size: 1.4rem; }
body.studio-site .studio-feature-body { padding-bottom: 28px; }
body.studio-site .studio-feature-body p { max-width: 50ch; margin: 0 0 16px; font-size: var(--studio-body); line-height: 1.65; }
body.studio-site .studio-feature-body .fitness-metric-card-media,
body.studio-site .studio-feature-body .fitness-metric-number { display: none; }
body.studio-site .studio-feature-body .metric-image-link { display: inline-flex; position: static; width: auto; height: auto; margin-bottom: 14px; padding: 0; color: var(--navy-800); background: none; font-size: .8rem; text-decoration: underline; }
body.studio-site .studio-feature-body .fitness-metric-decision { padding: 0; border: 0; background: none; color: var(--navy-800); font-weight: 500; }
body.studio-site .fitness-metric-mobile-hint { display: none; }

/* FAQs and related reading use one clear hierarchy rather than numbered boxes. */
body.studio-site .industry-buyer-questions { padding-block: var(--studio-space); background: var(--cream-50); }
body.studio-site .industry-buyer-questions > .container { gap: var(--studio-gap); }
body.studio-site :is(.industry-faq-question,.resource-question,.vertical-scope-details) { border-radius: 0; box-shadow: none; background: transparent; }
body.studio-site :is(.industry-faq-question,.resource-question) > summary { min-height: 76px; padding-block: 24px; }
body.studio-site :is(.industry-faq-question,.resource-question) > summary h3 { font-size: clamp(1.05rem,1.35vw,1.35rem); font-weight: 500; line-height: 1.45; }
body.studio-site :is(.industry-faq-answer,.resource-question) p { line-height: 1.7; }
body.studio-site .industry-buyer-measure { background: transparent; }
body.studio-site .faq-featured-number { display: none; }
body.studio-site .faq-featured { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
body.studio-site .faq-featured > a { display: grid; grid-template-columns: 120px minmax(0,1fr); align-content: start; column-gap: 24px; row-gap: 7px; min-height: 140px; padding: 0 0 28px; border: 0; border-bottom: 1px solid var(--line-light); border-radius: 0; background: none; box-shadow: none; }
body.studio-site .studio-faq-cover { grid-column: 1; grid-row: 1/4; width: 120px; height: 112px; object-fit: cover; border-radius: 4px; }
body.studio-site .faq-featured-label { grid-column: 2; font-size: 1.3rem; line-height: 1.3; }
body.studio-site .faq-featured-description { grid-column: 2; font-size: .92rem; line-height: 1.5; }
body.studio-site .faq-featured-action { grid-column: 2; margin-top: 5px; font-size: .8rem; }
body.studio-site .faq-hub { padding-top: 28px; }
body.studio-site .faq-industry-groups { gap: 48px; }

/* Browse resources and industries as an image-led editorial collection. */
body.studio-site :is(.vertical-featured-card,.library-guide-card,.library-feature,.blog-feature,.blog-archive-card) { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body.studio-site :is(.vertical-featured-card,.library-guide-card,.blog-archive-card) { padding: 0; }
body.studio-site :is(.library-guide-grid,.library-guides-grid,.vertical-featured,.blog-archive-grid) { gap: 48px 36px; }
body.studio-site :is(.library-guide-media,.vertical-featured-media,.blog-archive-media) { display: block; aspect-ratio: 16/10; border-radius: 6px; overflow: hidden; background: var(--cream-100); }
body.studio-site :is(.library-guide-media,.vertical-featured-media,.blog-archive-media) img { width: 100%; height: 100%; object-fit: cover; }
body.studio-site :is(.library-guide-card,.vertical-featured-card,.blog-archive-card) h3 { margin-top: 20px; max-width: 27ch; font-size: var(--studio-feature); line-height: 1.3; letter-spacing: -.025em; }
body.studio-site .library-guide-card > p { margin: 14px 0; max-width: 46ch; }
body.studio-site .library-content { padding-top: 0; }
body.studio-site .library-content > section { padding-block: 56px; }
body.studio-site .library-content > section + section { border-top: 1px solid var(--line-light); }
body.studio-site :is(.library-header,.blog-masthead,.resource-masthead) { background: var(--cream-50); color: var(--navy-950); }
body.studio-site :is(.resource-masthead-media,.library-hero-media,.article-hero-media) { border-radius: 0; box-shadow: none; overflow: hidden; }
body.studio-site .resource-masthead-media { margin-top: 48px; }
body.studio-site :is(.resource-content,.article-body,.video-watch-transcript) { font-size: var(--studio-body); line-height: 1.75; }
body.studio-site .article-body { max-width: 780px; }
body.studio-site .article-body p { margin-block: 0 26px; }
body.studio-site :is(.protocol-section,.protocol-summary,.guide-reading) { border-radius: 0; box-shadow: none; }
body.studio-site .protocol-section { padding-block: 48px; }
body.studio-site :is(.protocol-section,.article-body) h2 { font-size: clamp(1.7rem,2.7vw,2.6rem); line-height: 1.25; }
body.studio-site .protocol-grid { gap: 36px; }
body.studio-site :is(.protocol-grid,.guide-reading) > * { border-radius: 0; box-shadow: none; }
body.studio-site .protocol-jump-links { gap: 16px 28px; padding-block: 20px; }
body.studio-site .video-watch-header { padding-top: 88px; padding-bottom: 48px; }
body.studio-site .video-watch-stage { border-radius: 6px; box-shadow: none; }
body.studio-site .video-watch-transcript { padding-block: var(--studio-space); }

/* Company and request pages retain real people and a focused, usable form. */
body.studio-site .about-hero-v2 { background: var(--cream-50); }
body.studio-site .about-hero-v2-grid { gap: var(--studio-gap); align-items: end; }
body.studio-site .about-hero-v2 h1 { color: var(--navy-900); }
body.studio-site .about-hero-films { margin-top: 56px; }
body.studio-site .about-hero-film { border-radius: 6px; box-shadow: none; }
body.studio-site .about-story-v2-grid { gap: var(--studio-gap); }
body.studio-site .about-team-v2-grid { gap: 48px; }
body.studio-site .about-team-member-v2 { padding: 0; border: 0; background: transparent; box-shadow: none; }
body.studio-site .about-team-member-v2 > img { width: 100%; max-height: 520px; object-fit: cover; object-position: top; border-radius: 6px; }
body.studio-site .about-team-member-v2-copy { padding: 24px 0 0; }
body.studio-site .booking-layout { grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); gap: var(--studio-gap); align-items: start; }
body.studio-site .request-demo-form { padding: clamp(24px,3.5vw,52px); border: 1px solid var(--line-light); border-radius: 8px; background: var(--white,#fff); box-shadow: none; }
body.studio-site .request-form-heading h2 { max-width: 24ch; font-size: var(--studio-feature); line-height: 1.3; }
body.studio-site .request-form-grid { gap: 24px; }
body.studio-site .request-demo-form :is(input,select,textarea) { font-family: var(--font-sans); font-size: 1rem; border-radius: 4px; }
body.studio-site .request-next-steps { padding: 0; border: 0; background: transparent; box-shadow: none; }
body.studio-site .studio-contact-portrait { width: 84px; height: 84px; object-fit: cover; object-position: top; border-radius: 50%; margin-bottom: 24px; }
body.studio-site .request-response-steps > li { padding-block: 16px; }
body.studio-site .request-next-steps h2 { max-width: 18ch; font-size: var(--studio-title); line-height: 1.2; }

/* Preserve the homepage's people opening and synchronized film story. */
body.studio-home .home-interface-hero { padding-inline: 0; }
body.studio-home :is(.home-trust-strip,.op-flow) { background: var(--cream-50); }
body.studio-home .op-flow { padding-block: var(--studio-space); }
body.studio-home .home-deployment-cta { padding-block: var(--studio-space); background: var(--cream-100); }
body.studio-getting-started { --studio-display: var(--start-display); }
body.studio-getting-started .studio-section { padding: initial; }

@media (min-width:1081px) and (prefers-reduced-motion:no-preference) {
  body.studio-site :is(.library-guide-media,.vertical-featured-media,.blog-archive-media) img { transition: transform 300ms ease; }
  body.studio-site :is(.library-guide-card,.vertical-featured-card,.blog-archive-card):hover img { transform: scale(1.02); }
}
@media (max-width:1080px) {
  body.studio-site .site-nav .brand img { width: 160px; }
  body.studio-site .nav-toggle { display: flex; }
  body.studio-site .nav-links { position: absolute; top: 84px; left: 0; right: 0; width: 100%; max-height: calc(100dvh - 84px); padding: 24px var(--studio-gutter); overflow-y: auto; border-radius: 0; background: var(--navy-950); }
  body.studio-site .nav-links:not(.is-open) { display: none; }
  body.studio-site .nav-links.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 20px; }
  body.studio-site .nav-links > :is(a,details > summary) { font-size: 1rem; }
  body.studio-site .studio-intro-grid { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); }
  body.studio-site .fitness-metric-scrolly.studio-feature-layout { gap: 32px; }
}
@media (max-width:900px) {
  body.studio-site .studio-intro-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
  body.studio-site .studio-lead-group > p { max-width: 54ch; }
  body.studio-site .studio-hero-visual { aspect-ratio: 16/9; margin-top: 36px; }
  body.studio-site :is(.warehouse-story-heading,.retail-story-heading,.industry-story-heading,.vertical-story-grid) { grid-template-columns: minmax(0,1fr); gap: 24px; }
  body.studio-site .fitness-metric-scrolly.studio-feature-layout { display: block; }
  body.studio-site .studio-feature-layout .fitness-metric-visual { display: none; }
  body.studio-site .studio-feature-body .fitness-metric-card-media { display: block; position: static; width: 100%; height: auto; max-height: none; aspect-ratio: 16/9; object-fit: contain; margin: 0 0 18px; border-radius: 4px; background: var(--cream-100); }
  body.studio-site .booking-layout { grid-template-columns: minmax(0,1fr); }
  body.studio-site .request-next-steps { max-width: 42rem; }
}
@media (max-width:680px) {
  body.studio-site { --studio-display: clamp(2.2rem,8.6vw,3.5rem); --studio-title: clamp(1.8rem,7.5vw,2.5rem); }
  body.studio-site .studio-section.studio-masthead { padding-top: 56px; padding-bottom: 36px; }
  body.studio-site .studio-title-group h1 { max-width: none; }
  body.studio-site .studio-hero-visual { width: calc(100% + var(--studio-gutter)*2); margin-left: calc(-1*var(--studio-gutter)); border-radius: 0; }
  body.studio-site .studio-feature-disclosure > summary { min-height: 76px; }
  body.studio-site .faq-featured { grid-template-columns: minmax(0,1fr); gap: 24px; }
  body.studio-site .faq-featured > a { grid-template-columns: 96px minmax(0,1fr); column-gap: 18px; }
  body.studio-site .studio-faq-cover { width: 96px; height: 100px; }
  body.studio-site .faq-featured-label { font-size: 1.15rem; }
  body.studio-site .about-team-v2-grid { gap: 36px; }
  body.studio-site .request-form-grid { gap: 20px; }
  body.studio-site .footer-locations { gap: 24px; }
}
@media (prefers-reduced-motion:reduce) {
  body.studio-site :is(.library-guide-media,.vertical-featured-media,.blog-archive-media) img { transition: none; }
}

/* The visual composition follows the selected SaaS template: one strong image,
   a compact message, then a different scale and rhythm for the next section. */
body.studio-site {
  --studio-width: 1440px;
  --studio-space: clamp(72px,8vw,128px);
  --studio-radius: 18px;
  --studio-display: clamp(2.5rem,4.6vw,4.6rem);
}
body.studio-site .site-nav {
  top: 12px; left: 16px; right: 16px; width: auto; height: 72px; min-height: 72px;
  padding-inline: clamp(20px,3vw,48px); border-radius: 12px;
}
body.studio-site .site-nav::before,body.studio-site .site-nav::after { border-radius: 12px; }
body.studio-site .page-main { padding-top: 96px; }
body.studio-site .studio-industry-hero-layout {
  display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr);
  gap: var(--studio-gap); align-items: center;
}
body.studio-site .studio-industry-hero-layout > :is(nav,.eyebrow,.industry-detail-brand) { grid-column: 1/-1; margin-bottom: 0; }
body.studio-site .studio-industry-intro { display: block; }
body.studio-site .studio-industry-intro .studio-lead-group { margin-top: 28px; }
html[lang] body.studio-site .studio-industry-intro h1 { max-width: 19ch; }
body.studio-site .studio-industry-hero-layout .studio-hero-visual { aspect-ratio: 1.15; height: auto; margin: 0; border-radius: var(--studio-radius); }
body.studio-site .studio-industry-hero-layout .studio-hero-visual img { object-fit: cover; }
body.studio-site .studio-industry-hero-layout > .industry-breadcrumb { display: none; }
body.studio-site .studio-industry-hero-layout > .eyebrow { grid-column: 1; }
body.studio-site .studio-industry-intro { grid-column: 1; grid-row: 2; }
body.studio-site .studio-industry-hero-layout > .studio-hero-visual { grid-column: 2; grid-row: 1/3; }
body.studio-site .studio-section.studio-masthead { padding-bottom: 64px; }
body.studio-site :is(.warehouse-story-grid,.retail-story-grid) { gap: 56px; align-items: start; }
body.studio-site :is(.warehouse-story-card,.retail-story-card) { border: 0; background: transparent; box-shadow: none; border-radius: 0; }
body.studio-site :is(.warehouse-story-image,.retail-story-image) { overflow: hidden; border-radius: var(--studio-radius); }
body.studio-site :is(.warehouse-story-copy,.retail-story-copy) { padding: 24px 0 0; }
body.studio-site :is(.warehouse-story-copy,.retail-story-copy) > .eyebrow { color: var(--gold-readable); }
body.studio-site .retail-story-grid { grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr); }
body.studio-site .retail-story-card:nth-child(2) { margin-top: 100px; }
body.studio-site :is(.warehouse-story-heading,.retail-story-heading) { margin-bottom: 56px; }
body.studio-site :is(.retail-report,.vertical-number,.vertical-start aside) { padding: 32px; border-radius: var(--studio-radius); border: 0; background: var(--cream-100); }
body.studio-site :is(.industry-demo-player,.retail-demo-player,.industry-product-proof,.industry-analysis-stage) { border-radius: var(--studio-radius); }
body.studio-site :is(.industry-demo,.retail-demo) > .container { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.3fr); align-items: center; gap: var(--studio-gap); }
body.studio-site :is(.industry-demo-heading,.retail-demo-heading) { margin: 0; }
body.studio-site :is(.industry-demo-player,.retail-demo-player) { margin: 0; }
body.studio-site :is(.industry-output-layout,.industry-decision-layout) { align-items: center; }
body.studio-site .industry-output-section .industry-chat { background: var(--navy-950); }
body.studio-site .studio-feature-layout { padding: clamp(24px,3vw,48px); border-radius: var(--studio-radius); background: #fff; }
body.studio-site .studio-feature-layout .fitness-metric-image-stack { aspect-ratio: 1.13; border-radius: 12px; background: var(--cream-50); }
body.studio-site .studio-feature-layout .fitness-metric-image-stack img { background: var(--cream-50); }
body.studio-site .studio-feature-layout .fitness-metric-story { padding-inline: 20px; border: 0; border-radius: 10px; }
body.studio-site .studio-feature-layout .fitness-metric-story:first-child { border-top: 0; }
body.studio-site .studio-feature-layout .fitness-metric-story.is-active { background: var(--cream-50); }
body.studio-site .studio-feature-layout .fitness-metric-story + .fitness-metric-story { margin-top: 4px; }
body.studio-site .studio-feature-disclosure > summary { min-height: 78px; }
body.studio-site .studio-feature-disclosure h3 { font-size: clamp(1.15rem,1.55vw,1.5rem); }
body.studio-site .studio-feature-body p { font-size: 1rem; }
body.studio-site .studio-feature-body .metric-image-link { margin-bottom: 12px; }
body.studio-site :is(.industry-detail-cta,.vertical-close,.cta-band) { background: var(--cream-50); }
body.studio-site :is(.studio-cta-inner,.cta-simple,.start-final-grid) {
  padding: clamp(32px,5vw,76px); border-radius: var(--studio-radius);
  background: var(--navy-950); color: var(--cream-50);
}
body.studio-site :is(.studio-cta-inner,.cta-simple,.start-final-grid) :is(h2,p.studio-prose,p) { color: var(--cream-50); }
body.studio-site :is(.studio-cta-inner,.cta-simple,.start-final-grid) .eyebrow { color: var(--gold); }
body.studio-site .industry-buyer-questions .industry-faq-list { padding: 8px 32px; border-radius: var(--studio-radius); background: #fff; }
body.studio-site .industry-buyer-questions .industry-faq-question { border: 0; border-bottom: 1px solid var(--line-light); }
body.studio-site .industry-buyer-questions .industry-faq-question:last-child { border-bottom: 0; }
body.studio-site .vertical-featured { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 64px 36px; align-items: start; }
body.studio-site .vertical-featured-card:nth-child(2n) { margin-top: 80px; }
body.studio-site .vertical-featured-media { border-radius: var(--studio-radius); aspect-ratio: 1.45; }
body.studio-site .vertical-featured-copy { padding: 20px 0 0; }
body.studio-site .vertical-featured-copy > .eyebrow { display: none; }
body.studio-site .vertical-featured-copy h3 { margin: 0 0 16px; }
body.studio-site .vertical-directory-entry { border-radius: 10px; }
body.studio-site :is(.library-guide-media,.blog-archive-media,.library-feature-media,.library-hero-media,.about-hero-film,.about-skydeck-v2-photo) { border-radius: var(--studio-radius); }
body.studio-site .library-guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 64px 48px; }
body.studio-site .library-guide-card:nth-child(2n) { margin-top: 64px; }
body.studio-site .library-guide-card h3 { margin-top: 24px; }
body.studio-site .about-team-v2-grid { max-width: 960px; margin-inline: auto; padding-top: 40px; }
body.studio-site .about-team-member-v2 > img { border-radius: var(--studio-radius); aspect-ratio: 1; }
body.studio-site .about-story-v2-statements > div { border: 0; padding-block: 24px; }
body.studio-site .about-presence-v2-grid > article { padding: 32px; border: 0; border-radius: var(--studio-radius); background: #fff; }
body.studio-site .request-demo-form { border: 0; border-radius: var(--studio-radius); }
body.studio-site .request-next-steps { padding-top: 16px; }
body.studio-site .studio-contact-portrait { border-radius: 14px; width: 96px; height: 96px; }
body.studio-site :is(.resource-masthead-media,.article-hero-media,.video-watch-stage) { border-radius: var(--studio-radius); }
body.studio-site .resource-masthead .studio-intro-grid { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); }
body.studio-site .protocol-summary { border: 0; background: #fff; border-radius: var(--studio-radius); padding: clamp(24px,4vw,56px); }
body.studio-site .protocol-section { border-top: 0; }

/* Getting started: a multi-industry photo composition and a compact cinema. */
body.studio-getting-started .start-hero { padding-block: 72px 80px; }
body.studio-getting-started .start-hero-grid { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: center; gap: var(--studio-gap); }
body.studio-getting-started .start-hero-intro { margin-top: 28px; }
body.studio-getting-started .start-hero-intro > p { max-width: 36ch; }
body.studio-getting-started .start-title { --start-display: clamp(2.5rem,4.8vw,4.8rem); }
body.studio-getting-started .studio-start-gallery { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 18px; align-items: stretch; padding-block: 18px; }
body.studio-getting-started .studio-start-gallery img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: var(--studio-radius); }
body.studio-getting-started .studio-start-gallery img:first-child { grid-row: 1/3; aspect-ratio: .62; object-position: 55% center; }
body.studio-getting-started .studio-start-gallery img:nth-child(2) { align-self: end; aspect-ratio: 1; margin-top: 36px; }
body.studio-getting-started .studio-start-gallery img:nth-child(3) { aspect-ratio: 1; margin-bottom: 36px; }
body.studio-getting-started .start-casebar { padding: 0 0 32px; }
body.studio-getting-started .start-case { padding: 10px 20px; border-radius: 7px; border: 0; font-size: 1rem; }
body.studio-getting-started .start-case[aria-pressed=true] { background: var(--navy-950); color: #fff; }
body.studio-getting-started .start-cases { gap: 6px; }
body.studio-getting-started .studio-start-player { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(0,.85fr); gap: var(--studio-gap); align-items: center; }
body.studio-getting-started .start-cinema { border-radius: 14px; overflow: hidden; background: var(--cream-100); }
body.studio-getting-started .start-film { mask-image: none; }
body.studio-getting-started .start-context { display: block; padding: 0 0 28px; }
body.studio-getting-started .start-context p { margin-top: 20px; font-size: 1rem; }
body.studio-getting-started .start-question { font-size: clamp(1.65rem,2.4vw,2.5rem); }
body.studio-getting-started .start-phases { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; }
body.studio-getting-started .start-phase { padding: 16px 18px; border: 0; border-radius: 10px; }
body.studio-getting-started .start-phase::before { top: 0; height: 2px; border-radius: 2px; }
body.studio-getting-started .start-phase[aria-pressed=true] { background: #fff; }
body.studio-getting-started .start-phase:not([aria-pressed=true]) span { display: none; }
body.studio-getting-started .start-phase strong { font-size: 1rem; }
body.studio-getting-started .start-phase span { margin-top: 8px; }
body.studio-getting-started .start-rollout { border: 0; padding-block: 48px var(--studio-space); }
body.studio-getting-started .start-rollout-grid { grid-template-columns: minmax(0,1fr) minmax(0,.9fr); align-items: center; }
body.studio-getting-started .studio-rollout-image { display: block; width: 100%; height: auto; aspect-ratio: 1.8; object-fit: cover; border-radius: var(--studio-radius); margin-top: 32px; }
body.studio-getting-started .start-steps { padding: 16px 28px; background: #fff; border-radius: var(--studio-radius); }
body.studio-getting-started .start-steps details:first-child { border-top: 0; }
body.studio-getting-started .start-steps details:last-child { border-bottom: 0; }
body.studio-getting-started .start-final { padding-block: 0 96px; background: var(--cream-50); }
body.studio-getting-started .start-final .start-kicker { color: var(--gold); }
body.studio-getting-started .start-final p:not(.start-kicker) { color: #cbd3dc; }

@media (max-width:1080px) {
  body.studio-site .site-nav .nav-links { top: 72px; border-radius: 0 0 12px 12px; max-height: calc(100dvh - 100px); }
  body.studio-site .studio-industry-hero-layout { gap: 32px; }
  body.studio-getting-started .studio-start-player { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 28px; }
}
@media (max-width:900px) {
  body.studio-site .studio-industry-hero-layout { display: flex; flex-direction: column; align-items: stretch; }
  body.studio-site .studio-industry-hero-layout .studio-hero-visual { width: 100%; margin: 0; aspect-ratio: 16/10; }
  body.studio-site :is(.industry-demo,.retail-demo) > .container { display: block; }
  body.studio-site :is(.industry-demo-heading,.retail-demo-heading) { margin-bottom: 32px; }
  body.studio-site .studio-feature-layout { padding: 18px; }
  body.studio-site .studio-feature-layout .fitness-metric-story { padding-inline: 14px; }
  body.studio-site .retail-story-card:nth-child(2) { margin-top: 48px; }
  body.studio-getting-started .start-hero-grid { grid-template-columns: minmax(0,1fr) minmax(0,.95fr); gap: 28px; }
  body.studio-getting-started .studio-start-gallery { gap: 12px; }
  body.studio-getting-started .studio-start-player { display: block; }
  body.studio-getting-started .studio-start-story-copy { margin-top: 28px; }
  body.studio-getting-started .start-context { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px; }
  body.studio-getting-started .start-context p { margin: 0; }
  body.studio-getting-started .start-phases { grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; }
}
@media (max-width:680px) {
  body.studio-site { --studio-display: clamp(2.2rem,8.8vw,3.5rem); --studio-radius: 12px; }
  body.studio-site .site-nav { top: 8px; left: 10px; right: 10px; height: 64px; min-height: 64px; border-radius: 10px; padding-inline: 18px; }
  body.studio-site .site-nav .brand img { width: 146px; }
  body.studio-site .site-nav .nav-links { top: 64px; padding: 20px; }
  body.studio-site .page-main { padding-top: 84px; }
  body.studio-site .studio-section.studio-masthead { padding-top: 40px; padding-bottom: 40px; }
  body.studio-site :is(.retail-story-grid,.warehouse-story-grid,.vertical-featured,.library-guide-grid) { grid-template-columns: minmax(0,1fr); gap: 44px; }
  body.studio-site :is(.retail-story-card:nth-child(2),.vertical-featured-card:nth-child(2n),.library-guide-card:nth-child(2n)) { margin-top: 0; }
  body.studio-site .resource-masthead .studio-intro-grid { grid-template-columns: minmax(0,1fr); }
  body.studio-site .industry-buyer-questions .industry-faq-list { padding-inline: 20px; }
  body.studio-site :is(.studio-cta-inner,.cta-simple,.start-final-grid) { padding: 32px 24px; }
  body.studio-getting-started .start-hero { padding-block: 40px 56px; }
  body.studio-getting-started .start-hero-grid { grid-template-columns: minmax(0,1fr); gap: 32px; }
  body.studio-getting-started .studio-start-gallery { grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr); gap: 10px; padding-block: 0; align-items: end; }
  body.studio-getting-started .studio-start-gallery img:first-child { grid-row: auto; aspect-ratio: .9; }
  body.studio-getting-started .studio-start-gallery img:nth-child(2) { aspect-ratio: .85; height: 85%; margin: 0; }
  body.studio-getting-started .studio-start-gallery img:nth-child(3) { aspect-ratio: 1; height: 70%; margin: 0; }
  body.studio-getting-started .start-case { padding-inline: 12px; font-size: .9rem; }
  body.studio-getting-started .start-cinema { width: 100%; margin: 0; border-radius: 10px; }
  body.studio-getting-started .start-context { display: block; }
  body.studio-getting-started .start-context p { margin-top: 16px; }
  body.studio-getting-started .start-phase { padding: 14px 8px; }
  body.studio-getting-started .start-phase strong { font-size: .85rem; }
  body.studio-getting-started .start-phase span { display: none; }
  body.studio-getting-started .start-rollout-grid { grid-template-columns: minmax(0,1fr); gap: 32px; }
  body.studio-getting-started .start-steps { padding: 8px 20px; }
}

body.studio-site .studio-main { padding-top: 96px; }
body.studio-industry { --studio-display: clamp(2.35rem,4vw,4rem); }
body.studio-site .studio-industry-intro { grid-row: auto; }
body.studio-site .studio-industry-hero-layout > .studio-hero-visual { grid-row: auto; }
body.studio-site .studio-industry-hero-layout .studio-title-group > .eyebrow { margin-bottom: 24px; }
body.studio-site .studio-feature-layout .fitness-metric-image-stack { aspect-ratio: 16/9; border: 0; }
body.studio-site .studio-feature-layout .fitness-metric-visual { align-self: center; }
body.studio-site .industry-chat-nav a { color: var(--navy-900); }
body.studio-site .industry-chat-nav a:hover { color: var(--gold-readable); }
body.studio-site .library-guides-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 64px 48px; }
body.studio-site .library-answers :is(h2,p,a) { color: var(--cream-50); }
body.studio-site .library-hero-media { margin: 36px 0 0; aspect-ratio: 2.4; }
body.studio-site .library-hero-media img { width: 100%; height: 100%; object-fit: cover; }
body.studio-site .library-tabs { padding-top: 28px; padding-bottom: 0; border: 0; }
body.studio-site .nav-toggle { flex-direction: column; gap: 7px; justify-content: center; align-items: center; border: 0; border-radius: 6px; }
body.studio-site .nav-toggle span { display: block; position: static; width: 22px; height: 1px; margin: 0; transform: none; background: var(--cream-50); }
body.studio-site .nav-toggle[aria-expanded=true] span:first-child { transform: translateY(4px) rotate(45deg); }
body.studio-site .nav-toggle[aria-expanded=true] span:last-child { transform: translateY(-4px) rotate(-45deg); }
body.studio-site .site-nav :focus-visible { outline-color: var(--gold); }
body.studio-getting-started .studio-start-gallery { height: clamp(380px,36vw,520px); grid-template-rows: repeat(2,minmax(0,1fr)); }
body.studio-getting-started .studio-start-gallery img { min-height: 0; }
body.studio-getting-started .studio-start-gallery img:first-child { aspect-ratio: auto; object-position: 42% center; }
body.studio-getting-started .studio-start-gallery img:nth-child(2),body.studio-getting-started .studio-start-gallery img:nth-child(3) { aspect-ratio: auto; margin: 0; }
body.studio-getting-started .start-rollout-intro > p:not(.start-kicker) { margin-top: 24px; max-width: 40ch; }
body.studio-site .industries-page-hero { min-height: 0; }
@media (max-width:680px) {
  body.studio-site .studio-main { padding-top: 84px; }
  body.studio-site .about-hero-v2 { padding-top: 40px; }
  body.studio-site .library-guides-grid { grid-template-columns: minmax(0,1fr); gap: 44px; }
  body.studio-site .library-hero-media { aspect-ratio: 1.5; }
  body.studio-getting-started .studio-start-gallery { height: 220px; grid-template-rows: minmax(0,1fr); }
}

body.studio-site :is(.industry-demo-heading,.retail-demo-heading) { display: block; }
body.studio-site :is(.industry-demo-heading,.retail-demo-heading) .eyebrow { margin-bottom: 22px; }
body.studio-site :is(.industry-demo-heading,.retail-demo-heading) > p:not(.eyebrow) { margin-top: 24px; }
html[lang] body.studio-site main :is(h2,h3) .keep-term { display: inline; white-space: normal; }
body.studio-site .warehouse-demo-player figcaption { overflow: visible; }
body.studio-site [data-warehouse-chapter] { min-width: 0; }
body.studio-site .warehouse-chapter-name { white-space: normal; font-size: .78rem; line-height: 1.4; }
body.studio-site .warehouse-usecase-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
body.studio-site .warehouse-usecase-list [data-warehouse-chapter] { min-height: 60px; padding: 8px; }
@media (min-width:901px) and (max-width:1280px) {
  body.studio-site .warehouse-demo-player [data-warehouse-chapter] { padding-inline: 6px; }
}
@media (max-width:900px) {
  body.studio-site .studio-feature-body .fitness-metric-card-picture { display: block; width: 100%; margin: 0; }
  body.studio-site .about-presence-v2-grid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width:560px) {
  body.studio-site .warehouse-usecase-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
body.studio-site .request-agenda { gap: 24px; margin-top: 40px; }
body.studio-site .request-agenda strong { color: var(--navy-900); font-size: 1rem; font-weight: 500; }
body.studio-site .request-agenda span { color: var(--gold-readable); }
body.studio-site .industry-output-heading > .industry-chat-intro { color: var(--ink-muted); }
body.studio-site .request-direct-line a { color: var(--navy-900); }
body.studio-site .studio-masthead .button-quiet { color: var(--navy-900); border-color: var(--line-light); }
body.studio-site .blog-cta p.studio-prose { color: var(--ink-muted); }
body.studio-site .resource-story .resource-inline-link { color: var(--navy-800); }
body.studio-resource .resource-content .resource-inline-link { color: var(--navy-800); }
body.studio-site.studio-industry .studio-masthead .industry-detail-actions .button-quiet { color: var(--navy-900); }
body.studio-site .handoff-cta .resource-inline-link { color: var(--navy-800); }