/* Home-only adjustments approved October 1. Motion remains in its existing owners. */
html body.home-page main#top :is(#statement-title,#why-title,#testimonials-title) .motion-line {
 font-size:inherit!important;line-height:inherit!important;
}
html body.home-page main#top #hero-statement #studio-title .scroll-letter {
 transition:color 120ms linear!important;
}
@media(prefers-reduced-motion:reduce) {
 html body.home-page main#top #hero-statement #studio-title .scroll-letter {transition:none!important;}
}
html body.home-page main#top #about #studio-title.studio-description,
html body.home-page main#top section.home-belief.page-section p {
 line-height:1.18!important;
}
html body.home-page main#top #about .intro-studio-link {
 margin-top:64px!important;align-items:baseline!important;
}
html body.home-page main#top #about .intro-studio-link>* {
 align-self:baseline!important;
}
html body.home-page main#top .why .why-contact.work-contact {
 align-items:baseline!important;
}
html body.home-page main#top :is(.intro-studio-link,.why-contact) a.line-link {
 top:-1px;
}
html body.home-page main#top #why-title br {display:block!important;}
html body.home-page main#top #work .work-slide {
 flex-basis:calc(var(--project-width) * .9)!important;
}
html body.home-page main#top #work .work-slide-image {
 width:100%!important;height:auto!important;
}
html body.home-page main#top #work .work-slider-toolbar {margin-top:20px!important;}
html body.home-page main#top #work .work-project-services {margin-block:0 6px!important;}
/* Keep the original sticky transitions, with shorter travel and no trailing hold. */
html body.home-page main#top #hero-statement.intro-scroll-enabled {height:220svh!important;}
html body.home-page main#top .editorial-title-track.is-pinned-title {height:170svh!important;}
html body.home-page main#top section.home-belief.belief-scroll-enabled {height:180svh!important;}
html body.home-page main#top .why-cards-hold.is-active {
 height:calc(var(--cards-height,700px) + 24svh)!important;
}
html body.home-page main#top .has-scroll-stack .stories-layout {
 height:var(--story-track-height)!important;
}
@media(max-width:1023px){
 html body.home-page main#top #about #studio-title.studio-description,
 html body.home-page main#top section.home-belief.page-section p {line-height:1.3!important;}
 html body.home-page main#top #about .intro-studio-link {margin-top:52px!important;}
 html body.home-page main#top .editorial-title-track.is-pinned-title {height:140svh!important;}
 html body.home-page main#top section.home-belief.belief-scroll-enabled {height:140svh!important;}
}
/* Keep each question and its link on one shared responsive type scale. */
@media(max-width:760px) {
 html body.home-page main#top #about .intro-studio-link.intro-studio-link.intro-studio-link {
  flex-direction:column!important;align-items:center!important;
 }
 html body.home-page main#top #about .intro-studio-link.intro-studio-link.intro-studio-link>* {
  align-self:center!important;
 }
}
@media(max-width:760px) {
 html body.home-page main#top #hero-statement.intro-scroll-enabled .intro-scroll-stage {
  align-items:center!important;padding-block:0!important;
 }
 html body.home-page main#top #hero-statement.intro-scroll-enabled .hero-statement-inner {
  align-self:center!important;margin-block:0!important;
 }
}
html body.home-page main#top :is(#about,.why) :is(.intro-studio-link,.why-contact.work-contact) {
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
 justify-content:center!important;align-items:baseline!important;
 width:fit-content!important;max-width:100%!important;margin-inline:auto!important;
 font-size:clamp(18px,2.1vw,24px)!important;line-height:1.4!important;
 column-gap:.8em!important;row-gap:12px!important;white-space:normal!important;
}
html body.home-page main#top :is(#about,.why) :is(.intro-studio-link,.why-contact.work-contact)>* {
 margin-inline:0!important;align-self:baseline!important;flex:0 1 auto!important;
 text-align:center!important;
}
html body.home-page main#top :is(#about,.why) :is(.intro-studio-link,.why-contact.work-contact)>:is(span,p) {
 font-size:inherit!important;line-height:inherit!important;margin-block:0!important;
}
html body.home-page main#top :is(#about,.why) :is(.intro-studio-link,.why-contact.work-contact)>a.line-link.line-link.line-link.line-link {
 font-size:.8em!important;line-height:1.4!important;letter-spacing:.04em!important;
 width:max-content!important;max-width:100%!important;gap:.65em!important;top:0;
}
html body.home-page main#top :is(#about,.why) :is(.intro-studio-link,.why-contact.work-contact)>a.line-link.line-link.line-link.line-link img {
 width:1.2em!important;height:1.2em!important;flex:0 0 1.2em!important;
}
@media(min-width:1024px) {
 html body.home-page main#top #about .intro-studio-link {
  font-size:24px!important;line-height:32px!important;column-gap:16px!important;
 }
 html body.home-page main#top :is(#about,.why) :is(.intro-studio-link,.why-contact.work-contact)>a.line-link.line-link.line-link.line-link {
  font-size:16.2px!important;line-height:32px!important;gap:12px!important;
 }
 html body.home-page main#top #about .intro-studio-link>a.line-link.line-link.line-link.line-link img {
  width:24px!important;height:24px!important;flex-basis:24px!important;
 }
}

/* Bring Case Studies closer to the outgoing introduction on every screen. */
html body.home-page main#top>section#work.work-slider-section.page-section {
 margin-top:0!important;padding-top:48px!important;
}
@media(max-width:1023px){
 html body.home-page main#top>section#work.work-slider-section.page-section {padding-top:32px!important;}
}

/* Shorter handoffs into the requested card groups. */
html body.home-page main#top #work .work-scroll {margin-top:40px!important;}
@media(prefers-reduced-motion:no-preference){
 html body.home-page main#top .why .editorial-title-track.is-pinned-title + .why-cards-hold {
  margin-top:-12svh!important;
 }
}
@media(max-width:1023px){
 html body.home-page main#top #work .work-scroll {margin-top:28px!important;}
}

/* Remove extra section padding around the post-testimonial paragraph. */
html body.home-page main#top>section.home-belief.page-section,
html body.home-page main#top>section#clients.clients.page-section {
 margin-top:0!important;padding-top:32px!important;padding-bottom:0!important;
}
@media(prefers-reduced-motion:no-preference){
 html body.home-page main#top>section.home-belief.belief-scroll-enabled {
  height:140svh!important;min-height:0!important;
 }
}

/* Keep Home paragraph wrapping natural and avoid isolated final words. */
html body.home-page main#top p {
 text-wrap:pretty!important;word-break:normal!important;overflow-wrap:normal!important;
}

/* Shorter native-scroll reading tracks, consistent across screen sizes. */
@media(prefers-reduced-motion:no-preference){
 html body.home-page main#top #hero-statement.intro-scroll-enabled {
  height:190svh!important;min-height:190svh!important;
 }
 html body.home-page main#top .editorial-title-track.is-pinned-title {height:140svh!important;}
 html body.home-page main#top .why-cards-hold.is-active {height:calc(var(--cards-height,700px) + 12svh)!important;}
}

/* Mobile/tablet Home: closer handoffs with the desktop hero-cover treatment. */
@media(max-width:1023px){
 html body.home-page main#top .why .why-contact.work-contact {
  column-gap:10px!important;row-gap:4px!important;margin-bottom:64px!important;
 }
 html body.home-page main#top>section#work.work-slider-section.page-section {padding-top:16px!important;padding-bottom:0!important;}
 html body.home-page main#top>section#work + section {padding-top:48px!important;}
 html body.home-page main#top .testimonials .stories-layout {margin-top:-10svh!important;}
 html body.home-page main#top>section#clients.clients.page-section {padding-top:16px!important;margin-top:0!important;}
}
@media(max-width:1023px){
 html body.home-page main#top .hero .hero-details .button.artocea-cta {
  padding:16px 18px 16px 26px!important;
 }
 html body.home-page main#top #about #studio-title.studio-description,
 html body.home-page main#top section.home-belief.page-section p {
  font-size:22px!important;line-height:1.3!important;
 }
}
@media(max-width:1023px) and (prefers-reduced-motion:no-preference){
 html body.home-page main#top .hero-scroll {position:relative!important;height:auto!important;overflow:visible!important;}
 html body.home-page main#top .hero-scroll>.hero {position:sticky!important;top:0!important;}
 html body.home-page main#top #hero-statement {position:relative!important;z-index:5;background:#201e1c!important;}
 html body.home-page main#top #hero-statement.intro-scroll-enabled {height:175svh!important;min-height:175svh!important;}
 html body.home-page main#top .editorial-title-track.is-pinned-title {height:125svh!important;}
 html body.home-page main#top>section.home-belief.belief-scroll-enabled {height:125svh!important;}
}
@media(prefers-reduced-motion:reduce){
 html body.home-page main#top .testimonials .stories-layout {margin-top:0!important;}
}

/* Matching mobile/tablet invitation spacing, including the underline offset. */
@media(max-width:1023px){
 html body.home-page main#top :is(#about,.why) :is(.intro-studio-link,.why-contact.work-contact)>a.line-link.line-link.line-link.line-link {
  padding-top:0!important;padding-bottom:8px!important;margin-top:0!important;
 }
 html body.home-page main#top :is(#about,.why) :is(.intro-studio-link,.why-contact.work-contact) {
  row-gap:8px!important;margin-bottom:64px!important;
 }
}

/* Compact layouts use content height here rather than empty viewport-sized tracks. */
@media(max-width:1023px){
 html body.home-page main#top>section.testimonials.stories-stack-section {padding-top:48px!important;margin-top:0!important;}
 html body.home-page main#top>section.home-belief.belief-scroll-enabled {
  height:auto!important;min-height:0!important;padding-top:40px!important;padding-bottom:0!important;
 }
 html body.home-page main#top .home-belief .belief-scroll-stage {
  position:relative!important;top:auto!important;height:auto!important;min-height:0!important;
 }
 html body.home-page main#top>section#clients.clients.page-section {padding-top:40px!important;}
}

/* Stories shares Human Thinking's compact pinned-title handoff. */
@media(max-width:1023px) and (prefers-reduced-motion:no-preference){
 html body.home-page main#top .testimonials .editorial-title-track.is-pinned-title {
  height:125svh!important;min-height:0!important;margin-block:0!important;padding-block:0!important;
 }
 html body.home-page main#top .testimonials .editorial-title-track.is-pinned-title .stories-heading {
  position:sticky!important;top:0!important;height:100svh!important;min-height:0!important;
  display:grid!important;place-items:center!important;
 }
 html body.home-page main#top .testimonials .stories-layout {margin-top:-12svh!important;}
}

/* Hide both Home question-and-link groups on mobile and tablet. */
@media(max-width:1023px){
 html body.home-page main#top #about .intro-studio-link.intro-studio-link.intro-studio-link,
 html body.home-page main#top .why .why-contact.work-contact {
  display:none!important;margin:0!important;padding:0!important;
 }
}

@media(max-width:1023px){
 html body.home-page main#top :is(#about,.why) :is(.intro-studio-link,.why-contact.work-contact) {
  display:none!important;margin:0!important;padding:0!important;
 }
}

/* Second Home paragraph: desktop-style full-screen reading hold on touch layouts. */
@media(max-width:1023px) and (prefers-reduced-motion:no-preference){
 html body.home-page main#top>section.home-belief.belief-scroll-enabled {
  height:140svh!important;min-height:140svh!important;padding-block:0!important;
 }
 html body.home-page main#top .home-belief.belief-scroll-enabled .belief-scroll-stage {
  position:sticky!important;top:0!important;height:100svh!important;min-height:100svh!important;
  display:grid!important;place-items:center!important;padding:0!important;
 }
}

/* Requested mobile breathing room and four-line tablet paragraphs. */
@media(max-width:599px){
 html body.home-page main#top>section#services.home-expertise.page-section {padding-top:88px!important;}
}
@media(min-width:600px) and (max-width:1023px){
 html body.home-page main#top #about #studio-title.studio-description,
 html body.home-page main#top section.home-belief.page-section p {
  font-size:clamp(24px,3.6vw,36px)!important;line-height:1.4!important;
  width:100%!important;max-width:100%!important;text-align:center!important;
 }
 html body.home-page main#top #about #studio-title .intro-line-break {display:inline!important;}
 html body.home-page main#top #about #studio-title .intro-line-break br {display:block!important;}
 html body.home-page main#top section.home-belief.page-section p[data-scroll-copy]>span {
  display:block!important;white-space:nowrap!important;
 }
}

/* Hide both Home question/CTA groups on tablets, including landscape touch screens. */
@media(max-width:1100px), (max-width:1366px) and (pointer:coarse){
 html body.home-page main#top :is(.intro-studio-link,.why-contact.work-contact){display:none!important;margin:0!important;padding:0!important;}
 html body.home-page main#top #about .intro-studio-link{display:none!important;}
}

/* 1440px desktop review: smaller CTA labels, with existing arrow/line detailing. */
@media(min-width:1366px) and (max-width:1599px){
 html body.home-page main#top :is(#about,.why) :is(.intro-studio-link,.why-contact.work-contact)>a.line-link.line-link.line-link.line-link{font-size:14.2px!important;}
}
