/* The orchard remains the setting. Light and ink now have separate jobs. */
html.gifs-refined body.route-home #root#root > .masthead .wordmark,
html.gifs-refined #root#root #home.orchard-client .mobile-logo {
 color:#fff7e5!important;text-shadow:0 1px 2px #11281e;position:relative;isolation:isolate;
}
html.gifs-refined body.route-home #root#root > .masthead .wordmark::before,
html.gifs-refined #root#root #home.orchard-client .mobile-logo::before {
 content:'';display:block!important;position:absolute;inset:-15px -24px;z-index:-1;
 background:radial-gradient(ellipse,#142b20b8 0%,#142b208c 35%,#142b2000 72%);filter:blur(7px);pointer-events:none;
}
html.gifs-refined body.route-home #root#root > .masthead .wordmark svg {filter:drop-shadow(0 1px 1px #fff7df80)}
html.gifs-refined #root#root #home.orchard-client .home-copy {isolation:isolate;overflow:visible!important}
html.gifs-refined #root#root #home.orchard-client .home-copy::before {
 content:''!important;display:block!important;position:absolute!important;inset:-65px -9vw -78px -65px!important;
 background:radial-gradient(ellipse at 57% 49%,#f6edd9f2 0%,#f6edd9e8 36%,#f6edd9a6 58%,#f6edd900 76%)!important;
 filter:blur(18px)!important;z-index:-1!important;border:0!important;box-shadow:none!important;pointer-events:none;
}
html.gifs-refined #root#root #home.orchard-client .home-copy :is(h1,h1 span) {color:#173d2c!important;font-weight:600!important}
html.gifs-refined #root#root #home.orchard-client .home-copy h1 em {color:#69432d!important;font-weight:500!important}
html.gifs-refined #root#root #home.orchard-client .home-copy :is(.eyebrow,.home-lead-unified) {color:#233d2e!important;opacity:1!important}
html.gifs-refined #root#root #home.orchard-client .home-copy .eyebrow {letter-spacing:.1em!important}
html.gifs-refined #root#root #home.orchard-client .hero-actions a {transition:color .18s,background .18s,transform .18s}
html.gifs-refined #root#root #home.orchard-client .home-copy .hero-actions a {color:#173c2a!important;font-weight:600!important}
html.gifs-refined #root#root #home.orchard-client .home-copy .hero-actions a:first-child {
 padding:10px 17px!important;border:1px solid #214630!important;border-radius:3px!important;background:#214630!important;color:#fff3d9!important;
}
html.gifs-refined #root#root #home.orchard-client .home-copy .hero-actions a:first-child:hover {background:#143522!important}
html.gifs-refined #root#root #home.orchard-client .orchard-invitation {color:#fff4df!important;text-shadow:0 1px 3px #0b2119,0 0 18px #0b2119}

/* Shared frame: less ornament, stronger type, fine rules instead of pill cards. */
html.gifs-refined #root#root .screen-service {background:#173b2f;color:#f0e4c9}
html.gifs-refined #root#root .screen-service.client-service-light {background:#eee5d1;color:#213f30}
html #root#root .screen-service .botanical-backdrop>svg {opacity:.055}
html #root#root .service-story>.sp-botanical {opacity:.08}
html #root#root .client-brand>a {color:#f0ddaf}
html #root#root .client-brand>span {color:#d3cfb4;line-height:1.35}
html #root#root .client-service-light .client-brand>a {color:#234631}
html #root#root .client-header nav a {color:#e4dcc6;font-style:normal}
html #root#root .client-service-light .client-header nav a {color:#39523b}
html #root#root :is(.client-header-contact,.client-footer a,.client-footer button) {min-height:44px;display:inline-flex;align-items:center}
html #root#root :is(.client-header-contact,.client-header nav a,.studio-navigation a) {transition:color .18s,background .18s!important;transform:none!important}
html #root#root .client-header-contact {color:#fff1cf;text-decoration:underline;text-underline-offset:6px}
html #root#root .client-mobile-navigation nav {border:1px solid #b6a581!important;box-shadow:0 16px 40px #071b1250!important}
html #root#root .client-mobile-navigation nav a {border-bottom:1px solid #344c3024;padding:14px 8px!important}
html #root#root :is(.client-header,.masthead) :is(a,summary):focus-visible {outline:2px solid #cf986f;outline-offset:5px}
html #root#root :is(.service-story,.content-presentation) {--chapter-entry:10px}
html #root#root :is(.service-story,.content-presentation)[data-direction=back] {--chapter-entry:-10px}
html #root#root .service-story .sp-heading-bar h1 {color:#e1cfab;font-weight:500;font-style:normal}
html #root#root .service-story .sp-chapters {position:relative}
html #root#root .service-story .sp-chapters button {min-height:44px;color:#d4cdb6;font-weight:500}
html #root#root .service-story .sp-chapters button[aria-current=step] {color:#fff2d6}
html #root#root .service-story .sp-chapters button>span {font-variant-numeric:tabular-nums;color:#ccad7e;opacity:1}
html #root#root .service-story .sp-chapters button:disabled {opacity:.42;cursor:default}
html #root#root .service-story .sp-chapters button:not(:disabled):hover {color:#fff6df}
html #root#root .service-story .sp-chapters button::after {bottom:0;background:#d1a774;height:2px}
html #root#root .service-story .sp-chapter h2 {color:#f5e8cb!important;font-weight:500!important;letter-spacing:-.025em!important;line-height:1.07!important}
html #root#root .service-story .sp-chapter h2 em {color:#e6bb90!important}
html #root#root .service-story .story-lead {color:#e3dfcb!important;line-height:1.38!important;max-width:39ch;text-wrap:pretty}
html #root#root .service-story .story-copy {min-width:0}
html #root#root .service-story .story-copy .story-kicker {color:#d7b589}
html #root#root :is(.sp-pager,.cp-pager) {padding-top:14px;border-top:1px solid #d8c79b45}
html #root#root :is(.sp-previous,.cp-previous) {min-height:44px}
html #root#root :is(.sp-page-position,.cp-position) {font-variant-numeric:tabular-nums;font-style:normal}
html #root#root .sp-pager .sp-next {color:#fff0d1!important;gap:14px!important}
html #root#root .sp-pager .sp-next>span:not(.v9-next-label),html #root#root .cp-pager .cp-next>b {width:40px;height:40px;border-radius:3px}
html #root#root .sp-pager .sp-next:not(:disabled):hover>span:not(.v9-next-label) {transform:translateX(3px);background:#f3d9a8}
html #root#root .service-story :is(.v6-project-mount,.story-format-choice,.story-use-example,.v10-task-examples,.v11-request-example,.v10-agent-panel) {
 border-radius:3px!important;box-shadow:0 12px 32px #091e1726,0 1px 0 #ffffff25 inset!important;
}
html #root#root .service-story .v6-project-mount {border:1px solid #e1d5bb33!important;background:#e8ddc3}
html #root#root .service-story .v6-browser-chrome {background:#e8ddc3;color:#294535;padding-inline:16px;min-height:30px}
html #root#root .service-story .v6-project-screen {transition:transform .6s cubic-bezier(.2,.65,.3,1)}
html #root#root .service-story .v9-project-open:hover .v6-project-screen {transform:scale(1.015)}
html #root#root .service-story .v6-site-preview figcaption {color:#d7cbb1}
html #root#root .service-story .v6-site-preview figcaption strong {color:#f0ddbb}
html #root#root .service-story .story-format-choice {background:#eee4cd;padding:clamp(18px,2.2vw,34px)}
html #root#root .service-story .story-format-choice .story-option-nav button {min-height:44px;color:#45593e;font-style:normal}
html #root#root .service-story .story-format-choice .story-option-nav button[aria-pressed=true] {color:#713c28;border-bottom:2px solid #9a6041}
html #root#root .service-story .story-format-panel :is(p,.story-result-line) {color:#314d39!important;line-height:1.3!important}
html #root#root .service-story .story-format-panel .story-link {min-height:44px;display:inline-flex;align-items:center}
html #root#root .service-story .story-journey li {border-top:1px solid #d1bd9145;padding-top:16px}
html #root#root .service-story .story-journey strong {color:#f3e1bf;font-weight:500}
html #root#root .service-story .story-journey p {color:#dcdcc5;line-height:1.3!important}
html #root#root .service-story .story-final-actions .story-link {border:1px solid #d6bb8d;border-radius:3px;padding:12px 20px;background:#e4d0a6;color:#193b29!important;min-height:44px}

/* Quiet, tactile paper in the portfolio, approach and contact sections. */
html body #root#root .ab-book .ab-book-frame {border-radius:2px;box-shadow:2px 3px 0 #c3b596,5px 6px 0 #d3c5a6,0 15px 35px #071d1920}
html body #root#root .ab-book .ab-book-tabs button {min-height:44px;color:inherit!important;opacity:.7}
html body #root#root .ab-book .ab-book-tabs button[aria-selected=true] {opacity:1;border-bottom-width:2px!important}
html body #root#root .ab-paper-scene .mp-print-sheet {background:#f0e7d0;box-shadow:0 10px 30px #182b2120;border-radius:2px;transition:transform .45s cubic-bezier(.22,.75,.2,1)}
html body #root#root .ab-paper-scene .mp-print-sheet>p {color:#304c38;line-height:1.3!important}
html body #root#root .ab-paper-scene .va-step-result {padding-top:14px;border-color:#536a4545}
html body #root#root .ab-paper-scene .va-navigation button {min-height:44px;border-radius:2px}
html body #root#root .ab-paper-scene .va-navigation button[aria-pressed=true] {background:#284b37;color:#f8edd5}
html body #root#root .ab-paper-scene .va-playback :is(a,button) {min-height:44px;display:inline-flex;align-items:center}
html #root#root .v6-contact .contact-lead {color:#e3ddc3;line-height:1.38!important;max-width:30ch}
html #root#root .v6-contact .v6-contact-letter {border-radius:3px!important;background:#efe4ca;box-shadow:0 15px 45px #071c1730,4px 4px 0 #b8aa8938;border-top:3px solid #b58a60}
html #root#root .v6-contact .contact-message-summary p {color:#233f2e;line-height:1.32!important}
html #root#root .v6-contact .v6-letter-heading {border-bottom:1px solid #6e75463b;padding-bottom:16px}
html #root#root .v6-contact .direct-contact {border-radius:2px;min-height:44px;transition:background .18s,color .18s}
html #root#root .v6-contact .direct-contact:hover {background:#ded2b4;color:#173b29}
html #root#root .v6-contact .direct-wa:hover {background:#173b29;color:#fff1d4}
html #root#root .v6-contact :is(.contact-primary,.contact-edit-message,.contact-number-row button) {min-height:44px}
html #root#root .v6-contact .contact-primary {text-underline-offset:6px;color:#60462f}
html #root#root :is(.contact-message-dialog,.screen-dialog,.brief-dialog) {border-radius:4px!important;box-shadow:0 25px 80px #081e1966}
html #root#root :is(.contact-message-dialog textarea,.brief-dialog textarea,.brief-dialog input) {line-height:1.4;caret-color:#8a5438}
html #root#root .screen-dialog-body {overscroll-behavior:contain}

/* Content keeps its collage, with a cleaner studio mount and readable captions. */
html body #root#root #content.content-presentation .mt-artboard {border-radius:4px!important;background:#e3d8bb!important;box-shadow:0 1px 0 #fff8e1 inset,0 12px 30px #43563b14}
html body #root#root #content.content-presentation .mt-artboard::before {opacity:.35}
html body #root#root #content.content-presentation .mt-heading>p {color:#344e37;line-height:1.35!important;max-width:29ch}
html body #root#root #content.content-presentation .v6-content-ribbon {color:#75523b;border-bottom:1px solid #5f704635;padding-bottom:10px}
html body #root#root #content.content-presentation .cp-chapters button {min-height:44px;color:#526146}
html body #root#root #content.content-presentation .cp-chapters button[aria-current=step] {color:#753c28}
html body #root#root #content.content-presentation .cp-materials li {border-bottom:1px solid #65764e30;padding-block:14px}
html body #root#root #content.content-presentation .cp-materials li>span {font-variant-numeric:tabular-nums;color:#79563b}
html body #root#root #content.content-presentation .cp-materials p {color:#3a5139;line-height:1.3!important}
html #root#root .screen-library-list article {border-color:#6a795342;transition:background .18s}
html #root#root .screen-library-list article:hover {background:#e3d8bd55}
html #root#root .screen-library-list .library-folio {color:#825c40;font-variant-numeric:tabular-nums}
html #root#root .screen-library-list .library-entry>span {color:#536149}
html #root#root .screen-library-list h3 a {text-decoration-thickness:1px;text-underline-offset:6px}
html #root#root .screen-library-list h3 a:hover {text-decoration:underline}
html #root#root .seo-faq details {border-bottom:1px solid #78835c45;padding-block:12px}
html #root#root .seo-faq summary {min-height:44px;align-content:center;cursor:pointer}
html #root#root .seo-faq p {line-height:1.5!important;max-width:68ch}
html #root#root :is(.guide-reader-body,.gr-body) p {line-height:1.55!important}

@media (min-width:1101px) and (min-height:701px) and (orientation:landscape) {
 html #root#root .service-story .sp-chapter h2 {font-size:clamp(45px,4.3vw,70px)!important}
 html #root#root .service-story .story-lead {font-size:clamp(23px,1.6vw,27px)!important}
 html #root#root .service-story .story-composition {gap:clamp(42px,6vw,100px)}
}
@media (max-width:700px),(orientation:portrait),(max-width:1100px) and (max-height:540px) and (hover:none) {
 html.gifs-refined #root#root #home.orchard-client .mobile-copy {isolation:isolate;overflow:visible}
 html.gifs-refined #root#root #home.orchard-client .mobile-copy::before {
  content:''!important;display:block!important;position:absolute!important;inset:-90px -40px -50px!important;z-index:-1!important;pointer-events:none;
  background:linear-gradient(0deg,#0c231df5 0%,#102b21eb 38%,#112d21b3 70%,#112d2100 100%)!important;filter:blur(9px)!important;
 }
 html.gifs-refined #root#root #home.orchard-client .mobile-copy :is(h1.mobile-title,h1.mobile-title em) {color:#fff0d5!important;font-weight:500!important;text-shadow:0 1px 2px #10291c}
 html.gifs-refined #root#root #home.orchard-client .mobile-copy :is(.mobile-lead,.hero-actions a) {color:#fff4df!important;opacity:1!important}
 html.gifs-refined #root#root #home.orchard-client .mobile-copy .hero-actions a:first-child {background:#f1dfba!important;color:#1d3d2b!important;padding:10px 12px!important;border:0!important;border-radius:3px!important}
 html.gifs-refined #root#root #home.orchard-client .mobile-copy .hero-actions {gap:20px!important}
 html.gifs-refined #root#root #home.orchard-client .mobile-copy .hero-actions a {font-size:19px!important}
}
@media(max-width:500px) {
 html #root#root .service-story .story-lead {line-height:1.3!important}
 html #root#root .service-story .story-journey li {padding-top:10px}
 html #root#root :is(.sp-pager,.cp-pager) {padding-top:10px}
 html #root#root .client-footer {font-size:15px!important;gap:10px}
 html body #root#root .ab-paper-scene .mp-print-sheet>p {line-height:1.2!important}
 html body #root#root .ab-paper-scene .va-step-result {padding-top:10px}
 html #root#root .v6-contact .v6-letter-heading {padding-bottom:10px}
}
@media(prefers-reduced-motion:no-preference) {
 html #root#root .service-story .sp-chapter:not([hidden]),html body #root#root #content.content-presentation .cp-chapter:not([hidden]) {animation:studio-chapter-in 330ms cubic-bezier(.22,.7,.3,1) both}
 html #root#root .service-story .sp-chapter:not([hidden]) .story-composition>:last-child {animation:none}
 html #root#root .service-story .v6-project-mount {animation:none}
 html #root#root dialog[open] {animation:studio-dialog-in 220ms cubic-bezier(.22,.7,.3,1) both}
}
@keyframes studio-chapter-in {from{opacity:0;transform:translateY(7px) translateX(var(--chapter-entry))}to{opacity:1;transform:none}}
@keyframes studio-dialog-in {from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
/* Avoid two pages of text ghosting through each other during navigation. */
::view-transition-old(root) {animation:orchard-document-out 120ms ease-out both}
::view-transition-new(root) {animation:orchard-document-in 260ms 90ms ease-out both}
@media(prefers-reduced-motion:reduce) {
 html #root#root :is(.sp-chapter,.cp-chapter,.v6-project-screen,.ab-book-frame,dialog[open]) {animation:none!important;transition:none!important}
 ::view-transition-old(root),::view-transition-new(root) {animation:none!important}
}

@view-transition {navigation:auto}
html #root#root .service-story .v6-agent-choices button {border-radius:3px!important;background:#e9dec3!important;box-shadow:none!important;border:1px solid #f9edd226!important;transition:background .18s,transform .18s,border-color .18s}
html #root#root .service-story .v6-agent-choices button:nth-child(2) {background:#dce1c8!important}
html #root#root .service-story .v6-agent-choices button:hover {background:#f8edd4!important;transform:translateX(4px);border-color:#c39466!important}
html #root#root .service-story .v6-agent-choices button strong {color:#1c3e2b}
html #root#root .service-story .v8-audience-copy>span {color:#40573d;line-height:1.3}
html #root#root .service-story .v11-ai-example {background:#eee3ca;box-shadow:3px 4px 0 #b0ad842b; border-top:3px solid #ba9569}
html body #root#root .ab-paper-scene .va-playback {flex-wrap:wrap;column-gap:18px;row-gap:0}
html body #root#root .ab-paper-scene .va-playback a {margin-right:auto}
@media(prefers-reduced-motion:reduce) {html #root#root .service-story .v6-agent-choices button {transition:none;transform:none}}
/* Keep the navigation's actual touch area inside its allocated row. */
html.gifs-refined #root#root .screen-service {grid-template-rows:76px minmax(0,1fr) 44px}
html.gifs-refined #root#root .screen-service>.client-footer {height:44px;min-height:44px}
html #root#root :is(.sp-pager,.cp-pager) {padding-top:0;align-items:center}
html #root#root :is(.sp-pager .sp-next,.cp-pager .cp-next) {padding-block:0!important;min-height:44px}
html #root#root .service-story .sp-chapter {overflow:auto;scrollbar-width:thin;scrollbar-color:#ae9868 transparent;overscroll-behavior:contain}
@media(max-width:700px),(max-height:540px) and (hover:none) {
 html.gifs-refined #root#root .screen-service {grid-template-rows:64px minmax(0,1fr) 44px}
}
@media(max-width:700px) and (min-height:501px),(max-width:500px) {
 html #root#root .service-story .story-wrap {grid-template-rows:24px 44px minmax(0,1fr) 52px}
}
html #root#root .service-story .story-final-actions .story-link {background:#e4d0a6!important;color:#193b29!important}
/* Reading surfaces share the same measure and generous line spacing. */
html #root#root .guide-reader-article p {line-height:1.55!important}
html #root#root .guide-reader-article li {line-height:1.45!important}
html #root#root .guide-reader-article h3 {margin-top:1.6em;color:#274633}