.react-app-shell { display: contents; }
[hidden] { display: none !important; }
.fruit.is-react-picked .fruit-swing img,.mobile-apple.is-react-picked img { visibility:hidden; }
@media(prefers-reduced-motion:reduce){.route-transition{display:none!important}}

/* The scenery and navigation targets stay anchored; only the fruit responds. */
html.gifs-refined #root #home.orchard-interactive .fruit-swing,
html.gifs-refined #root #home.orchard-interactive .apple-motion {
  transform: translate3d(var(--orchard-pull-x, 0px), var(--orchard-pull-y, 0px), 0) rotate(var(--orchard-tilt, 0deg));
  transition: none;
}
#home.orchard-interactive .orchard-orbit {
  position: absolute;
  inset: 9%;
  z-index: 4;
  pointer-events: none;
  border: 1px solid transparent;
  border-top-color: #f1d7a650;
  border-bottom-color: #f1d7a633;
  border-radius: 50%;
  opacity: 0;
  transform: rotate(-35deg) scale(.78);
  transition: opacity .24s ease, transform .65s cubic-bezier(.2,.8,.2,1);
}
#home.orchard-interactive .orchard-orbit i {
  position: absolute;
  left: 49%;
  top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #f3dcad;
  box-shadow: 0 0 9px #efd7a478;
}
#home.orchard-interactive .orchard-orbit i:nth-child(2) { left: auto; right: -2px; top: 48%; width: 3px; height: 3px; }
#home.orchard-interactive .orchard-orbit i:nth-child(3) { left: 25%; top: auto; bottom: 5%; width: 2px; height: 2px; }
#home.orchard-interactive a:is(:focus-visible, :active) > .orchard-orbit { opacity: .9; transform: rotate(25deg) scale(1); }
@media (hover: hover) and (pointer: fine) {
  #home.orchard-interactive a:hover > .orchard-orbit { opacity: .9; transform: rotate(25deg) scale(1); }
}
#home.orchard-interactive[data-orchard-motion=paused] .orchard-atmosphere *,
#home.orchard-interactive[data-orchard-motion=paused] .mw-apple-ink path { animation-play-state: paused !important; }
#home.orchard-interactive[data-orchard-motion=paused] .orchard-orbit { transition: none; }
#home.orchard-interactive .is-react-picked > .orchard-orbit { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  html.gifs-refined #root #home.orchard-interactive .fruit-swing,
  html.gifs-refined #root #home.orchard-interactive .apple-motion { transform: none !important; }
  #home.orchard-interactive .orchard-orbit { transition: none; transform: none !important; }
}

.project-showcase {
  --ps-ink:#253b31;--ps-muted:#677167;--ps-copper:#9c5f3c;--ps-line:rgba(70,79,55,.18);
  position:relative;isolation:isolate;box-sizing:border-box;width:100%;min-width:0;padding:clamp(22px,4vw,48px);
  overflow:hidden;border:1px solid var(--ps-line);border-radius:28px;background:radial-gradient(ellipse at 12% 80%,#ece9da 0,transparent 55%),#f8f6ef;color:var(--ps-ink);text-align:left;
}
.project-showcase *,.project-showcase *::before,.project-showcase *::after{box-sizing:border-box}
.project-showcase :is(h2,h3,p){margin:0;color:inherit}
.project-showcase button,.project-showcase a{font:inherit;letter-spacing:normal;-webkit-tap-highlight-color:transparent}
.project-showcase button{appearance:none;cursor:pointer}
.project-showcase :is(a,button,[tabindex]):focus-visible{outline:3px solid var(--ps-copper);outline-offset:4px}
.project-showcase a{text-decoration:none}
.ps-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}
.project-showcase .ps-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ps-muted)}
.ps-eyebrow>span{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid var(--ps-line);border-radius:50%;letter-spacing:0;font-size:10px}
.project-showcase .ps-heading h2{font-family:Prata,Georgia,serif;font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.2;letter-spacing:-.055em}
.ps-heading-dot{color:var(--ps-copper)}
.project-showcase .ps-project-type{font-size:13px;line-height:1.7;text-align:right}
.ps-project-type>span{color:var(--ps-muted);font-size:11px}
.ps-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:clamp(28px,3vw,48px);align-items:center}
.ps-layout>*{min-width:0}
.ps-screen-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:2;margin:0 0 18px}
.ps-tabs{display:flex;gap:4px;border:1px solid var(--ps-line);background:rgba(255,255,255,.45);padding:4px;border-radius:100px}
.ps-tabs>button{display:flex;gap:9px;align-items:center;min-height:40px;padding:8px 15px;border:0;border-radius:100px;color:var(--ps-muted);background:transparent;font-size:12px;transition:color .2s,background .2s,box-shadow .2s}
.ps-tabs>button>span{font-size:9px;opacity:.65;font-variant-numeric:tabular-nums}
.ps-tabs>button[aria-selected=true]{background:var(--ps-ink);color:#fffaf0;box-shadow:0 3px 8px #253b3118}
.ps-arrows{display:flex;gap:5px}
.ps-arrows>button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--ps-line);border-radius:50%;background:transparent;color:var(--ps-ink);font-size:21px;line-height:1;transition:background .2s,color .2s,transform .2s}
.ps-board{position:relative;padding:10px 4px 13px;perspective:1000px;touch-action:pan-y;--ps-rotate-x:0deg;--ps-rotate-y:0deg}
.ps-sheet-back{position:absolute;inset:14px 9px 5px;background:#d6d5c3;border:1px solid #babba8;border-radius:12px;transform:rotate(-2deg);transform-origin:50% 90%;transition:transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.ps-sheet-back>span{position:absolute;bottom:3px;right:14px;color:#6f7567;font-size:8px;letter-spacing:.1em;text-transform:uppercase}
.project-showcase[data-screen=catalog] .ps-sheet-back{transform:rotate(2deg)}
.ps-browser{position:relative;border-radius:12px;border:1px solid #bcc1b5;background:#fff;box-shadow:0 18px 35px -24px #1c322b66,0 3px 9px #1c322b0d;overflow:hidden;transform:rotateX(var(--ps-rotate-x)) rotateY(var(--ps-rotate-y));transition:transform .24s ease-out;transform-origin:center}
.ps-browser-bar{display:flex;align-items:center;gap:10px;min-height:30px;padding:7px 11px;background:#eeeee5;border-bottom:1px solid #d9dccf;font-size:9px;color:#627062;line-height:1.3;user-select:none}
.ps-browser-dots{display:flex;gap:4px;margin-right:3px}
.ps-browser-dots>i{width:5px;height:5px;border-radius:50%;background:#c4c8b9}
.ps-browser-dots>i:first-child{background:#b38c70}
.ps-frame-label{margin-left:auto;font-size:8px;letter-spacing:.05em}
.ps-screen-panel{position:relative;width:100%;aspect-ratio:1348/926;overflow:hidden;background:#e5e9de}
.ps-screen-enter{width:100%;height:100%;animation:ps-turn-page .48s cubic-bezier(.18,.75,.25,1) both}
.project-showcase .ps-project-screen{display:block;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0;margin:0;user-select:none;-webkit-user-drag:none}
.ps-annotations{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#253b3107,transparent 70%);animation:ps-detail-appear .24s ease both}
.ps-pin{position:absolute;display:grid;place-items:center;width:36px;height:36px;border:1px solid #fbf6e4;border-radius:50%;color:#fff;background:var(--ps-ink);box-shadow:0 0 0 5px #f7f4e588,0 3px 12px #253b3155;transform:translate(-50%,-50%);pointer-events:auto;transition:background .2s,box-shadow .2s;font-size:13px!important;font-weight:700!important}
.ps-pin.is-selected{background:var(--ps-copper);box-shadow:0 0 0 8px #b57a4755,0 3px 12px #253b3155}
.project-showcase .ps-capture-note{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:7px;color:var(--ps-muted);font-size:10px;line-height:1.5}
.ps-screen-counter{font-size:10px;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.ps-swipe-hint{display:none}
.ps-copy{padding:4px 0}
.project-showcase .ps-summary{font-family:Prata,Georgia,serif;font-size:clamp(21px,2.2vw,30px);font-weight:400;line-height:1.45;letter-spacing:-.035em}
.project-showcase .ps-summary em{color:var(--ps-copper);font-family:Cormorant,Georgia,serif;font-size:1.16em;line-height:1.1;font-weight:400;letter-spacing:-.02em}
.project-showcase .ps-description{max-width:330px;margin-top:14px;color:var(--ps-muted);font-size:14px;line-height:1.7}
.ps-inspect-toggle{display:flex;align-items:center;gap:10px;min-height:44px;margin:18px 0 0;padding:7px 0;border:0;border-bottom:1px solid var(--ps-line);width:100%;text-align:left;background:transparent;color:var(--ps-ink);font-size:13px!important}
.ps-inspect-icon{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--ps-line);border-radius:50%;font-size:17px;line-height:1;color:var(--ps-copper)}
.ps-inspector{animation:ps-detail-appear .3s ease both}
.ps-detail-nav{display:flex;gap:3px;flex-wrap:wrap;padding-top:12px}
.ps-detail-nav>button{display:flex;align-items:center;gap:5px;min-height:37px;padding:5px 8px;border:1px solid transparent;border-radius:7px;color:var(--ps-muted);background:transparent;font-size:11px}
.ps-detail-nav>button>span{font-size:9px;opacity:.6}
.ps-detail-nav>button[aria-pressed=true]{color:var(--ps-ink);background:#fffdf7;border-color:var(--ps-line)}
.ps-detail{min-height:120px;padding:14px 0 4px}
.project-showcase .ps-detail h3{margin-bottom:6px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5}
.project-showcase .ps-detail p{font-size:12px;line-height:1.7;color:var(--ps-muted)}
.ps-actions{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin-top:22px}
.ps-primary-link{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;padding:11px 16px;border:1px solid var(--ps-ink);border-radius:100px;background:var(--ps-ink);color:#fffcf1!important;font-size:12px!important;transition:background .2s,transform .2s}
.ps-primary-link>span,.ps-live-link>span[aria-hidden],.ps-brief>span{display:inline-block;transition:transform .2s}
.ps-live-link{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;color:var(--ps-ink)!important;font-size:12px!important}
.ps-brief{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:8px 0;margin-top:2px;border:0;border-top:1px solid var(--ps-line);background:transparent;color:var(--ps-copper);text-align:left;font-size:12px!important}
.ps-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ps-compact{padding:24px;border-radius:22px}
.ps-compact :where(.ps-layout){grid-template-columns:minmax(0,1fr);gap:22px}
.ps-compact :where(.ps-heading){margin-bottom:20px}
.project-showcase.ps-compact .ps-heading h2{font-size:38px}
.ps-compact :where(.ps-copy){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px}
.project-showcase.ps-compact .ps-summary{font-size:24px}
.project-showcase.ps-compact .ps-description{margin-top:0;font-size:12px;align-self:center}
.ps-compact :where(.ps-inspect-toggle,.ps-inspector,.ps-actions){grid-column:1/-1}
.ps-compact :where(.ps-detail){min-height:0}
@keyframes ps-turn-page{from{opacity:.15;transform:translateX(calc(var(--ps-direction,1)*24px)) scale(.985)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes ps-detail-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.ps-arrows>button:hover{color:#fffaf0;background:var(--ps-ink);transform:translateY(-2px)}.ps-primary-link:hover{background:#365443;transform:translateY(-1px)}.ps-live-link:hover>span[aria-hidden],.ps-brief:hover>span{transform:translate(2px,-2px)}.ps-detail-nav>button:hover{background:#fffdf7}.ps-inspect-toggle:hover .ps-inspect-icon{background:#ece8dc}}
@media(max-width:800px){.project-showcase{padding:24px;border-radius:20px}.ps-layout{grid-template-columns:minmax(0,1fr);gap:23px}.ps-heading{margin-bottom:20px}.ps-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px}.project-showcase .ps-summary{font-size:27px}.project-showcase .ps-description{margin-top:0;align-self:center}.ps-inspect-toggle,.ps-inspector,.ps-actions{grid-column:1/-1}.ps-detail{min-height:0;padding-bottom:4px}.ps-actions{margin-top:18px}.ps-brief{width:auto;margin:0 0 0 auto;border-top:0}.ps-swipe-hint{display:inline}.ps-browser{transform:none}.ps-detail-nav>button{font-size:12px;min-height:40px;padding:6px 12px}.ps-detail p{max-width:650px}.ps-frame-label{font-size:8px}}
@media(max-width:520px){.project-showcase{padding:20px 15px;border-radius:16px}.ps-heading{align-items:flex-start;gap:12px}.project-showcase .ps-heading h2{font-size:34px}.project-showcase .ps-eyebrow{font-size:9px;letter-spacing:.09em;gap:7px}.ps-eyebrow>span{width:23px;height:23px}.project-showcase .ps-project-type{max-width:125px;padding-top:4px;font-size:10px;line-height:1.6}.ps-project-type>span{display:none}.ps-screen-controls{margin-bottom:8px;gap:7px}.ps-tabs{gap:2px;padding:3px}.ps-tabs>button{min-height:38px;font-size:11px;padding:7px 10px;gap:5px}.ps-tabs>button>span{font-size:8px}.ps-arrows{gap:4px}.ps-arrows>button{width:38px;height:38px;font-size:19px}.ps-board{padding:7px 1px 12px}.ps-browser,.ps-sheet-back{border-radius:8px}.ps-browser-bar{min-height:25px;padding:5px 8px;font-size:8px;gap:5px}.ps-browser-dots{gap:3px}.ps-browser-dots>i{width:4px;height:4px}.ps-frame-label{font-size:7px}.project-showcase .ps-capture-note{font-size:9px;gap:5px}.ps-screen-counter{display:none}.ps-copy{display:block;padding:0}.project-showcase .ps-summary{font-size:24px;line-height:1.35}.project-showcase .ps-summary br{display:none}.project-showcase .ps-summary em::before{content:' '}.project-showcase .ps-description{margin-top:10px;max-width:none;font-size:13px;line-height:1.65}.ps-inspect-toggle{margin-top:12px}.ps-actions{gap:5px 14px;margin-top:16px}.ps-primary-link{padding:10px 14px;font-size:11px!important;gap:12px}.ps-live-link{font-size:11px!important}.ps-brief{width:100%;border-top:1px solid var(--ps-line);margin:5px 0 0}.ps-detail-nav{gap:2px}.ps-detail-nav>button{font-size:10px;padding:6px 7px;gap:4px;min-height:40px}.ps-pin{width:32px;height:32px;font-size:11px!important;box-shadow:0 0 0 3px #f7f4e588,0 3px 8px #253b3144}.ps-pin.is-selected{box-shadow:0 0 0 5px #b57a4755,0 3px 8px #253b3144}}
@media(max-width:520px){.project-showcase.ps-compact .ps-heading h2{font-size:34px}.project-showcase.ps-compact .ps-description{margin-top:10px;font-size:13px}}
@media(max-width:350px){.project-showcase{padding:18px 11px}.project-showcase .ps-project-type{max-width:90px;font-size:9px}.ps-tabs>button{gap:4px;padding:6px 8px}.ps-arrows>button{width:34px;height:38px}.ps-capture-note .ps-swipe-hint{display:none}.project-showcase .ps-summary,.project-showcase.ps-compact .ps-summary{font-size:22px}.ps-detail-nav>button{padding:6px;font-size:9px}.ps-detail-nav>button>span{display:none}}
@media(prefers-reduced-motion:reduce){.project-showcase *,.project-showcase *::before,.project-showcase *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ps-browser{transform:none!important}}

.work-dialog{box-sizing:border-box;width:min(1180px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #b6a68b;border-radius:18px;background:#f0e9dc;color:#23372e;overscroll-behavior:contain;box-shadow:0 28px 120px #0008;}
.work-dialog::backdrop{background:rgba(13,22,17,.8);backdrop-filter:blur(7px)}
.work-dialog[open]{animation:work-open .42s cubic-bezier(.16,1,.3,1)}
.work-dialog-bar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;background:#f0e9dc;border-bottom:1px solid #c9c0ad;}
.work-dialog-bar p{margin:0;font:600 14px/1.3 Arial,sans-serif;letter-spacing:.02em}
.work-dialog-bar p span{color:#657365;font-weight:400}
.work-dialog-bar button{display:flex;align-items:center;gap:14px;min-height:44px;padding:7px 12px;border:1px solid #b8b9a9;border-radius:999px;background:transparent;color:inherit;font:13px/1 Arial,sans-serif;cursor:pointer}
.work-dialog-bar button span{font-size:23px;line-height:1}
.work-dialog-bar button:hover{background:#e2dbc9}
.work-dialog button:focus-visible,.work-dialog a:focus-visible{outline:2px solid #725333;outline-offset:4px}
body.earth-route #sites .soil-links .work-trigger{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;margin:0;padding:5px 16px;border:1px solid #ab8c5c;border-radius:8px;background:#2b2419cc;color:#ffdfaa;font:16px/1.2 Arial,sans-serif;text-align:left;cursor:pointer;box-shadow:0 3px 20px #0003;transition:background .2s,border-color .2s;}
.work-trigger img{width:46px;height:30px;object-fit:cover;border-radius:3px;box-shadow:4px -3px 0 #ad946c55;transition:transform .3s}
.work-trigger small{display:block;margin-top:2px;color:#c8b492;font-size:11px}
.work-trigger b{font-weight:400;font-size:23px}
body.earth-route #sites .soil-links .work-trigger:hover{background:#423725;border-color:#f4d194}
.work-trigger:hover img{transform:rotate(-4deg)}
.work-trigger:focus-visible{outline:2px solid #ffe0ab;outline-offset:4px}
.su-work-showcase{scroll-margin-top:24px}
.su-work-showcase .ps-compact{padding:20px}
.su-work-showcase .ps-heading{margin-bottom:12px}
.su-work-showcase .ps-layout{gap:8px}
.su-work-showcase .ps-board{max-width:440px;margin-inline:auto}
.su-work-showcase .ps-copy{display:block;padding:0}
.su-work-showcase .ps-copy>.ps-summary,.su-work-showcase .ps-copy>.ps-description{display:none}
.su-work-showcase .ps-inspect-toggle{margin-top:0}
.su-work-showcase .ps-actions{margin-top:12px}
.su-work-showcase .ps-screen-controls{margin-bottom:8px}
@media(min-width:801px){.su-page .su-hero:has(>.su-work-showcase){align-items:start;padding-top:32px}.su-page .su-hero:has(>.su-work-showcase) .su-hero-copy{padding-top:26px}}
.tree-result .tree-result-actions .work-result-trigger{border-color:#dfc9a3;color:inherit}
.soil-seed .seed-pick-ring{position:absolute;inset:8%;border:1px solid #e9cc8c;border-radius:50%;pointer-events:none;animation:seed-pick-ring .7s ease-out both}
@keyframes seed-pick-ring{from{opacity:.8;transform:scale(.35)}to{opacity:0;transform:scale(1.04)}}
@keyframes work-open{from{opacity:0;transform:translateY(24px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:2000px) and (min-aspect-ratio:2/1) and (min-height:800px){body.earth-route #sites .soil-links .work-trigger{font-size:22px;min-height:48px;padding:7px 20px;gap:16px}.work-trigger small{font-size:13px}.work-trigger img{width:58px;height:38px}}
@media(max-width:700px){.work-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.work-dialog-bar{padding:7px 12px}.work-dialog-bar p{font-size:12px}.work-dialog-bar p span{display:none}.work-dialog-bar button{padding:6px 10px;font-size:12px}body.earth-route #sites .soil-links{gap:8px}body.earth-route #sites .soil-links .work-trigger{font-size:12px;line-height:1.25;padding:5px 9px;gap:6px;flex-shrink:0;min-height:44px}.work-trigger img{display:none}.work-trigger small{font-size:10px}.work-trigger b{font-size:16px}body.earth-route #sites .soil-links a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.work-dialog[open],.soil-seed .seed-pick-ring{animation:none}.soil-seed .seed-pick-ring{display:none}.work-trigger img{transition:none}.work-trigger:hover img{transform:none}}
@media(max-width:700px){.project-showcase .ps-tabs>button{min-height:44px;font-size:12px;padding-inline:10px}.project-showcase .ps-tabs>button>span{display:none}.project-showcase .ps-arrows>button{width:40px;height:44px}.project-showcase .ps-detail-nav>button{min-height:44px;font-size:12px}.project-showcase .ps-primary-link,.project-showcase .ps-live-link{font-size:12px!important}}

.material-playground {
  --mt-ink:#243e32; --mt-rust:#b35432; --mt-paper:#f3efe6; --mt-line:rgba(36,62,50,.19);
  width:calc(100% - 80px); max-width:1560px; margin:30px auto 20px; color:var(--mt-ink); text-align:left; font-family:Arial,sans-serif;
}
.material-playground .mt-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:28px; padding:10px 0 25px; }
.material-playground .mt-eyebrow { display:block; margin:0 0 12px; font-size:11px; letter-spacing:.15em; line-height:1.5; text-transform:uppercase; }
.material-playground .mt-heading :is(h1,h2) { margin:0; max-width:none; font:400 clamp(35px,3.65vw,65px)/.98 Georgia,'Times New Roman',serif; letter-spacing:-.05em; color:var(--mt-ink); text-transform:none; }
.material-playground .mt-heading :is(h1,h2) em { font:italic 400 1em/.98 Georgia,'Times New Roman',serif; color:var(--mt-rust); letter-spacing:-.055em; }
.material-playground .mt-heading>p { flex:0 1 290px; max-width:290px; margin:0 0 3px; font-size:14px; line-height:1.6; color:#64695e; }
.material-playground .mt-artboard { isolation:isolate; container-type:size; position:relative; height:430px; overflow:hidden; border:1px solid var(--mt-line); background:#e7e3d8; box-shadow:inset 0 0 80px #d6cdbb40; }
.material-playground .mt-paper-grain { position:absolute; z-index:-1; inset:0; pointer-events:none; background-image:radial-gradient(#544b3630 .6px,transparent .7px),radial-gradient(#fff8 .6px,transparent .7px),linear-gradient(115deg,#ffffff36,transparent 40%,#b7ab8f17); background-size:4px 4px,5px 5px,100% 100%; background-position:0 0,2px 2px,0 0; opacity:.5; }
.material-playground .mt-corner { position:absolute; width:38px; height:38px; border:1px solid #284d3540; pointer-events:none; }
.material-playground .mt-corner-one { top:18px; left:18px; border-right:0; border-bottom:0; }
.material-playground .mt-corner-two { bottom:18px; right:18px; border-left:0; border-top:0; }
.material-playground .mt-orbit-line { position:absolute; left:18%; top:14%; width:64%; height:72%; border:1px solid #617b533b; border-radius:50%; opacity:0; transform:rotate(-12deg); transition:opacity .4s; pointer-events:none; }
.material-playground .mt-mode-orbit .mt-orbit-line { opacity:1; }
.material-playground .mt-art-title { position:absolute; z-index:2; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--mt-ink); pointer-events:none; transform:rotate(var(--mt-word-turn,0deg)); }
.material-playground .mt-art-title>span { font:400 clamp(64px,8cqw,110px)/.8 Georgia,'Times New Roman',serif; letter-spacing:-.075em; }
.material-playground .mt-art-title>em { padding-right:.07em; font:italic 400 clamp(93px,11cqw,145px)/.9 Georgia,'Times New Roman',serif; letter-spacing:-.065em; color:var(--mt-rust); }
.material-playground .mt-art-caption { position:absolute; z-index:2; left:50%; top:76%; transform:translateX(-50%); font-size:10px; letter-spacing:.12em; line-height:1.3; white-space:nowrap; text-transform:uppercase; pointer-events:none; }
.material-playground .mt-object {
  --mt-edge-x:0px; --mt-edge-y:112px;
  --mt-position-x:clamp(var(--mt-edge-x),var(--mt-x),calc(100cqw - var(--mt-edge-x)));
  --mt-position-y:clamp(var(--mt-edge-y),var(--mt-y),calc(100cqh - var(--mt-edge-y)));
  position:absolute; display:block; left:50%; top:50%; width:clamp(80px,15cqw,156px); aspect-ratio:1; padding:0; margin:0; border:0; border-radius:50%; background:transparent; color:var(--mt-ink);
  transform:translate(-50%,-50%) translate3d(calc(var(--mt-position-x) - 50cqw),calc(var(--mt-position-y) - 50cqh),0) rotate(var(--mt-turn)) scale(var(--mt-scale));
  transform-origin:center; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent;
}
.material-playground .mt-artboard[data-playing=true] .mt-object { will-change:transform; }
.material-playground .mt-object-image { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(6px 12px 6px #332e2326); pointer-events:none; user-select:none; transition:filter .2s; }
.material-playground .mt-object:hover .mt-object-image,.material-playground .mt-object:focus-visible .mt-object-image { filter:drop-shadow(8px 15px 8px #332e2345); }
.material-playground .mt-object:focus-visible { outline:2px solid var(--mt-rust); outline-offset:4px; }
.material-playground .mt-object-name { display:block; position:absolute; left:50%; bottom:-9px; max-width:180px; padding:5px 8px; border:1px solid #d5cebd; background:#fbf8ee; box-shadow:0 2px 4px #40371d12; font:500 11px/1.2 Arial,sans-serif; white-space:nowrap; transform:translateX(-50%) rotate(calc(var(--mt-turn)*-1)); opacity:0; transition:opacity .15s; pointer-events:none; }
.material-playground .mt-object:hover .mt-object-name,.material-playground .mt-object:focus-visible .mt-object-name,.material-playground .mt-object.is-selected .mt-object-name { opacity:1; }
.material-playground .mt-touch-hint { position:absolute; z-index:8; left:21px; bottom:17px; color:#6c705f; font-size:11px; line-height:1.4; pointer-events:none; }
.material-playground .mt-touch-hint>span { display:inline-block; margin-left:7px; font-size:18px; vertical-align:middle; }
.material-playground .mt-controls { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:14px 0; border-bottom:1px solid var(--mt-line); }
.material-playground .mt-mode-options { display:flex; align-items:center; gap:4px; padding:4px; background:#e9e6dc; border-radius:2px; }
.material-playground :is(.mt-mode-options button,.mt-play,.mt-shuffle) { min-height:44px; padding:0 17px; border:0; border-radius:1px; font:500 13px/1.2 Arial,sans-serif; text-transform:none; letter-spacing:0; cursor:pointer; transition:color .18s,background .18s; }
.material-playground .mt-mode-options button { background:transparent; color:#687064; }
.material-playground .mt-mode-options button[aria-pressed=true] { background:var(--mt-ink); color:#fffdf6; box-shadow:0 2px 5px #203e3214; }
.material-playground .mt-mode-options button:not([aria-pressed=true]):hover { background:#dcded0; color:var(--mt-ink); }
.material-playground .mt-playback { display:flex; align-items:center; justify-content:flex-end; gap:15px; flex:1 1 auto; }
.material-playground .mt-play { display:flex; align-items:center; justify-content:center; gap:7px; min-width:107px; padding:0 11px; background:transparent; color:var(--mt-ink); }
.material-playground .mt-play:hover,.material-playground .mt-shuffle:hover { background:#e9e6dc; }
.material-playground .mt-play svg { width:18px; height:18px; fill:currentColor; }
.material-playground .mt-progress { display:flex; align-items:center; gap:12px; flex:1 1 160px; max-width:250px; margin:0; }
.material-playground .mt-progress input { display:block; width:100%; min-width:45px; min-height:44px; padding:0; margin:0; accent-color:var(--mt-rust); cursor:pointer; }
.material-playground .mt-progress>span:not(.mt-sr-only) { flex:0 0 34px; color:#6d705f; font:11px/1.2 Arial,sans-serif; font-variant-numeric:tabular-nums; white-space:nowrap; }
.material-playground .mt-shuffle { display:flex; align-items:center; gap:8px; padding:0 8px; color:var(--mt-ink); background:transparent; }
.material-playground .mt-shuffle svg { width:21px; height:21px; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.material-playground button:disabled,.material-playground input:disabled { opacity:.45; cursor:default; }
.material-playground .mt-asset-status { margin:12px 0 0; padding:10px 13px; border-left:2px solid var(--mt-rust); background:#b354320a; color:#765743; font-size:13px; line-height:1.5; }
.material-playground :is(button,a,input,summary):focus-visible { outline:2px solid var(--mt-rust); outline-offset:3px; }
.material-playground .mt-footer { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:16px 0 0; }
.material-playground .mt-footer>p { margin:0; max-width:610px; font-size:13px; line-height:1.5; color:#697061; }
.material-playground .mt-brief { flex-shrink:0; display:flex; align-items:center; gap:15px; min-height:44px; color:var(--mt-ink); text-decoration:none; border-bottom:1px solid var(--mt-ink); font-size:14px; font-weight:600; }
.material-playground .mt-brief>span { font-size:21px; font-weight:400; transition:transform .2s; }
.material-playground .mt-brief:hover>span { transform:translate(3px,-3px); }
.material-playground .mt-credits { margin-top:8px; max-width:760px; font-size:11px; line-height:1.55; color:#797e70; }
.material-playground .mt-credits summary { width:fit-content; min-height:44px; padding:14px 0 10px; cursor:pointer; }
.material-playground .mt-credits>div { padding:14px 17px; border:1px solid var(--mt-line); }
.material-playground .mt-credits p { margin:0 0 10px; font-size:12px; }
.material-playground .mt-credits ul { display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; margin:0; padding:0; list-style:none; }
.material-playground .mt-credits li { min-width:0; }
.material-playground .mt-credits li>span { display:block; overflow-wrap:anywhere; }
.material-playground .mt-credits a { color:inherit; text-underline-offset:3px; }
.material-playground .mt-sr-only { position:absolute!important; width:1px!important; height:1px!important; margin:-1px!important; padding:0!important; border:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; }
.material-playground.is-embedded { width:100%; margin-top:35px; }
.material-playground .mt-heading>p { font-size:16px; }
.material-playground :is(.mt-mode-options button,.mt-play,.mt-shuffle) { font-size:14px; }
html.gifs-refined #root #content .mt-heading h1 { font-size:clamp(35px,3.65vw,65px)!important; letter-spacing:-.05em!important; }
html.gifs-refined #root #content .mt-heading h1 em { font-size:1em!important; letter-spacing:inherit!important; }
@media(min-width:701px) and (max-height:950px) {
  #content .sg-magazine-mast { padding-block:14px; }
  .material-playground { margin-top:24px; }
  .material-playground .mt-artboard { height:390px; }
}

@media(min-width:1900px) {
  .material-playground .mt-artboard { height:490px; }
  .material-playground .mt-object { width:178px; --mt-edge-y:124px; }
}
@media(max-width:1050px) {
  .material-playground .mt-heading>p { flex-basis:235px; font-size:13px; }
  .material-playground .mt-controls { gap:10px; }
  .material-playground .mt-mode-options button { padding:0 13px; }
  .material-playground .mt-playback { gap:7px; }
  .material-playground .mt-shuffle>span { display:none; }
  .material-playground .mt-shuffle { min-width:44px; justify-content:center; }
}
@media(max-width:700px) {
  .material-playground { width:calc(100% - 32px); margin:24px auto 20px; }
  .material-playground .mt-heading { display:block; padding:6px 0 20px; }
  .material-playground .mt-eyebrow { margin-bottom:10px; font-size:9px; letter-spacing:.1em; }
  .material-playground .mt-heading :is(h1,h2) { font-size:clamp(33px,7vw,49px); line-height:1.03; }
  html.gifs-refined #root #content .mt-heading h1 { font-size:clamp(30px,7vw,49px)!important; }
  .material-playground .mt-heading>p { max-width:420px; margin:14px 0 0; font-size:15px; line-height:1.5; }
  .material-playground .mt-artboard { height:370px; }
  .material-playground .mt-object { width:clamp(72px,23cqw,108px); --mt-edge-y:86px; --mt-edge-x:clamp(66px,21cqw,98px); }
  .material-playground .mt-art-title>span { font-size:clamp(56px,15cqw,84px); }
  .material-playground .mt-art-title>em { font-size:clamp(82px,20cqw,114px); }
  .material-playground .mt-art-caption { top:72%; font-size:8px; letter-spacing:.035em; }
  .material-playground .mt-art-caption { display:none; }
  .material-playground .mt-corner { width:25px; height:25px; }
  .material-playground .mt-corner-one { left:12px; top:12px; }
  .material-playground .mt-corner-two { right:12px; bottom:12px; }
  .material-playground .mt-touch-hint { left:13px; bottom:12px; font-size:9px; }
  .material-playground .mt-controls { flex-direction:column; align-items:stretch; gap:6px; padding:10px 0; }
  .material-playground .mt-mode-options { display:grid; grid-template-columns:repeat(3,1fr); }
  .material-playground .mt-mode-options button { min-width:0; padding:0 8px; }
  .material-playground .mt-playback { justify-content:space-between; gap:5px; }
  .material-playground .mt-play { min-width:100px; padding:0 6px; }
  .material-playground .mt-progress { max-width:none; gap:7px; }
  .material-playground .mt-progress>span:not(.mt-sr-only) { flex-basis:29px; font-size:10px; }
  .material-playground .mt-footer { flex-direction:column; align-items:flex-start; gap:8px; padding-top:12px; }
  .material-playground .mt-footer>p { min-height:38px; font-size:12px; }
  .material-playground .mt-brief { font-size:13px; }
  .material-playground .mt-credits { margin-top:0; }
  .material-playground .mt-credits ul { grid-template-columns:1fr; }
}
@media(max-width:700px) and (max-height:850px) {
  .material-playground .mt-artboard { height:320px; }
}
@media(prefers-reduced-motion:reduce) {
  .material-playground *,.material-playground *::before,.material-playground *::after { transition:none!important; }
}

/* The existing paper sequence now sits beside its explanation. */
html.gifs-refined #root #approach.video-approach { padding: clamp(30px,5vh,64px) clamp(20px,5vw,110px) 42px !important; min-height: 0 !important; }
#approach.video-approach .va-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(30px,6vw,100px); max-width:1440px; margin:0 auto; }
#approach.video-approach .va-layout > * { min-width:0; }
html.gifs-refined #root #approach.video-approach .va-intro h1 { font:400 clamp(36px,4.2vw,64px)/1.13 Prata,Georgia,serif !important; letter-spacing:-.055em; color:#243a30 !important; margin:18px 0 24px !important; max-width:100%; }
html.gifs-refined #root #approach.video-approach .va-intro h1 em { color:#793b40 !important; }
html.gifs-refined #root #approach.video-approach .va-lede { font:400 clamp(17px,1.4vw,20px)/1.65 var(--gifs-body,Arial,sans-serif) !important; color:#536357 !important; max-width:46ch; margin:0 0 24px; }
html.gifs-refined #root #approach.video-approach .va-contact { display:inline-flex; align-items:center; gap:18px; min-height:44px; font:600 16px/1.5 var(--gifs-body,Arial,sans-serif) !important; color:#793b40 !important; }
html.gifs-refined #root #approach.video-approach .va-note { max-width:43ch; font:400 14px/1.6 var(--gifs-body,Arial,sans-serif); color:#536357 !important; margin:24px 0 0; padding-top:20px; border-top:1px solid #b9bda9; }
#approach.video-approach .va-press { margin:0; max-width:650px; }
#approach.video-approach .va-press .mp-workbench { padding:0 18px 14px; border:0; background:transparent; box-shadow:none; }
.va-press .va-deck-head { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:0 0 13px; font:500 13px/1.5 var(--gifs-body,Arial,sans-serif); }
#approach.video-approach .va-press .mp-stage { padding:0; margin:0; background:none; touch-action:pan-y; }
.va-press .mp-press { padding-top:0; }
.va-press .mp-press-roller { height:25px; gap:8px; }
.va-press .mp-press-roller > i { width:10px; height:31px; }
.va-press .mp-press-roller > span { font-size:8px; }
.va-press .mp-print-deck { display:grid; min-height:0; margin:0 18px 0 7px; padding-bottom:23px; }
.va-press .mp-print-sheet { position:relative; inset:auto; grid-area:1/1; height:auto; min-height:337px; padding:15px 22px 20px; }
.va-press .mp-print-sheet.is-current { animation:va-paper-arrive .24s cubic-bezier(.22,1,.36,1) both; }
.va-press .mp-sheet-drawing { height:105px; max-width:170px; margin:5px auto 8px; }
.va-press .mp-print-sheet h2 { font:400 clamp(23px,2vw,29px)/1.18 Prata,Georgia,serif; letter-spacing:-.045em; margin:0; }
.va-press .mp-print-sheet p { font:400 14px/1.55 var(--gifs-body,Arial,sans-serif); padding-top:10px; max-width:100%; }
.va-press .va-step-result { margin-top:14px; padding-top:11px; border-top:1px solid #b9bda9; }
.va-press .va-step-result span { display:block; font:500 10px/1.5 var(--gifs-body,Arial,sans-serif); letter-spacing:.1em; text-transform:uppercase; color:#793b40; }
.va-press .va-step-result strong { display:block; font:500 13px/1.5 var(--gifs-body,Arial,sans-serif); margin-top:4px; }
.va-press .mp-print-sheet p.va-client-decision { margin:12px 0 0; padding:0; font-size:12px; color:#6e624e; }
.va-navigation { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; gap:8px; border-top:1px solid #b9bda9; padding-top:11px; }
.va-navigation button { min-height:44px; background:transparent; border:1px solid transparent; padding:5px; }
.va-navigation .va-arrow { border-color:#b9bda9; font-size:24px; line-height:1; }
.va-navigation .va-arrow:hover { background:#e3e2d5; border-color:#243a30; }
.va-step-options { display:flex; align-items:center; justify-content:center; gap:4px; }
.va-step-options button { flex:1; display:flex; align-items:center; justify-content:center; gap:6px; font-size:11px; }
.va-step-options button > span:first-child { font:11px/1.5 'Courier New',monospace; }
.va-step-options button[aria-pressed=true] { background:#20392e; color:#f3eddf; }
.va-step-options button:not([aria-pressed=true]):hover { border-color:#b9bda9; }
.va-press .va-swipe-note { margin-top:11px; font:400 11px/1.5 var(--gifs-body,Arial,sans-serif); text-align:center; color:#536357; }
.va-playback { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; }
.va-playback .va-swipe-note { margin:0; text-align:left; }
.va-replay { min-height:44px; background:none; border:0; padding:8px 0 8px 12px; color:#793b40; font:500 12px/1.5 var(--gifs-body,Arial,sans-serif); cursor:pointer; }
.va-press button:focus-visible { outline:3px solid #9c5f3c; outline-offset:3px; }
@keyframes va-paper-arrive { from { transform:translate(0,12px); opacity:.65; } to { transform:translate(0,0); opacity:1; } }
@media (min-width:1800px) {
  .va-press .mp-print-sheet { min-height:385px; padding:20px 28px; }
  .va-press .mp-sheet-drawing { height:128px; max-width:200px; }
  .va-press .mp-print-sheet p { font-size:16px; }
  .va-press .va-step-result strong { font-size:15px; }
  .va-step-options button { font-size:13px; }
}
@media (max-width:850px) {
  html.gifs-refined #root #approach.video-approach { padding:28px 22px 34px !important; }
  #approach.video-approach .va-layout { grid-template-columns:minmax(0,1fr); gap:28px; max-width:620px; }
  html.gifs-refined #root #approach.video-approach .va-intro h1 { font-size:clamp(33px,6.6vw,48px) !important; margin:13px 0 18px !important; }
  html.gifs-refined #root #approach.video-approach .va-lede { font-size:17px !important; margin-bottom:13px; }
  html.gifs-refined #root #approach.video-approach .va-note { display:none; }
  #approach.video-approach .va-press .mp-workbench { padding:0 3px 0; }
}
@media (max-width:430px) {
  .va-press .mp-print-deck { margin-inline:3px 16px; }
  .va-press .mp-print-sheet { min-height:360px; padding:15px 16px; }
  .va-press .mp-sheet-drawing { height:92px; margin:7px auto 10px; }
  .va-press .mp-print-sheet h2 { font-size:24px; }
  .va-press .mp-print-sheet p { font-size:14px; }
  .va-step-options button { gap:0; flex-direction:column; font-size:10px; }
  .va-navigation { gap:5px; }
}
/* A single, quiet apple invitation. No tree movement or recurring flash. */
html.gifs-refined #root #main[data-apple-hint=visible] #home .fruit:not(.is-react-picked) .fruit-swing > img,
html.gifs-refined #root #main[data-apple-hint=visible] #home .mobile-apple:not(.is-react-picked) .apple-motion > img { animation:va-apple-invitation 1.4s ease-out both; }
#main[data-apple-hint=visible] #home :is(.fruit-label,.apple-caption) { animation:va-label-invitation 1.4s ease-out both; }
@keyframes va-apple-invitation { 0%,100% { filter:none; } 28.571%,57.143% { filter:drop-shadow(0 0 9px #f3d490) drop-shadow(0 0 19px #e5bb6880) saturate(1.12) brightness(1.24); } }
@keyframes va-label-invitation { 0%,100% { filter:none; } 28.571%,57.143% { filter:drop-shadow(0 0 7px #cbb78788); } }
@media (prefers-reduced-motion:reduce) {
  .va-press .mp-print-sheet.is-current { animation:none; }
  #main[data-apple-hint] #home :is(.fruit img,.apple-motion img,.fruit-label,.apple-caption) { transition:none !important; }
}

/* Service copy and composition: keep GIFS typography, separate client dialogue from internal work. */
html.gifs-refined #root #chatbots.bs-ready,.bots-service.bs-ready{display:block;position:relative!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;background:#f2ecdd!important;color:#20392e!important;overflow:visible!important}
.bots-service.bs-ready[hidden]{display:none!important}
.bots-service.bs-ready::before,.bots-service.bs-ready::after{display:none!important}
.bots-service *{box-sizing:border-box}
.bots-service .bs-wrap{width:min(1500px,calc(100% - 96px));margin:auto;padding:38px 0 48px;font:16px/1.55 Arial,sans-serif}
.bots-service :is(h1,h2,h3,p,dl,dd,ol){margin:0}
.bots-service :is(h1,h2,h3){color:#20392e!important;text-wrap:balance}
.bots-service :is(h1,h2) em{color:#8e6547!important;font-family:Cormorant,AISCormorant,Georgia,serif;font-weight:400}
.bots-service .bs-eyebrow{font:600 11px/1.5 Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.12em;color:#806349!important;margin-bottom:14px}
.bots-service .bs-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:28px 64px;padding-bottom:34px;border-bottom:1px solid #253c3028}
html.gifs-refined #root #chatbots.bs-ready h1,.bots-service.bs-ready h1{font:400 clamp(40px,4.5vw,68px)/1.12 Prata,AISPrata,Georgia,serif!important;letter-spacing:-.045em!important;max-width:none!important;margin:0!important}
.bots-service .bs-intro>p:first-child{max-width:56ch;font:18px/1.55 Arial,sans-serif;color:#3e5044}
.bots-service .bs-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;margin-top:20px;padding:12px 18px;border:1px solid #254638;background:#254638;color:#fff7e7;text-decoration:none;font:600 15px/1.4 Arial,sans-serif}
.bots-service .bs-primary span{font-size:23px;line-height:1}
.bots-service .bs-primary:hover{background:#345b46}
.bots-service .bs-intro-note{margin-top:12px;color:#657060;font:13px/1.5 Arial,sans-serif}
.bots-service .bs-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:16px 30px;margin:28px 0 20px}
.bots-service .bs-section-title h2{font:600 29px/1.15 Cormorant,AISCormorant,Georgia,serif!important;letter-spacing:-.015em}
.bots-service .bs-section-title p{max-width:44ch;color:#66705f;font:14px/1.5 Arial,sans-serif}
.bots-service .bs-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.bots-service .bs-task{min-width:0;border-top:1px solid #8e65475e;padding-top:15px}
.bots-service .bs-number{font:12px/1.4 Arial,sans-serif;color:#926a4d}
.bots-service .bs-task h3{font:600 clamp(25px,2vw,32px)/1.1 Cormorant,AISCormorant,Georgia,serif!important;min-height:2.2em;margin:10px 0 20px;letter-spacing:-.015em}
.bots-service .bs-task dl{display:grid;gap:16px}
.bots-service .bs-task dt{font:600 10px/1.4 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#816a53;margin-bottom:6px}
.bots-service .bs-task dd{font:15px/1.55 Arial,sans-serif;color:#3a4c40}
.bots-service .bs-task-result{padding-top:15px;border-top:1px solid #253c3025}
.bots-service .bs-task-result dd{color:#20392e;font-weight:500}
.bots-service .bs-launch{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px 64px;border-block:1px solid #253c3028;margin-top:34px;padding:30px 0}
.bots-service .bs-launch h2{font:400 clamp(29px,2.6vw,40px)/1.16 Prata,AISPrata,Georgia,serif!important;letter-spacing:-.035em}
.bots-service .bs-steps{list-style:none;padding:0;display:grid;gap:16px;counter-reset:launch}
.bots-service .bs-steps li{position:relative;padding-left:32px;counter-increment:launch;min-width:0}
.bots-service .bs-steps li::before{content:'0' counter(launch);position:absolute;left:0;top:3px;font:11px/1.4 Arial,sans-serif;color:#966c4d}
.bots-service .bs-steps strong{display:block;font:600 16px/1.4 Arial,sans-serif;margin-bottom:4px}
.bots-service .bs-steps span,.bots-service .bs-channel-note{font:14px/1.5 Arial,sans-serif;color:#657060}
.bots-service .bs-channel-note{border-top:1px solid #253c3025;margin-top:18px;padding-top:14px}
.bots-service .bs-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px}
.bots-service .bs-bottom>p{max-width:66ch;font:16px/1.55 Arial,sans-serif;color:#485848}
.bots-service .bs-bottom>p strong{display:block;color:#20392e}
.bots-service .bs-bottom>div{display:flex;gap:20px;align-items:center;flex-shrink:0}
.bots-service .bs-bottom .bs-primary{margin:0}
.bots-service .bs-home{display:inline-flex;align-items:center;min-height:44px;color:#52634f;font:13px/1.4 Arial,sans-serif;text-decoration:none}
.bots-service :is(a,button):focus-visible{outline:3px solid #9e713c;outline-offset:4px}

/* The API workspace is optional; actual process examples lead the service. */
html.gifs-refined #root #ai.ais-ready .ai-studio.ais-service-clear,.ai-studio.ais-service-clear{padding-top:36px;overflow:visible}
.ai-studio.ais-service-clear .ais-hero{display:block;max-width:1500px;margin:auto}
.ai-studio.ais-service-clear .ais-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:64px;align-items:start;max-width:none;padding:0 0 28px}
.ai-studio.ais-service-clear .ais-intro>.ais-eyebrow{grid-column:1/-1;margin-bottom:18px}
.ai-studio.ais-service-clear .ais-intro>h1{grid-column:1;grid-row:2/4;font-size:clamp(40px,4.2vw,65px)!important}
.ai-studio.ais-service-clear .ais-lead{grid-column:2;grid-row:2;margin:0;max-width:55ch;font-size:18px!important;line-height:1.6!important}
.ai-studio.ais-service-clear .ais-actions{grid-column:2;grid-row:3;margin-top:18px;gap:12px 18px}
.ai-studio.ais-service-clear .ais-intro-note{margin:0;max-width:30ch}
.ai-studio.ais-service-clear .ais-processes{max-width:1500px;margin:auto;border-top:1px solid #c6c8ae40;padding-top:25px}
.ai-studio.ais-service-clear .ais-processes>header{display:flex;align-items:baseline;justify-content:space-between;gap:16px 32px;margin-bottom:22px}
.ai-studio.ais-service-clear .ais-processes h2{font:600 30px/1.15 AISCormorant,Cormorant,Georgia,serif!important;letter-spacing:-.02em;color:#f1ebda!important}
.ai-studio.ais-service-clear .ais-processes>header p{font:14px/1.55 Arial,sans-serif;color:#bbc7b6;max-width:48ch}
.ai-studio.ais-service-clear .ais-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ai-studio.ais-service-clear .ais-process{min-width:0;border-top:1px solid #c0a47780;padding-top:14px}
.ai-studio.ais-service-clear .ais-process-number{font:12px/1.4 Arial,sans-serif;color:#c7af86}
.ai-studio.ais-service-clear .ais-process h3{font:600 29px/1.1 AISCormorant,Cormorant,Georgia,serif!important;letter-spacing:-.02em;color:#f1ebda!important;min-height:2.2em;margin:10px 0 18px}
.ai-studio.ais-service-clear .ais-process dl{display:grid;gap:16px}
.ai-studio.ais-service-clear .ais-process dt{font:600 10px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#c7af86;margin-bottom:6px}
.ai-studio.ais-service-clear .ais-process dd{font:15px/1.55 Arial,sans-serif;color:#cbd4c4}
.ai-studio.ais-service-clear .ais-process-output{border-top:1px solid #c6c8ae35;padding-top:15px}
.ai-studio.ais-service-clear .ais-process-output dd{color:#f1ebda}
.ai-studio.ais-service-clear .ais-process-note{font:12px/1.6 Arial,sans-serif;color:#a9b6a2;max-width:100ch;margin-top:24px}
.ai-studio.ais-service-clear .ais-workbench{max-width:1500px;margin:28px auto 0;border-block:1px solid #c6c8ae55;scroll-margin-top:24px}
.ai-studio.ais-service-clear .ais-workbench>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:20px 0;list-style:none;cursor:pointer}
.ai-studio.ais-service-clear .ais-workbench>summary::-webkit-details-marker{display:none}
.ai-studio.ais-service-clear .ais-workbench>summary strong{display:block;font:600 28px/1.15 AISCormorant,Cormorant,Georgia,serif;color:#f1ebda}
.ai-studio.ais-service-clear .ais-workbench>summary small{display:block;color:#bdcbb5;font:13px/1.5 Arial,sans-serif;margin-top:6px}
.ai-studio.ais-service-clear .ais-workbench-toggle{font:400 30px/1 Arial,sans-serif;color:#d7bc8b;flex-shrink:0}
.ai-studio.ais-service-clear .ais-workbench .ais-example{margin:0 0 24px;box-shadow:none}
.ai-studio.ais-service-clear .ais-demo-privacy{font:11px/1.6 Arial,sans-serif;color:#5e6a5d;margin-top:7px;max-width:110ch}
.ai-studio.ais-service-clear .ais-bottom{max-width:1500px;padding:32px 0 42px}
.ai-studio.ais-service-clear .ais-bottom h2{font-size:clamp(29px,2.6vw,40px)!important}
.ai-studio.ais-service-clear .ais-bottom p:not(.ais-eyebrow){max-width:70ch;margin-top:14px}

@media(min-width:2000px){
 .bots-service .bs-wrap{width:min(2100px,calc(100% - 160px));padding-top:48px}
 .bots-service .bs-hero{gap:100px}
 .bots-service .bs-intro>p:first-child{font-size:22px}
 .bots-service .bs-task-grid{gap:50px}
 .bots-service .bs-task dd,.bots-service .bs-bottom>p{font-size:19px}
 .bots-service .bs-task dt,.bots-service .bs-eyebrow{font-size:13px!important}
 .bots-service .bs-task h3{font-size:37px!important}
 .bots-service .bs-section-title h2{font-size:37px!important}
 .bots-service .bs-section-title p,.bots-service .bs-steps span,.bots-service .bs-channel-note{font-size:17px}
 .bots-service .bs-steps strong,.bots-service .bs-primary{font-size:19px}
 .ai-studio.ais-service-clear :is(.ais-hero,.ais-processes,.ais-workbench,.ais-bottom){max-width:2100px}
 .ai-studio.ais-service-clear .ais-lead{font-size:22px!important}
 .ai-studio.ais-service-clear .ais-process-grid{gap:50px}
 .ai-studio.ais-service-clear .ais-process h3{font-size:37px!important}
 .ai-studio.ais-service-clear .ais-process dd{font-size:19px}
 .ai-studio.ais-service-clear .ais-process dt{font-size:13px}
 .ai-studio.ais-service-clear .ais-processes>header p,.ai-studio.ais-service-clear .ais-process-note{font-size:16px}
}
@media(max-width:1000px){
 .bots-service .bs-wrap{width:calc(100% - 48px)}
 .bots-service .bs-hero,.bots-service .bs-launch{gap:28px}
 .bots-service .bs-task-grid,.ai-studio.ais-service-clear .ais-process-grid{gap:20px}
 .bots-service .bs-bottom{align-items:start}
 .bots-service .bs-bottom>div{flex-direction:column;align-items:stretch;gap:4px}
 .ai-studio.ais-service-clear .ais-intro{column-gap:28px}
}
@media(max-width:760px){
 .bots-service .bs-wrap{width:calc(100% - 36px);padding:26px 0 32px}
 .bots-service .bs-hero,.bots-service .bs-launch{grid-template-columns:1fr;gap:22px}
 .bots-service .bs-hero{padding-bottom:26px}
 .bots-service .bs-intro>p:first-child{font-size:16px;max-width:60ch}
 .bots-service .bs-section-title{display:block;margin:24px 0 18px}
 .bots-service .bs-section-title h2{font-size:28px!important}
 .bots-service .bs-section-title p{margin-top:8px}
 .bots-service .bs-task-grid,.ai-studio.ais-service-clear .ais-process-grid{grid-template-columns:1fr;gap:24px}
 .bots-service .bs-task h3,.ai-studio.ais-service-clear .ais-process h3{min-height:0;font-size:30px!important;margin:8px 0 16px;text-wrap:initial}
 .bots-service .bs-task dd,.ai-studio.ais-service-clear .ais-process dd{font-size:16px}
 .bots-service .bs-task dl,.ai-studio.ais-service-clear .ais-process dl{gap:13px}
 .bots-service .bs-launch{margin-top:28px;padding:26px 0}
 .bots-service .bs-bottom{display:block;padding-top:24px}
 .bots-service .bs-bottom>div{flex-direction:row;flex-wrap:wrap;margin-top:16px;gap:12px 20px}
 .bots-service .bs-home{padding-inline:4px}
 html.gifs-refined #root #ai.ais-ready .ai-studio.ais-service-clear,.ai-studio.ais-service-clear{padding-top:26px;padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}
 .ai-studio.ais-service-clear .ais-intro{display:block;padding-bottom:26px}
 .ai-studio.ais-service-clear .ais-intro>.ais-eyebrow{margin-bottom:14px}
 .ai-studio.ais-service-clear .ais-intro>h1{font-size:clamp(32px,8vw,48px)!important;line-height:1.15!important}
 .ai-studio.ais-service-clear .ais-lead{margin-top:22px;font-size:16px!important}
 .ai-studio.ais-service-clear .ais-actions{display:flex;margin-top:20px}
 .ai-studio.ais-service-clear .ais-intro-note{max-width:none;font-size:12px}
 .ai-studio.ais-service-clear .ais-processes>header{display:block;margin-bottom:20px}
 .ai-studio.ais-service-clear .ais-processes h2{font-size:28px!important}
 .ai-studio.ais-service-clear .ais-processes>header p{margin-top:9px}
 .ai-studio.ais-service-clear .ais-process-note{font-size:13px;margin-top:20px}
 .ai-studio.ais-service-clear .ais-workbench{margin-top:24px}
 .ai-studio.ais-service-clear .ais-workbench>summary{gap:14px;padding-block:18px}
 .ai-studio.ais-service-clear .ais-workbench>summary strong{font-size:26px}
 .ai-studio.ais-service-clear .ais-workbench>summary small{font-size:12px}
 .ai-studio.ais-service-clear .ais-bottom{display:block;padding:28px 0 34px}
 .ai-studio.ais-service-clear .ais-bottom>.ais-primary{margin-top:22px}
}
@media(max-width:380px){
 html.gifs-refined #root #chatbots.bs-ready h1,.bots-service.bs-ready h1{font-size:36px!important}
 .bots-service .bs-wrap{width:calc(100% - 28px)}
 .ai-studio.ais-service-clear .ais-example-head{flex-wrap:wrap}
 .ai-studio.ais-service-clear .ais-head-actions{flex-direction:row;align-items:center;justify-content:space-between;width:100%}
 .ai-studio.ais-service-clear .ais-scenarios{grid-template-columns:1fr}
 .ai-studio.ais-service-clear .ais-scenarios button{min-height:44px}
}

.project-book{--pb-ink:#253b31;--pb-muted:#667166;--pb-line:#50604929;position:relative;width:100%;max-width:1440px;margin-inline:auto;color:var(--pb-ink);text-align:left;min-width:0}
.project-book *,.project-book *::before,.project-book *::after{box-sizing:border-box}
.project-book :is(button,a){font:inherit;letter-spacing:normal;-webkit-tap-highlight-color:transparent}
.project-book :is(button,a,[tabindex]):focus-visible{outline:3px solid #9c5f3c;outline-offset:4px}
.pb-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.project-book .pb-topline p{margin:0;font-size:13px;font-weight:600;color:var(--pb-ink)}
.pb-topline p>span{font-weight:400;color:var(--pb-muted)}
.pb-count{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.12em;white-space:nowrap}
.pb-navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.pb-tabs{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.pb-tabs>button{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--pb-line);border-radius:100px;background:#f8f6ef;color:var(--pb-ink);padding:9px 15px;cursor:pointer;font-size:13px;transition:background .2s,color .2s}
.pb-tabs>button>span{font-size:10px;opacity:.65}
.pb-tabs>button[aria-selected=true]{background:var(--pb-ink);border-color:var(--pb-ink);color:#fffaf0}
.pb-arrows{display:flex;gap:6px;flex:none}
.pb-arrows>button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--pb-line);border-radius:50%;background:#f8f6ef;color:var(--pb-ink);cursor:pointer;font-size:23px}
.pb-arrows>button:disabled{opacity:.35;cursor:default}
.pb-stage{position:relative;isolation:isolate;perspective:1800px;touch-action:pan-y}
.pb-panel{position:relative;min-width:0}
.pb-panel[hidden]{display:none!important}
.pb-project{padding:clamp(22px,3vw,40px);border:1px solid var(--pb-line);border-radius:28px;background:radial-gradient(ellipse at 12% 80%,#ece9da 0,transparent 55%),#f8f6ef;overflow:hidden}
.pb-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.project-book .pb-status{margin:0 0 8px;color:var(--pb-muted);font-size:12px;line-height:1.5}
.project-book .pb-heading h2{margin:0;color:var(--pb-ink);font-family:Cormorant,Georgia,serif;font-size:clamp(36px,4vw,56px);font-weight:500;line-height:1.05;letter-spacing:-.025em}
.project-book .pb-type{margin:0;color:var(--pb-muted);max-width:220px;font-size:14px;line-height:1.5;text-align:right}
.pb-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);align-items:center;gap:clamp(24px,3vw,42px)}
.pb-layout>*{min-width:0}
.pb-media{margin:0;min-width:0;align-self:start}
.pb-preview{position:relative;isolation:isolate;perspective:1500px}
.pb-preview::before{content:"";position:absolute;z-index:-1;inset:6px -5px -5px 6px;border:1px solid #b9bea9;border-radius:12px;background:#e7e8dc;transform:rotate(1deg);pointer-events:none}
.pb-screen-bar{display:flex;align-items:center;gap:12px;min-height:30px;padding:8px 12px;border:1px solid #bcc1b5;border-bottom:0;border-radius:12px 12px 0 0;background:#eeeee5;color:#627062;font-size:10px;line-height:1.3}
.pb-screen-bar>span:first-child{font-size:8px;letter-spacing:1px;color:#b38c70}
.pb-screen-bar>span:last-child{margin-left:auto;font-size:9px}
.project-book .pb-preview>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;object-position:top;background:#e8e6db;border:1px solid #bcc1b5;border-radius:0 0 12px 12px;margin:0;max-width:100%;user-select:none;-webkit-user-drag:none}
.project-book .pb-media-mebel .pb-preview>img{object-fit:contain;aspect-ratio:16/10}
.project-book .pb-media-steppe .pb-preview>img{aspect-ratio:16/10}
.pb-image-fallback{display:flex;aspect-ratio:16/10;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px;border:1px solid #bcc1b5;border-radius:0 0 12px 12px;background:#e8e6db;text-align:center}
.pb-image-fallback strong{font:500 32px/1.2 Cormorant,Georgia,serif}.pb-image-fallback span{max-width:32ch;font-size:13px;line-height:1.6}
.pb-media figcaption{display:flex;justify-content:space-between;gap:8px;padding-top:10px;font-size:11px;line-height:1.5;color:var(--pb-muted)}
.pb-media figcaption>span{white-space:nowrap}
.project-book .pb-copy h3{margin:0 0 14px;font-family:Cormorant,Georgia,serif;font-size:clamp(28px,2.7vw,38px);font-weight:500;line-height:1.13;color:var(--pb-ink);letter-spacing:-.02em}
.project-book .pb-copy p{margin:0;font-size:15px;line-height:1.7;color:var(--pb-muted)}
.pb-copy ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:18px 0;padding:0}
.pb-copy li{padding:7px 10px;border:1px solid var(--pb-line);border-radius:8px;font-size:12px;line-height:1.4;color:var(--pb-ink)}
.project-book .pb-copy .pb-note{font-size:12px;line-height:1.6}
.pb-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:22px}
.pb-actions>a{display:inline-flex;align-items:center;gap:18px;min-height:44px;padding:11px 18px;border-radius:100px;background:var(--pb-ink);color:#fffaf0;text-decoration:none;font-size:13px}
.pb-actions>button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;padding:9px 0;width:100%;border:0;border-top:1px solid var(--pb-line);background:transparent;color:#905a3c;font-size:13px;text-align:left;cursor:pointer}
.pb-turning-leaf{position:absolute;z-index:5;inset:0;pointer-events:none;transform-style:preserve-3d;transform-origin:left center;animation:pb-turn-forward var(--pb-duration,560ms) cubic-bezier(.22,1,.36,1) both;border-radius:12px}
.pb-leaf-front,.pb-leaf-back{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;border:1px solid #9da48d;border-radius:inherit;background:#f2f0e5;box-shadow:20px 12px 40px #24382922}
.pb-leaf-front{display:flex;flex-direction:column;gap:18px;padding:clamp(20px,3vw,40px);background:linear-gradient(90deg,#d6d5c3,#f8f6ef 5%,#f8f6ef 90%,#d6d5c3)}
.pb-leaf-front>span{font-family:Cormorant,Georgia,serif;font-size:clamp(30px,4vw,48px)}
.pb-leaf-front>img{display:block;max-width:100%;width:100%;min-height:0;object-fit:contain;object-position:left top;align-self:flex-start}
.pb-leaf-back{display:grid;place-items:center;background:linear-gradient(90deg,#e5e3d5,#f8f6ef 85%,#cacdbb);transform:rotateY(180deg)}
.pb-leaf-back>span{font-family:Cormorant,Georgia,serif;font-size:72px;color:#a4ac95;letter-spacing:.08em}
.pb-stage[data-direction="-1"] .pb-turning-leaf{transform-origin:right center;animation-name:pb-turn-backward}
@keyframes pb-turn-forward{0%{transform:rotateY(0deg);opacity:1}70%{opacity:1}100%{transform:rotateY(-112deg);opacity:0}}
@keyframes pb-turn-backward{0%{transform:rotateY(0deg);opacity:1}70%{opacity:1}100%{transform:rotateY(112deg);opacity:0}}
@media(hover:hover){.pb-tabs>button:not([aria-selected=true]):hover,.pb-arrows>button:not(:disabled):hover{background:#e8ebdf}.pb-actions>a:hover{background:#365443}.pb-actions>button:hover{color:var(--pb-ink)}}
.pb-project-details{margin-top:28px;border-top:1px solid var(--pb-line)}
.pb-project-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:12px 0;cursor:pointer;font-size:14px;color:var(--pb-ink);list-style:none}
.pb-project-details>summary::-webkit-details-marker{display:none}.pb-project-details>summary>span{font-size:22px}.pb-project-details[open]>summary>span{transform:rotate(45deg)}.pb-project-details>.project-showcase{margin-top:12px}
@media(max-width:700px){.pb-turning-leaf,.pb-stage[data-direction="-1"] .pb-turning-leaf{transform-origin:center;animation:pb-turn-mobile var(--pb-duration,240ms) ease-out both}.pb-leaf-back{display:none}.pb-leaf-front>span{font-size:22px}.pb-leaf-front{padding:16px;gap:12px}}
@keyframes pb-turn-mobile{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-12px)}}
.pb-compact .pb-layout{grid-template-columns:minmax(0,1fr)}
.pb-compact .pb-project{padding:24px}
@media(max-width:900px){.pb-layout{grid-template-columns:minmax(0,1fr)}.pb-copy{max-width:720px}.pb-navigation{align-items:flex-start}.pb-heading{margin-bottom:18px}.project-book .pb-copy h3{font-size:32px}.pb-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.pb-actions>button{width:auto}.pb-project{padding:24px}}
@media(max-width:560px){.pb-topline p>span{display:none}.pb-navigation{gap:8px;margin-bottom:12px}.pb-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1;gap:6px}.pb-tabs>button{border-radius:12px;font-size:12px;padding:9px 10px;gap:6px;min-height:44px}.pb-tabs>button>span{font-size:9px}.pb-arrows{flex-direction:column;gap:6px}.pb-arrows>button{width:44px;height:44px}.pb-project,.pb-compact .pb-project{padding:20px 15px;border-radius:18px}.pb-heading{display:block}.project-book .pb-heading h2{font-size:36px}.project-book .pb-type{text-align:left;max-width:none;font-size:13px;margin-top:8px}.pb-layout{gap:22px}.project-book .pb-copy h3{font-size:30px}.project-book .pb-copy p{font-size:14px;line-height:1.65}.pb-media figcaption{font-size:10px;gap:5px}.pb-screen-bar{font-size:9px;padding-inline:8px;gap:7px}.pb-screen-bar>span:last-child{display:none}.pb-copy ul{margin:14px 0}.pb-copy li{font-size:11px}.pb-actions>button{width:100%;font-size:13px}.pb-turning-leaf{border-radius:18px}.pb-leaf-front>img{max-width:100%}.pb-leaf-front{gap:14px}}
@media(prefers-reduced-motion:reduce){.project-book *{animation:none!important;transition:none!important}.pb-turning-leaf{display:none}}

/* Keep the existing seed scene; make selection and its result explicit. */
body.earth-route #sites .gold-seed:disabled{opacity:.45;cursor:not-allowed}
body.earth-route #sites .mw-seed-ledger{width:min(100%,620px)}
body.earth-route #sites .mw-seed-ledger .mw-seed-names{height:auto;min-height:30px;font-size:13px;line-height:1.45;display:block;overflow:visible}
body.earth-route #sites .tree-result{padding-top:24px;padding-bottom:24px}
body.earth-route #sites .tree-result .seed-result-explanation{max-width:660px;margin:12px auto;font-size:16px;line-height:1.5}
.seed-result-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;max-width:950px;margin:16px auto;padding:0}
.seed-result-list li{border:1px solid #e5d8b758;background:#14251be0;border-radius:4px;padding:9px 14px;font:15px/1.3 Arial,sans-serif;color:#fff0d1;text-shadow:none}
.seed-result-list li span{display:none}
/* Portfolio starts with the service copy instead of a large empty hero spacer. */
html[data-gifs-page=approach] body{background:#f3eddf}
html.gifs-refined #root #approach.video-approach{min-height:calc(100svh - 78px)!important}
html.gifs-refined #root #approach.video-approach .va-layout{max-width:1600px!important}
body.seo-page .su-hero:has(.project-book){align-items:start;padding-top:24px;padding-bottom:32px;min-height:0}
.su-work-showcase:has(.project-book){padding:0;min-height:0}
@media(min-width:701px){
 body.earth-route #sites.phase-grown .soil-entry{display:flex;flex-direction:column;height:100svh;min-height:650px}
 body.earth-route #sites.phase-grown .birth-landscape{flex:1;min-height:260px;height:auto!important}
 body.earth-route #sites.phase-grown .tree-result{flex:none;position:relative;inset:auto;padding:16px 22px 20px}
 body.earth-route #sites.phase-grown .tree-result h2{font-size:clamp(29px,3vw,48px);margin:0}
}
@media(min-width:2200px){body.earth-route #sites .mw-seed-ledger{width:850px}body.earth-route #sites .mw-seed-ledger .mw-seed-names{font-size:18px}}
@media(max-width:700px){
 html.gifs-refined #root #chatbots.bs-ready h1,.bots-service.bs-ready h1{font-size:clamp(30px,8.5vw,40px)!important;text-wrap:initial}
 .bots-service.bs-ready h1 em{display:block}
 .bots-service.bs-ready h1 br{display:none!important}
 body.earth-route #sites .soil-intro>p:not(.site-service-note){display:block;font:13px/1.35 Arial,sans-serif;max-width:420px;margin:7px auto}
 body.earth-route #sites .mw-seed-ledger{padding:5px 9px;margin-top:6px}
 body.earth-route #sites .mw-seed-ledger .mw-seed-names{font-size:12px;line-height:1.35;min-height:32px}
 body.earth-route #sites .tree-result .seed-result-explanation{font-size:14px}
 .seed-result-list{gap:6px;margin:12px auto}.seed-result-list li{font-size:13px;padding:7px 10px}
}
@media(max-height:600px) and (min-width:701px){body.earth-route #sites .mw-seed-ledger .mw-seed-names{font-size:12px;min-height:0}}

@font-face{font-family:"GIFS Menu Prata";src:url('/assets/fonts/font-404aaca248db.woff') format('woff');font-display:swap}
@font-face{font-family:"GIFS Menu Cormorant";src:url('/assets/fonts/font-fb3c91ef8f36.woff') format('woff');font-style:italic;font-display:swap}
html:has(.site-menu:not([hidden])),body:has(.site-menu:not([hidden])){background:#14261f!important;color:#eee6d4;scroll-behavior:auto!important}
.site-menu,.site-menu *,.site-menu *::before,.site-menu *::after{box-sizing:border-box;scroll-behavior:auto!important}
.site-menu{--sm-cream:#eee6d4;--sm-muted:#b1b8a8;--sm-line:#ffffff24;--sm-serif:"GIFS Menu Prata",Georgia,serif;--sm-reading:Arial,sans-serif;min-height:calc(100svh - 84px);position:relative;background:#14261f;color:var(--sm-cream);font:15px/1.5 var(--sm-reading);isolation:isolate}
.site-menu::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.13;background-image:url('/assets/media/image-388bda3d7e6e.webp');background-size:960px;mix-blend-mode:soft-light}
.site-menu :is(h1,h2,p,ul,fieldset){margin:0;padding:0}
.site-menu :is(button,input,a){-webkit-tap-highlight-color:transparent}
.site-menu button{font:inherit;cursor:pointer}
.site-menu a{color:inherit;text-decoration:none}
.site-menu :is(a,button,label):focus-visible,.site-menu label:has(input:focus-visible){outline:2px solid #e4c184;outline-offset:5px}
.sm-wrap{max-width:1600px;margin:0 auto;padding:25px clamp(24px,5vw,80px) 28px}
.sm-topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sm-line);padding-bottom:20px}
.sm-brand{display:flex;align-items:center;gap:20px;font:30px/1 var(--sm-serif);letter-spacing:-1.5px}
.sm-brand span{font:11px/1.4 var(--sm-reading);letter-spacing:.09em;text-transform:uppercase;color:var(--sm-muted);max-width:80px}
.sm-topbar nav{display:flex;gap:30px;align-items:center;font-size:13px}
.sm-topbar button{background:none;border:0;padding:6px 0;color:inherit}
.sm-topbar nav span{margin-left:13px;color:#d0b584}
.sm-intro{display:flex;justify-content:space-between;align-items:flex-end;padding:35px 0 33px;gap:30px}
.sm-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:10px!important;color:#bfbea9}
.site-menu h1{font:clamp(36px,3.8vw,60px)/1.15 var(--sm-serif);letter-spacing:-.035em;margin-top:17px}
.site-menu h1 em{color:#dbc49a;font-weight:400;font-family:"GIFS Menu Cormorant",Georgia,serif;font-size:1.25em;line-height:.94;letter-spacing:-.02em}
.sm-intro-note{color:var(--sm-muted);font-size:14px;line-height:1.75;padding-bottom:6px;max-width:365px}
.sm-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:36px;align-items:stretch;margin:0}
.sm-choices{min-width:0}
.site-menu fieldset{border:0;min-width:0}
.site-menu legend{font-size:16px;letter-spacing:-.02em;font-weight:500;margin-bottom:18px;width:100%;padding:0}
.sm-step{font-size:11px;font-weight:400;letter-spacing:.04em;color:#bca47d;margin-right:12px}
.sm-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sm-format{position:relative;display:flex;flex-direction:column;padding:18px 17px 15px;border:1px solid #9ca79065;min-width:0;cursor:pointer;background:#192c23}
.sm-format input,.sm-option input{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;clip-path:inset(50%)}
.sm-format.is-picked{background:var(--sm-cream);color:#203126;border-color:var(--sm-cream)}
.sm-format-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b5bba9;letter-spacing:.06em}
.sm-format.is-picked .sm-format-top{color:#6b735f}
.sm-radio-mark{border:1px solid currentColor;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font:12px/1 Arial,sans-serif}
.is-picked .sm-radio-mark{background:#253d2c;border-color:#253d2c;color:#eee6d4}
.sm-format svg{width:79px;height:58px;margin:17px 0 19px;stroke:currentColor;stroke-width:1;opacity:.72}
.sm-format strong{font:clamp(18px,1.5vw,24px)/1.3 var(--sm-serif);letter-spacing:-.035em;margin-bottom:9px}
.sm-format-description{font-size:14px;line-height:1.6;color:#c2c9ba;min-height:45px}
.is-picked .sm-format-description{color:#5a6454}
.sm-format-purpose{font-size:13px;line-height:1.5;margin-top:18px;padding-top:13px;border-top:1px solid currentColor;color:#b5bfaf;min-height:46px}
.is-picked .sm-format-purpose{color:#58624f;border-color:#28372938}
.sm-base{font-size:13px;color:var(--sm-muted);margin-top:13px!important;line-height:1.6}
.sm-base>span{margin-right:7px;color:#d5bf98}
.sm-option-field{margin-top:28px!important}
.sm-optional{float:right;color:#8b9988;font-size:10px;letter-spacing:.02em;font-weight:400;margin-top:4px}
.sm-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;border-top:1px solid var(--sm-line)}
.sm-option{position:relative;display:flex;gap:12px;align-items:flex-start;cursor:pointer;border-bottom:1px solid var(--sm-line);padding:15px 0;min-width:0}
.sm-check-mark{flex:none;width:17px;height:17px;border:1px solid #8f9b80;margin-top:2px;display:grid;place-items:center;font:12px/1 Arial;color:#e5d4b1}
.sm-option.is-picked .sm-check-mark{background:#d6c299;border-color:#d6c299;color:#223329}
.sm-option strong{display:block;font-size:15px;font-weight:400;line-height:1.5}
.sm-option small{display:block;font-size:12px;line-height:1.6;color:#afbcaa;margin-top:3px}
.sm-summary{background:#e8dfcb;color:#23372a;padding:25px 25px 23px;display:flex;flex-direction:column;min-width:0;align-self:stretch}
.sm-summary-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid #253c2e38}
.sm-summary-top .sm-eyebrow{color:#6f7867}
.sm-summary-top>span:last-child{font-size:22px}
.sm-summary-content{padding-top:27px}
.site-menu h2{font:29px/1.3 var(--sm-serif);letter-spacing:-.04em}
.sm-summary-description{font-size:14px;line-height:1.65;color:#4f5b49;margin-top:15px!important;min-height:66px}
.sm-summary-rule{height:1px;background:#23372a26;margin:25px 0 20px}
.sm-summary-label{text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:#77806c}
.sm-foundation{font-size:13px;line-height:1.7;margin-top:7px!important}
.sm-extra-title{margin-top:23px!important;display:flex;justify-content:space-between}
.sm-summary-list{list-style:none;min-height:78px;padding-top:8px!important}
.sm-summary-list li{font-size:14px;line-height:1.5;padding:5px 0;display:flex;gap:9px;align-items:baseline}
.sm-summary-list li>span{color:#839071;font-size:15px}
.sm-no-extras{font-size:11px;line-height:1.7;color:#68745f;margin-top:12px!important;min-height:78px}
.sm-summary-bottom{margin-top:auto;padding-top:30px}
.sm-summary-bottom>p{font-size:12px;line-height:1.7;color:#606a55;margin-bottom:17px!important}
.sm-primary{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:49px;padding:14px 16px;background:#243b2c;color:#f3ead7;border:1px solid #243b2c;font-size:14px!important;text-align:left}
.sm-primary:hover{background:#354b38}
.sm-format:hover:not(.is-picked){border-color:#ddc598}
.sm-option:hover strong,.sm-topbar :is(a,button):hover,.sm-footer button:hover{color:#e6c89a}
.sm-footer{border-top:1px solid var(--sm-line);padding-top:19px;margin-top:29px;display:flex;gap:15px;align-items:center;font-size:11px;color:#9eac98}
.sm-footer button{border:0;border-bottom:1px solid #8a9979;background:none;color:#d9c8a4;font-size:11px;padding:2px 0}
.sm-footer button span{margin-left:12px}
.sm-footer-index{margin-left:auto;font-size:9px;text-transform:uppercase;letter-spacing:.12em}
@media(min-width:1800px){.sm-wrap{max-width:2210px;padding:40px 70px}.sm-topbar{padding-bottom:27px}.sm-brand{font-size:40px}.sm-brand span{font-size:13px}.sm-topbar nav{font-size:17px}.sm-intro{padding:48px 0 45px}.site-menu h1{font-size:76px}.sm-intro-note{font-size:19px;max-width:480px}.sm-eyebrow{font-size:13px!important}.sm-layout{grid-template-columns:minmax(0,1fr) 430px;gap:50px}.site-menu legend{font-size:22px;margin-bottom:23px}.sm-step{font-size:15px}.sm-formats{gap:20px}.sm-format{padding:25px}.sm-format svg{width:103px;height:75px;margin:22px 0 25px}.sm-format strong{font-size:29px}.sm-format-description{font-size:16px;min-height:51px}.sm-format-purpose{font-size:14px;min-height:60px}.sm-base{font-size:15px}.sm-option-field{margin-top:36px!important}.sm-option{padding:20px 0}.sm-option strong{font-size:18px}.sm-option small{font-size:14px}.sm-check-mark{width:22px;height:22px;font-size:15px}.sm-optional{font-size:13px}.sm-summary{padding:33px}.site-menu h2{font-size:38px}.sm-summary-description{font-size:17px}.sm-summary-label{font-size:12px}.sm-foundation{font-size:15px}.sm-summary-list li{font-size:16px}.sm-no-extras{font-size:15px}.sm-summary-bottom>p{font-size:14px}.sm-primary{font-size:17px!important;min-height:60px}.sm-footer{font-size:14px;padding-top:25px;margin-top:36px}.sm-footer button{font-size:14px}.sm-footer-index{font-size:12px}}
@media(min-width:1001px) and (max-height:930px){.sm-wrap{padding-top:18px;padding-bottom:18px}.sm-intro{padding-top:22px;padding-bottom:22px}.site-menu h1{font-size:43px}.sm-format svg{height:42px;width:61px;margin:9px 0 13px}.sm-format{padding:13px 15px}.sm-format-purpose{margin-top:10px;padding-top:9px;min-height:40px}.sm-option-field{margin-top:20px!important}.sm-option{padding:10px 0}.sm-summary{padding:20px}.sm-summary-top{padding-bottom:15px}.sm-summary-content{padding-top:18px}.sm-summary-rule{margin:16px 0}.sm-summary-bottom{padding-top:18px}.sm-footer{margin-top:19px;padding-top:14px}}
@media(max-width:1100px){.sm-layout{grid-template-columns:minmax(0,1fr) 270px;gap:24px}.sm-wrap{padding-left:24px;padding-right:24px}.sm-format{padding:14px 12px}.sm-format strong{font-size:18px}.sm-format-purpose{min-height:60px}.sm-summary{padding:22px 20px}.site-menu h2{font-size:25px}}
@media(max-width:900px){.sm-layout{grid-template-columns:1fr;gap:28px}.sm-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}.sm-summary-top{grid-column:1/-1}.sm-summary-content{padding-top:0}.sm-summary-bottom{align-self:end}.sm-summary-description{min-height:0}.sm-summary-list{min-height:0}.sm-intro-note{font-size:12px;max-width:290px}.sm-format-purpose{min-height:44px}.sm-option small{font-size:12px}.sm-option strong{font-size:14px}.sm-format-description{font-size:13px}}
@media(max-width:600px){.sm-wrap{padding:19px 20px 26px}.sm-topbar{padding-bottom:17px}.sm-brand{font-size:27px}.sm-brand span{display:none}.sm-topbar nav{gap:19px;font-size:12px}.sm-topbar nav span{margin-left:4px}.sm-intro{display:block;padding:27px 0 29px}.sm-eyebrow{font-size:9px!important}.site-menu h1{font-size:41px;margin-top:15px}.sm-intro-note{font-size:14px;line-height:1.65;margin-top:21px!important;max-width:none;padding:0}.sm-desktop-br{display:none}.site-menu legend{font-size:17px;margin-bottom:15px}.sm-formats{grid-template-columns:1fr;gap:10px}.sm-format{display:grid;grid-template-columns:1fr 74px;gap:0 16px;padding:18px 18px 16px}.sm-format-top{grid-column:1/-1;margin-bottom:8px}.sm-format-number{display:none}.sm-radio-mark{position:absolute;right:17px;top:18px}.sm-format svg{grid-column:2;grid-row:2/4;width:68px;height:52px;margin:0;align-self:center}.sm-format strong{grid-column:1;grid-row:2;font-size:23px;margin:2px 0 8px}.sm-format-description{grid-column:1;grid-row:3;font-size:13px;min-height:0}.sm-format-purpose{grid-column:1/-1;font-size:12px;line-height:1.6;min-height:0;margin-top:15px;padding-top:11px}.sm-base{font-size:12px;margin-top:15px!important}.sm-option-field{margin-top:28px!important}.sm-optional{float:none;display:block;margin:5px 0 0 31px;font-size:11px}.sm-options{grid-template-columns:1fr}.sm-option{padding:16px 0;gap:13px}.sm-option strong{font-size:15px}.sm-option small{font-size:12px;line-height:1.7}.sm-check-mark{width:20px;height:20px}.sm-layout{gap:27px}.sm-summary{display:flex;gap:0;padding:24px}.sm-summary-top{padding-bottom:20px}.sm-summary-content{padding-top:23px}.site-menu h2{font-size:29px}.sm-summary-description{font-size:14px}.sm-summary-label{font-size:10px}.sm-foundation{font-size:13px}.sm-summary-list li{font-size:14px}.sm-no-extras{font-size:13px;min-height:0}.sm-summary-bottom{width:100%;padding-top:25px}.sm-summary-bottom>p{font-size:12px}.sm-primary{min-height:53px;font-size:14px!important}.sm-footer{flex-wrap:wrap;gap:8px 15px;margin-top:25px;padding-top:19px;font-size:12px}.sm-footer button{font-size:12px}.sm-footer-index{display:none}}

.sm-brief-choice{margin:0 0 16px;border:1px solid #d8c5a54a;padding:10px 14px;font:13px/1.6 Arial,sans-serif}.sm-brief-choice[hidden]{display:none}.sm-brief-choice summary{cursor:pointer;min-height:24px}.sm-brief-choice p{white-space:pre-line;margin:12px 0 0;color:inherit}
@media(max-width:900px){.sm-topbar nav :is(button,a),.sm-footer button{min-height:44px;display:inline-flex;align-items:center}.sm-topbar{padding-bottom:10px}.sm-brief-choice summary{min-height:32px;display:list-item}}


@media(min-width:1001px) and (max-height:930px){.sm-intro{padding-top:18px;padding-bottom:18px}.sm-wrap{padding-bottom:12px}.sm-footer{margin-top:15px}}
@media(min-width:1800px) and (max-height:1180px){.sm-wrap{padding:18px 60px}.sm-topbar{padding-bottom:16px}.sm-brand{font-size:32px}.sm-intro{padding:22px 0}.site-menu h1{font-size:48px}.sm-intro-note{font-size:17px}.sm-layout{gap:36px;grid-template-columns:minmax(0,1fr) 390px}.site-menu legend{font-size:20px;margin-bottom:17px}.sm-format{padding:14px 18px}.sm-format svg{height:42px;width:65px;margin:9px 0 13px}.sm-format strong{font-size:26px}.sm-format-description{font-size:16px;min-height:42px}.sm-format-purpose{font-size:14px;margin-top:10px;padding-top:9px;min-height:40px}.sm-base{font-size:14px;margin-top:10px!important}.sm-option-field{margin-top:19px!important}.sm-option{padding:10px 0}.sm-option strong{font-size:17px}.sm-option small{font-size:13px}.sm-summary{padding:24px}.sm-summary-top{padding-bottom:15px}.sm-summary-content{padding-top:19px}.site-menu h2{font-size:33px}.sm-summary-description{font-size:16px}.sm-summary-rule{margin:16px 0}.sm-summary-label{font-size:11px}.sm-foundation{font-size:14px}.sm-summary-list li{font-size:15px;padding:4px 0}.sm-extra-title{margin-top:16px!important}.sm-summary-bottom{padding-top:16px}.sm-summary-bottom>p{font-size:13px;margin-bottom:12px!important}.sm-primary{min-height:52px;font-size:16px!important}.sm-footer{font-size:13px;padding-top:13px;margin-top:17px}.sm-footer button{font-size:13px}}

html:has(.site-menu:not([hidden])){scrollbar-color:#809278 #14261f}
@media(min-width:901px){.sm-summary-list.is-many li{display:inline;padding:0;line-height:1.9}.sm-summary-list.is-many li>span{display:none}.sm-summary-list.is-many li::after{content:' · ';color:#7a8269}.sm-summary-list.is-many li:last-child::after{content:''}}
@media(max-width:600px){.sm-format-top{min-height:18px;margin-bottom:0}}

/* Integration: one native site header, full-width menu, unchanged service details below. */
.site-menu{margin:0;padding:0;width:100%;max-width:none}
.site-menu h1,.site-menu h2{color:inherit;text-wrap:initial;max-width:none}
.site-menu-service{width:100%;max-width:none;margin:0;padding:0}
.su-sites .seo-header .seo-wrap{max-width:2070px;width:calc(100% - 96px)}
.su-sites .seo-header{background:#14261f}
@media(min-width:1001px){.su-sites .seo-header .seo-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.su-sites .seo-header .seo-topline{padding:18px 0}.su-sites .seo-header .seo-topline>.seo-btn{display:none}.su-sites .seo-header .seo-nav{padding:0;gap:25px}.su-sites .seo-header .seo-nav a{display:inline-flex;align-items:center;min-height:44px}}
@media(max-width:1000px){.su-sites .seo-header .seo-wrap{width:calc(100% - 40px)}.su-sites .seo-location{display:none}.site-menu{min-height:0}}
@media(min-width:1001px) and (max-height:1180px){.site-menu .sm-topbar{padding-bottom:10px}.site-menu .sm-intro{padding:16px 0}.site-menu .sm-intro h1{margin-top:10px}.site-menu .sm-wrap{padding-top:12px}.site-menu .sm-summary-list{min-height:66px}}

.site-menu .sm-help-link{color:#d9c8a4;text-decoration:underline;text-underline-offset:5px;display:inline-flex;align-items:center;gap:10px}.site-menu .sm-help-link:hover{color:#e6c89a}@media(max-width:900px){.site-menu .sm-help-link{min-height:44px}}

/* Keep service navigation legible on this menu's forest background. */
.su-sites .seo-header{color:#eee6d4;border-color:#eee6d42b}
.su-sites .seo-header .seo-logo{color:#eee6d4!important;line-height:1}
.su-sites .seo-header .seo-location{color:#b9c4b1}
.su-sites .seo-header .seo-nav{border-color:#eee6d42b}
.su-sites .seo-header .seo-nav a{color:#c6d0bd}
.su-sites .seo-header .seo-nav a:hover,.su-sites .seo-header .seo-nav a[aria-current=page]{color:#f1d5a4;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.su-sites .seo-header .seo-btn{background:#e8dfcb;border-color:#e8dfcb;color:#20392e!important}
.site-menu #sites-title br{display:block!important}
body:has(#sites.site-menu:not([hidden])) #root>.masthead{display:flex!important;position:relative!important;background:#14261f;backdrop-filter:none}

@media(min-width:1001px){
  .su-sites .seo-header .seo-wrap{height:72px;min-height:72px}
  .su-sites .seo-header .seo-topline{padding:0}
  .su-sites .seo-header .seo-nav{border-top:0}
  body:has(#sites.site-menu:not([hidden])) .masthead{height:72px!important;min-height:72px}
  .site-menu{min-height:calc(100svh - 72px)}
  .site-menu .sm-wrap{padding-bottom:12px}
}
@media(min-width:1800px) and (max-height:1180px){
  .site-menu .sm-intro{padding-top:12px;padding-bottom:12px}
  .site-menu .sm-option{padding-top:8px;padding-bottom:8px}
}
@media(min-width:1800px) and (min-height:1181px){
  .site-menu .sm-wrap{padding-top:28px}
  .site-menu .sm-topbar{padding-bottom:20px}
  .site-menu .sm-intro{padding-top:36px;padding-bottom:36px}
}
@media(max-width:1000px){
  .su-sites .seo-header .seo-topline{min-height:64px;padding:8px 0;gap:14px}
  .su-sites .seo-header .seo-topline .seo-btn{min-height:44px;padding:10px 12px}
  .su-sites .seo-header .seo-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;padding:4px 0 10px}
  .su-sites .seo-header .seo-nav a{display:flex;align-items:center;min-height:44px;padding:5px 0;font-size:14px;line-height:1.4}
}
@media(max-width:359px){
  .su-sites .seo-header .seo-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.su-sites .brief-dialog .contact-aside h2 { margin: 24px 0px; }
.su-sites .brief-dialog .contact-aside > p:not(.eyebrow) { font: 22px / 1.4 Cormorant, serif; max-width: 340px; color: var(--muted); }
.su-sites .brief-dialog .contact-aside > .contact-note { margin-top: 23px; max-width: 300px; font: 12px / 1.6 Arial, sans-serif !important; }
.su-sites .brief-dialog .brief-content > .eyebrow { display: none; }
.su-sites .brief-dialog .step-count { font-size: 11px; letter-spacing: 0.08em; color: var(--gold); margin-bottom: 25px; }
.su-sites .brief-dialog .brief-content h2 { margin-bottom: 35px; font-size: clamp(32px, 3.4vw, 50px); }
.su-sites .brief-dialog fieldset { margin: 0px; padding: 0px; border: 0px; }
.su-sites .brief-dialog legend { font-size: 12px; color: var(--muted); margin-bottom: 16px; }
.su-sites .brief-dialog textarea,.su-sites .brief-dialog input { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(215, 189, 143, 0.44); border-image: none; background: rgba(238, 233, 220, 0.027); border-radius: 0px; color: var(--paper); padding: 16px; width: 100%; font-size: 16px; }
.su-sites .brief-dialog textarea { resize: vertical; min-height: 150px; line-height: 1.6; }
.su-sites .brief-dialog textarea::placeholder,.su-sites .brief-dialog input::placeholder { color: rgb(166, 170, 153); }
.su-sites .brief-dialog input { min-height: 48px; }
.su-sites .brief-dialog .brief-controls { display: flex; gap: 24px; justify-content: space-between; align-items: center; }
.su-sites .brief-dialog .brief-controls button:not(.text-action) { border: 0px; background: none; padding: 12px 0px; min-height: 44px; font-size: 12px; }
.su-sites .brief-dialog .brief-controls .text-action { margin-left: auto; }
.su-sites .brief-dialog .channel-options { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.su-sites .brief-dialog .channel-options label { display: flex; align-items: center; gap: 12px; min-height: 54px; background: rgba(238, 233, 220, 0.03); padding: 10px 14px; cursor: pointer; font-size: 14px; }
.su-sites .brief-dialog .channel-options input { width: 18px; min-height: 18px; height: 18px; accent-color: var(--gold); }
.su-sites .brief-dialog .contact-fields { display: grid; gap: 20px; }
.su-sites .brief-dialog .contact-fields label { font-size: 12px; color: var(--muted); }
.su-sites .brief-dialog .contact-fields input { margin-top: 8px; }
.su-sites .brief-dialog .privacy-note { font-size: 11px; line-height: 1.7; margin-top: 28px; color: var(--muted); }
.su-sites .brief-dialog .error { font-size: 12px; line-height: 1.6; margin-top: 15px; color: rgb(244, 186, 153); min-height: 20px; }
.su-sites .brief-dialog #brief-result > p { font: 23px / 1.5 Cormorant, serif; }
.su-sites .brief-dialog #brief-result .text-action { margin-right: 24px; }
.su-sites .brief-dialog { width: min(1180px, -36px + 100vw); max-height: calc(-36px + 100svh); padding: 0px; border: 1px solid rgba(215, 189, 143, 0.28); background: rgb(21, 29, 24); color: var(--paper); box-shadow: rgba(0, 0, 0, 0.65) 0px 40px 120px; overflow: auto; }
.su-sites .brief-dialog::backdrop { background: rgba(7, 10, 8, 0.76); backdrop-filter: blur(9px); }
.su-sites .brief-dialog-grid { display: grid; grid-template-columns: 0.78fr 1.22fr; gap: 8%; padding: clamp(36px, 5vw, 74px); }
.su-sites .brief-dialog .contact-aside,.su-sites .brief-dialog .brief-content { min-width: 0px; }
.su-sites .brief-dialog .contact-aside h2 { margin: 18px 0px 22px; font-size: clamp(30px, 3vw, 45px); }
.su-sites .brief-dialog .contact-aside > p:not(.eyebrow) { font-size: 20px; }
.su-sites .brief-dialog .brief-close { position: sticky; top: 12px; margin: 12px 14px 0px auto; z-index: 5; display: block; width: 44px; height: 44px; border: 1px solid rgba(215, 189, 143, 0.28); border-radius: 50%; background: rgb(24, 33, 27); color: rgb(232, 220, 195); font: 30px / 1 Cormorant, serif; cursor: pointer; }
.su-sites .brief-dialog .brief-content > .eyebrow { display: block; }
.su-sites .brief-dialog{--paper:#eee9dc;--line:#ebe1c52c;font:16px/1.5 Arial,sans-serif;overscroll-behavior:contain;margin:auto}
.su-sites .brief-dialog:not([open]){display:none}
.su-sites .brief-dialog :is(h2,em){font-family:Georgia,serif;color:inherit}
.su-sites .brief-dialog button{font:inherit;color:inherit;cursor:pointer}
.su-sites .brief-dialog .eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.1em}
.su-sites .brief-dialog .text-action{display:inline-flex;align-items:center;min-height:44px;border:0;border-bottom:1px solid currentColor;background:none;color:#e6d5b7;text-decoration:none;cursor:pointer;padding:8px 0;font:14px/1.5 Arial,sans-serif}
.su-sites .brief-dialog .brief-send-actions{display:flex;flex-wrap:wrap}
.su-sites .brief-dialog fieldset{min-width:0}
.su-sites .brief-dialog .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Scoped to the enhanced native dialog; preserves the orchard visual language. */
.su-sites #brief-dialog.brief-upgraded { color: #f3e8d7; background: #13271e; }
.su-sites #brief-dialog.brief-upgraded [hidden] { display: none !important; }
.su-sites #brief-dialog.brief-upgraded .step-count { margin-bottom: 10px; color: #dfd7bf; line-height: 1.6; }
.su-sites #brief-dialog.brief-upgraded .brief-progress { display: block; width: 100%; height: 4px; margin: 0 0 26px; border: 0; border-radius: 4px; appearance: none; background: #f3e8d71f; color: #d7e5bd; }
.su-sites #brief-dialog.brief-upgraded .brief-progress::-webkit-progress-bar { border-radius: 4px; background: #f3e8d71f; }
.su-sites #brief-dialog.brief-upgraded .brief-progress::-webkit-progress-value { border-radius: 4px; background: #d7e5bd; }
.su-sites #brief-dialog.brief-upgraded .brief-progress::-moz-progress-bar { border-radius: 4px; background: #d7e5bd; }
.su-sites #brief-dialog.brief-upgraded .brief-content h2 { margin-bottom: 24px; }
.su-sites #brief-dialog.brief-upgraded .brief-controls { gap: 16px; margin-top: 14px; }
.su-sites #brief-dialog.brief-upgraded .brief-controls .text-action { background: #e6d5b7; color: #193528; border: 1px solid #e6d5b7; padding: 13px 20px; border-radius: 3px; }
.su-sites #brief-dialog.brief-upgraded :is(button, a, input, textarea):focus-visible { outline: 2px solid #e6eebe; outline-offset: 4px; }
.su-sites #brief-dialog.brief-upgraded [aria-invalid="true"] { border-color: #f3b0a1; box-shadow: 0 0 0 1px #f3b0a1; }
.su-sites #brief-dialog.brief-upgraded .channel-options label { border: 1px solid #f3e8d725; border-radius: 3px; }
.su-sites #brief-dialog.brief-upgraded .channel-options label:has(input:checked) { background: #d7e5bd16; border-color: #d7e5bda8; box-shadow: none; }
.su-sites #brief-dialog.brief-upgraded .channel-options input { accent-color: #d7e5bd; flex: 0 0 18px; }
.su-sites #brief-dialog.brief-upgraded #brief-result > p { font: 14px/1.65 var(--gifs-body, Arial, sans-serif); color: #ded7c6; margin-block: 14px; }
.su-sites #brief-dialog.brief-upgraded #brief-result > .brief-handoff-note { font-size: 13px; color: #c7d4c0; }
.su-sites #brief-dialog.brief-upgraded .brief-preview { font: 14px/1.65 var(--gifs-body, Arial, sans-serif); padding: 20px; margin: 0 0 20px; max-height: 42vh; overflow: auto; background: #f3e8d70a; border: 1px solid #f3e8d72b; border-radius: 3px; white-space: pre-wrap; overflow-wrap: anywhere; }
.su-sites #brief-dialog.brief-upgraded .brief-send-actions { gap: 10px; }
.su-sites #brief-dialog.brief-upgraded .brief-send-actions .text-action { margin: 0; padding: 12px 16px; min-height: 46px; border: 1px solid #d7e5bd78; border-radius: 3px; font-size: 13px; }
.su-sites #brief-dialog.brief-upgraded .brief-send-actions a:first-child { background: #e6d5b7; color: #193528; border-color: #e6d5b7; }
.su-sites #brief-dialog.brief-upgraded #brief-result > button.text-action { min-height: 44px; margin: 6px 20px 0 0; padding-block: 9px; font-size: 13px; }
.su-sites #brief-dialog.brief-upgraded #brief-result > #download-status { min-height: 1.65em; color: #d7e5bd; }
.su-sites #brief-dialog.brief-upgraded .brief-review { margin-top: 18px; border-top: 1px solid #f3e8d72b; }
.su-sites #brief-dialog.brief-upgraded .brief-review summary { min-height: 44px; padding: 13px 0; color: #e6d5b7; cursor: pointer; font: 13px/1.5 var(--gifs-body, Arial, sans-serif); }
.su-sites #brief-dialog.brief-upgraded .brief-review summary:focus-visible { outline: 2px solid #e6eebe; outline-offset: 4px; }
.su-sites #brief-dialog.brief-upgraded .brief-review .brief-preview { margin-top: 4px; }
.su-sites #brief-dialog.brief-upgraded .brief-draft-panel { border-top: 1px solid #f3e8d72b; padding-top: 18px; margin-top: 24px; }
.su-sites #brief-dialog.brief-upgraded .brief-save-choice { display: flex; align-items: flex-start; gap: 10px; font: 13px/1.6 var(--gifs-body, Arial, sans-serif); color: #e8dfcf; cursor: pointer; }
.su-sites #brief-dialog.brief-upgraded .brief-save-choice input { width: 18px; height: 18px; min-height: 18px; padding: 0; margin: 2px 0 0; accent-color: #d7e5bd; flex: 0 0 18px; }
.su-sites #brief-dialog.brief-upgraded .brief-draft-status { font: 12px/1.65 var(--gifs-body, Arial, sans-serif); color: #bfcbbb; margin: 8px 0 4px; }
.su-sites #brief-dialog.brief-upgraded .brief-small-action { color: #e6d5b7; padding: 9px 0; background: transparent; border: 0; text-decoration: underline; text-underline-offset: 3px; min-height: 44px; font-size: 12px; }
.su-sites #brief-dialog.brief-upgraded .brief-clear-confirm { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; padding-block: 8px; font-size: 13px; }
.su-sites #brief-dialog.brief-upgraded .brief-clear-confirm button { min-height: 44px; padding: 9px 13px; color: #f3e8d7; background: #f3e8d70b; border: 1px solid #f3e8d74d; border-radius: 3px; }
.su-sites #brief-dialog.brief-upgraded .brief-clear-confirm button:last-child { border-color: #d7e5bd; }
.su-sites #brief-dialog.brief-upgraded .brief-copy-buffer { position: fixed; left: 0; top: 0; width: 1px; height: 1px; min-height: 0; opacity: 0; padding: 0; border: 0; }
.su-sites #brief-dialog.brief-upgraded .privacy-note { margin-top: 12px; }
@media (max-width: 540px) {
  .su-sites #brief-dialog.brief-upgraded .brief-controls .text-action { padding-inline: 14px; }
  .su-sites #brief-dialog.brief-upgraded .brief-send-actions { display: grid; grid-template-columns: 1fr; }
  .su-sites #brief-dialog.brief-upgraded .brief-send-actions .text-action { width: 100%; justify-content: center; }
  .su-sites #brief-dialog.brief-upgraded .brief-preview { padding: 14px; }
  .su-sites #brief-dialog.brief-upgraded .brief-progress { margin-bottom: 22px; }
}

@media(max-width:900px){
  .su-sites #brief-dialog.brief-upgraded {
    position: fixed; inset: auto 10px auto; top: var(--gifs-brief-top, 10px);
    width: calc(100% - 20px); max-width: none; margin: 0;
    max-height: calc(var(--gifs-brief-height, 100dvh) - 20px);
    box-sizing: border-box; overflow-y: auto; overflow-x: hidden;
    overscroll-behavior: contain; scroll-padding-block: 60px 24px;
    scrollbar-gutter: auto; -webkit-overflow-scrolling: touch;
  }
  .su-sites #brief-dialog .brief-dialog-grid { display: block; padding: 4px 20px max(24px, env(safe-area-inset-bottom)) !important; }
  .su-sites #brief-dialog .contact-aside { display: none; }
  .su-sites #brief-dialog .brief-content { border-top: 0; padding-top: 0; min-width: 0; }
  .su-sites #brief-dialog .brief-content > .eyebrow { display: none; }
  .su-sites #brief-dialog .brief-close { margin: 8px 8px 0 auto; top: 8px; width: 44px; height: 44px; }
  .su-sites #brief-dialog #contact-title { font-size: clamp(26px, 7vw, 36px); line-height: 1.2; margin-bottom: 20px; overflow-wrap: anywhere; }
  .su-sites #brief-dialog .step-count { font-size: 13px; letter-spacing: .02em; }
  .su-sites #brief-dialog :is(legend, .contact-fields label, .channel-options label) { font-size: 16px; line-height: 1.5; }
  .su-sites #brief-dialog :is(input:not([type=checkbox]), textarea:not(.brief-copy-buffer)) {
    box-sizing: border-box; max-width: 100%; min-width: 0; font-size: 16px; line-height: 1.5; padding: 14px 12px;
  }
  .su-sites #brief-dialog textarea:not(.brief-copy-buffer) { min-height: 112px; }
  .su-sites #brief-dialog .channel-options { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .su-sites #brief-dialog .channel-options label { min-height: 48px; padding: 12px; }
  .su-sites #brief-dialog .brief-controls { gap: 10px; flex-wrap: wrap; align-items: stretch; }
  .su-sites #brief-dialog .brief-controls button { min-height: 48px; font-size: 16px; line-height: 1.4; }
  .su-sites #brief-dialog .brief-controls .text-action { padding: 12px 14px; }
  .su-sites #brief-dialog :is(.brief-send-actions .text-action, #brief-copy, #brief-download, #brief-edit, .brief-small-action, .brief-clear-confirm button) {
    box-sizing: border-box; min-height: 48px; max-width: 100%; padding: 12px;
    font-size: 15px; line-height: 1.5; white-space: normal; overflow-wrap: anywhere;
  }
  .su-sites #brief-dialog .brief-send-actions { grid-template-columns: minmax(0, 1fr); }
  .su-sites #brief-dialog .brief-send-actions .text-action { width: 100%; }
  .su-sites #brief-dialog :is(.privacy-note, .brief-save-choice, .brief-draft-status, .brief-handoff-note, .error, #download-status) { font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
  .su-sites #brief-dialog .brief-save-choice { min-height: 44px; align-items: flex-start; }
  .su-sites #brief-dialog .brief-save-choice input { margin-top: 3px; }
  .su-sites #brief-dialog .brief-review summary { font-size: 16px; min-height: 44px; }
  .su-sites #brief-dialog .brief-preview { font-size: 15px; max-height: none; padding: 14px; }

}

/* Compact content gallery. Playback and visibility are owned by React. */
.motion-gallery{width:min(1280px,calc(100% - 80px));margin:72px auto;color:#22362b;--mg-line:#22362b30}.mg-heading{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:34px}.mg-eyebrow{font:11px/1.5 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;margin:0 0 18px;color:#713a40}.mg-heading h2,.mg-next-step h2{font:400 clamp(35px,4vw,62px)/1.08 Prata,Georgia,serif;letter-spacing:-.045em;margin:0}.mg-heading h2 em,.mg-next-step h2 em{font-family:Cormorant,Georgia,serif;color:#713a40;font-size:1.18em}.mg-heading>p{font:15px/1.75 Arial,sans-serif;max-width:45ch;margin:0 0 5px;color:#526156}
.mg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.mg-card{min-width:0}.mg-open{position:relative;display:block;width:100%;padding:0;border:1px solid var(--mg-line);border-radius:2px;overflow:hidden;aspect-ratio:1;background:#1c2b24;color:#fff;cursor:pointer;text-align:left;transition:border-color var(--feedback-duration,160ms) ease-out,box-shadow var(--feedback-duration,160ms) ease-out}.mg-open>img,.mg-poster-fallback{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:none}.mg-card-chrome .mg-open>img,.mg-card-anime .mg-open>img{object-position:center 42%}.mg-open:after{content:"";position:absolute;inset:0;background:linear-gradient(#0006,transparent 27%,transparent 58%,#0009);pointer-events:none}.mg-open:hover,.mg-open:focus-visible{border-color:#713a40;box-shadow:0 0 0 3px #713a4020;outline:2px solid #713a40;outline-offset:4px}.mg-card-top{position:absolute;top:18px;left:18px;right:18px;z-index:1;display:flex;justify-content:space-between;gap:8px;font:10px/1.4 Arial,sans-serif;letter-spacing:.04em;text-shadow:0 1px 5px #000}.mg-card-play{position:absolute;left:18px;bottom:18px;z-index:1;display:flex;align-items:center;gap:12px;font:12px/1.4 Arial,sans-serif}.mg-card-play>span{display:grid;place-items:center;border:1px solid #fff9;border-radius:50%;width:37px;height:37px;padding-left:2px;background:#ffffff0a;transition:background var(--feedback-duration,160ms) ease-out}.mg-open:hover .mg-card-play>span,.mg-open:focus-visible .mg-card-play>span{background:#f4f0e6;color:#22362b}.mg-card-caption{display:grid;grid-template-columns:1fr auto;column-gap:10px;padding-top:17px}.mg-card-caption h3{font:500 27px/1.15 Cormorant,Georgia,serif;color:#22362b;margin:0}.mg-card-caption>span{font:9px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#713a40;padding-top:7px}.mg-card-caption>p{grid-column:1/-1;font:13px/1.7 Arial,sans-serif;margin:9px 0 0;color:#526156}.mg-gallery-note{font:12px/1.8 Arial,sans-serif;color:#697266;max-width:82ch;margin:30px 0 0;padding-top:22px;border-top:1px solid var(--mg-line)}.mg-poster-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:#24372d}.mg-poster-fallback>span{font:32px Prata,serif;color:#d7b989}.mg-poster-fallback>strong{font:italic 31px Cormorant,Georgia,serif}
.mg-page-intro{width:min(1280px,calc(100% - 80px));display:flex;justify-content:space-between;align-items:center;gap:40px;margin:20px auto 0;padding-bottom:25px;border-bottom:1px solid #22362b25}.mg-page-intro p{font:14px/1.7 Arial,sans-serif;max-width:70ch;margin:0;color:#526156}.mg-page-intro a{font:12px/1.5 Arial,sans-serif;color:#713a40;text-decoration:none;white-space:nowrap;padding:12px 0;border-bottom:1px solid #713a4060}.content-page .material-playground{padding-top:38px;padding-bottom:12px}.content-page .mt-artboard{max-height:510px}.mg-next-step{width:min(1280px,calc(100% - 80px));margin:0 auto 70px;border-top:1px solid #22362b30;padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.mg-next-step h2{font-size:clamp(30px,3.2vw,44px)}.mg-next-step p:not(.mg-eyebrow){font:14px/1.8 Arial,sans-serif;color:#526156;max-width:47ch}.mg-next-step ul{list-style:none;padding:0;margin:0 0 24px}.mg-next-step li{display:flex;gap:18px;align-items:baseline;border-bottom:1px solid #22362b20;padding:14px 0;font:13px/1.6 Arial,sans-serif;color:#334d3d}.mg-next-step li>span{font:10px Arial,sans-serif;color:#713a40}.mg-next-step>div>a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 22px;background:#24392e;color:#f4f0e6;text-decoration:none;font:13px Arial,sans-serif;min-height:52px}.mg-next-step>div>a:hover{background:#36513f}
.mg-dialog{width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #b8a47c70;border-radius:4px;background:#f4f0e6;color:#22362b;overflow:auto;box-shadow:0 25px 100px #0007;animation:mg-viewer-open var(--viewer-open-duration,220ms) ease-out}.mg-dialog::backdrop{background:#08110ed9;backdrop-filter:blur(7px)}.mg-viewer{padding:24px}.mg-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.mg-viewer-head span{font:10px/1.5 Arial,sans-serif;color:#6d776b;letter-spacing:.05em}.mg-viewer-head h2{font:500 32px/1.1 Cormorant,Georgia,serif;margin:5px 0 0}.mg-close{width:44px;height:44px;flex-shrink:0;border:1px solid #22362b40;background:transparent;color:#22362b;font:28px Arial,sans-serif;cursor:pointer}.mg-close:hover{background:#22362b;color:#f4f0e6}.mg-video-shell{position:relative;display:grid;place-items:center;background:#0f1713;min-height:180px}.mg-video-shell video,.mg-error-poster{display:block;width:100%;height:auto;max-height:60dvh;object-fit:contain;aspect-ratio:var(--mg-video-ratio)}.mg-loading{position:absolute;left:16px;top:16px;background:#10231be6;color:#f4f0e6;font:12px/1.5 Arial,sans-serif;padding:8px 12px;pointer-events:none}.mg-player-state{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;padding-top:10px}.mg-player-state p{font:12px/1.65 Arial,sans-serif;color:#556253;margin:0}.mg-player-state button{border:1px solid #713a4055;background:transparent;padding:11px 16px;color:#713a40;font:12px Arial,sans-serif;cursor:pointer;flex-shrink:0;min-height:44px}.mg-viewer-foot{border-top:1px solid #22362b25;margin-top:12px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:30px}.mg-viewer-foot p{font:11px/1.65 Arial,sans-serif;color:#697266;margin:0;max-width:65ch}.mg-viewer-foot a{font:12px/1.5 Arial,sans-serif;color:#713a40;flex-shrink:0;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}.mg-dialog button:focus-visible,.mg-dialog a:focus-visible,.mg-page-intro a:focus-visible,.mg-next-step a:focus-visible{outline:2px solid #713a40;outline-offset:4px}
@keyframes mg-viewer-open{from{opacity:0}to{opacity:1}}
@media(min-width:1900px){.motion-gallery,.mg-page-intro,.mg-next-step{width:min(1440px,calc(100% - 120px))}.mg-grid{gap:40px 30px}}
@media(max-width:1000px){.motion-gallery,.mg-page-intro,.mg-next-step{width:calc(100% - 48px)}.mg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mg-heading{gap:30px}.mg-next-step{gap:35px}.mg-heading h2{font-size:41px}}
@media(max-width:600px){.motion-gallery,.mg-page-intro,.mg-next-step{width:calc(100% - 36px)}.motion-gallery{margin:44px auto}.mg-heading{display:block;margin-bottom:25px}.mg-heading h2{font-size:39px}.mg-heading>p{font-size:13px;line-height:1.75;margin-top:22px}.mg-grid{grid-template-columns:1fr;gap:30px}.mg-card-caption h3{font-size:28px}.mg-card-caption>p{font-size:13px}.mg-page-intro{display:block;margin-top:12px;padding-bottom:18px}.mg-page-intro p{font-size:13px}.mg-page-intro a{display:inline-flex;min-height:44px;margin-top:5px}.mg-next-step{grid-template-columns:1fr;gap:14px;padding-top:30px;margin-bottom:40px}.mg-next-step h2{font-size:33px}.mg-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}.mg-viewer{padding:14px}.mg-viewer-head h2{font-size:28px}.mg-viewer-head span{font-size:9px}.mg-video-shell video,.mg-error-poster{max-height:52dvh}.mg-player-state,.mg-viewer-foot{display:block}.mg-player-state button{margin-top:10px;width:100%}.mg-viewer-foot a{margin-top:8px}.mg-card-top{font-size:10px}.content-page .mt-artboard{max-height:none}.content-page .material-playground{padding-top:26px}}
@media(prefers-reduced-motion:reduce){.mg-dialog{animation:none}.mg-open,.mg-card-play>span{transition:none}}

/* Editorial examples are React state, never simulated live conversations. */
.service-example{--example-ink:#20392e;--example-muted:#5d6b5c;--example-rule:#20392e29;--example-paper:#f7f1e5;--example-accent:#866247;--automation-step-duration:300ms;--card-reveal-duration:240ms;max-width:1500px;margin:38px auto 0;color:var(--example-ink);font-family:Arial,sans-serif}
.service-example *{box-sizing:border-box}
.service-example-heading{display:flex;justify-content:space-between;align-items:end;gap:24px 52px;padding-top:28px;border-top:1px solid var(--example-rule)}
.service-example-heading h2{margin:0!important;font:400 clamp(30px,2.8vw,43px)/1.15 Prata,AISPrata,Georgia,serif!important;letter-spacing:-.035em!important;color:var(--example-ink)!important}
.service-example-heading>p{max-width:43ch;margin:0;font:14px/1.6 Arial,sans-serif;color:var(--example-muted)}
.service-example-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.service-example-tabs button{min-height:44px;padding:10px 16px;border:1px solid var(--example-rule);border-radius:0;background:transparent;color:var(--example-ink);font:500 13px/1.4 Arial,sans-serif;cursor:pointer;transition:background 160ms ease-out,border-color 160ms ease-out}
.service-example-tabs button:hover{border-color:var(--example-accent)}
.service-example-tabs button[aria-pressed=true]{border-color:var(--example-ink);background:var(--example-ink);color:var(--example-paper)}
.service-example :is(a,button):focus-visible{outline:3px solid var(--example-accent);outline-offset:4px}
.service-step-number{display:block;font:12px/1.4 Arial,sans-serif;color:var(--example-accent)}
.bots-service .bs-scenario{padding:0}
.bots-service .bs-scenario-heading{border-top:0}
.bots-service .bs-scenario-detail{display:grid;padding:28px;background:#e8e1d1;border:1px solid #20392e20}
.bs-scenario-variant{grid-area:1/1;visibility:hidden;min-width:0}
.bs-scenario-variant.is-selected{visibility:visible}
.bots-service .bs-scenario-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;margin:0;padding:0}
.bots-service .bs-scenario-path li{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-rows:40px auto 1fr;align-items:start;column-gap:10px;min-width:0}
.bots-service .bs-scenario-path li:not(:last-child)::after{content:'→';position:absolute;right:-24px;top:4px;color:#866247;font:24px/1 Georgia,serif}
.bots-service .bs-scenario-path .service-step-number{align-self:center}
.bots-service .bs-scenario-icon{grid-column:2;grid-row:1;display:block;width:40px;height:40px}
.bots-service .bs-scenario-icon svg{width:100%;height:100%;fill:none;stroke:#866247;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.bots-service .bs-scenario-icon svg circle{fill:#e8e1d1}
.bots-service .bs-scenario-path h3{grid-column:1/-1;margin:15px 0 11px;font:600 28px/1.15 Cormorant,AISCormorant,Georgia,serif!important}
.bots-service .bs-scenario-path p{grid-column:1/-1;font:15px/1.6 Arial,sans-serif;color:#3b5040;min-height:8em}
.bots-service .bs-scenario-variant.is-selected .bs-scenario-path p{animation:service-example-focus var(--automation-step-duration) ease-out}
.bots-service .bs-scenario-notes{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;border-top:1px solid #20392e29;margin-top:24px;padding-top:22px}
.bots-service .bs-scenario-notes p{font:14px/1.65 Arial,sans-serif;color:#4b604d;min-height:7em}
.bots-service .bs-scenario-notes strong{display:block;margin-bottom:6px;color:#20392e;font-size:13px}
.bots-service .bs-channel-note strong{display:block;color:#20392e;margin-bottom:5px}
.ai-studio.ais-service-clear .ais-process-situation{font:14px/1.6 Arial,sans-serif;color:#c0cbb6;margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid #c6c8ae25;min-height:4.8em}
.ai-studio.ais-service-clear .service-example{--example-ink:#f1ebda;--example-muted:#c4cdb9;--example-rule:#c6c8ae40;--example-paper:#243a2d;--example-accent:#d9bd8f}
.ai-studio.ais-service-clear .service-example-heading .ais-eyebrow{margin-bottom:12px}
.ai-studio.ais-service-clear .service-example-tabs button[aria-pressed=true]{background:#e9dfc5;color:#20392e;border-color:#e9dfc5}
.ais-comparison-group,.ais-flow-group{display:grid}
.ais-comparison{display:grid;grid-template-columns:1fr 48px 1fr;align-items:stretch;gap:0;grid-area:1/1;visibility:hidden;min-width:0}
.ais-comparison.is-selected{visibility:visible}
.ais-comparison article{min-width:0;padding:28px 30px;background:#ede5d4;color:#20392e;border-top:3px solid #ac9069;min-height:340px}
.ais-comparison article.ais-comparison-after{background:#faf5e9;border-top-color:#758364}
.ai-studio.ais-service-clear .ais-comparison h3{font:600 31px/1.15 AISCormorant,Cormorant,Georgia,serif!important;letter-spacing:-.015em!important;color:#20392e!important;margin:16px 0 22px}
.ais-comparison .service-sheet-label{font:600 10px/1.5 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#795f46;margin:0}
.ais-comparison-source{font:16px/1.8 Arial,sans-serif;color:#42513f;white-space:pre-line;margin:0;max-width:48ch;min-height:9em}
.ais-comparison .service-sheet-footnote{display:block;margin-top:22px;padding-top:14px;border-top:1px solid #20392e24;color:#61705b;font:11px/1.6 Arial,sans-serif}
.ais-comparison dl{margin:0;display:grid;gap:0}
.ais-comparison dl>div{display:grid;grid-template-columns:minmax(85px,.7fr) 1.3fr;gap:16px;padding:10px 0;border-bottom:1px solid #20392e1c;min-height:43px}
.ais-comparison dt{font:600 11px/1.6 Arial,sans-serif;color:#6c725f}
.ais-comparison dd{margin:0;font:14px/1.6 Arial,sans-serif;color:#20392e;overflow-wrap:anywhere}
.ais-comparison-arrow{display:grid;place-items:center;font:32px/1 Georgia,serif;color:#d9bd8f}
.ais-flow-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:26px;margin-bottom:18px}
.ai-studio.ais-service-clear .ais-flow-head h3{font:600 27px/1.2 AISCormorant,Cormorant,Georgia,serif;color:#f1ebda;margin:0}
.ais-flow-head>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ais-flow-head>div>span{font:12px/1.5 Arial,sans-serif;color:#c4cdb9}
.service-step-next{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;background:transparent;border:1px solid #c6c8ae66;color:#f1ebda;padding:10px 14px;font:500 12px/1.5 Arial,sans-serif;cursor:pointer}
.service-step-next:hover{background:#c6c8ae15}
.ais-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;grid-area:1/1;visibility:hidden;min-width:0}
.ais-flow.is-selected{visibility:visible}
.ais-flow li{border:1px solid #c6c8ae33;padding:18px 16px;min-width:0;background:transparent;transition:background var(--automation-step-duration) ease-out,border-color var(--automation-step-duration) ease-out}
.ais-flow li.is-active{border-color:#d9bd8f;background:#d9bd8f17}
.ais-flow button{display:block;border:0;background:transparent;color:#f1ebda;padding:0;text-align:left;font:600 14px/1.5 Arial,sans-serif;cursor:pointer;width:100%;min-height:56px}
.ais-flow button .service-step-number{margin-bottom:12px}
.ais-flow p{font:13px/1.65 Arial,sans-serif;color:#c4cdb9;margin:14px 0 0;min-height:6.6em}
.ai-studio.ais-service-clear .service-example-caption{font:12px/1.65 Arial,sans-serif;color:var(--example-muted);max-width:95ch;margin:16px 0 0}
.ai-studio.ais-service-clear .ais-implementation{max-width:1500px;margin:34px auto 0;padding:30px 0;border-block:1px solid #c6c8ae40;display:grid;grid-template-columns:1fr 1fr;gap:24px 56px;color:#f1ebda}
.ai-studio.ais-service-clear .ais-implementation h2{font:400 clamp(28px,2.4vw,38px)/1.2 AISPrata,Prata,Georgia,serif!important;letter-spacing:-.025em!important;color:#f1ebda!important;margin:0 0 18px}
.ai-studio.ais-service-clear .ais-implementation h2 em{color:#d9bd8f;font-family:AISCormorant,Cormorant,Georgia,serif;font-weight:400}
.ais-implementation>div>p:last-child{font:14px/1.7 Arial,sans-serif;max-width:48ch;color:#c4cdb9}
.ais-implementation ol{margin:0;padding:0;list-style:none;counter-reset:implementation;display:grid;gap:22px}
.ais-implementation li{position:relative;padding-left:32px;counter-increment:implementation}
.ais-implementation li::before{content:'0' counter(implementation);position:absolute;left:0;top:3px;font:11px/1.4 Arial,sans-serif;color:#d9bd8f}
.ais-implementation li strong{display:block;font:600 15px/1.5 Arial,sans-serif;margin-bottom:5px}
.ais-implementation li span{font:14px/1.65 Arial,sans-serif;color:#c4cdb9}
.ais-implementation .ais-integration-note{grid-column:1/-1;font:12px/1.65 Arial,sans-serif;color:#bbc7b1;margin:0;padding-top:18px;border-top:1px solid #c6c8ae25}
.ai-studio.ais-service-clear .ais-own-process{display:flex;justify-content:space-between;align-items:center;gap:24px 40px;max-width:1500px;margin:26px auto 0;padding:22px 26px;background:#c6c8ae10;border-left:2px solid #d9bd8f}
.ai-studio.ais-service-clear .ais-own-process h2{font:600 28px/1.2 AISCormorant,Cormorant,Georgia,serif!important;color:#f1ebda!important;margin:0 0 8px}
.ais-own-process p{font:14px/1.6 Arial,sans-serif;color:#c4cdb9;margin:0;max-width:65ch}
.ais-own-process a{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:#f1ebda;font:500 14px/1.5 Arial,sans-serif;text-decoration:underline;text-underline-offset:5px;flex-shrink:0}
@keyframes service-example-focus{from{opacity:.7}to{opacity:1}}
@media(min-width:2000px){.service-example,.ai-studio.ais-service-clear .ais-implementation,.ai-studio.ais-service-clear .ais-own-process{max-width:2100px}.service-example-heading>p,.ais-comparison dd,.ais-implementation li span,.ais-own-process p{font-size:17px}.bots-service .bs-scenario-path p,.ais-comparison-source{font-size:19px}.ais-flow p,.bots-service .bs-scenario-notes p{font-size:16px}.ais-flow button{font-size:17px}}
@media(max-width:1100px){.ais-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.ais-flow p{min-height:5em}.ais-comparison article{padding:24px}.service-example-heading{gap:24px}.bots-service .bs-scenario-detail{padding:22px}.bots-service .bs-scenario-path{gap:24px}.bots-service .bs-scenario-path li:not(:last-child)::after{right:-21px}.ais-comparison{grid-template-columns:1fr 36px 1fr}}
@media(max-width:760px){.service-example{margin-top:28px}.service-example-heading{display:block;padding-top:24px}.service-example-heading>p{margin-top:16px;max-width:60ch}.service-example-tabs{gap:6px;margin:20px 0}.service-example-tabs button{padding:10px 12px;font-size:12px}.bots-service .bs-scenario-detail{padding:20px}.bots-service .bs-scenario-path{grid-template-columns:1fr;gap:25px}.bots-service .bs-scenario-path li{grid-template-columns:38px 1fr;grid-template-rows:auto 1fr;column-gap:14px}.bots-service .bs-scenario-path .service-step-number{display:none}.bots-service .bs-scenario-path .bs-scenario-icon{grid-column:1;grid-row:1/3;width:34px;height:34px}.bots-service .bs-scenario-path h3{grid-column:2;margin:0 0 10px;font-size:27px!important}.bots-service .bs-scenario-path p{grid-column:2;min-height:0;font-size:14px}.bots-service .bs-scenario-path li:not(:last-child)::after{content:'';left:17px;top:44px;bottom:-16px;width:1px;background:#86624755;right:auto}.bots-service .bs-scenario-notes{grid-template-columns:1fr;gap:18px}.bots-service .bs-scenario-notes p{min-height:0}.ai-studio.ais-service-clear .ais-process-situation{min-height:0}.ais-comparison{grid-template-columns:1fr}.ais-comparison article{padding:23px;min-height:0}.ais-comparison-source{font-size:15px;min-height:0}.ais-comparison-arrow{height:38px;transform:rotate(90deg)}.ai-studio.ais-service-clear .ais-comparison h3{font-size:29px!important}.ais-comparison dl>div{grid-template-columns:minmax(80px,.6fr) 1.4fr;gap:12px}.ais-flow-head{display:block}.ais-flow-head>div{justify-content:space-between;margin-top:14px;gap:10px}.ais-flow{gap:8px}.ais-flow li{padding:14px 12px}.ais-flow button{font-size:12px;min-height:56px}.ais-flow p{font-size:12px;min-height:8.25em}.ai-studio.ais-service-clear .ais-implementation{grid-template-columns:1fr;gap:24px;margin-top:28px;padding:26px 0}.ais-implementation .ais-integration-note{grid-column:1}.ai-studio.ais-service-clear .ais-own-process{display:block;padding:20px}.ais-own-process a{margin-top:14px}.service-example-caption{font-size:11px}}
@media(max-width:360px){.ais-flow{grid-template-columns:1fr}.ais-flow p{min-height:0}.ais-flow button{min-height:44px}.ais-flow button .service-step-number{display:inline;margin-right:10px}.ais-comparison article{padding:18px}}
@media(prefers-reduced-motion:reduce){.service-example *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.motion-paused .service-example *{animation-play-state:paused!important}

:root{--feedback-duration:160ms;--content-transition:240ms;--paper-flip-duration:560ms;--card-reveal-duration:240ms;--automation-step-duration:300ms;--viewer-open-duration:220ms;--motion-ease:cubic-bezier(.22,1,.36,1)}
.sm-direct-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:20px 0 42px}.sm-direct-actions .sm-primary{width:auto;min-width:210px;gap:24px;padding:16px 24px}.sm-direct-actions p{flex-basis:100%;font-size:13px;opacity:.7;margin:0}.sm-see-work,.sm-reset-line button{background:none;border:0;border-bottom:1px solid currentColor;padding:10px 0;color:inherit;cursor:pointer;font:inherit}.sm-reset-line{display:flex;justify-content:flex-end;margin:14px 0}.sm-preparation{border-top:1px solid #3d3c312f;margin:60px 0 42px;padding:36px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:20px 50px;align-items:start}.sm-preparation>.sm-eyebrow{grid-column:1/-1}.sm-preparation h2{font-family:Georgia,serif;font-size:clamp(28px,3vw,46px);font-weight:400;line-height:1.13;margin:0}.sm-preparation h2 em{color:#805147}.sm-preparation>p:last-child{font-size:16px;line-height:1.7;max-width:590px;margin:0}.sm-wrap>.vp-book{margin-top:28px}
.contact-draft{margin:28px 0 24px;max-width:820px}.contact-draft label{display:block;font-size:13px;letter-spacing:.03em;font-weight:600;margin-bottom:10px}.contact-draft textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:105px;max-height:350px;border:1px solid #344b3e40;border-radius:3px;background:#fffdf66e;color:inherit;padding:16px;font:inherit;font-size:16px;line-height:1.55}.contact-draft>p{font-size:12px;opacity:.68;margin-top:8px;line-height:1.5}.contact-copy-line{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:14px 0 30px}.contact-copy-line button{padding:10px 0;border:0;border-bottom:1px solid #344b3e60;background:none;color:inherit;font:inherit;font-size:13px;cursor:pointer}.contact-copy-line span[role=status]{font-size:13px}.contact-window .direct-contacts{margin-top:18px}.contact-window .contact-actions{margin-top:18px}.contact-window .contact-signature{margin-top:32px}
.guide-services{margin-bottom:clamp(40px,7vw,88px)}.guide-process,.guide-faq{margin-top:clamp(44px,7vw,88px)}.guide-process+ .guide-faq{padding-top:44px}.guide-options button,.sm-format,.sm-option,a,button{transition-timing-function:var(--motion-ease)}
.fruit,.mobile-apple{touch-action:manipulation}.fruit:focus-visible,.mobile-apple:focus-visible{outline:2px solid #fff5bd;outline-offset:6px;border-radius:50%}.fruit-label text.caption-full{letter-spacing:0}
.site-menu .sm-preparation{border-top-color:#ffffff24}.site-menu .sm-preparation h2 em{color:#d0b584}.site-menu .project-book{background:#eeebdf;padding:clamp(18px,3vw,38px);border-radius:16px;margin-top:24px;margin-bottom:36px}.site-menu .sm-preparation h2{font-family:var(--sm-serif)}.site-menu .sm-preparation>p:last-child{color:var(--sm-muted)}
html.gifs-overlay-open .orchard-atmosphere *,html.gifs-overlay-open .fruit-swing,html.gifs-overlay-open .apple-motion{animation-play-state:paused!important}
button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #9b403b;outline-offset:4px}
@media(max-width:700px){.sm-direct-actions{margin-bottom:28px;gap:14px}.sm-direct-actions .sm-primary{min-width:0;padding:14px 20px}.sm-preparation{grid-template-columns:1fr;margin-top:32px;padding:28px 0;gap:16px}.contact-window .direct-contacts{grid-template-columns:1fr}.contact-draft{margin-top:22px}.contact-landing .contact-window{padding-bottom:30px}.contact-draft textarea{font-size:16px}.sm-intro h1{font-size:clamp(40px,11vw,66px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.fruit-swing,.apple-motion,.orchard-atmosphere *{animation:none!important}.fruit,.mobile-apple{filter:drop-shadow(0 0 5px #fff4b970)}:root{--feedback-duration:0ms;--content-transition:0ms;--paper-flip-duration:0ms;--card-reveal-duration:0ms;--automation-step-duration:0ms;--viewer-open-duration:0ms}}

.site-menu-service>.seo-wrap{width:100%;max-width:none;padding:48px max(24px,calc((100vw - 1280px)/2));background:#f2eddd;color:#293e31;box-sizing:border-box}
.site-menu .pb-actions>a{color:#fffaf0}.sm-direct-actions .sm-primary{background:#e9dec1;color:#20372b}
#home .mobile-apples{z-index:5!important}
#home .mobile-copy h1.mobile-title{max-width:none;margin:0 0 14px!important;font:400 clamp(30px,8.8vw,40px)/1.12 Prata,Georgia,serif!important;letter-spacing:-.045em;color:#f6ecd8;text-wrap:balance}
#home .mobile-copy h1.mobile-title em{font:italic 400 1.14em/1.04 Cormorant,Georgia,serif;color:#d4ae83}
.site-menu-service>.seo-wrap>.seo-breadcrumbs{margin-top:0}.site-menu-service .su-paper-panel{background:#e7e1cf}
.contact-window .contact-draft textarea{background:#ffffff09;border-color:#e8ddbd45;color:#f0e5cc}.contact-window .contact-draft textarea:focus{background:#ffffff10}
.contact-window .contact-lead{margin-top:26px!important}.contact-window .direct-contact{min-height:100px}.contact-window .direct-contacts{gap:0}
@media(max-width:700px){.site-menu-service>.seo-wrap{padding:28px 20px}.contact-window .direct-contact{padding-block:22px;min-height:90px}.contact-window .direct-contacts{margin-top:12px!important}.contact-window .contact-copy-line{margin-bottom:14px}}

/* A service has one introduction and one set of examples, regardless of entry URL. */
.refined-service-page .refined-service-details { padding-top: 12px; }
.refined-service-page .refined-service-details > .seo-section { padding-block: clamp(36px, 4vw, 64px); }
.refined-service-page .refined-process .seo-steps { margin-bottom: 24px; }
.refined-contact-line { display:flex; justify-content:space-between; align-items:center; gap:28px; border-top:1px solid #23382c30; padding-block:28px; }
.refined-contact-line p { max-width:65ch; margin:0; font:14px/1.7 Arial,sans-serif; }
.refined-contact-line .seo-btn { flex-shrink:0; }
.content-service > #content.content-canonical { display:block; margin:0; min-height:0; }
.content-service .content-canonical .sg-magazine-mast { width:min(1280px,calc(100% - 80px)); margin-inline:auto; padding-inline:0; }
.content-service .content-canonical .sg-magazine-mast::after { left:0; right:0; }
.site-menu .sm-direct-actions a.sm-primary { text-decoration:none; }
.site-menu .sm-contact-help { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#e9d5af; border-bottom:1px solid #8a9979; text-decoration:none; }
.site-menu .sm-contact-help:hover { color:#fff4d6; }
.site-menu .sm-contact-help:focus-visible { outline:2px solid #e9d5af; outline-offset:4px; }
@media(max-width:700px) {
  .refined-contact-line { flex-direction:column; align-items:stretch; gap:18px; }
  .refined-contact-line .seo-btn { justify-content:center; }
}
@media(max-width:600px) {
  .content-service .content-canonical .sg-magazine-mast { width:calc(100% - 36px); }
}

/* The standalone AI page has a dark canvas; its related article keeps that theme. */
.ais-service-page .gifs-guide-link {
  width: min(1120px, calc(100% - 40px));
  margin-inline: auto;
  color: #f2ead7;
  border-color: #f2ead740;
}
.ais-service-page .gifs-guide-link .su-text-link {
  /* Existing .su-text-link declares its light-page color as !important. */
  color: #f2ead7 !important;
}
.ais-service-page .gifs-guide-link .seo-eyebrow,
.ais-service-page .gifs-guide-link > p:last-child {
  color: #cbbd9e;
}
.ais-service-page .gifs-guide-link .su-text-link:focus-visible {
  outline: 2px solid #e7d4a2;
  outline-offset: 5px;
}

/* The canonical content route needs the magazine header's layout independently
   of the tree page's legacy stylesheet. */
.content-service .sg-magazine-mast {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 66px;
  padding-block: 22px;
  font: 650 11px/1.5 Arial, sans-serif;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.content-service .sg-magazine-mast::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #253b2566;
}
.content-service .sg-magazine-mast > span:first-child { font-weight: 800; }
.content-service .mt-heading :is(h1, h2) > em { display: block; }
@media (max-width: 700px) {
  .content-service .sg-magazine-mast {
    flex-wrap: wrap;
    gap: 8px 18px;
    min-height: 52px;
    padding-block: 16px;
    letter-spacing: .035em;
  }
  .content-service .sg-magazine-mast > span:nth-child(3) { display: none; }
}

@font-face{font-family:'GIFS Serif';src:url('/assets/fonts/cormorant.woff') format('woff');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'GIFS Serif';src:url('/assets/fonts/cormorant-italic.woff') format('woff');font-weight:400 700;font-style:italic;font-display:swap}
:root{--client-forest:#183b30;--client-deep:#102a23;--client-ink:#254538;--client-almond:#e5d5af;--client-gold:#c9ad75;--client-paper:#e8dfca;--client-rust:#af775e;--gifs-body:'GIFS Serif',Georgia,serif;--gifs-serif:'GIFS Serif',Georgia,serif}
html body #root#root,html body #root#root *,html body>dialog,html body>dialog *,html body>.mg-dialog,html body>.mg-dialog *,html body>.work-dialog,html body>.work-dialog *{font-family:'GIFS Serif',Georgia,serif!important}
html body #root#root button,html body #root#root input,html body #root#root textarea,html body #root#root select{font-family:'GIFS Serif',Georgia,serif!important}
html.gifs-refined{background:var(--client-deep)}
html body{font-family:'GIFS Serif',Georgia,serif;font-size:19px;color:var(--client-almond);background:var(--client-deep)}
html body #root#root [hidden]{display:none!important}
html body #root#root :is(button,a,input,textarea,summary):focus-visible{outline:2px solid var(--client-gold);outline-offset:5px}
.client-service{position:relative;isolation:isolate;min-height:100svh;color:var(--client-almond);background:radial-gradient(ellipse at 75% 0,#335c452f,transparent 65%),#183b30;overflow:clip}
.client-service-light{background:#e8dfca;color:#254538}
.client-header{position:relative;z-index:5;display:flex;align-items:center;gap:36px;max-width:1640px;padding:24px 40px;margin:auto;border-bottom:1px solid #d4bd882b}
.client-brand{display:flex;align-items:center;gap:18px;flex-shrink:0}.client-brand>a{font-size:54px;line-height:1;color:#dac395;letter-spacing:-.055em;text-decoration:none}.client-brand>span{font-size:15px;line-height:1.1;color:#c1b58f}
.client-header nav{display:flex;flex:1;justify-content:center;gap:clamp(16px,2.5vw,42px);align-items:center}.client-header nav a{color:var(--nav-tone);font-size:20px;line-height:1.1;padding:12px 0;text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent}.client-header nav a:nth-child(2n){font-style:italic}.client-header nav a[aria-current]{border-color:currentColor}.client-header nav a:hover{transform:translateY(-2px)}
.client-header-contact{font-size:18px;white-space:nowrap;border:1px solid #d2b67988;border-radius:99px;padding:12px 19px;color:#e1c994;text-decoration:none}.client-header-contact span{margin-left:12px}
.client-service-light .client-brand>a,.client-service-light .client-header-contact{color:#365540}.client-service-light .client-brand>span{color:#65775a}.client-service-light .client-header nav a{color:#526b43}.client-service-light .client-header nav a:nth-child(2n){color:#96664f}
.client-footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1360px;margin:auto;padding:24px 40px;color:#c7b68e;font-size:17px;border-top:1px solid #d4bd882b}.client-footer a{text-decoration:none}.client-service-light .client-footer{color:#526b43}
.botanical-backdrop{position:absolute;inset:70px 0 0;z-index:-1;overflow:hidden;pointer-events:none;color:#baa668}.botanical-backdrop>svg{position:absolute;left:-110px;top:1%;width:460px;height:900px;stroke:currentColor;stroke-width:1.05;opacity:.22}.botanical-backdrop>svg.botanical-right{left:auto;right:-100px;top:4%;transform:rotate(8deg);opacity:.17}.botanical-flower{transform-box:fill-box;transform-origin:center;animation:botanical-breathe 18s ease-in-out infinite alternate}@keyframes botanical-breathe{from{rotate:-5deg}to{rotate:5deg}}
.client-service .refined-service-details{max-width:1060px;padding:20px 32px 32px;margin:auto}.client-service .client-questions{border-top:1px solid #bba4775c;padding-top:18px}.client-questions>summary{font-size:21px;cursor:pointer;color:inherit}.client-questions .seo-faq{margin-top:20px}.client-service .seo-faq details{border-color:#bba47755}.client-service .seo-faq summary,.client-service .seo-faq p{color:inherit;font-size:19px;line-height:1.4}.client-service .gifs-guide-link{margin:14px 0;padding:18px 0;border-color:#c3a56955;color:inherit}.client-service .gifs-guide-link a{color:inherit!important;font-size:19px}.client-service .gifs-guide-link .seo-eyebrow,.client-service .gifs-guide-link>p:last-child{font-size:16px;color:inherit}.client-service .gifs-guide-link>p:first-child{display:none}
html body #root#root .ais-demo-only{max-width:none;margin:0;padding:0;background:transparent;color:#e5d5af}.ais-demo-only .ais-workbench{margin:0}.ais-demo-only .ais-workbench>summary{font-size:22px}.ais-demo-only .ais-lab{padding:24px}.ais-demo-only .ais-task{background:#203d32;color:#e5d5af}.ais-demo-only :is(.ais-task-form textarea,.ais-task-form button){font-size:19px}
html body #root#root .project-book{color:#294737;background:#e8dfca}.project-book .pb-copy p,.project-book .pb-copy li,.project-book .pb-type,.project-book .pb-status,.project-book .pb-note{font-size:18px}.project-book .pb-tabs button{font-size:19px}.project-book .pb-topline{font-size:21px}
body .seo-page .seo-nav,body .seo-header{font-family:'GIFS Serif',Georgia,serif}.seo-nav a{font-size:19px!important}.seo-location{font-size:16px!important}.seo-page .seo-lead,.seo-page .seo-section p{font-size:20px}.seo-page .seo-eyebrow{font-size:16px}
html body #root#root #approach{color:#dfcea6}.video-approach .va-lede{font-size:22px}.video-approach .va-note{font-size:18px}.video-approach .mp-print-sheet{color:#294737;background:#e8dfca}.video-approach .mp-print-sheet>p{font-size:18px}.video-approach .va-client-decision{font-size:16px}.video-approach .va-step-result strong{font-size:18px}.video-approach .va-step-options button{font-size:18px}
html body #root#root .studio-navigation a,html body #root#root .studio-menu a,html body #root#root .studio-menu summary{font-size:19px;color:#dcc595}.masthead .wordmark{color:#ddc794!important}.masthead .studio-note,.masthead .header-date,.masthead .back-link{color:#cfb98b!important}
@media(max-width:1100px){.client-header{flex-wrap:wrap;gap:18px;padding:18px 28px}.client-header nav{order:3;flex-basis:100%;justify-content:space-between}.client-header-contact{margin-left:auto}.client-header .client-brand>a{font-size:44px}.botanical-backdrop>svg{left:-220px}.botanical-backdrop>svg.botanical-right{right:-220px}}
@media(max-width:600px){.client-header{padding:15px 20px;gap:10px}.client-brand{gap:12px}.client-brand>span{display:none}.client-header nav{gap:9px;flex-wrap:wrap;justify-content:flex-start;column-gap:19px}.client-header nav a{font-size:18px;padding:4px 0}.client-header-contact{font-size:17px;padding:9px 14px}.client-footer{padding:22px 20px;font-size:17px;flex-wrap:wrap}.client-footer>span{display:none}.client-service .refined-service-details{padding:12px 20px 24px}.botanical-backdrop>svg{opacity:.13}.botanical-backdrop>svg.botanical-right{opacity:.12}.ais-demo-only .ais-lab{padding:15px}}
@media(prefers-reduced-motion:reduce){.botanical-flower{animation:none}.client-header nav a{transition:none;transform:none}}
.studio-projects{max-width:1320px;margin:auto;padding:clamp(24px,4vw,60px) 32px;color:#e1cea2}.studio-projects>header{display:grid;grid-template-columns:1.3fr 1fr;gap:16px 50px;align-items:end;margin-bottom:34px}.studio-projects>header>p:first-child{grid-column:1/-1;font-size:16px;letter-spacing:.1em;color:#bca578}.studio-projects h1{font-size:clamp(42px,4.5vw,72px);font-weight:500;line-height:1;margin:0}.studio-projects h1 em{font-size:.7em;color:#c0aa7b;font-weight:400}.studio-projects>header>p:last-child{font-size:22px;line-height:1.4;margin:0}.studio-projects>footer{display:flex;flex-wrap:wrap;gap:16px 28px;font-size:20px;padding:30px 0}.studio-projects>footer>span{flex-basis:100%;color:#bca578}@media(max-width:700px){.studio-projects{padding:25px 20px}.studio-projects>header{display:block}.studio-projects>header>p:last-child{font-size:20px;margin-top:20px}}

/* A quiet orchard: readable names, gentle wind and light, no orbit decoration. */
html.gifs-refined #root #home.orchard-client .photo-shade,
html.gifs-refined #root #home.orchard-client .orchard-atmosphere,
html.gifs-refined #root #home.orchard-client .fruit-hint,
html.gifs-refined #root #home.orchard-client .mw-apple-ink,
html.gifs-refined #root #home.orchard-client .orchard-orbit {display:none!important}
html.gifs-refined #root #home.orchard-client .orchard::before,
html.gifs-refined #root #home.orchard-client .orchard::after,
html.gifs-refined #root #home.orchard-client .tree-canvas::after,
html.gifs-refined #root #home.orchard-client .home-copy::before,
html.gifs-refined #root #home.orchard-client .home-copy::after {display:none!important}
html.gifs-refined #root #home.orchard-client .tree-photo {filter:none!important}
html.gifs-refined #root #home.orchard-client .home-copy {background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;z-index:4}
html.gifs-refined #root #home.orchard-client .home-copy h1,
html.gifs-refined #root #home.orchard-client .home-copy h1 em {color:#203b2d!important;text-shadow:none!important;letter-spacing:-.035em!important;line-height:1.02!important;font-weight:600!important}
html.gifs-refined #root #home.orchard-client .home-copy h1 {font-size:clamp(44px,4.5vw,82px)!important;max-width:10.8em}
html.gifs-refined #root #home.orchard-client .home-copy h1 em {color:#5b432b!important;font-style:italic}
html.gifs-refined #root #home.orchard-client .home-copy .eyebrow {color:#4f4730!important;font-size:16px!important;font-weight:600!important;letter-spacing:.055em!important}
html.gifs-refined #root #home.orchard-client .home-lead-unified {color:#283c2d!important;font-size:clamp(21px,1.5vw,26px)!important;line-height:1.34!important;max-width:31ch;margin-top:24px!important;text-shadow:none!important}
html.gifs-refined #root #home.orchard-client .hero-actions a {font-size:20px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:0!important}
html.gifs-refined #root #home.orchard-client .project-cta {background:#264532!important;color:#ead5aa!important;border-color:#264532!important;box-shadow:none!important}
html.gifs-refined #root #home.orchard-client .garden-cta {color:#28412e!important;border-color:#28412e60!important;background:transparent!important}
html.gifs-refined #root #home.orchard-client .orchard-foot {color:#e6cda1!important;font-size:18px!important;letter-spacing:0!important}
html.gifs-refined #root #home.orchard-client .orchard-location {font-size:16px!important;letter-spacing:0!important}
html.gifs-refined #root #home.orchard-client .fruit,
html.gifs-refined #root #home.orchard-client .mobile-apple {filter:none!important;background:none!important;box-shadow:none!important}
html.gifs-refined #root #home.orchard-client .fruit::before,
html.gifs-refined #root #home.orchard-client .fruit::after,
html.gifs-refined #root #home.orchard-client .mobile-apple::before,
html.gifs-refined #root #home.orchard-client .mobile-apple::after {display:none!important}
html.gifs-refined #root #home.orchard-client .fruit-swing,
html.gifs-refined #root #home.orchard-client .apple-motion {position:relative;animation:orchard-quiet-sway var(--apple-sway-time,8s) var(--apple-sway-delay,0s) ease-in-out infinite alternate!important;transform-origin:50% 0!important;transition:none!important;will-change:transform}
html.gifs-refined #root #home.orchard-client .fruit-swing img,
html.gifs-refined #root #home.orchard-client .apple-motion img {position:relative;z-index:2;filter:brightness(1) drop-shadow(0 3px 4px #17281a35);transition:filter .25s ease!important;transform:rotate(180deg)!important;animation:none!important}
html.gifs-refined #root #home.orchard-client .orchard-fruit-stem {display:block;position:absolute;z-index:1;left:48%;top:-8px;width:5px;height:16px;border-radius:70% 25% 35% 20%;background:#493620;box-shadow:inset 1px 0 #ac8654;transform:rotate(9deg);transform-origin:bottom}
html.gifs-refined #root #home.orchard-client :is(.fruit,.mobile-apple):is(:hover,:focus-visible) img {filter:brightness(1.12) drop-shadow(0 0 9px #e7c78680)!important}
html.gifs-refined #root #home.orchard-client .is-react-picked img {visibility:hidden!important}
html.gifs-refined #root #home.orchard-client[data-orchard-motion=paused] :is(.fruit-swing,.apple-motion),
html.gifs-overlay-open #root #home.orchard-client :is(.fruit-swing,.apple-motion) {animation-play-state:paused!important}
html.gifs-refined #root #home.orchard-client .orchard-caption {position:absolute;display:block;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);width:calc(var(--fruit-size) + 30px);height:calc(var(--fruit-size) + 30px);max-width:none;text-align:center;pointer-events:none;font-family:'GIFS Serif',Cormorant,Georgia,serif;letter-spacing:0;color:#efd3a2;-webkit-text-stroke:0;text-shadow:0 1px 5px #24301d90;filter:none;padding:0;background:none;z-index:4;overflow:visible}
html.gifs-refined #root #home.orchard-client .orchard-caption text {font-family:inherit!important;font-size:27px;font-weight:700;letter-spacing:0;fill:#253c2d!important;stroke:none!important;paint-order:normal;text-shadow:none!important}
html.gifs-refined #root #home.orchard-client .orchard-caption .orchard-caption-long {font-size:25px}
html.gifs-refined #root #home.orchard-client .fruit:is([data-apple=ai],[data-apple=contact]) .orchard-caption {color:#243e2c;text-shadow:0 1px 3px #e5c99d66}
html.gifs-refined #root #home.orchard-client .fruit[data-apple=ai] .orchard-caption-upper {fill:#efd3a2;text-shadow:0 1px 5px #24301d90}
@keyframes orchard-quiet-sway {from{transform:rotate(var(--apple-sway-angle,2deg)) translateY(-1px)}to{transform:rotate(calc(var(--apple-sway-angle,2deg)*-1)) translateY(2px)}}
@keyframes orchard-quiet-invitation {0%,100%{filter:brightness(1) drop-shadow(0 3px 4px #17281a35)}50%{filter:brightness(1.1) drop-shadow(0 0 9px #e7c78670)}}
@media(prefers-reduced-motion:no-preference){html.gifs-refined #root #main[data-apple-hint=visible] #home.orchard-client :is(.fruit,.mobile-apple):not(.is-react-picked) img {animation:orchard-quiet-invitation 1.4s ease-in-out both!important}}
@media(min-width:701px) and (orientation:landscape){
 html.gifs-refined #root #home.orchard-client .home-copy {top:21%!important;right:5%!important;width:38%!important;max-width:680px!important;transform:none!important;padding:0!important}
 html.gifs-refined #root #home.orchard-client .home-copy .hero-actions {margin-top:27px!important;gap:24px!important}
 html.gifs-refined #root #home.orchard-client .orchard {background:#bfc3a4}
 html.gifs-refined #root #home.orchard-client .tree-canvas::before {display:block!important;content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 38%,#e9d5b32b 64%,#eedcbe73)}
}
@media(max-width:700px),(orientation:portrait),(max-width:1100px) and (max-height:540px) and (hover:none){
 html.gifs-refined #root #home.orchard-client .mobile-apple {width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important;transform:translate(-50%,-50%)!important}
 html.gifs-refined #root #home.orchard-client .mobile-apple :is(.apple-motion,img) {width:100%!important;height:100%!important;object-fit:contain}
 html.gifs-refined #root #home.orchard-client .mobile-apple .orchard-caption {width:112px!important;height:112px!important;top:50%!important;left:50%!important;bottom:auto;max-width:none;color:#efd3a2}
 html.gifs-refined #root #home.orchard-client .mobile-copy h1.mobile-title {color:#dfc397!important;font:600 clamp(37px,10vw,49px)/1.02 'GIFS Serif',Cormorant,Georgia,serif!important;letter-spacing:-.025em!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy h1.mobile-title em {color:#bfa76f!important;font-size:1em!important;line-height:1.02!important}
 html.gifs-refined #root #home.orchard-client .mobile-lead {color:#d6c19c!important;font-size:21px!important;line-height:1.3!important;max-width:32ch}
 html.gifs-refined #root #home.orchard-client .mobile-kicker {color:#bda170!important;font-size:16px!important;letter-spacing:.015em!important;font-weight:600}
 html.gifs-refined #root #home.orchard-client .mobile-logo {color:#dfc397!important}
 html.gifs-refined #root #home.orchard-client .orchard-mobile-note {color:#c9b38c;font-size:18px;line-height:1}
 html.gifs-refined #root #home.orchard-client .mobile-copy .garden-cta {color:#d1b483!important;border-color:#d1b48360!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .project-cta {background:#dfc397!important;color:#27432e!important}
}
@media(max-width:350px){html.gifs-refined #root #home.orchard-client .mobile-apple{width:70px!important;height:70px!important;min-width:70px!important;min-height:70px!important}html.gifs-refined #root #home.orchard-client .mobile-apple .orchard-caption{width:104px!important;height:104px!important;max-width:none}}
/* Phone photograph reaches every edge. No green vignette, blurred frame or mask. */
html.gifs-refined #root #home.orchard-client .mobile-home::before,
html.gifs-refined #root #home.orchard-client .mobile-home::after,
html.gifs-refined #root #home.orchard-client .mobile-copy::before,
html.gifs-refined #root #home.orchard-client .mobile-copy::after,
html.gifs-refined #root #home.orchard-client .mobile-scene::before,
html.gifs-refined #root #home.orchard-client .mobile-scene::after,
html.gifs-refined #root #home.orchard-client .mobile-wash {display:none!important}
html.gifs-refined #root #home.orchard-client .mobile-scene,
html.gifs-refined #root #home.orchard-client .mobile-scene>picture,
html.gifs-refined #root #home.orchard-client .mobile-photo {mask-image:none!important;-webkit-mask-image:none!important;filter:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important}
@media(max-width:700px),(orientation:portrait),(max-width:1100px) and (max-height:540px) and (hover:none) {
 html.gifs-refined body.route-home #root>.masthead {display:none!important}
 html.gifs-refined #root #home.orchard-client .mobile-home {display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;padding:0!important;background:#e5d2b0!important;color:#203b2d!important;overflow:hidden!important}
 html.gifs-refined #root #home.orchard-client .mobile-scene {position:relative!important;inset:auto!important;width:100%!important;height:177.68vw!important;max-height:none!important;transform:none!important;margin:0!important;padding:0!important}
 html.gifs-refined #root #home.orchard-client .mobile-scene {container-type:size}
 html.gifs-refined #root #home.orchard-client .mobile-apples {inset:auto!important;left:50%!important;top:50%!important;width:max(100%,calc(100cqh * 941 / 1672));height:max(100%,calc(100cqw * 1672 / 941));transform:translate(-50%,-50%)}
 html.gifs-refined #root #home.orchard-client .mobile-scene>picture {display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
 html.gifs-refined #root #home.orchard-client .mobile-photo {display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
 html.gifs-refined #root #home.orchard-client .mobile-head {position:absolute!important;top:0!important;left:0!important;right:0!important;padding:17px 20px!important;background:none!important;border:0!important;box-shadow:none!important;z-index:8!important}
 html.gifs-refined #root #home.orchard-client .mobile-logo {display:inline-flex!important;align-items:center;gap:9px;color:#ead6af!important;text-shadow:0 1px 4px #273b2870}
 html.gifs-refined #root #home.orchard-client .orchard-mobile-note {color:#203b2d!important;font-weight:600;text-shadow:0 1px 2px #e8d7b260}
 html.gifs-refined #root #home.orchard-client .mobile-copy {display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;transform:none!important;margin:0!important;padding:30px 22px 32px!important;background:none!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy,html.gifs-refined #root #home.orchard-client .mobile-copy * {text-shadow:none!important;filter:none!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy h1.mobile-title {color:#203b2d!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy h1.mobile-title em {color:#765533!important}
 html.gifs-refined #root #home.orchard-client .mobile-lead {color:#334735!important}
 html.gifs-refined #root #home.orchard-client .mobile-kicker {color:#705735!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .garden-cta {color:#294635!important;border-color:#29463560!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .project-cta {color:#e8d6b1!important;background:#294635!important}
}
@media(min-width:701px) and (orientation:portrait),(min-width:701px) and (max-width:1100px) and (max-height:540px) and (hover:none) {
 html.gifs-refined body.route-home #home.orchard-client {height:auto!important;min-height:100svh!important;overflow:clip!important}
 html.gifs-refined #root #home.orchard-client .mobile-home {display:grid!important;grid-template-columns:52% 48%;align-items:center;min-height:100svh!important}
 html.gifs-refined #root #home.orchard-client .mobile-scene {height:auto!important;min-height:92.3936vw!important;align-self:stretch}
 html.gifs-refined #root #home.orchard-client .mobile-photo {object-position:center!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy {padding:90px clamp(24px,3.3vw,46px) 55px!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy h1.mobile-title {font-size:clamp(40px,5vw,58px)!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions {display:grid!important;gap:18px!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions a {width:100%;justify-content:space-between}
 html.gifs-refined #root #home.orchard-client .mobile-apple {transform:translate(-50%,-50%)!important}
 html.gifs-refined #root #home.orchard-client .mobile-apple[data-apple=ai] {--ax:72%!important}
 html.gifs-refined #root #home.orchard-client .mobile-apple[data-apple=approach] {--ay:50%!important}
}
@media(min-width:701px) and (max-width:1100px) and (max-height:540px) and (hover:none) {
 html.gifs-refined #root #home.orchard-client .mobile-copy {align-self:start;padding-top:85px!important}
}
@media(prefers-reduced-motion:reduce){html.gifs-refined #root #home.orchard-client :is(.fruit-swing,.apple-motion){animation:none!important;transform:none!important}html.gifs-refined #root #home.orchard-client img{transition:none!important}}

/* One-screen home: the photograph stays clear and captions have no backing. */
html:has(body.route-home) {scrollbar-gutter:auto!important}
html.gifs-refined body.route-home,
html.gifs-refined body.route-home #root,
html.gifs-refined body.route-home #main,
html.gifs-refined body.route-home #home.orchard-client {height:100svh!important;min-height:0!important;overflow:visible!important}
html.gifs-refined #root #home.orchard-client .tree-canvas::before {display:none!important}
html.gifs-refined #root #home.orchard-client .orchard-caption {background:none!important;filter:none!important}
html.gifs-refined #root #home.orchard-client .orchard-caption text {font-weight:700;fill:#f0d6a2!important;stroke:none!important;text-shadow:0 1px 2px #142315e6,0 2px 7px #142315bf!important}
html.gifs-refined #root #home.orchard-client .fruit:is([data-apple=contact],[data-apple=ai]) .orchard-caption-lower {fill:#253c2d!important;text-shadow:0 1px 4px #f2d8a996!important}
html.gifs-refined #root #home.orchard-client .hero-actions {display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:22px!important}
html.gifs-refined #root #home.orchard-client .hero-actions a {width:auto!important;min-height:40px!important;padding:5px 0!important;background:none!important;box-shadow:none!important;border:0!important;border-bottom:1px solid #29463570!important;border-radius:0!important;color:#294635!important;white-space:nowrap}
html.gifs-refined #root #home.orchard-client .hero-actions a span {display:none}
@media(orientation:portrait) {
 html.gifs-refined body.route-home #root>.masthead {display:none!important}
 html.gifs-refined #root #home.orchard-client .orchard {display:none!important}
 html.gifs-refined #root #home.orchard-client .mobile-home {display:block!important;height:100svh!important;min-height:0!important;overflow:visible!important;background:#31432d!important}
 html.gifs-refined #root #home.orchard-client .mobile-scene {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;align-self:auto;overflow:hidden!important}
 html.gifs-refined #root #home.orchard-client .mobile-photo {object-position:center top!important}
 html.gifs-refined #root #home.orchard-client .mobile-apples {top:0!important;transform:translateX(-50%);height:max(100%,calc(100cqw * 1672 / 941))}
 html.gifs-refined #root #home.orchard-client .mobile-apple {left:clamp(calc((100% - 100cqw)/2 + 67px),var(--ax),calc((100% + 100cqw)/2 - 67px))!important}
 html.gifs-refined #root #home.orchard-client .mobile-apple:is([data-apple=contact],[data-apple=approach],[data-apple=ai]) .orchard-caption-lower {fill:#253c2d!important;text-shadow:0 1px 4px #f2d8a996!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy {position:absolute!important;inset:auto 22px max(22px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:550px!important;padding:0!important;align-self:auto;background:none!important;z-index:4}
 html.gifs-refined #root #home.orchard-client .mobile-copy h1.mobile-title {font-size:clamp(32px,8.6vw,44px)!important;line-height:1.02!important;margin:0!important;color:#eed7ad!important;text-shadow:0 1px 3px #142315e0,0 2px 10px #14231590!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy h1.mobile-title em {color:#e0bb83!important;text-shadow:inherit!important}
 html.gifs-refined #root #home.orchard-client .mobile-lead {display:block!important;font-size:21px!important;line-height:1.2!important;margin:10px 0 0!important;color:#eed7ad!important;text-shadow:0 1px 3px #142315e0,0 2px 8px #142315b0!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions {display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;margin-top:14px!important;gap:20px!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions a {width:auto!important;font-size:20px!important;color:#eed7ad!important;border-bottom-color:#eed7ad80!important;text-shadow:0 1px 3px #142315e0!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions :is(.project-cta,.garden-cta) {background:none!important;color:#eed7ad!important;border-color:#eed7ad80!important}
}
@media(orientation:portrait) and (min-width:701px) {
 html.gifs-refined #root #home.orchard-client .mobile-copy {inset:auto 32px 32px!important}
}
@media(orientation:landscape) {
 html.gifs-refined #root #home.orchard-client .mobile-home {display:none!important}
 html.gifs-refined #root #home.orchard-client .orchard {display:block!important;height:100svh!important;min-height:0!important}
 html.gifs-refined body.route-home #root>.masthead {display:flex!important}
}
@media(orientation:landscape) and (max-height:540px) {
 html.gifs-refined #root #home.orchard-client .home-copy {top:77px!important;right:4%!important;width:43%!important}
 html.gifs-refined #root #home.orchard-client .home-copy h1 {font-size:clamp(28px,3.6vw,38px)!important}
 html.gifs-refined #root #home.orchard-client .home-copy .eyebrow {display:none!important}
 html.gifs-refined #root #home.orchard-client .home-lead-unified {font-size:18px!important;line-height:1.22!important;margin-top:12px!important}
 html.gifs-refined #root #home.orchard-client .home-copy .hero-actions {margin-top:13px!important;gap:18px!important}
 html.gifs-refined #root #home.orchard-client .hero-actions a {font-size:18px!important}
 html.gifs-refined #root #home.orchard-client .orchard-foot {display:none!important}
}

/* The header may decorate the photo, but must never cover an orchard link. */
html.gifs-refined body.route-home #root>.masthead {pointer-events:none}
html.gifs-refined body.route-home #root>.masthead .wordmark {pointer-events:auto}
html.gifs-refined #root #home.orchard-client .orchard-caption text {fill:#f3d9a7!important;text-shadow:0 2px 3px #142315b8!important}
html.gifs-refined #root #home.orchard-client .fruit:is([data-apple=contact],[data-apple=ai]) .orchard-caption-lower,
html.gifs-refined #root #home.orchard-client .mobile-apple:is([data-apple=contact],[data-apple=approach],[data-apple=ai]) .orchard-caption-lower {fill:#172e20!important;text-shadow:0 1px 3px #efd3a26b!important}
html.gifs-refined #root #home.orchard-client [data-apple=sites] .orchard-caption {transform:translate(-50%,-50%) rotate(6deg)}
html.gifs-refined #root #home.orchard-client .fruit[data-apple=content] .orchard-caption {transform:translate(-50%,-50%) rotate(8deg)}
html.gifs-refined #root #home.orchard-client .home-copy .hero-actions a {color:#172e20!important;font-weight:700!important;border-bottom-color:#172e2099!important;text-shadow:0 1px 3px #ead3a64d!important}
@media(orientation:landscape) and (max-height:540px) {
 html.gifs-refined body.route-home #root>.masthead {height:52px!important;min-height:0!important;padding:10px 20px!important;align-items:center!important}
 html.gifs-refined body.route-home #root>.masthead :is(.studio-note,.header-date,.back-link) {display:none!important}
 html.gifs-refined body.route-home #root>.masthead .wordmark {font-size:38px!important;line-height:1!important}
 html.gifs-refined #root #home.orchard-client .desktop-scene {top:0!important;transform:none!important}
 html.gifs-refined #root #home.orchard-client .fruit {--fruit-size:46px!important;--fruit-scale:1!important}
 html.gifs-refined #root #home.orchard-client .fruit .orchard-caption {width:94px!important;height:94px!important;transform:translate(-50%,-50%)}
 html.gifs-refined #root #home.orchard-client .fruit .orchard-caption text {font-size:28px!important}
 html.gifs-refined #root #home.orchard-client .fruit .orchard-caption .orchard-caption-long {font-size:26px!important}
 html.gifs-refined #root #home.orchard-client .fruit:is([data-apple=sites],[data-apple=content]) .orchard-caption {width:76px!important;height:76px!important}
 html.gifs-refined #root #home.orchard-client .fruit:is([data-apple=sites],[data-apple=content]) .orchard-caption-upper {dominant-baseline:hanging;font-size:34px!important}
 html.gifs-refined #root #home.orchard-client .fruit[data-apple=content] {--ay:29.5%!important}
 html.gifs-refined #root #home.orchard-client .fruit[data-apple=approach] {--ax:15%!important;--ay:49%!important}
 html.gifs-refined #root #home.orchard-client .fruit[data-apple=contact] {--ax:28%!important;--ay:51.5%!important}
 html.gifs-refined #root #home.orchard-client .fruit[data-apple=sites] .orchard-caption {transform:translate(-50%,-50%) rotate(-8deg)}
 html.gifs-refined #root #home.orchard-client .fruit[data-apple=content] .orchard-caption {transform:translate(-50%,-50%) rotate(10deg)}
 html.gifs-refined #root #home.orchard-client .fruit[data-apple=ai] .orchard-caption-upper {transform-box:view-box;transform-origin:60px 60px;transform:rotate(28deg);fill:#172e20!important;text-shadow:0 1px 3px #efd3a26b!important}
 html.gifs-refined #root #home.orchard-client .fruit[data-apple=approach] .orchard-caption {transform:translate(-50%,-50%) rotate(-10deg)}
 html.gifs-refined #root #home.orchard-client .fruit[data-apple=contact] .orchard-caption {transform:translate(-50%,-50%) rotate(-15deg)}
 html.gifs-refined #root #home.orchard-client .fruit[data-apple=approach] .orchard-caption-lower {fill:#172e20!important;text-shadow:0 1px 3px #efd3a26b!important}
 html.gifs-refined #root #home.orchard-client .home-copy {top:72px!important}
 html.gifs-refined #root #home.orchard-client .home-copy .hero-actions {gap:16px!important}
 html.gifs-refined #root #home.orchard-client .home-copy .hero-actions a {font-size:19px!important;min-height:40px!important}
}
@media(min-aspect-ratio:21/10) and (min-height:541px) {
 html.gifs-refined #root #home.orchard-client .fruit[data-apple=contact] .orchard-caption-lower {fill:#f3d9a7!important;text-shadow:0 2px 3px #142315b8!important}
}

.service-presentation{--sp-ink:#e4d1ac;--sp-muted:#c4b68f;--sp-accent:#cfaa70;position:relative;isolation:isolate;container-name:sp-screen;container-type:size;flex:1;min-width:0;min-height:0;height:100%;color:var(--sp-ink);font-family:inherit;background:radial-gradient(ellipse at 78% 27%,#3c554431,transparent 57%),linear-gradient(125deg,#203a30,#172e25 70%)}
.service-presentation *{box-sizing:border-box}.service-presentation [hidden]{display:none!important}.sp-wrap{position:relative;z-index:1;width:min(1380px,calc(100% - 88px));height:100%;min-height:0;margin:auto;padding:18px 0 10px;display:grid;grid-template-rows:32px 52px minmax(0,1fr) 58px}.sp-botanical{position:absolute;inset:0;z-index:-1;width:100%;height:100%;pointer-events:none;opacity:.25;stroke:#a88d60;stroke-width:1;overflow:visible}.sp-botanical-leaf{fill:#7b936f12}.sp-botanical-flower{transform-box:fill-box;transform-origin:center;animation:sp-flower-breathe 12s ease-in-out infinite alternate}.sp-botanical-flower:last-child{animation-delay:-5s}
.sp-heading-bar{display:flex;align-items:center;justify-content:space-between;gap:15px}.sp-heading-bar h1{font-size:23px!important;font-weight:500!important;line-height:1.1!important;letter-spacing:0!important;margin:0!important;color:#d9c39a!important}.sp-heading-bar>span{font-size:17px;color:#aaa88b}.sp-chapters{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;border-bottom:1px solid #b49c6840;gap:24px}.sp-chapters button{font:inherit;font-size:19px;line-height:1.1;display:flex;gap:14px;align-items:center;justify-content:flex-start;border:0;border-bottom:1px solid transparent;background:none;color:#b7b292;text-align:left;cursor:pointer;padding:4px 0}.sp-chapters button>span{font-size:17px;opacity:.65}.sp-chapters button[aria-current]{color:#edcf92;border-bottom-color:#cfaa70}.sp-chapters button:hover{color:#e6cf9e}.sp-chapters button:focus-visible,.sp-pager button:focus-visible,.sp-contact-actions :is(a,button):focus-visible{outline:2px solid #d7b77c;outline-offset:3px}
.sp-chapter-stage{min-height:0;min-width:0;padding:22px 0}.sp-chapter{height:100%;min-height:0;min-width:0;animation:sp-chapter-enter .4s cubic-bezier(.22,1,.36,1) both}.sp-slide-layout{height:100%;min-height:0;display:grid;align-content:center;max-width:1020px;margin:auto}.sp-has-visual{grid-template-columns:1.1fr 1fr;align-items:center;gap:54px;max-width:none}.sp-slide-copy{min-width:0}.sp-chapter h2{font-weight:500!important;font-size:clamp(40px,4vw,66px)!important;line-height:1.05!important;letter-spacing:-.035em!important;color:#e6d4b0!important;text-wrap:balance;margin:0 0 22px!important;outline:none}.sp-lead{font-size:clamp(22px,1.8vw,27px)!important;line-height:1.32!important;font-weight:500;margin:0!important;color:#d8c8a6!important;max-width:45ch}.sp-note{font-size:20px;line-height:1.3;color:#bdb99b;margin:19px 0 0!important;max-width:49ch}
.sp-scene{min-width:0;margin:0;display:grid;justify-items:center;align-content:center}.sp-scene svg{width:min(100%,530px);height:auto;max-height:440px;overflow:visible;stroke:#9b915f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sp-scene figcaption{font-size:21px;font-style:italic;color:#d1b37d;margin-top:10px}.sp-art-orbit{stroke:#a08b5545;stroke-dasharray:2 10;animation:sp-orbit-breathe 12s ease-in-out infinite alternate}.sp-art-paper{fill:#d8c8a3;stroke:#aa976e}.sp-art-shadow{fill:#a48d5c;stroke:#b69d70}.sp-art-ink{stroke:#667549;stroke-width:3}.sp-art-action{fill:#b69a64;stroke:#65764c}.sp-art-seal{fill:#b3bd8c;stroke:#62734b}.sp-art-object{animation:sp-object-drift 11s ease-in-out infinite alternate;transform-origin:center}.sp-art-sprig{stroke:#879066;fill:#74875a;transform-box:fill-box;transform-origin:bottom;animation:sp-sprig-drift 9s ease-in-out infinite alternate}.sp-art-sprig>path:first-child{fill:none}
.sp-flow{display:flex;list-style:none;margin:38px 0 0;padding:0;gap:30px}.sp-flow li{display:flex;gap:12px;align-items:center;font-size:23px;color:#d5b987}.sp-flow li>span{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #a68d61;border-radius:50%;font-size:17px;color:#ba9c65}.sp-flow i{font-style:normal;margin-left:8px;color:#a18e60}.sp-role-list{list-style:none;margin:0;padding:0;display:grid;gap:20px}.sp-role-list li{font-size:25px;line-height:1.3;color:#d1c4a0;position:relative;padding-left:25px}.sp-role-list li:before{content:'·';position:absolute;left:0;color:#cda96a}
.sp-work-steps{padding:0;margin:22px 0 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:45px}.sp-work-steps li{display:flex;gap:18px;align-items:flex-start}.sp-work-steps li>span{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #9f895c;border-radius:50%;font-size:18px;color:#ccb078}.sp-work-steps h3{font-size:29px;font-weight:500;line-height:1.1;color:#dcc294;margin:0 0 10px}.sp-work-steps p{font-size:24px;line-height:1.3;color:#c7bd9e;margin:0}
.sp-example{font-size:23px;line-height:1.25;color:#294531;min-width:0;max-width:490px;width:100%;margin:auto}.sp-example-label{display:block;font-size:18px;line-height:1.2;color:#d0b47d;margin:0 0 15px}.sp-conversation{display:flex;flex-direction:column;gap:17px}.sp-conversation .sp-example-label{margin-bottom:0}.sp-chat-line{max-width:92%;padding:16px 20px;border:1px solid #adad7a;animation:sp-message-breathe 10s ease-in-out infinite}.sp-chat-client{align-self:flex-end;background:#a5b18a;border-radius:17px 17px 3px 17px}.sp-chat-bot{align-self:flex-start;background:#e0d2af;border-radius:17px 17px 17px 3px;animation-delay:3s}.sp-chat-line>span{display:block;font-size:17px;color:#566d44;margin-bottom:6px}.sp-chat-line p{margin:0;color:#294531!important;font-size:23px!important;line-height:1.25!important}.sp-paper{background:#d7c49d;border:1px solid #ae986a;padding:28px 32px;transform:rotate(-2deg);box-shadow:9px 12px 0 #0e241b44;animation:sp-object-drift 12s ease-in-out infinite alternate}.sp-paper-after{transform:rotate(2deg);background:#dfd0ae}.sp-paper .sp-example-label{color:#63764b}.sp-written-notes{font-size:28px!important;font-style:italic;line-height:1.55!important;margin:0!important;color:#294531!important}.sp-paper dl{display:grid;gap:18px;margin:0}.sp-paper dl>div{padding-bottom:13px;border-bottom:1px solid #6c7a4b40}.sp-paper dl>div:last-child{padding-bottom:0;border:0}.sp-paper dt{font-size:17px;color:#63764b}.sp-paper dd{font-size:25px;line-height:1.25;margin:4px 0 0;color:#294531}
.sp-contact-slide{max-width:870px}.sp-contact-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:27px}.sp-contact-actions :is(a,button){font-family:inherit;font-size:22px;line-height:1.1;min-height:52px;padding:12px 22px;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #c3a877;cursor:pointer}.sp-primary{color:#233e2d!important;background:#d0b27e}.sp-primary:hover{background:#dfc593}.sp-demo-trigger{color:#d9c18f;background:none}.sp-demo-trigger:hover{background:#c4a56e14}
.sp-portfolio-slide{height:100%;min-height:0;display:flex;flex-direction:column;gap:14px}.sp-portfolio-slide>h2{flex-shrink:0;font-size:36px!important;margin:0!important}.sp-portfolio-slide>.project-book{flex:1;min-height:0;margin:0!important}
.sp-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-top:1px solid #b49c6850}.sp-pager button{font-family:inherit;font-size:23px;line-height:1.1;min-height:44px;display:flex;align-items:center;gap:15px;background:none;border:0;color:#d7bb86;cursor:pointer;padding:7px 0}.sp-previous{justify-self:start}.sp-previous:disabled{opacity:.35;cursor:default}.sp-next{justify-self:end}.sp-next span{font-size:28px;transition:transform .2s}.sp-next:hover span{transform:translateX(4px)}.sp-page-position{font-size:22px;color:#d2b989;font-variant-numeric:tabular-nums}.sp-page-position i{font-style:normal;opacity:.45;margin:0 6px}
.sp-ai-dialog .ais-page,.sp-ai-dialog .ais-wrap{padding:0!important;max-width:none!important}.sp-ai-dialog .ais-workbench{margin:0!important}.service-presentation[data-motion=paused] :not(dialog,dialog *){animation-play-state:paused!important}
.sp-ai-dialog .ais-workbench>summary,.sp-ai-dialog .ais-example-head .ais-eyebrow,.sp-ai-dialog .ais-demo-mark{display:none!important}.sp-ai-dialog .ais-example{padding:0!important;border:0!important;background:none!important}.sp-ai-dialog .ais-example-head{margin:0 0 12px!important}.sp-ai-dialog .ais-example-head h2{margin:0 0 12px!important}.sp-ai-dialog .ais-scenarios{margin:12px 0 18px!important;gap:8px!important}.sp-ai-dialog .ais-demo-only:not(.ais-has-thread) .ais-output{display:none!important}.sp-ai-dialog .ais-demo-only:not(.ais-has-thread) .ais-example-body{grid-template-columns:1fr!important;gap:16px!important}.sp-ai-dialog .ais-demo-only:not(.ais-has-thread) .ais-task-form{grid-column:1!important;width:100%}.sp-ai-dialog .ais-task-form textarea{font-size:20px!important;line-height:1.3!important;color:#294531!important;background:#eee3c9!important;min-height:140px!important;height:150px!important}.sp-ai-dialog .ais-task-form textarea::placeholder{color:#6b7452!important;opacity:1}.sp-ai-dialog .ais-task-form label,.sp-ai-dialog .ais-input-meta span,.sp-ai-dialog .ais-scenarios button,.sp-ai-dialog .ais-head-actions button,.sp-ai-dialog .ais-result-head button{font-size:18px!important;color:#294531!important;line-height:1.2!important}.sp-ai-dialog .ais-input-meta{display:flex;flex-wrap:wrap;gap:5px 15px;justify-content:space-between}.sp-ai-dialog .ais-input-meta span{white-space:nowrap}.sp-ai-dialog .ais-input-meta p,.sp-ai-dialog .ais-example-caption,.sp-ai-dialog .ais-demo-privacy,.sp-ai-dialog .ais-persistence-note{font-size:17px!important;line-height:1.25!important;color:#40533c!important;margin:10px 0!important}.sp-ai-dialog .ais-scenarios button{padding:10px!important;min-height:40px}.sp-ai-dialog .ais-form-actions{margin-top:10px!important}.sp-ai-dialog .ais-form-actions button{font-size:19px!important;min-height:44px}.sp-ai-dialog .ais-submit{background:#35573c!important}.sp-ai-dialog .ais-submit:disabled{opacity:.6}.sp-ai-dialog .ais-output{background:#e0d4b8!important;border-color:#809060!important}.sp-ai-dialog .ais-result-text,.sp-ai-dialog .ais-thread-meta{background:#e0d4b8!important}html body #root .sp-ai-dialog .ais-demo-only .ais-result-text,html body #root .sp-ai-dialog .ais-demo-only .ais-thread-meta{color:#294531!important}
.sp-ai-dialog .ais-demo-only:not(.ais-has-thread) .ais-output[aria-busy=true],.sp-ai-dialog .ais-demo-only:not(.ais-has-thread) .ais-output:has(.ais-error:not([hidden])){display:block!important}.sp-ai-dialog .ais-output[aria-busy=true] .ais-empty,.sp-ai-dialog .ais-output:has(.ais-error:not([hidden])) .ais-empty{display:none!important}
@keyframes sp-chapter-enter{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sp-flower-breathe{to{rotate:6deg}}@keyframes sp-object-drift{to{translate:0 -5px;rotate:1deg}}@keyframes sp-sprig-drift{to{rotate:3deg}}@keyframes sp-orbit-breathe{to{opacity:.5}}@keyframes sp-message-breathe{0%,25%,100%{filter:brightness(1)}40%,65%{filter:brightness(1.04)}}
@media(min-width:1900px){.sp-wrap{width:min(1660px,calc(100% - 140px));grid-template-rows:40px 64px minmax(0,1fr) 72px}.sp-chapter h2{font-size:82px!important}.sp-lead{font-size:32px!important}.sp-note{font-size:25px}.sp-scene svg{width:650px;max-height:610px}.sp-has-visual{gap:100px}.sp-work-steps{gap:65px}.sp-work-steps h3{font-size:37px}.sp-work-steps p{font-size:29px}.sp-role-list li{font-size:31px}.sp-example{max-width:600px}.sp-chat-line p{font-size:29px!important}.sp-paper dd{font-size:30px}.sp-written-notes{font-size:34px!important}}
@media(max-width:1000px){.sp-wrap{width:calc(100% - 40px)}.sp-has-visual{gap:28px}.sp-chapter h2{font-size:43px!important}.sp-lead{font-size:23px!important}.sp-note{font-size:19px}.sp-chapters{gap:20px}.sp-chapters button{font-size:18px;gap:8px}.sp-flow{gap:17px}.sp-flow li{font-size:21px}.sp-flow i{margin-left:0}.sp-work-steps{gap:24px}.sp-work-steps h3{font-size:26px}.sp-work-steps p{font-size:22px}.sp-example{font-size:21px}.sp-chat-line p{font-size:21px!important}.sp-paper{padding:22px}.sp-written-notes{font-size:24px!important}.sp-paper dd{font-size:22px}}
@media(max-width:720px){.sp-wrap{width:calc(100% - 32px);padding:8px 0 6px;grid-template-rows:27px 42px minmax(0,1fr) 45px}.sp-heading-bar h1{font-size:19px!important}.sp-heading-bar>span{display:none}.sp-chapters{gap:10px}.sp-chapters button{font-size:18px;justify-content:center}.sp-chapters button>span{display:none}.sp-chapter-stage{padding:12px 0}.sp-slide-layout{align-content:center}.sp-has-visual{grid-template-columns:1fr;gap:15px}.sp-chapter h2{font-size:36px!important;line-height:1.04!important;margin-bottom:13px!important;max-width:18ch}.sp-lead{font-size:20px!important;line-height:1.25!important;max-width:none}.sp-note{font-size:18px;line-height:1.24;margin-top:13px!important;max-width:none}.sp-scene svg{height:155px;width:auto;max-width:100%;max-height:none}.sp-scene figcaption{font-size:18px;margin-top:3px}.sp-flow{display:grid;gap:14px;margin-top:24px}.sp-flow li{font-size:21px;gap:13px}.sp-flow li>span{width:29px;height:29px;font-size:17px}.sp-flow i{margin-left:auto;rotate:90deg}.sp-role-list{gap:16px}.sp-role-list li{font-size:21px;line-height:1.3;padding-left:18px}.sp-work-steps{grid-template-columns:1fr;margin-top:20px;gap:20px}.sp-work-steps li{gap:14px}.sp-work-steps li>span{width:31px;height:31px;font-size:17px}.sp-work-steps h3{font-size:23px;margin-bottom:6px}.sp-work-steps p{font-size:20px;line-height:1.25}.sp-example{max-width:400px}.sp-example-label{font-size:17px;margin-bottom:9px}.sp-conversation{gap:10px}.sp-chat-line{padding:10px 13px;max-width:96%}.sp-chat-line>span{font-size:17px;margin-bottom:3px}.sp-chat-line p{font-size:19px!important;line-height:1.2!important}.sp-paper{width:calc(100% - 15px);padding:15px 20px}.sp-written-notes{font-size:21px!important;line-height:1.35!important;margin:0!important}.sp-paper dl{gap:9px}.sp-paper dl>div{padding-bottom:7px}.sp-paper dt{font-size:17px}.sp-paper dd{font-size:20px;margin-top:2px;line-height:1.15}.sp-contact-actions{gap:12px;margin-top:20px}.sp-contact-actions :is(a,button){min-height:44px;padding:10px 14px;font-size:19px;gap:20px}.sp-portfolio-slide{gap:8px}.sp-portfolio-slide>h2{font-size:28px!important}.sp-pager{gap:12px}.sp-pager button{font-size:20px;gap:9px;min-height:44px}.sp-pager button span{font-size:24px}.sp-page-position{font-size:19px}.sp-page-position i{margin:0 4px}}
/* A 320×568 phone has 472px below the shared header/footer. Longer content
   is divided into screens; it is never clipped or hidden to force a fit. */
@container sp-screen (max-height:550px){.sp-wrap{padding-block:5px;grid-template-rows:24px 39px minmax(0,1fr) 44px}.sp-chapter-stage{padding-block:9px}.sp-chapter h2{font-size:30px!important;margin-bottom:10px!important;max-width:21ch}.sp-lead{font-size:18px!important;line-height:1.22!important}.sp-note{font-size:17px;line-height:1.2;margin-top:10px!important}.sp-has-visual{gap:9px}.sp-scene svg{height:95px}.sp-scene figcaption{font-size:17px;margin-top:0}.sp-flow{gap:10px;margin-top:16px}.sp-flow li{font-size:19px}.sp-role-list{gap:12px}.sp-role-list li{font-size:19px}.sp-work-steps{margin-top:14px;gap:14px}.sp-work-steps h3{font-size:21px;margin-bottom:4px}.sp-work-steps p{font-size:18px;line-height:1.2}.sp-work-steps li>span{width:28px;height:28px}.sp-contact-actions{margin-top:14px}.sp-contact-actions :is(a,button){font-size:18px;padding:9px 12px;gap:15px}.sp-example-label{font-size:17px;margin-bottom:6px}.sp-chat-line{padding:7px 10px}.sp-chat-line>span{font-size:17px;margin-bottom:2px}.sp-chat-line p{font-size:18px!important;line-height:1.15!important}.sp-conversation{gap:7px}.sp-paper{padding:10px 15px}.sp-written-notes{font-size:18px!important;line-height:1.3!important}.sp-paper dl{gap:6px}.sp-paper dl>div{padding-bottom:5px}.sp-paper dt{font-size:17px}.sp-paper dd{font-size:18px}.sp-portfolio-slide>h2{font-size:25px!important}.sp-pager button{font-size:18px}.sp-page-position{font-size:17px}}
@media(max-width:360px){.sp-wrap{width:calc(100% - 28px)}.sp-heading-bar h1{font-size:18px!important}.sp-chapters button{font-size:17px}.sp-chapter h2{font-size:30px!important}.sp-lead{font-size:18px!important}.sp-pager button{font-size:18px}}
@media(prefers-reduced-motion:reduce){.service-presentation *,.service-presentation *::before,.service-presentation *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The content scene is a self-running illustration, not a configuration panel. */
.mt-automatic .mt-object { cursor:default; pointer-events:none; }
.mt-automatic .mt-object-image { animation:content-gentle-drift var(--mt-drift-duration,8s) ease-in-out var(--mt-drift-delay,0s) infinite var(--mt-drift-direction,normal); animation-play-state:paused; }
.mt-automatic .mt-artboard[data-playing=true] .mt-object-image { animation-play-state:running; }
.mt-automatic .mt-heading>p { color:#645b43; }
.mt-automatic .mt-footer { align-items:center; padding-block:18px 0; }
.mt-automatic .mt-footer>p { min-height:0; color:#645b43; }
.mt-automatic .mt-artboard { border-radius:180px 180px 12px 12px; background:#e7dfc9; border-color:#53674938; }
.mt-automatic .mt-art-caption { color:#586349; }
.mt-automatic .mt-credits { color:#716149; }
.content-canonical .mg-page-intro { padding-block:10px 0; min-height:0; }
.content-canonical .mg-page-intro a { margin:0; }
.content-canonical .mg-next-step { padding-block:38px; gap:32px; margin-block:20px; }
.content-canonical .mg-next-step h2 { margin-bottom:14px; }
.content-canonical .mg-next-step ul { margin-top:0; }
.content-canonical .mg-heading { align-items:center; }
@keyframes content-gentle-drift {0%,100%{transform:translate3d(-3px,5px,0) rotate(-4deg)}50%{transform:translate3d(4px,-7px,0) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.mt-automatic .mt-object-image{animation:none!important}}

/* A short story in three chapters; the controls navigate the story, not the artwork. */
.content-presentation .cp-wrap { width:min(1320px,calc(100% - 80px)); margin:0 auto; padding-block:26px; color:#294735; }
.content-presentation .cp-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; border-bottom:1px solid #52744838; padding-bottom:18px; }
.content-presentation .cp-heading>div { display:flex; align-items:center; gap:25px; }
.content-presentation .cp-heading>div>span { color:#8c7750; font-size:14px; letter-spacing:.08em; white-space:nowrap; }
html body #root#root .content-presentation .cp-heading h1 { color:#294735; font-size:30px!important; font-weight:500; line-height:1.1!important; letter-spacing:0!important; margin:0!important; }
.content-presentation .cp-heading>p { color:#7c775b; font-size:17px; margin:0; }
.cp-chapters { display:flex; justify-content:space-between; gap:28px; border-bottom:1px solid #52744838; }
.cp-chapters button { flex:1; display:flex; align-items:center; gap:13px; padding:18px 0; border:0; border-bottom:2px solid transparent; background:none; color:#777a5f; font-size:21px; cursor:pointer; text-align:left; }
.cp-chapters button>span { font-size:13px; color:#a38d64; }
.cp-chapters button[aria-current=step] { color:#284b34; border-color:#a87754; }
.cp-chapter { padding:28px 0 24px; scroll-margin-top:20px; }
.cp-chapter:not([hidden]) { animation:content-chapter-enter 240ms ease-out both; }
.cp-chapter:focus { outline:none; }
.content-presentation .material-playground.is-embedded { width:100%; margin:0; }
.content-presentation .material-playground .mt-heading { padding-top:0; }
.content-presentation .material-playground .mt-heading h2 { font-size:clamp(38px,4.2vw,64px); line-height:1; }
.content-presentation .motion-gallery { width:100%; max-width:none; margin:0; padding:0; }
.content-presentation .mg-heading { margin-top:0; }
.content-presentation .mg-heading h2 { color:#294735; }
.content-presentation .mg-next-step { width:100%; max-width:none; border:0; padding:24px 0; margin:0; gap:70px; grid-template-columns:1fr 1fr; }
.content-presentation .mg-next-step h2 { color:#294735; font-size:clamp(42px,4.8vw,66px); line-height:1; }
.content-presentation .mg-next-step>div>p:not(.mg-eyebrow) { color:#53634a; font-size:23px; line-height:1.35; max-width:34ch; }
.content-presentation .cp-project-cta { display:flex; width:max-content; align-items:center; gap:28px; border:1px solid #405e3e; border-radius:3px; padding:13px 20px; background:#2b4b36; color:#dfcda4!important; font-size:21px; text-decoration:none; margin-top:24px; }
.content-presentation .cp-materials { padding-top:8px; }
.content-presentation .cp-materials h3 { font-size:30px; color:#506644; font-weight:500; margin:0 0 16px; }
.content-presentation .cp-materials ul { padding:0; margin:0; list-style:none; }
.content-presentation .cp-materials li { display:flex; align-items:flex-start; gap:18px; padding:16px 0; border-bottom:1px solid #6f805c33; }
.content-presentation .cp-materials li>span { color:#a17d52; font-size:15px; padding-top:6px; }
.content-presentation .cp-materials strong { color:#47623f; font-size:24px; font-weight:500; }
.content-presentation .cp-materials li p { color:#60704f; font-size:20px; line-height:1.3; margin:3px 0 0; }
.content-presentation .cp-materials .cp-start-note { font-size:18px; margin:20px 0 0; }
.cp-pager { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding-top:17px; border-top:1px solid #52744850; }
.cp-previous { display:flex; align-items:center; gap:13px; width:max-content; padding:12px 0; border:0; background:none; color:#5b6c48; font-size:21px; cursor:pointer; }
.cp-previous:disabled { opacity:.35; cursor:default; }
.cp-position { color:#68724e; font-size:22px; letter-spacing:.05em; }
.cp-position i { opacity:.4; font-style:normal; margin:0 6px; }
.cp-next { display:flex; align-items:center; justify-content:space-between; justify-self:end; width:min(100%,330px); gap:28px; color:#3d5b39!important; text-decoration:none!important; border:0; background:none; padding:7px 0; cursor:pointer; text-align:left; }
.cp-next>span { font-size:22px; line-height:1.2; }
.cp-next small { display:block; color:#897852; font-size:13px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:4px; }
.cp-next b { font-size:30px; font-weight:400; }
@keyframes content-chapter-enter {from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.content-presentation .cp-wrap{width:calc(100% - 40px)}.content-presentation .cp-heading>p{display:none}.content-presentation .mg-next-step{gap:34px}.cp-chapters button{font-size:19px;gap:9px}}
@media(max-width:700px){
 .content-presentation .cp-wrap{width:calc(100% - 36px);padding-block:18px}.content-presentation .cp-heading{padding-bottom:15px}.content-presentation .cp-heading>div{gap:14px;align-items:flex-start}.content-presentation .cp-heading>div>span{font-size:12px;padding-top:4px}
 html body #root#root .content-presentation .cp-heading h1{font-size:24px!important;max-width:13ch}
 .cp-chapters{gap:15px}.cp-chapters button{display:block;padding:13px 0;font-size:18px;line-height:1.15}.cp-chapters button>span{display:block;font-size:11px;margin-bottom:5px}
 .cp-chapter{padding:24px 0 20px}.content-presentation .material-playground .mt-heading h2{font-size:clamp(34px,8vw,47px)}
 .content-presentation .mg-next-step{grid-template-columns:1fr;gap:25px;padding:8px 0 16px}.content-presentation .mg-next-step h2{font-size:42px}.content-presentation .mg-next-step>div>p:not(.mg-eyebrow){font-size:22px}.content-presentation .cp-materials h3{font-size:28px}.content-presentation .cp-materials li{padding:12px 0}.content-presentation .cp-materials strong{font-size:23px}.content-presentation .cp-materials li p{font-size:20px}.content-presentation .cp-project-cta{font-size:20px;max-width:100%;box-sizing:border-box;padding:12px 18px}
 .cp-pager{grid-template-columns:auto 1fr;gap:12px 20px;padding-top:14px}.cp-previous{font-size:18px;padding:8px 0}.cp-position{grid-column:1;grid-row:2;font-size:18px}.cp-next{grid-column:2;grid-row:1/3;width:100%;padding-left:18px;border-left:1px solid #8c906544;gap:14px}.cp-next>span{font-size:20px}.cp-next small{font-size:11px}.cp-next b{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.cp-chapter:not([hidden]){animation:none!important}.content-presentation *{scroll-behavior:auto!important}}

/* A small contact screen; long writing belongs in the optional editor. */
html.gifs-refined body #root#root #contact.contact-compact,html.gifs-refined body #root#root #contact.contact-compact * {font-family:'GIFS Serif',Georgia,serif!important}
html.gifs-refined body #root#root #contact.contact-compact h1 { color:#ddc795!important; }
html.gifs-refined body #root#root #contact.contact-compact h1 em { color:#bca274!important; }
html.gifs-refined body #root#root #contact.contact-compact .direct-contact { color:#d3bd8f!important; background:#dac28d0b!important; border:1px solid #c4b08040!important; }
html.gifs-refined body #root#root #contact.contact-compact .contact-actions :is(button,a) { background:none!important; color:#d2bd91!important; }
html.gifs-refined body #root#root #contact.contact-compact { padding:20px clamp(20px,5vw,74px)!important; min-height:0!important; max-width:none; margin:0!important; display:flex; align-items:center; justify-content:center; box-sizing:border-box; }
html.gifs-refined body #root#root #contact.contact-compact[hidden] { display:none!important; }
html.gifs-refined body #root#root #contact.contact-compact .contact-window { width:min(100%,1050px); margin:auto; padding:0!important; max-width:none; position:relative; display:grid; grid-template-columns:1fr 1fr; column-gap:clamp(30px,7vw,100px); align-content:center; }
#contact.contact-compact .contact-window:before,#contact.contact-compact .contact-window:after { display:none!important; }
html.gifs-refined body #root#root #contact.contact-compact .eyebrow { grid-column:1; margin:0 0 12px; color:#b6a77f; font-size:15px; line-height:1.2; }
html.gifs-refined body #root#root #contact.contact-compact h1 { grid-column:1; grid-row:2 / 5; margin:0!important; color:#ddc795; font-size:clamp(48px,5.5vw,76px)!important; line-height:.98!important; letter-spacing:-.025em!important; }
html.gifs-refined body #root#root #contact.contact-compact h1 em { color:#bca274; font-size:1em!important; font-weight:500; }
html.gifs-refined body #root#root #contact.contact-compact .contact-lead { grid-column:1; grid-row:5; margin:22px 0 0!important; max-width:340px; color:#c4b58d; font-size:22px; line-height:1.3; }
.contact-compact .contact-number-row { grid-column:2; grid-row:1; display:flex; align-items:center; flex-wrap:wrap; gap:12px; position:relative; margin:0 0 14px; }
.contact-compact .contact-number-row>a { color:#d9c18c; font-size:27px; text-decoration:none; }
.contact-compact .contact-number-row button { border:0; background:none; color:#b9a37b; font-size:16px; padding:9px 0; cursor:pointer; }
.contact-compact .contact-copy-status { position:absolute; top:100%; right:0; font-size:13px; color:#d1bb8c; }
html.gifs-refined body #root#root #contact.contact-compact .direct-contacts { grid-column:2; grid-row:2; display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:8px!important; margin:10px 0 18px!important; border:0; }
html.gifs-refined body #root#root #contact.contact-compact .direct-contact { display:flex!important; min-width:0; min-height:64px!important; height:auto!important; padding:14px 13px!important; margin:0; gap:9px; align-items:center; justify-content:space-between; color:#d3bd8f; background:#dac28d0b; border:1px solid #c4b08040; border-radius:3px; font-size:20px!important; line-height:1.2!important; text-transform:none!important; letter-spacing:0!important; }
html.gifs-refined body #root#root #contact.contact-compact .direct-contact>span { font-size:inherit!important; line-height:inherit!important; text-transform:none!important; letter-spacing:0!important; }
html.gifs-refined body #root#root #contact.contact-compact .direct-contact:hover { background:#b8a47a20; color:#e0ca98; }
html.gifs-refined body #root#root #contact.contact-compact .direct-contact i { position:static; width:auto; height:auto; background:none; font-size:20px; line-height:1; }
.contact-compact .contact-message-summary { grid-column:2; grid-row:3; padding:0 0 12px; color:#bfb08c; border-bottom:1px solid #b5a17e36; }
.contact-compact .contact-message-summary p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:18px; line-height:1.25; margin:0 0 5px; }
.contact-compact .contact-edit-message { border:0; padding:5px 0; background:none; font-size:17px; color:#d5bf91; cursor:pointer; }
html.gifs-refined body #root#root #contact.contact-compact .contact-actions { grid-column:2; grid-row:4 / 6; display:flex!important; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 14px; margin:12px 0 0!important; }
html.gifs-refined body #root#root #contact.contact-compact .contact-actions :is(button,a) { width:auto!important; min-width:0!important; min-height:36px!important; padding:6px 0!important; border:0; border-bottom:1px solid #bda4796b; border-radius:0; background:none; color:#d2bd91; font-size:17px!important; line-height:1.15!important; box-shadow:none; text-decoration:none; }
.contact-message-dialog { width:min(620px,calc(100% - 32px)); max-height:calc(var(--gifs-brief-height,100dvh) - 32px); top:var(--gifs-brief-top,auto); padding:clamp(20px,4vw,36px); border:1px solid #a38c62; border-radius:12px; background:#e8dfc8; color:#2c4032; overflow:auto; box-sizing:border-box; }
.contact-message-dialog::backdrop { background:#17271ed1; backdrop-filter:blur(5px); }
.contact-message-top { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:20px; }
.contact-message-top h2 { font-size:clamp(28px,5vw,42px); line-height:1.05; margin:0; font-weight:500; }
.contact-message-top button { font-size:30px; background:none; border:0; color:inherit; min-width:44px; min-height:44px; margin-top:-10px; cursor:pointer; }
.contact-message-dialog label { display:block; margin-bottom:8px; font-size:19px; }
.contact-message-dialog textarea { width:100%; min-height:140px; max-height:300px; resize:vertical; box-sizing:border-box; background:#f0e7d2; border:1px solid #809074; padding:14px; color:#2b3d2e; font-size:20px; line-height:1.35; border-radius:4px; }
.contact-message-dialog p { font-size:17px; line-height:1.25; color:#5f614b; margin:12px 0 18px; }
.contact-message-done { display:flex; gap:28px; align-items:center; justify-content:space-between; min-height:44px; padding:10px 20px; background:#2a4233; color:#dcc79d; border:0; border-radius:3px; font-size:20px; cursor:pointer; }
@media(min-width:701px){html.gifs-refined body #root#root #contact.contact-compact{min-height:calc(100svh - 110px)!important}}
@media(max-width:700px){
 html.gifs-refined body #root#root #contact.contact-compact{padding:16px 20px 18px!important;min-height:calc(100svh - 85px)!important;align-items:center}
 html.gifs-refined body #root#root #contact.contact-compact .contact-window{display:block;width:min(100%,460px)}
 html.gifs-refined body #root#root #contact.contact-compact .eyebrow{font-size:13px;margin:0 0 12px}
 html.gifs-refined body #root#root #contact.contact-compact h1{font-size:clamp(42px,12vw,58px)!important;line-height:.96!important}
 html.gifs-refined body #root#root #contact.contact-compact .contact-lead{font-size:20px;line-height:1.2;margin:14px 0 16px!important;max-width:330px}
 .contact-compact .contact-number-row{gap:12px;justify-content:space-between;margin:0 0 12px}.contact-compact .contact-number-row>a{font-size:25px}.contact-compact .contact-number-row button{font-size:16px}
 html.gifs-refined body #root#root #contact.contact-compact .direct-contacts{margin:10px 0 16px!important;gap:7px!important}
 html.gifs-refined body #root#root #contact.contact-compact .direct-contact{padding:14px 9px!important;min-height:60px!important;font-size:18px!important;gap:5px;justify-content:center}
 html.gifs-refined body #root#root #contact.contact-compact .direct-contact i{display:none!important}
 .contact-compact .contact-message-summary p{font-size:17px}
 html.gifs-refined body #root#root #contact.contact-compact .contact-actions{gap:8px 12px;margin-top:10px!important}
 html.gifs-refined body #root#root #contact.contact-compact .contact-actions :is(button,a){font-size:16px!important;min-height:38px!important}
 .mt-automatic .mt-artboard{border-radius:100px 100px 8px 8px}.content-canonical .mg-next-step{gap:20px;padding-block:26px}.content-canonical .mg-next-step ul{margin-top:0}
}
@media(max-width:700px) and (max-height:650px){
 html.gifs-refined body #root#root #contact.contact-compact{padding:10px 18px 12px!important}
 html.gifs-refined body #root#root #contact.contact-compact .eyebrow{margin-bottom:8px;font-size:12px}
 html.gifs-refined body #root#root #contact.contact-compact h1{font-size:40px!important}
 html.gifs-refined body #root#root #contact.contact-compact .contact-lead{font-size:18px;margin:9px 0 10px!important}
 .contact-compact .contact-number-row{margin-bottom:8px}.contact-compact .contact-number-row>a{font-size:23px}
 html.gifs-refined body #root#root #contact.contact-compact .direct-contacts{margin:6px 0 10px!important}
 html.gifs-refined body #root#root #contact.contact-compact .direct-contact{min-height:48px!important;padding:10px 7px!important;font-size:17px!important}
 .contact-compact .contact-message-summary{padding-bottom:6px}.contact-compact .contact-message-summary p{-webkit-line-clamp:1;font-size:16px}.contact-compact .contact-edit-message{font-size:16px;padding:3px 0}
 html.gifs-refined body #root#root #contact.contact-compact .contact-actions{margin-top:6px!important}
 html.gifs-refined body #root#root #contact.contact-compact .contact-actions :is(button,a){font-size:15px!important;min-height:32px!important}
}
@media(max-height:420px){html.gifs-refined body #root#root #contact.contact-compact{min-height:0!important}.contact-message-dialog{max-height:calc(var(--gifs-brief-height,100dvh) - 16px);padding:16px}.contact-message-dialog textarea{min-height:88px}.contact-message-top{margin-bottom:10px}}

/* Viewport presentation: chapters occupy the available frame, not a scrolling page. */
html body #root#root #content.content-presentation {display:flex;flex:1;min-height:0;height:100%;width:100%;max-width:none;padding:0!important;margin:0!important;box-sizing:border-box;overflow:visible;background:transparent}
html body #root#root #content.content-presentation[hidden] {display:none!important}
html body #root#root #content.content-presentation .cp-wrap {display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:0;width:min(1440px,calc(100% - 64px));height:100%;min-height:0;margin:0 auto;padding:8px 0;box-sizing:border-box;background:transparent}
html body #root#root #content.content-presentation .cp-heading {display:block;padding:0 0 8px;margin:0;min-height:0;border:0}
html body #root#root #content.content-presentation .cp-heading h1 {font-size:clamp(24px,2.3vw,34px)!important;line-height:1.1!important;max-width:none;margin:0!important}
html body #root#root #content.content-presentation .cp-chapters {gap:20px;min-height:0;border-bottom:1px solid #8c906544}
html body #root#root #content.content-presentation .cp-chapters button {display:block;font-size:20px;line-height:1.15;min-height:36px;padding:6px 0;white-space:nowrap}
html body #root#root #content.content-presentation .cp-stage {min-height:0;display:flex}
html body #root#root #content.content-presentation .cp-chapter {width:100%;min-height:0;padding:12px 0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
html body #root#root #content.content-presentation .cp-chapter[hidden] {display:none!important}
html body #root#root #content.content-presentation .cp-pager {grid-template-columns:1fr auto 1fr;gap:16px;padding:4px 0 0;min-height:36px}
html body #root#root #content.content-presentation .cp-previous {font-size:20px;padding:4px 0;min-height:36px;gap:8px}
html body #root#root #content.content-presentation .cp-position {grid-column:auto;grid-row:auto;font-size:20px}
html body #root#root #content.content-presentation .cp-next {grid-column:auto;grid-row:auto;min-height:36px;width:max-content;max-width:100%;gap:10px;padding:4px 0;margin:0;border:0;background:none;color:#3d5b39!important;box-sizing:border-box}
html body #root#root #content.content-presentation .cp-next>span {font-size:20px;line-height:1.1}
html body #root#root #content.content-presentation .cp-next b {font-size:24px}
html body #root#root #content.content-presentation .mt-presentation {display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);grid-template-rows:minmax(0,1fr) auto;gap:10px 32px;height:100%;min-height:0;max-height:none;padding:0!important}
html body #root#root #content.content-presentation .mt-presentation .mt-heading {grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;padding:0!important;min-height:0}
html body #root#root #content.content-presentation .mt-presentation .mt-heading h2 {font-size:clamp(30px,3.4vw,54px);line-height:1.05;letter-spacing:-.025em}
html body #root#root #content.content-presentation .mt-presentation .mt-heading h2 em {font-size:1em;line-height:inherit}
html body #root#root #content.content-presentation .mt-presentation .mt-heading>p {flex:none;font-size:clamp(19px,1.55vw,25px);line-height:1.25;margin:0;max-width:26ch}
html body #root#root #content.content-presentation .mt-presentation .mt-artboard {grid-column:2;grid-row:1;width:100%;height:100%;min-height:0;max-height:none;box-sizing:border-box;align-self:center;border-radius:160px 160px 14px 14px}
html body #root#root #content.content-presentation .mt-presentation .mt-object {width:min(23cqw,40cqh);height:auto;--mt-edge-y:0px}
html body #root#root #content.content-presentation .mt-presentation .mt-art-title>span {font-size:min(14cqw,22cqh)}
html body #root#root #content.content-presentation .mt-presentation .mt-art-title>em {font-size:min(19cqw,30cqh)}
html body #root#root #content.content-presentation .mt-credits-open {grid-column:2;align-self:start;justify-self:end;padding:2px 0;border:0;background:none;color:#645b43;font-size:17px;line-height:1.15;cursor:pointer}
html body #root#root #content.content-presentation .mt-asset-status {font-size:17px;line-height:1.15;margin:0}
.mt-credits-dialog {box-sizing:border-box;width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;background:#e8dfca;color:#284b34;border:1px solid #9c8e6d;padding:24px;border-radius:12px}
.mt-credits-dialog::backdrop {background:#173b30ce;backdrop-filter:blur(5px)}
.mt-credits-dialog header {display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.mt-credits-dialog h2 {margin:0;font-size:30px;line-height:1.05}.mt-credits-dialog header button {background:none;border:0;min-width:44px;min-height:44px;font-size:30px;color:inherit;cursor:pointer}
.mt-credits-dialog p,.mt-credits-dialog li,.mt-credits-dialog a {font-size:18px;line-height:1.3}.mt-credits-dialog ul {padding:0;list-style:none;display:grid;gap:15px}.mt-credits-dialog li>span {display:block;overflow-wrap:anywhere}
html body #root#root #content.content-presentation .mg-presentation {height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:9px;padding:0!important;margin:0!important}
html body #root#root #content.content-presentation .mg-presentation .mg-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:0}
html body #root#root #content.content-presentation .mg-presentation .mg-heading h2 {font-size:clamp(26px,2.8vw,44px);line-height:1.05;margin:0}
html body #root#root #content.content-presentation .mg-presentation .mg-heading>p {font-size:19px;line-height:1.2;max-width:24ch;margin:0}
html body #root#root #content.content-presentation .mg-presentation .mg-grid {min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
html body #root#root #content.content-presentation .mg-presentation .mg-card {min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px}
html body #root#root #content.content-presentation .mg-presentation .mg-card[hidden] {display:none!important}
html body #root#root #content.content-presentation .mg-presentation .mg-open {min-height:0;height:100%;width:100%;aspect-ratio:auto;box-sizing:border-box;background:#233e30}
html body #root#root #content.content-presentation .mg-presentation .mg-open>img {height:100%;width:100%;aspect-ratio:auto;object-fit:contain}
html body #root#root #content.content-presentation .mg-presentation .mg-card-play {bottom:10px;left:10px;font-size:17px;gap:7px;padding:4px 8px;border-radius:30px;background:#233e30d9}
html body #root#root #content.content-presentation .mg-presentation .mg-card-play>span {width:28px;height:28px;font-size:17px;background:none;color:inherit}
html body #root#root #content.content-presentation .mg-presentation .mg-card-caption {padding:0;display:block;min-height:25px}
html body #root#root #content.content-presentation .mg-presentation .mg-card-caption h3 {font-size:clamp(20px,2vw,28px);line-height:1.1;margin:0}
html body #root#root #content.content-presentation .mg-presentation .mg-pagination {display:flex;justify-content:center;align-items:center;gap:20px;font-size:18px;line-height:1.1}
html body #root#root #content.content-presentation .mg-presentation .mg-pagination button {font-size:24px;line-height:1;min-width:44px;min-height:36px;background:none;color:#36583e;border:1px solid #8d976550;border-radius:30px;cursor:pointer}
html body #root#root #content.content-presentation .mg-presentation .mg-pagination button:disabled {opacity:.3;cursor:default}
html body #root#root #content.content-presentation .mg-presentation .mg-gallery-note {font-size:17px;line-height:1.15;text-align:center;margin:0;padding:0;border:0;max-width:none}
.mg-viewer-description {font-size:18px;line-height:1.25}
html body #root#root #content.content-presentation .mg-next-step {height:100%;min-height:0;align-content:center;align-items:center;gap:40px;padding:0;margin:0;grid-template-columns:1fr 1fr}
html body #root#root #content.content-presentation .mg-next-step h2 {font-size:clamp(32px,4.2vw,62px);line-height:1.04;margin:0 0 20px}
html body #root#root #content.content-presentation .mg-next-step .cp-project-intro>p {font-size:clamp(19px,1.65vw,26px);line-height:1.25;max-width:32ch;margin:0}
html body #root#root #content.content-presentation .cp-materials {padding:0}
html body #root#root #content.content-presentation .cp-materials h3 {font-size:26px;line-height:1.1;margin:0 0 8px}
html body #root#root #content.content-presentation .cp-materials li {gap:14px;padding:10px 0;align-items:center}
html body #root#root #content.content-presentation .cp-materials li>span {font-size:17px;padding:0}
html body #root#root #content.content-presentation .cp-materials strong {font-size:24px;line-height:1.15}
html body #root#root #content.content-presentation .cp-materials li p {font-size:20px;line-height:1.15;margin:3px 0 0}
html body #root#root #content.content-presentation .cp-materials .cp-start-note {font-size:18px;line-height:1.15;margin:12px 0 0}
@media(max-width:700px){
 html body #root#root #content.content-presentation .cp-wrap {width:calc(100% - 28px);padding:6px 0}
 html body #root#root #content.content-presentation .cp-heading {padding-bottom:5px}
 html body #root#root #content.content-presentation .cp-heading h1 {font-size:24px!important;line-height:1.1!important}
 html body #root#root #content.content-presentation .cp-chapters {gap:12px}
 html body #root#root #content.content-presentation .cp-chapters button {font-size:18px;min-height:36px;padding:6px 0}
 html body #root#root #content.content-presentation .cp-chapter {padding:10px 0}
 html body #root#root #content.content-presentation .cp-pager {gap:12px}
 html body #root#root #content.content-presentation .cp-previous,html body #root#root #content.content-presentation .cp-position,html body #root#root #content.content-presentation .cp-next>span {font-size:18px}
 html body #root#root #content.content-presentation .mt-presentation {display:flex;flex-direction:column;gap:8px}
 html body #root#root #content.content-presentation .mt-presentation .mt-heading {display:block;flex:none;padding:0}
 html body #root#root #content.content-presentation .mt-presentation .mt-heading h2 {font-size:28px;line-height:1.05}
 html body #root#root #content.content-presentation .mt-presentation .mt-heading>p {font-size:18px;line-height:1.15;max-width:none;margin:7px 0 0}
 html body #root#root #content.content-presentation .mt-presentation .mt-artboard {flex:1;width:100%;height:auto;min-height:80px;border-radius:80px 80px 10px 10px}
 html body #root#root #content.content-presentation .mt-presentation .mt-object {width:min(24cqw,37cqh)}
 html body #root#root #content.content-presentation .mt-credits-open {align-self:flex-end;font-size:17px;line-height:1.1}
 html body #root#root #content.content-presentation .mg-presentation {gap:8px}
 html body #root#root #content.content-presentation .mg-presentation .mg-heading {display:block}
 html body #root#root #content.content-presentation .mg-presentation .mg-heading h2 {font-size:25px;line-height:1.05}
 html body #root#root #content.content-presentation .mg-presentation .mg-heading>p {font-size:17px;line-height:1.15;max-width:none;margin:6px 0 0}
 html body #root#root #content.content-presentation .mg-presentation .mg-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 html body #root#root #content.content-presentation .mg-presentation .mg-card {gap:6px}
 html body #root#root #content.content-presentation .mg-presentation .mg-card-caption {min-height:40px}
 html body #root#root #content.content-presentation .mg-presentation .mg-card-caption h3 {font-size:18px;line-height:1.1}
 html body #root#root #content.content-presentation .mg-presentation .mg-card-play {left:4px;bottom:6px;gap:4px;padding:2px 5px;font-size:17px}
 html body #root#root #content.content-presentation .mg-presentation .mg-card-play>span {width:23px;height:23px;font-size:17px}
 html body #root#root #content.content-presentation .mg-presentation .mg-gallery-note {font-size:17px}
 html body #root#root #content.content-presentation .mg-next-step {display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:18px}
 html body #root#root #content.content-presentation .mg-next-step h2 {font-size:30px;line-height:1.05;margin:0 0 8px}
 html body #root#root #content.content-presentation .mg-next-step .cp-project-intro>p {font-size:18px;line-height:1.15;max-width:none}
 html body #root#root #content.content-presentation .cp-materials h3 {font-size:22px;line-height:1.1;margin:0 0 4px}
 html body #root#root #content.content-presentation .cp-materials li {gap:12px;padding:8px 0}
 html body #root#root #content.content-presentation .cp-materials strong {font-size:19px;line-height:1.1}
 html body #root#root #content.content-presentation .cp-materials li p {font-size:17px;line-height:1.1;margin:2px 0 0}
 html body #root#root #content.content-presentation .cp-materials .cp-start-note {font-size:17px;line-height:1.1;margin:8px 0 0}
}
@media(max-width:700px) and (max-height:650px){
 html body #root#root #content.content-presentation .cp-wrap {padding:4px 0}
 html body #root#root #content.content-presentation .cp-heading h1 {font-size:22px!important}
 html body #root#root #content.content-presentation .cp-chapters button {font-size:17px;min-height:32px;padding:4px 0}
 html body #root#root #content.content-presentation .cp-chapter {padding:7px 0}
 html body #root#root #content.content-presentation .mt-presentation .mt-heading h2 {font-size:24px}
 html body #root#root #content.content-presentation .mt-presentation .mt-heading>p {font-size:17px;margin-top:5px}
 html body #root#root #content.content-presentation .mg-next-step {gap:12px}
 html body #root#root #content.content-presentation .mg-next-step h2 {font-size:26px;margin-bottom:6px}
 html body #root#root #content.content-presentation .mg-next-step .cp-project-intro>p {font-size:17px}
 html body #root#root #content.content-presentation .cp-materials h3 {font-size:20px}
 html body #root#root #content.content-presentation .cp-materials li {padding:5px 0}
 html body #root#root #content.content-presentation .cp-materials strong {font-size:18px}
 html body #root#root #content.content-presentation .cp-previous,html body #root#root #content.content-presentation .cp-position,html body #root#root #content.content-presentation .cp-next>span {font-size:17px}
}
/* Posters fill their preview frames; full uncropped clips open in the player. */
html body #root#root #content.content-presentation .mg-presentation .mg-open>img {object-fit:cover}
@media(max-width:700px) and (min-height:651px){
 html body #root#root #content.content-presentation .mg-presentation .mg-grid {grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}
 html body #root#root #content.content-presentation .mg-presentation .mg-card {gap:4px}
 html body #root#root #content.content-presentation .mg-presentation .mg-card-caption {min-height:20px}
 html body #root#root #content.content-presentation .mg-presentation .mg-card-caption h3 {font-size:19px;line-height:1.05}
}
/* Native video dialog keeps readable warm type; scrolling is confined to the dialog. */
html body .mg-dialog {background:#19382d;color:#e5d3ac;overscroll-behavior:contain}
html body .mg-dialog .mg-viewer-head span,html body .mg-dialog .mg-loading,html body .mg-dialog .mg-player-state p,html body .mg-dialog .mg-player-state button,html body .mg-dialog .mg-viewer-foot p,html body .mg-dialog .mg-viewer-foot a {font-size:17px;line-height:1.25;letter-spacing:0}
html body .mg-dialog .mg-viewer-foot {border-color:#bca77845}

/* One type family also overrides the old route-specific font shorthands. */
html body #root#root#root *,html body dialog.dialog dialog *,html body dialog,html body dialog *{font-family:'GIFS Serif',Georgia,serif!important}
html body #root .mg-card-top,html body #root .mg-card-play,html body #root .mg-card-top span,html body #root .mg-card-play span{color:#e5d3ac!important}
.mg-dialog,.mg-dialog :is(h2,p,span,button,a){color:#e5d3ac!important}.mg-dialog .mg-close{border-color:#bca77870}.mg-dialog .mg-player-state button{background:#203d32;color:#e5d3ac}
html body #root .project-book .pb-tabs button[aria-selected=true],html body #root .project-book .ps-tabs button[aria-selected=true]{background:#294936;color:#e5d3ac!important}
html body #root .project-book .pb-actions a,html body #root .project-book .ps-primary-link,html body #root .project-book .ps-tabs button{color:#bfa36f!important}
html body #root .project-book .pb-actions a span,html body #root .project-book .ps-primary-link span{color:inherit!important}
body:has(#root[data-route='/404/']){background:#e8dfca;color:#294936}#root[data-route='/404/'] nav a:first-child{color:#e5d3ac}#root[data-route='/404/'] p{font-size:22px}#root[data-route='/404/'] header a{font-size:44px;font-weight:500}
.client-related{font-size:18px;line-height:1.5;color:inherit}
.gifs-apple-mark{width:.72em;height:.85em;display:inline-block;vertical-align:-.08em;flex-shrink:0;margin-right:.16em;overflow:visible}.gifs-mark-fruit{fill:#893e32;stroke:#d4b981;stroke-width:1.8}.gifs-mark-leaf{fill:#8c9f69;stroke:#d4b981;stroke-width:1.4}.gifs-mark-stem{fill:none;stroke:#d4b981;stroke-width:2.2;stroke-linecap:round}.gifs-mark-shine{fill:none;stroke:#e4c490;stroke-width:1.5;stroke-linecap:round;opacity:.7}.client-brand>a{display:inline-flex;align-items:center}
html body #root .ais-demo-only .ais-submit,html body #root .ais-demo-only .ais-primary,html body #root .ais-demo-only .ais-result-text,html body #root .ais-demo-only .ais-thread-meta{color:#e4d1ac!important}

/* Pages are compositions within the viewport; long reading stays in a dialog. */
html.gifs-refined,html.gifs-refined body{min-height:100%;margin:0;overscroll-behavior:none}
html.gifs-refined body{overflow-x:clip}
html.gifs-refined #root .screen-service{height:100svh;min-height:0!important;display:grid;grid-template-rows:76px minmax(0,1fr) 34px;position:relative;isolation:isolate}
html.gifs-refined #root .screen-service>main{width:100%;max-width:none;min-height:0!important;height:100%;padding:0!important;margin:0!important;display:flex;flex-direction:column;position:relative;z-index:1}
html.gifs-refined #root .screen-service>.client-header{height:76px;min-height:0;padding:10px clamp(22px,3vw,60px);gap:22px;position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between}
.screen-service .client-brand>a{font-size:46px!important;line-height:1}.screen-service .client-brand .gifs-apple-mark{width:30px;height:36px}.screen-service .client-brand>span{font-size:15px;line-height:1.1}
.screen-service .client-desktop-navigation{display:flex;gap:clamp(16px,2vw,36px)}.screen-service .client-desktop-navigation a{font-size:19px;white-space:nowrap}
.client-mobile-navigation{display:none}.screen-service .client-header-contact{font-size:18px!important;border:0!important;border-radius:0!important;padding:8px 0!important;background:transparent!important}
html.gifs-refined #root .screen-service>.client-footer{height:34px;min-height:0;padding:0 clamp(18px,3vw,60px);margin:0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16px;line-height:1;border-top:1px solid #b5a27e30;position:relative;z-index:2}
.client-footer button{font:inherit;color:inherit;background:none;border:0;padding:6px 0;cursor:pointer}.client-footer a{text-decoration:none}
.screen-dialog{position:fixed;inset:0;width:min(760px,calc(100vw - 32px));max-width:none;max-height:min(720px,calc(100svh - 40px));height:max-content;margin:auto;padding:0;border:1px solid #a59168;border-radius:8px;background:#e7d8b9;color:#233f30;box-shadow:0 24px 90px #07150e66;font-family:'GIFS Serif',Georgia,serif;font-size:20px;line-height:1.4;z-index:100}
.screen-dialog:not([open]){display:none!important}.screen-dialog[open]{display:flex;flex-direction:column;min-height:0}.screen-dialog::backdrop{background:#142b22b3;backdrop-filter:blur(3px)}
.screen-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border-bottom:1px solid #49613d44;flex:none}.screen-dialog-head h2{font:600 24px/1.1 'GIFS Serif',Georgia,serif!important;margin:0!important;color:#294334!important}.screen-dialog-head button{background:none;border:0;color:#294334;font:600 18px/1.1 'GIFS Serif',Georgia,serif;padding:8px;min-height:36px;cursor:pointer;white-space:nowrap}.screen-dialog-head button span{font-size:25px;margin-left:5px}
.screen-dialog-body{padding:22px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-color:#8b926b #e7d8b9}.screen-dialog-body :is(h1,h2,h3){color:#294334!important;font-family:inherit!important;line-height:1.1!important;letter-spacing:-.02em!important}.screen-dialog-body :is(h1,h2){font-size:34px!important;margin:12px 0 18px!important}.screen-dialog-body h3{font-size:27px!important;margin:24px 0 12px!important}.screen-dialog-body :is(p,li){font-size:20px!important;line-height:1.4!important;color:#334735!important}.screen-dialog-body p{margin:12px 0!important}.screen-dialog-body a{color:#6c4231!important}.screen-dialog-body .eyebrow{font-size:15px!important;letter-spacing:.04em!important}.screen-dialog-body .seo-faq{margin:0!important}.screen-dialog-body .seo-faq details{padding:14px 0!important}.screen-dialog-body .seo-faq summary{font-size:22px!important;color:#294334!important}.screen-dialog-body .gifs-guide-link{margin:20px 0!important;padding:16px 0!important}.screen-dialog-body .gifs-guides-card-compact{padding:10px 0;border-top:1px solid #49613d33}.guide-reader-meta{opacity:.8}.screen-dialog .case-reader .seo-section{padding:20px 0!important}
.screen-dialog .case-reader .su-hero{display:block!important}.screen-dialog .case-reader .su-hero-visual{margin-top:20px}.screen-dialog .case-reader .su-page-index,.screen-dialog .case-reader .su-explore{display:none!important}.screen-dialog .case-reader :is(.su-rows,.su-layout){display:block!important}
html.gifs-refined #root .screen-library{padding:clamp(16px,3vh,42px) clamp(20px,5vw,100px)!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) 48px;gap:16px;color:#294334}
.screen-library header{max-width:1100px;width:100%;margin:0 auto}.screen-library header .eyebrow{margin:0;font-size:15px}.screen-library header :is(h1,h2){font-size:clamp(32px,4vw,60px)!important;line-height:1.03!important;margin:10px 0!important;color:#294334!important}.screen-library header>p:last-child{font-size:22px;margin:0;max-width:60ch}.screen-library-list{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));width:min(1100px,100%);margin:auto;height:100%;min-height:0}.screen-library-list article{display:flex;flex-direction:column;justify-content:center;padding:12px 0;border-top:1px solid #647c503f}.screen-library-list article[hidden]{display:none!important}.screen-library-list article>span{font-size:17px;color:#6e593a}.screen-library-list h3{font-size:clamp(24px,2.4vw,38px)!important;font-weight:500;line-height:1.12!important;margin:8px 0!important}.screen-library-list h3 a{display:flex;align-items:center;justify-content:space-between;gap:20px;text-decoration:none;color:inherit}.screen-library-list h3 b{font-size:22px;font-weight:400}
.screen-pager{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border-top:1px solid #81916a55;padding-top:10px;font-size:20px;align-self:end}.screen-pager :is(button,a){font:600 20px/1.1 'GIFS Serif',Georgia,serif;min-height:38px;background:none;border:0;color:inherit;text-decoration:none;cursor:pointer;padding:6px 0}.screen-pager button:disabled{opacity:.35;cursor:default}
html.gifs-refined #root .pb-viewport{padding:0!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;display:flex;flex-direction:column;gap:12px;min-height:0;height:100%;color:inherit}
.pb-viewport .pb-topline{flex:none;display:flex;justify-content:space-between;gap:12px;margin:0;padding:0;font-size:16px;line-height:1.1}.pb-viewport .pb-topline p{margin:0!important;font-size:17px!important}.pb-viewport .pb-topline p span{opacity:.7}.pb-viewport .pb-tabs{flex:none;display:flex;gap:22px;border-bottom:1px solid #9b9d6b66;min-width:0}.pb-viewport .pb-tabs button{min-height:38px;font:600 19px/1.1 'GIFS Serif',Georgia,serif!important;border:0!important;border-bottom:1px solid transparent!important;background:none!important;color:inherit!important;padding:8px 0!important;white-space:normal}.pb-viewport .pb-tabs button[aria-selected=true]{color:#b7754b!important;border-color:currentColor!important}.client-service:not(.client-service-light) .pb-viewport .pb-tabs button[aria-selected=true]{color:#edd2a0!important}
.pb-viewport-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:32px;min-height:0;flex:1}.pb-viewport-body>figure{height:100%;min-height:0;margin:0;display:flex;flex-direction:column;justify-content:center;gap:7px}.pb-viewport-body>figure img{width:100%;max-height:calc(100% - 28px);min-height:0;object-fit:contain;object-position:center;display:block;border:1px solid #a59e7144}.pb-viewport-body figcaption{font-size:15px;line-height:1.1;text-align:center;flex:none}.pb-viewport-copy{min-width:0}.pb-viewport-copy .pb-status{font-size:17px!important;margin:0 0 8px!important}.pb-viewport-copy h2{font-size:clamp(30px,3.2vw,52px)!important;line-height:1.04!important;margin:0 0 16px!important;color:inherit!important}.pb-viewport-copy>p{font-size:clamp(20px,1.8vw,28px)!important;line-height:1.25!important;margin:0!important}.pb-viewport-copy .pb-actions{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px!important}.pb-viewport-copy .pb-actions button{font:600 19px/1.15 'GIFS Serif',Georgia,serif!important;color:inherit;background:none!important;border:0!important;padding:7px 0!important;cursor:pointer;min-height:36px;text-align:left}
html.gifs-refined #root #services.studio-projects{height:calc(100svh - 76px)!important;min-height:0!important;padding:24px clamp(22px,5vw,100px)!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;margin:0!important;max-width:none!important;color:#294334!important}
#services.studio-projects>header{margin:0!important}#services.studio-projects>header h1{font-size:40px!important;line-height:1!important;margin:6px 0!important}#services.studio-projects>header p{font-size:19px!important;margin:0!important}#services.studio-projects>header p:first-child{font-size:14px!important}#services.studio-projects>footer{padding:10px 0 0!important;margin:0!important;gap:20px;font-size:18px!important;display:flex;flex-wrap:wrap;border-top:1px solid #647c5040}#services.studio-projects>footer span{display:none}
html.gifs-refined #root .screen-case{padding:24px clamp(22px,5vw,100px)!important;gap:24px}.screen-case>header{flex:none}.screen-case>header p{margin:0}.screen-case>header h1{font-size:clamp(30px,4vw,54px)!important;line-height:1.1!important;margin:8px 0!important;color:#294334!important}.screen-case>.pb-viewport{flex:1}
html.gifs-refined #root #approach.screen-approach{height:calc(100svh - 76px)!important;min-height:0!important;padding:24px clamp(22px,5vw,100px)!important;margin:0!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;color:#294334!important}
.screen-approach>header .eyebrow{font-size:15px!important;margin:0!important}.screen-approach>header h1{font-size:clamp(30px,3.5vw,52px)!important;line-height:1.05!important;margin:8px 0!important;color:inherit!important}.screen-approach-step{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);align-items:center;gap:7vw;min-height:0;animation:screen-step-enter .35s ease both}.screen-approach-step>svg{width:100%;height:100%;max-height:360px;fill:none;stroke:#797d50;stroke-width:1.4}.screen-approach-step h2{font-size:clamp(32px,4vw,58px)!important;line-height:1.04!important;margin:8px 0 22px!important;color:inherit!important}.screen-approach-step p{font-size:clamp(20px,1.7vw,26px)!important;line-height:1.3!important;max-width:43ch}.screen-approach-step p.eyebrow{font-size:16px!important}.screen-approach-result{padding-top:14px;border-top:1px solid #647c5040}.screen-approach-result span{display:block;font-size:17px;font-style:italic;margin-bottom:4px}.screen-approach-result strong{font-weight:600}.screen-approach-decision{color:#73533e!important}
html.gifs-refined body.route-inner #root>.masthead{position:relative!important;inset:auto!important;height:76px!important;min-height:0!important;padding:8px clamp(20px,4vw,65px)!important;box-sizing:border-box;display:flex!important;align-items:center;z-index:10}
body.route-inner .masthead .wordmark{font-size:45px!important}body.route-inner .masthead .studio-note,body.route-inner .masthead .header-date{display:none!important}body.route-inner .masthead .studio-navigation{font-size:18px!important}body.route-inner .masthead .back-link{margin-left:auto!important;position:static!important}body.route-inner .page-progress{display:none!important}
@keyframes screen-step-enter{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.screen-service .client-desktop-navigation{gap:16px}.screen-service .client-desktop-navigation a{font-size:17px}.screen-service .client-brand>span,.screen-service .client-header-contact{display:none!important}}
@media(max-width:700px),(max-height:540px) and (hover:none){
 html.gifs-refined #root .screen-service{grid-template-rows:64px minmax(0,1fr) 32px}
 html.gifs-refined #root .screen-service>.client-header{height:64px;padding:10px 18px;gap:12px}.screen-service .client-brand>a{font-size:40px!important}.screen-service .client-brand .gifs-apple-mark{width:25px;height:30px}.screen-service .client-desktop-navigation{display:none!important}.client-mobile-navigation{display:block;margin-left:auto;color:inherit;font-size:19px}.client-mobile-navigation summary{cursor:pointer;list-style:none;min-height:40px;display:flex;align-items:center;gap:16px}.client-mobile-navigation summary::-webkit-details-marker{display:none}.client-mobile-navigation nav{position:absolute;top:60px;right:12px;width:min(280px,calc(100vw - 24px));display:flex!important;flex-direction:column;gap:0!important;padding:12px 20px!important;background:#254333;border:1px solid #ab9973;border-radius:5px;box-shadow:0 15px 30px #07150e66}.client-mobile-navigation nav a{display:block;padding:9px 0;font-size:21px!important;color:#e5cda0!important}
 html.gifs-refined #root .screen-service>.client-footer{height:32px;padding:0 16px;font-size:16px;gap:12px}.client-footer>span{display:none}
 .screen-dialog{width:calc(100vw - 20px);max-height:calc(100svh - 24px);border-radius:5px}.screen-dialog-head{padding:10px 12px;gap:10px}.screen-dialog-head h2{font-size:21px!important}.screen-dialog-head button{font-size:17px}.screen-dialog-body{padding:16px}.screen-dialog-body :is(h1,h2){font-size:29px!important}.screen-dialog-body :is(p,li){font-size:19px!important}
 html.gifs-refined #root .screen-library{padding:14px 18px!important;gap:10px;grid-template-rows:auto minmax(0,1fr) 40px}.screen-library header :is(h1,h2){font-size:31px!important;margin:7px 0!important}.screen-library header .eyebrow{font-size:13px}.screen-library header>p:last-child{font-size:18px;line-height:1.15}.screen-library-list article{padding:8px 0}.screen-library-list article>span{font-size:15px}.screen-library-list h3{font-size:23px!important;margin:5px 0!important}.screen-pager{font-size:18px;padding-top:5px}.screen-pager :is(button,a){font-size:18px}
 html.gifs-refined #root .pb-viewport{gap:8px}.pb-viewport .pb-topline{font-size:14px}.pb-viewport .pb-topline p{font-size:15px!important}.pb-viewport .pb-topline p span{display:none}.pb-viewport .pb-tabs{gap:12px;justify-content:space-between}.pb-viewport .pb-tabs button{font-size:17px!important;min-height:38px;padding:5px 0!important}.pb-viewport-body{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:10px;align-items:stretch}.pb-viewport-body>figure{min-height:0}.pb-viewport-body figcaption{font-size:13px;line-height:1.05}.pb-viewport-copy .pb-status{display:none}.pb-viewport-copy h2{font-size:27px!important;margin:0 0 6px!important}.pb-viewport-copy>p{font-size:18px!important;line-height:1.15!important}.pb-viewport-copy .pb-actions{margin-top:7px!important;gap:8px 16px}.pb-viewport-copy .pb-actions button{font-size:17px!important;padding:4px 0!important;min-height:32px}.pb-viewport-body>figure img{max-height:calc(100% - 20px)}
 html.gifs-refined body.route-inner #root>.masthead{height:64px!important;padding:8px 18px!important}.masthead .back-link{font-size:18px!important}.masthead .studio-menu{display:none!important}
 html.gifs-refined #root #services.studio-projects{height:calc(100svh - 64px)!important;padding:14px 18px!important;gap:12px}#services.studio-projects>header h1{font-size:31px!important}#services.studio-projects>header p{font-size:18px!important;line-height:1.1!important}#services.studio-projects>header p:first-child{font-size:13px!important}#services.studio-projects>footer{font-size:16px!important;gap:7px 16px;padding-top:6px!important}
 html.gifs-refined #root .screen-case{padding:12px 18px!important;gap:12px}.screen-case>header h1{font-size:29px!important;margin:5px 0!important}
 html.gifs-refined #root #approach.screen-approach{height:calc(100svh - 64px)!important;padding:14px 18px!important;gap:12px}.screen-approach>header h1{font-size:31px!important;margin:6px 0!important}.screen-approach>header .eyebrow{font-size:13px!important}.screen-approach-step{grid-template-columns:1fr;grid-template-rows:minmax(40px,.8fr) auto;gap:12px}.screen-approach-step>svg{max-height:150px;width:auto;justify-self:center}.screen-approach-step h2{font-size:30px!important;margin:5px 0 10px!important}.screen-approach-step p{font-size:19px!important;line-height:1.15!important;margin:8px 0}.screen-approach-step p.eyebrow{font-size:14px!important;margin:0}.screen-approach-result{padding-top:8px}.screen-approach-result span{font-size:16px}.screen-approach-decision{font-size:18px!important}
}
@media(max-width:700px) and (max-height:650px){.screen-approach-step{grid-template-columns:54px 1fr;grid-template-rows:1fr;gap:12px}.screen-approach-step>svg{max-height:70px;width:54px;align-self:start;margin-top:34px}.screen-approach-step h2{font-size:27px!important}.screen-approach-step p{font-size:18px!important}.screen-library header>p:last-child{display:none}.screen-library-list h3{font-size:22px!important}}
@media(prefers-reduced-motion:reduce){.screen-approach-step{animation:none}}

html.gifs-refined #root #services.studio-projects{grid-template-rows:auto minmax(0,1fr)}
html.gifs-refined #root .pb-viewport .pb-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex-wrap:nowrap!important}
html.gifs-refined #root .pb-viewport .pb-tabs button{justify-content:flex-start;min-width:0!important;white-space:normal!important;line-height:1.05!important}
html.gifs-refined #root .pb-viewport .pb-tabs button[aria-selected=true]{color:#8d5035!important;background:none!important;border-color:#8d5035!important}
html.gifs-refined #root .client-service:not(.client-service-light) .pb-viewport .pb-tabs button[aria-selected=true]{color:#efd0a0!important;border-color:#efd0a0!important}
@media(min-width:701px) and (max-width:1100px){
 .screen-service .client-desktop-navigation{display:none!important}.client-mobile-navigation{display:block;margin-left:auto;color:inherit;font-size:20px}.client-mobile-navigation summary{cursor:pointer;list-style:none;min-height:42px;display:flex;align-items:center;gap:16px}.client-mobile-navigation summary::-webkit-details-marker{display:none}.client-mobile-navigation nav{position:absolute;top:70px;right:20px;width:300px;display:flex!important;flex-direction:column;gap:0!important;padding:12px 20px!important;background:#254333;border:1px solid #ab9973;border-radius:5px;box-shadow:0 15px 30px #07150e66}.client-mobile-navigation nav a{display:block;padding:9px 0;font-size:22px!important;color:#e5cda0!important}
}

html.gifs-refined #root .pb-viewport .pb-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px 20px!important}
html.gifs-refined #root .pb-viewport .pb-actions button{width:auto!important;min-width:0!important}
html.gifs-refined #root .service-presentation .pb-viewport,html.gifs-refined #root .service-presentation .pb-viewport :is(.pb-topline,.pb-topline p,.pb-topline span,.pb-viewport-copy,.pb-viewport-copy p,.pb-viewport-copy h2,.pb-actions button,.pb-tabs button,figcaption){color:#dfcba5!important}
html.gifs-refined #root .service-presentation .pb-viewport .pb-tabs button[aria-selected=true]{color:#efcf8c!important}
html.gifs-refined #root .pb-viewport figcaption{font-size:17px!important;line-height:1.05!important}
html.gifs-refined #root .pb-viewport .pb-topline,html.gifs-refined #root .pb-viewport .pb-topline p{font-size:17px!important}
html.gifs-refined #root .pb-viewport-body>figure img{border:0!important;object-fit:cover;height:100%;width:100%;max-height:calc(100% - 25px)}
html.gifs-refined #root .service-presentation .pb-viewport>.pb-topline{display:none!important}
.screen-dialog .pb-reader-image{display:block;width:100%;height:auto;border:0}
@media(max-width:700px){html.gifs-refined #root .pb-viewport-body{grid-template-rows:minmax(80px,1fr) auto}.pb-viewport-copy .pb-actions button{font-size:17px!important}.service-presentation .pb-viewport-body{gap:7px}.service-presentation .pb-viewport-copy h2{font-size:26px!important;margin:0 0 5px!important}}

html.gifs-refined{scrollbar-gutter:auto!important}

/* Scoped paper scene and project book. The page frame remains owned by its parent. */
html body #root#root #approach.ab-approach {display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;gap:12px!important;height:calc(100svh - 76px)!important;min-height:0!important;padding:16px clamp(18px,4vw,64px)!important;box-sizing:border-box}
html body #root#root #approach.ab-approach[hidden] {display:none!important}
html body #root#root .ab-approach>header h1 {font-size:clamp(25px,3vw,42px)!important;line-height:1.05!important;margin:0!important}
html body #root#root .ab-paper-scene {height:100%;min-height:0;width:min(1120px,100%);margin:0 auto;padding:0;background:none;border:0;color:#294334}
html body #root#root .ab-paper-scene .mp-workbench {height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;background:none;border:0;padding:0;box-shadow:none;overflow:visible}
html body #root#root .ab-paper-scene .va-deck-head {display:flex;justify-content:space-between;gap:10px;padding:0;margin:0;min-height:20px;font-size:17px;line-height:1.1;color:#60704a}
html body #root#root .ab-paper-scene .va-deck-head span {font-size:17px;letter-spacing:0}
html body #root#root .ab-paper-scene .mp-stage {height:100%;min-height:0;max-height:none;margin:0;padding:0 20px 28px 0;box-sizing:border-box;touch-action:pan-y}
html body #root#root .ab-paper-scene .mp-press {height:100%;min-height:0;width:100%;max-width:none;margin:0;padding:0;position:relative;transform:none}
html body #root#root .ab-paper-scene .mp-press-roller {display:none}
html body #root#root .ab-paper-scene .mp-print-deck {height:100%;min-height:0;width:100%;margin:0;padding:0;box-sizing:border-box;position:relative;perspective:1000px}
html body #root#root .ab-paper-scene .mp-print-sheet {position:absolute;inset:0;width:100%;height:100%;min-height:0;box-sizing:border-box;padding:clamp(18px,2.5vh,36px);display:grid;grid-template-columns:minmax(130px,.6fr) minmax(0,1.4fr);grid-template-rows:auto auto auto auto auto;align-content:center;gap:12px 30px;background:#e6dbc0;border:1px solid #9b936e;box-shadow:5px 8px 20px #2c352215;transform:translate(var(--sheet-x),var(--sheet-y)) rotate(var(--sheet-angle));transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .3s;overflow:visible;border-radius:3px;color:#294334}
html body #root#root .ab-paper-scene .mp-print-sheet:not(.is-current)>* {visibility:hidden}
html body #root#root .ab-paper-scene .mp-print-sheet:not(.is-current) {background:#d5c8a7}
html body #root#root .ab-paper-scene .mp-sheet-registration {grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:17px;line-height:1.1;margin:0;padding:0;color:#7c6c45}
html body #root#root .ab-paper-scene .mp-sheet-registration span {font-size:17px;letter-spacing:.02em}
html body #root#root .ab-paper-scene .mp-sheet-drawing {grid-column:1;grid-row:2/6;display:grid;place-items:center;min-height:0;width:100%;height:100%;margin:0;padding:0}
html body #root#root .ab-paper-scene .mp-sheet-drawing svg {width:100%;height:100%;max-height:280px;fill:none;stroke:#66754e;stroke-width:1.5}
html body #root#root .ab-paper-scene .mp-print-sheet h2 {grid-column:2;font-size:clamp(28px,3.3vw,48px)!important;line-height:1.02!important;margin:0!important;letter-spacing:-.02em!important;color:#294334!important}
html body #root#root .ab-paper-scene .mp-print-sheet>p {grid-column:2;font-size:clamp(19px,1.7vw,25px)!important;line-height:1.2!important;margin:0!important;max-width:none;color:#425538}
html body #root#root .ab-paper-scene .va-step-result {grid-column:2;display:block;padding:12px 0 0;margin:0;border-top:1px solid #8a916a55;min-height:0}
html body #root#root .ab-paper-scene .va-step-result span {display:block;font-size:17px;line-height:1.1;color:#7c6245;margin:0 0 5px}
html body #root#root .ab-paper-scene .va-step-result strong {display:block;font-size:clamp(19px,1.7vw,25px);line-height:1.2;font-weight:500;color:#294334}
html body #root#root .ab-paper-scene .mp-print-sheet .va-client-decision {font-size:clamp(18px,1.6vw,23px)!important;color:#73583f}
html body #root#root .ab-paper-scene .va-navigation {display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;margin:0;padding:0;min-height:38px}
html body #root#root .ab-paper-scene .va-step-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:0}
html body #root#root .ab-paper-scene .va-navigation button {display:flex;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:38px;height:auto;padding:5px 8px;font-size:20px;line-height:1.1;color:#456140;background:none;border:1px solid transparent;border-radius:3px;cursor:pointer}
html body #root#root .ab-paper-scene .va-navigation button[aria-pressed=true] {background:#d8c9a3;border-color:#9e9169;color:#294334}
html body #root#root .ab-paper-scene .va-step-options button span {font-size:inherit;letter-spacing:0;text-transform:none}
html body #root#root .ab-paper-scene .va-arrow {font-size:24px!important}
html body #root#root .ab-paper-scene .va-playback {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;padding:0;margin:0}
html body #root#root .ab-paper-scene .va-playback :is(a,button) {font-size:18px;line-height:1.1;min-height:28px;padding:3px 0;border:0;background:none;color:#705535;text-decoration:none;cursor:pointer;letter-spacing:0;text-transform:none}
html body #root#root .ab-paper-scene :is(button,a):focus-visible {outline:2px solid #7a5738;outline-offset:3px}
html body #root#root .ab-book {container:abbook/size;display:grid!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:8px!important;height:100%!important;min-height:0!important;min-width:0;width:100%;position:relative;color:inherit;box-sizing:border-box}
html body #root#root .ab-book .ab-book-top {grid-row:1;display:flex;align-items:center;justify-content:space-between;font-size:17px;padding:0!important;margin:0!important}
html body #root#root .ab-book .ab-book-top p {font-size:17px!important;margin:0!important}
html body #root#root .ab-book .ab-book-tabs {grid-row:2;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0;border-bottom:1px solid #8a916a55}
html body #root#root .ab-book .ab-book-tabs button {display:flex;align-items:center;min-height:32px!important;min-width:0!important;padding:5px 0!important;font-size:19px!important;line-height:1.1!important;white-space:normal!important;text-align:left;cursor:pointer}
html body #root#root .ab-book .ab-book-tabs button:focus-visible {outline:2px solid currentColor;outline-offset:-2px}
html body #root#root .ab-book .ab-book-body {grid-row:3;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:24px;min-height:0;height:100%;touch-action:pan-y}
html body #root#root .ab-book[data-book-count='1'] {grid-template-rows:auto minmax(0,1fr)!important}
html body #root#root .ab-book[data-book-count='1'] .ab-book-body {grid-row:2}
html body #root#root .ab-book .ab-book-figure {height:100%;min-height:0;width:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:5px;align-self:stretch}
html body #root#root .ab-book .ab-book-frame {position:relative;min-height:0;height:100%;width:100%;isolation:isolate;perspective:1100px;border:1px solid #9b976d80;background:#d7caaa;box-shadow:3px 4px 0 #baab8566,6px 7px 0 #9f946444;border-radius:3px;overflow:hidden}
html body #root#root .ab-book .ab-book-page,html body #root#root .ab-book :is(.ab-leaf-front,.ab-leaf-back) {position:absolute;inset:0;display:grid;place-items:center;background:#d7caaa}
html body #root#root .ab-book .ab-book-frame img {display:block;width:100%;height:100%;max-height:none;min-height:0;object-fit:contain;border:0;margin:0}
html body #root#root .ab-book .ab-book-spine {position:absolute;inset:0 auto 0 0;width:12px;z-index:3;background:linear-gradient(90deg,#26372b55,transparent);pointer-events:none}
html body #root#root .ab-book .ab-turning-leaf {position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;z-index:2;animation:ab-page-turn-next 600ms cubic-bezier(.42,0,.58,1) both;animation-play-state:paused;pointer-events:none}
html body #root#root .ab-book[data-book-motion=playing] .ab-turning-leaf {animation-play-state:running}
html body #root#root .ab-book .ab-turning-leaf[data-direction='-1'] {transform-origin:right center;animation-name:ab-page-turn-previous}
html body #root#root .ab-book :is(.ab-leaf-front,.ab-leaf-back) {backface-visibility:hidden;box-shadow:inset -18px 0 32px #34271933}
html body #root#root .ab-book .ab-leaf-back {transform:rotateY(180deg)}
html body #root#root .ab-book .ab-book-figure figcaption {font-size:17px;line-height:1.1;text-align:left;color:inherit;margin:0}
html body #root#root .ab-book .ab-book-copy {min-height:0;min-width:0;align-self:center}
html body #root#root .ab-book .ab-book-announcement {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0}
html body #root#root .ab-book .ab-book-copy h2 {font-size:clamp(27px,3.3vw,48px)!important;line-height:1.05!important;color:inherit!important;margin:0 0 12px!important}
html body #root#root .ab-book .ab-book-copy>p {font-size:clamp(19px,1.8vw,27px)!important;line-height:1.2!important;color:inherit!important;margin:0!important}
html body #root#root .ab-book .ab-book-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;margin-top:16px}
html body #root#root .ab-book .ab-book-actions button {font:600 19px/1.15 'GIFS Serif',Georgia,serif;color:inherit;background:none;border:0;border-bottom:1px solid #a5986d88;padding:6px 0;min-height:34px;cursor:pointer}
html body #root#root .ab-book .ab-image-fallback {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;box-sizing:border-box;min-height:0;width:100%;height:100%;text-align:center;background:#d7caaa;color:#294334}
html body #root#root .ab-book .ab-image-fallback strong {font-size:22px;line-height:1.1}.ab-image-fallback span {font-size:17px;line-height:1.15}
.ab-reader-image img {display:block;max-width:100%;width:100%;height:auto;max-height:400px;object-fit:contain}
.ab-project-facts {margin:20px 0;display:grid;gap:16px}.ab-project-facts dt {font-size:19px;color:#755d40}.ab-project-facts dd {margin:4px 0 0;font-size:21px;line-height:1.3;color:#294334}
@keyframes ab-page-turn-next {0%{transform:rotateY(0);filter:brightness(1)}65%{filter:brightness(.62)}100%{transform:rotateY(-179deg);filter:brightness(.85)}}
@keyframes ab-page-turn-previous {0%{transform:rotateY(0);filter:brightness(1)}65%{filter:brightness(.62)}100%{transform:rotateY(179deg);filter:brightness(.85)}}
@media(max-width:700px){
 html body #root#root #approach.ab-approach {height:calc(100svh - 64px)!important;padding:10px 14px!important;gap:8px!important}
 html body #root#root .ab-approach>header h1 {font-size:25px!important}
 html body #root#root .ab-paper-scene .mp-workbench {gap:6px}
 html body #root#root .ab-paper-scene .mp-print-sheet {display:block;padding:16px;align-content:normal}
 html body #root#root .ab-paper-scene .mp-sheet-registration {margin-bottom:12px;font-size:17px}
 html body #root#root .ab-paper-scene .mp-sheet-drawing {position:absolute;right:14px;top:45px;width:68px;height:62px;margin:0}
 html body #root#root .ab-paper-scene .mp-print-sheet h2 {font-size:29px!important;min-height:60px;padding-right:68px;margin-bottom:12px!important}
 html body #root#root .ab-paper-scene .mp-print-sheet>p {font-size:19px!important;line-height:1.17!important;margin-bottom:14px!important}
 html body #root#root .ab-paper-scene .va-step-result {padding-top:10px;margin-bottom:14px}
 html body #root#root .ab-paper-scene .va-step-result strong {font-size:19px;line-height:1.17}
 html body #root#root .ab-paper-scene .mp-print-sheet .va-client-decision {font-size:18px!important;margin-bottom:0!important}
 html body #root#root .ab-paper-scene .va-navigation {gap:5px;grid-template-columns:32px minmax(0,1fr) 32px}
 html body #root#root .ab-paper-scene .va-step-options {gap:4px}
 html body #root#root .ab-paper-scene .va-navigation button {font-size:17px;gap:3px;padding:4px 3px;min-height:34px}
 html body #root#root .ab-paper-scene .va-step-options button>span:first-child {display:none}
 html body #root#root .ab-paper-scene .va-playback :is(a,button) {font-size:17px}
 html body #root#root .ab-book .ab-book-tabs button {font-size:17px!important;min-height:34px!important}
 html body #root#root .ab-book .ab-book-body {grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:9px}
 html body #root#root .ab-book .ab-book-copy h2 {font-size:26px!important;margin-bottom:5px!important}
 html body #root#root .ab-book .ab-book-copy>p {font-size:18px!important;line-height:1.15!important}
 html body #root#root .ab-book .ab-book-actions {gap:8px 18px;margin-top:7px}
 html body #root#root .ab-book .ab-book-actions button {font-size:17px;min-height:30px;padding:4px 0}
}
@media(max-width:700px) and (max-height:650px){
 html body #root#root .ab-paper-scene .mp-print-sheet {padding:12px}
 html body #root#root .ab-paper-scene .mp-sheet-registration {margin-bottom:8px}
 html body #root#root .ab-paper-scene .mp-print-sheet h2 {font-size:25px!important;min-height:50px;padding-right:55px;margin-bottom:8px!important}
 html body #root#root .ab-paper-scene .mp-sheet-drawing {width:54px;height:50px;right:10px;top:39px}
 html body #root#root .ab-paper-scene .mp-print-sheet>p {font-size:17px!important;line-height:1.15!important;margin-bottom:9px!important}
 html body #root#root .ab-paper-scene .va-step-result {padding-top:7px;margin-bottom:9px}
 html body #root#root .ab-paper-scene .va-step-result span {font-size:17px;margin-bottom:3px}
 html body #root#root .ab-paper-scene .va-step-result strong,html body #root#root .ab-paper-scene .mp-print-sheet .va-client-decision {font-size:17px!important;line-height:1.15!important}
}
@media(max-height:480px) and (min-width:600px){
 html body #root#root #approach.ab-approach {height:calc(100svh - 64px)!important;padding:8px 18px!important;gap:6px!important}
 html body #root#root .ab-approach>header h1 {font-size:24px!important}
 html body #root#root .ab-paper-scene .mp-workbench {grid-template-columns:minmax(0,1fr) 130px;grid-template-rows:auto minmax(0,1fr) auto;gap:5px 18px}
 html body #root#root .ab-paper-scene .va-deck-head {grid-column:1/-1;font-size:17px;min-height:18px}
 html body #root#root .ab-paper-scene .mp-stage {grid-column:1;grid-row:2/4;padding:0 20px 28px 0}
 html body #root#root .ab-paper-scene .va-navigation {grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center;gap:4px}
 html body #root#root .ab-paper-scene .va-step-options {display:flex;flex-direction:column;order:-1;width:100%}
 html body #root#root .ab-paper-scene .va-navigation button {font-size:17px;min-height:30px;padding:4px}
 html body #root#root .ab-paper-scene .va-playback {grid-column:2;grid-row:3;flex-direction:column;align-items:flex-start;gap:2px}
 html body #root#root .ab-paper-scene .va-playback :is(a,button) {font-size:17px;min-height:25px}
 html body #root#root .ab-paper-scene .mp-print-sheet {display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:auto auto auto auto auto;padding:12px;gap:5px 14px}
 html body #root#root .ab-paper-scene .mp-sheet-registration {margin:0;font-size:17px}
 html body #root#root .ab-paper-scene .mp-sheet-drawing {position:static;grid-column:1;grid-row:2/6;width:100%;height:100%}
 html body #root#root .ab-paper-scene .mp-print-sheet h2 {grid-column:2;font-size:23px!important;min-height:0;padding:0;margin:0!important}
 html body #root#root .ab-paper-scene .mp-print-sheet>p {grid-column:2;font-size:17px!important;line-height:1.1!important;margin:0!important}
 html body #root#root .ab-paper-scene .va-step-result {grid-column:2;padding-top:4px;margin:0}
 html body #root#root .ab-paper-scene .va-step-result span {display:inline;font-size:17px;margin-right:6px}
 html body #root#root .ab-paper-scene .va-step-result strong {display:inline;font-size:17px!important;line-height:1.1}
 html body #root#root .ab-paper-scene .mp-print-sheet .va-client-decision {font-size:17px!important}
}
@container abbook (max-height:300px){
 html body #root#root .ab-book .ab-book-top {display:none}
 html body #root#root .ab-book .ab-book-tabs {grid-row:1;gap:12px}
 html body #root#root .ab-book .ab-book-tabs button {font-size:17px!important;min-height:30px!important;padding:4px 0!important}
 html body #root#root .ab-book .ab-book-body {grid-row:2/4;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:16px}
 html body #root#root .ab-book .ab-book-copy h2 {font-size:22px!important;line-height:1!important;margin-bottom:5px!important}
 html body #root#root .ab-book .ab-book-copy>p {font-size:17px!important;line-height:1.1!important}
 html body #root#root .ab-book .ab-book-actions {margin-top:6px;gap:6px 16px}
 html body #root#root .ab-book .ab-book-actions button {font-size:17px;line-height:1.1;min-height:28px;padding:3px 0}
 html body #root#root .ab-book .ab-book-figure figcaption {font-size:17px;line-height:1.05}
 html body #root#root .ab-book .ab-image-fallback span {font-size:17px}
}
@container abbook (max-height:180px){
 html body #root#root .ab-book .ab-book-copy h2 {font-size:19px!important}
 html body #root#root .ab-book .ab-book-actions {gap:3px 12px;flex-wrap:nowrap}
 html body #root#root .ab-book .ab-book-actions button {font-size:17px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){html body #root#root .ab-paper-scene .mp-print-sheet{transition:none!important}html body #root#root .ab-book .ab-turning-leaf{animation:none!important}}
/* Use a tall phone for the drawing and useful copy, never an empty paper panel. */
@media(max-width:1000px) and (orientation:portrait) and (min-height:651px){
 html body #root#root .ab-paper-scene .mp-print-sheet {display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(80px,1fr) auto auto auto auto;gap:12px;padding:18px;align-content:stretch}
 html body #root#root .ab-paper-scene .mp-sheet-registration {grid-column:1;grid-row:1;margin:0}
 html body #root#root .ab-paper-scene .mp-sheet-drawing {position:static;grid-column:1;grid-row:2;width:100%;height:100%;max-height:none;margin:0}
 html body #root#root .ab-paper-scene .mp-sheet-drawing svg {height:100%;max-height:190px;width:100%}
 html body #root#root .ab-paper-scene .mp-print-sheet h2 {grid-column:1;grid-row:3;min-height:0;padding:0;font-size:30px!important;margin:0!important}
 html body #root#root .ab-paper-scene .mp-print-sheet>p {grid-column:1;grid-row:4;font-size:21px!important;line-height:1.18!important;margin:0!important;padding:0}
 html body #root#root .ab-paper-scene .va-step-result {grid-column:1;grid-row:5;margin:0;padding-top:10px}
 html body #root#root .ab-paper-scene .va-step-result strong {font-size:21px;line-height:1.18}
 html body #root#root .ab-paper-scene .mp-print-sheet .va-client-decision {grid-column:1;grid-row:6;font-size:20px!important;line-height:1.18!important}
}
@media(min-width:701px) and (max-width:1000px) and (orientation:portrait) and (min-height:651px){
 html body #root#root .ab-paper-scene .mp-print-sheet {padding:28px;gap:18px}
 html body #root#root .ab-paper-scene .mp-sheet-drawing svg {max-height:300px}
 html body #root#root .ab-paper-scene .mp-print-sheet h2 {font-size:42px!important}
 html body #root#root .ab-paper-scene .mp-print-sheet>p,html body #root#root .ab-paper-scene .va-step-result strong {font-size:24px!important}
 html body #root#root .ab-paper-scene .mp-print-sheet .va-client-decision {font-size:22px!important}
}
@media(max-width:700px) and (max-height:540px) and (orientation:portrait){
 html body #root#root .ab-paper-scene .mp-sheet-registration {display:none}
 html body #root#root .ab-paper-scene .mp-print-sheet h2 {min-height:28px;padding-right:0;font-size:24px!important;margin-bottom:6px!important}
 html body #root#root .ab-paper-scene .mp-print-sheet>p {padding-top:0!important;margin-top:0!important;margin-bottom:4px!important}
 html body #root#root .ab-paper-scene .va-step-result {margin-top:0;padding-top:6px;margin-bottom:4px}
 html body #root#root .ab-paper-scene .va-step-result span {font-size:15px;line-height:1.1;margin-bottom:2px}
 html body #root#root .ab-paper-scene .va-step-result strong {margin-top:0}
 html body #root#root .ab-paper-scene .mp-sheet-drawing {display:none}
}
html body #root#root .ab-book .ab-book-extra {display:none;margin:16px 0 0}
html body #root#root .ab-book .ab-book-extra>div+div {margin-top:12px}
html body #root#root .ab-book .ab-book-extra dt {font-size:17px;line-height:1.1;opacity:.78;margin-bottom:3px}
html body #root#root .ab-book .ab-book-extra dd {font-size:20px;line-height:1.2;margin:0}
@container abbook (min-height:420px) and (min-width:701px){html body #root#root .ab-book .ab-book-extra {display:block}}
@container abbook (min-width:701px){html body #root#root .ab-book .ab-book-figure {max-height:calc((100cqw - 24px) * .583333 / 1.55 + 24px);align-self:center}}
@container abbook (min-height:500px) and (max-width:800px){
 html body #root#root .ab-book .ab-book-body {grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center}
 html body #root#root .ab-book .ab-book-figure {height:auto;max-height:none;grid-template-rows:auto auto}
 html body #root#root .ab-book .ab-book-frame {height:auto;aspect-ratio:1.55;max-height:350px}
 html body #root#root .ab-book .ab-book-extra {display:block;margin-top:10px}
 html body #root#root .ab-book .ab-book-extra>div+div {margin-top:7px}
 html body #root#root .ab-book .ab-book-extra dt {display:inline;font-size:17px;margin-right:6px}
 html body #root#root .ab-book .ab-book-extra dd {display:inline;font-size:18px;line-height:1.15}
}

@media(max-height:480px) and (min-width:701px){html body #root#root #approach.ab-approach{height:calc(100svh - 76px)!important}}

/* Phone copy keeps its natural height. A tall viewport must not squeeze text
   into fixed grid tracks just to reserve space for the decorative drawing. */
@media(max-width:700px) and (orientation:portrait){
 html body #root#root .ab-paper-scene .mp-print-sheet {display:flex;flex-direction:column;justify-content:center;align-content:normal;gap:clamp(8px,1.4vh,14px);padding:clamp(12px,4vw,18px)}
 html body #root#root .ab-paper-scene .mp-print-sheet>* {flex-shrink:0}
 html body #root#root .ab-paper-scene .mp-sheet-registration {margin:0;font-size:16px}
 html body #root#root .ab-paper-scene .mp-sheet-registration span {font-size:16px}
 html body #root#root .ab-paper-scene .mp-sheet-drawing {display:none}
 html body #root#root .ab-paper-scene .mp-print-sheet h2 {min-height:0;padding:0;font-size:clamp(25px,8vw,31px)!important;line-height:1.05!important;margin:0!important}
 html body #root#root .ab-paper-scene .mp-print-sheet>p {padding:0;font-size:clamp(17px,5.63vw,21px)!important;line-height:1.17!important;margin:0!important}
 html body #root#root .ab-paper-scene .va-step-result {padding-top:8px;margin:0}
 html body #root#root .ab-paper-scene .va-step-result span {font-size:16px;line-height:1.1;margin-bottom:4px}
 html body #root#root .ab-paper-scene .va-step-result strong {font-size:clamp(17px,5.63vw,21px)!important;line-height:1.17}
 html body #root#root .ab-paper-scene .mp-print-sheet .va-client-decision {font-size:clamp(17px,5.63vw,20px)!important;line-height:1.17!important}
}
@media(max-width:700px) and (orientation:portrait) and (min-height:740px){
 html body #root#root .ab-paper-scene .mp-sheet-drawing {display:grid;position:static;flex:1 1 0;min-height:0;max-height:130px;width:100%;height:auto;margin:0}
 html body #root#root .ab-paper-scene .mp-sheet-drawing svg {min-height:0;height:100%;max-height:130px;width:100%}
}
/* A short desktop canvas uses the same natural text rows. The illustration
   must never impose a taller minimum on the paper than the viewport permits. */
@media(min-width:701px) and (min-height:481px) and (max-height:740px) and (orientation:landscape){
 html body #root#root #approach.ab-approach .ab-paper-scene .mp-print-sheet {padding:20px 26px;gap:8px 32px;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr)}
 html body #root#root #approach.ab-approach .ab-paper-scene .mp-sheet-drawing {min-height:0;height:100%;max-height:230px;align-self:center}
 html body #root#root #approach.ab-approach .ab-paper-scene .mp-sheet-drawing svg {min-height:0;max-height:230px}
 html body #root#root #approach.ab-approach .ab-paper-scene .mp-print-sheet h2 {font-size:clamp(29px,3.1vw,38px)!important;line-height:1.04!important}
 html body #root#root #approach.ab-approach .ab-paper-scene .mp-print-sheet>p {padding:0;font-size:19px!important;line-height:1.15!important}
 html body #root#root #approach.ab-approach .ab-paper-scene .va-step-result {padding-top:8px}
 html body #root#root #approach.ab-approach .ab-paper-scene .va-step-result strong {font-size:19px;line-height:1.15}
 html body #root#root #approach.ab-approach .ab-paper-scene .mp-print-sheet .va-client-decision {font-size:18px!important}
}

/* Four connected stories. The shared frame owns the viewport; these compositions
   reflow for short landscape screens instead of clipping or shrinking text. */
.service-presentation.service-story{--story-ink:#e4d1ac;--story-muted:#c9bd9c;--story-gold:#d0ae72;--story-paper:#dcccaa;--story-dark:#294531}
.service-story .story-wrap{width:min(1420px,calc(100% - 80px));padding:10px 0 8px;grid-template-rows:27px 47px minmax(0,1fr) 48px}
.service-story .sp-heading-bar h1{font-size:21px!important}.service-story .sp-chapters{gap:26px}.service-story .sp-chapters button{font-size:19px;gap:12px}.service-story .sp-chapter-stage{padding:18px 0}.service-story .sp-pager button{font-size:21px;min-height:42px}.service-story .sp-page-position{font-size:20px}
.service-story .story-composition{height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(28px,5vw,80px)}
.service-story .story-copy{min-width:0}.service-story .sp-chapter h2{font-size:clamp(38px,3.6vw,62px)!important;font-weight:500!important;line-height:1.04!important;margin:0 0 20px!important;max-width:18ch;text-wrap:balance;color:#e4d1ac!important}.service-story .story-copy h2:last-child{margin-bottom:0!important}.service-story .story-lead{font-size:clamp(22px,1.8vw,27px)!important;line-height:1.3!important;color:#d5c6a5!important;margin:0!important;max-width:43ch}.service-story .story-footnote{font-size:19px!important;line-height:1.2!important;color:#c2b99a!important;margin:16px 0 0!important;max-width:42ch}
.service-story .story-link,.service-story .story-text-button{display:inline-flex;align-items:center;gap:12px;min-height:40px;padding:6px 0;border:0;border-radius:0;background:none!important;box-shadow:none;color:#d7b77f!important;font-family:inherit;font-size:21px;line-height:1.1;text-decoration:none!important;cursor:pointer;text-align:left}.service-story .story-link{border-bottom:1px solid #c9a36577}.service-story .story-link:hover,.service-story .story-text-button:hover{color:#efd5a0!important}.service-story .story-link span{font-size:22px}.service-story .story-final-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px 22px;margin-top:18px}.service-story .story-start-plan>.story-link{margin-top:18px}.service-story :is(button,a):focus-visible{outline:2px solid #d8b77c;outline-offset:3px}
.service-story .story-journey{list-style:none;padding:0;margin:0;display:grid;gap:24px}.service-story .story-journey li{display:flex;gap:18px;align-items:flex-start}.service-story .story-number{font-size:18px;line-height:1;display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:1px solid #ac9160;border-radius:50%;color:#c9ac72;margin-top:2px}.service-story .story-journey strong{display:block;font-size:27px;font-weight:500;line-height:1.1;color:#dec597}.service-story .story-journey p{font-size:23px!important;line-height:1.25!important;color:#d2c5a4!important;margin:5px 0 0!important}
.service-story .story-site-preview{margin:0;min-width:0;transform:rotate(-1deg)}.service-story .story-preview-label{font-size:18px;color:#cfb685;margin-bottom:13px}.service-story .story-browser{border:1px solid #b2a578;border-radius:8px;background:#d6c8a7;color:#294531;box-shadow:10px 14px 0 #10281c44}.service-story .story-browser-bar{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #64774466;padding:15px 22px;font-size:19px}.service-story .story-browser-body{padding:28px 24px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px}.service-story .story-browser-body strong{display:block;font-size:35px;line-height:1.05;font-weight:600}.service-story .story-browser-body span{display:block;font-size:19px;line-height:1.15;margin-top:20px}.service-story .story-browser svg{display:block;width:100%;stroke:#617447;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.service-story .story-site-preview figcaption{font-size:19px;line-height:1.2;color:#c5b894;margin:16px 0 0}.service-story .story-browser-body>div{animation:story-ink-arrive .65s ease both}.service-story .story-browser svg{animation:story-line-arrive .8s ease both}
.service-story .story-option-nav,.story-scenario-dialog .story-option-nav{display:flex;align-items:stretch;gap:24px;border-bottom:1px solid #9a9c6d66;margin:0 0 22px}.service-story .story-option-nav button,.story-scenario-dialog .story-option-nav button{flex:1;min-width:0;min-height:42px;font:inherit;font-size:22px;line-height:1.1;text-align:left;color:#c5b994;background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;cursor:pointer}.service-story .story-option-nav button[aria-pressed=true]{color:#efd29a;border-color:#d6b578}.service-story .story-format-panel{display:grid;grid-template-columns:minmax(0,1fr);position:relative}.service-story .story-format-panel h3{font-size:33px!important;line-height:1.1!important;font-weight:500!important;color:#dcc498!important;margin:0 0 14px!important}.service-story .story-format-panel p{font-size:24px!important;line-height:1.25!important;color:#d6c9aa!important;margin:0 0 14px!important}.service-story .story-format-panel .story-result-line{color:#b9bb90!important;font-size:21px!important}.service-story .story-format-drawing{display:block;width:min(100%,370px);height:auto;max-height:180px;margin:14px auto 0;stroke:#738251;stroke-width:1.5}.service-story .story-browser-paper{fill:#d6c7a5;stroke:#a6966e}.service-story .story-browser-action{fill:#a9ae7e}.service-story .story-draw-ink{stroke-width:3}.service-story .story-format-panel{animation:story-ink-arrive .3s ease both}
.service-story .story-intro-route{position:relative;display:grid;gap:0;min-width:0}.service-story .story-route-stop{position:relative;padding:22px 24px 22px 72px;border-bottom:1px solid #9a9c6b55}.service-story .story-route-stop:first-child{border-top:1px solid #9a9c6b55}.service-story .story-route-index{position:absolute;left:12px;top:25px;color:#c8a66c;font-size:19px;line-height:1}.service-story .story-route-stop strong{display:block;font-size:32px;font-weight:500;line-height:1.1;color:#dfc79e}.service-story .story-route-stop p{font-size:24px!important;line-height:1.2!important;color:#c7c09d!important;margin:7px 0 0!important}.service-story .story-route-stop:before{content:'';position:absolute;left:41px;top:0;bottom:0;width:1px;background:#a28c5b66}.service-story .story-route-stop:after{content:'';position:absolute;left:38px;top:30px;width:7px;height:7px;border-radius:50%;background:#c4a773;animation:story-route-mark 2.4s ease both;animation-delay:calc(var(--story-order,0)*.6s)}.service-story .story-route-stop:nth-child(2){--story-order:1}.service-story .story-route-stop:nth-child(3){--story-order:2}
.service-story .story-bot-example{width:100%;min-width:0;max-width:560px;justify-self:center}.service-story .story-example-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.service-story .story-example-top p{font-size:19px!important;line-height:1.2!important;color:#c9b685!important;margin:0!important;max-width:27ch}.service-story .story-example-top .story-text-button{font-size:18px;flex-shrink:0}.service-story .story-sequence-nav{display:flex;gap:16px;align-items:center;border-bottom:1px solid #9a9c6b66;margin-bottom:18px}.service-story .story-sequence-nav button{flex:1;min-width:0;min-height:38px;font:inherit;font-size:20px;line-height:1.1;background:none;border:0;border-bottom:1px solid transparent;padding:7px 0;color:#b8b694;cursor:pointer}.service-story .story-sequence-nav button[aria-pressed=true]{color:#e0c18a;border-color:#ceb071}.service-story .story-dialogue-stage{min-height:265px;display:flex;align-items:center}.service-story .story-dialogue-pair{width:100%;display:flex;flex-direction:column;gap:15px;animation:story-ink-arrive .3s ease both}.story-message{border:1px solid #97a372;padding:14px 18px;max-width:94%;color:#294531}.story-message-client{align-self:flex-end;background:#bac39d;border-radius:15px 15px 3px 15px}.story-message-bot{align-self:flex-start;background:#ded0af;border-radius:15px 15px 15px 3px}.story-message>span{display:block;font-size:17px;line-height:1.1;color:#52683f;margin-bottom:5px}.service-story .story-message p{font-size:23px!important;line-height:1.2!important;margin:0!important;color:#294531!important}.service-story .story-ticket-stage{width:100%;animation:story-ticket-arrive .4s ease both}.story-ticket{background:#dfcfaa;border:1px solid #a69467;color:#294531;padding:20px 24px;box-shadow:7px 9px 0 #10281c22}.story-paper-label{display:block;font-size:18px;line-height:1.15;color:#657348;margin-bottom:14px}.story-ticket dl{margin:0;display:grid;gap:9px}.story-ticket dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px}.story-ticket dt{font-size:18px;line-height:1.2;color:#607244}.story-ticket dd{font-size:22px;line-height:1.15;margin:0;color:#294531}.service-story .story-ticket-human{font-size:19px!important;line-height:1.2!important;margin:16px 0 0!important;border-top:1px solid #6f7a4b55;padding-top:12px;color:#425b38!important}
.service-story .story-role-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.service-story .story-role-pair>div{border-top:1px solid #b09a6655;padding-top:18px}.service-story .story-role-pair .story-paper-label{font-size:27px;color:#d9bc88;margin-bottom:20px}.service-story .story-role-pair ul{list-style:none;margin:0;padding:0;display:grid;gap:20px}.service-story .story-role-pair li{font-size:23px;line-height:1.25;color:#cdc3a0}
.service-story .story-transformation{min-width:0}.service-story .story-paper-pair{display:grid;grid-template-columns:1fr 1.14fr;gap:16px;position:relative;align-items:stretch}.service-story .story-paper-pair>div{padding:22px;background:#d6c49d;border:1px solid #9f9564;color:#294531;transition:background .4s,box-shadow .4s,transform .4s}.service-story .story-source-note{transform:rotate(-2deg)}.service-story .story-result-note{transform:rotate(1deg);background:#dfd0ad!important}.service-story .story-source-note p{font-size:25px!important;line-height:1.4!important;font-style:italic;color:#354e33!important;margin:0!important}.service-story .story-paper-pair .story-paper-label{font-size:18px;margin-bottom:14px}.service-story .story-result-note dl{margin:0;display:grid;gap:14px}.service-story .story-result-note dt{font-size:17px;color:#647344;line-height:1.15}.service-story .story-result-note dd{margin:2px 0 0;font-size:22px;line-height:1.15;color:#294531}.service-story .story-paper-pair mark{color:inherit;background:none;box-shadow:inset 0 -1px #58743c66;transition:background .4s}.service-story .story-transformation[data-step='1'] .story-paper-pair mark{background:#b9bf8c}.service-story .story-transformation[data-step='1'] .story-result-note{box-shadow:5px 7px 0 #a68b4e55;transform:rotate(0)}.service-story .story-human-check{font-size:21px!important;line-height:1.2!important;color:#c9bd9a!important;margin:20px 0 0!important;transition:color .3s}.service-story .story-human-check span{color:#b5ba86}.service-story .story-transformation[data-step='2'] .story-human-check{color:#e5c78e!important}.service-story .story-use-example dl{display:grid;gap:22px;margin:0}.service-story .story-use-example dl>div{padding-bottom:16px;border-bottom:1px solid #9e9b6655}.service-story .story-use-example dt{font-size:18px;line-height:1.15;color:#b7a373}.service-story .story-use-example dd{font-size:26px;line-height:1.2;color:#dfcba6;margin:7px 0 0}.service-story .story-ai-uses .story-link{margin-top:20px}.service-story .story-use-example dl{animation:story-ink-arrive .3s ease both}
.service-story .story-portfolio{gap:12px}.service-story .story-portfolio>h2{font-size:30px!important;max-width:none!important;margin:0!important}
.story-scenario-dialog .story-option-nav{margin-bottom:14px;gap:18px}.story-scenario-dialog .story-option-nav button{color:#536a40;font-size:21px;min-height:40px}.story-scenario-dialog .story-option-nav button[aria-pressed=true]{color:#6f432e;border-color:#865435}.story-scenario-dialog .story-scenario-transcript{display:flex;flex-direction:column;gap:10px;margin:18px 0}.story-scenario-dialog.screen-dialog .screen-dialog-body .story-message p{font-size:20px!important;line-height:1.2!important;margin:0!important;color:#294531!important}.story-scenario-dialog.screen-dialog .screen-dialog-body .story-scenario-notice{font-size:18px!important;line-height:1.25!important}.story-scenario-dialog .story-ticket{box-shadow:none}.story-scenario-dialog.screen-dialog .screen-dialog-body .story-ticket-human{font-size:19px!important;line-height:1.2!important;margin:12px 0 0!important}.story-scenario-dialog .story-ticket dd{font-size:21px}
@keyframes story-ink-arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes story-line-arrive{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes story-route-mark{0%,25%{opacity:.3;box-shadow:0 0 0 0 #bba06c00}65%{opacity:1;box-shadow:0 0 0 6px #bba06c22}100%{opacity:1;box-shadow:0 0 0 0 #bba06c00}}@keyframes story-ticket-arrive{from{opacity:.5;transform:translateY(8px) rotate(-1deg)}to{opacity:1;transform:none}}
@media(min-width:1900px){.service-story .story-wrap{width:min(1700px,calc(100% - 150px));grid-template-rows:36px 58px minmax(0,1fr) 62px}.service-story .sp-chapter h2{font-size:78px!important}.service-story .story-lead{font-size:32px!important}.service-story .story-composition{gap:100px}.service-story .story-browser-body{padding:38px}.service-story .story-browser-body strong{font-size:48px}.service-story .story-browser-body span,.service-story .story-site-preview figcaption{font-size:25px}.service-story .story-journey{gap:30px}.service-story .story-journey strong{font-size:35px}.service-story .story-journey p{font-size:29px!important}.service-story .story-link,.service-story .story-text-button{font-size:27px}.service-story .story-footnote{font-size:24px!important}.service-story .story-format-panel h3{font-size:42px!important}.service-story .story-format-panel p{font-size:30px!important}.service-story .story-format-panel .story-result-line{font-size:27px!important}.service-story .story-format-drawing{max-height:245px;width:420px}.service-story .story-role-pair li{font-size:28px}.service-story .story-bot-example{max-width:650px}.service-story .story-dialogue-stage{min-height:325px}.service-story .story-message p{font-size:29px!important}.service-story .story-ticket dd{font-size:27px}.service-story .story-ticket-human{font-size:24px!important}.service-story .story-source-note p{font-size:31px!important}.service-story .story-result-note dd{font-size:28px}.service-story .story-human-check{font-size:26px!important}}
@media(max-width:1000px){.service-story .story-wrap{width:calc(100% - 40px)}.service-story .story-composition{gap:28px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.service-story .sp-chapter h2{font-size:42px!important}.service-story .story-lead{font-size:23px!important}.service-story .story-browser-body{padding:22px 16px;gap:10px}.service-story .story-browser-body strong{font-size:29px}.service-story .story-format-panel h3{font-size:29px!important}.service-story .story-format-panel p{font-size:22px!important}.service-story .story-role-pair{gap:18px}.service-story .story-role-pair li{font-size:21px}.service-story .story-paper-pair{gap:10px}.service-story .story-paper-pair>div{padding:15px}.service-story .story-source-note p{font-size:23px!important}.service-story .story-result-note dd{font-size:20px}.service-story .story-sequence-nav{gap:8px}.service-story .story-sequence-nav button{font-size:19px}.service-story .story-example-top{align-items:flex-start;gap:8px}.service-story .story-example-top .story-text-button{font-size:17px;min-height:30px}.service-story .story-example-top p{font-size:18px!important}.service-story .story-journey strong{font-size:25px}.service-story .story-journey p{font-size:21px!important}.service-story .story-link,.service-story .story-text-button{font-size:20px}.service-story .story-route-stop{padding-left:55px}.service-story .story-route-stop strong{font-size:28px}.service-story .story-route-stop p{font-size:22px!important}.service-story .story-route-stop:before{left:35px}.service-story .story-route-stop:after{left:32px}.service-story .story-route-index{left:3px}}
@media(max-width:700px) and (min-height:501px), (max-width:500px){
 .service-story .story-wrap{width:calc(100% - 32px);padding:6px 0;grid-template-rows:24px 38px minmax(0,1fr) 42px}.service-story .sp-heading-bar h1{font-size:19px!important}.service-story .sp-chapters{gap:10px}.service-story .sp-chapters button{font-size:18px;justify-content:center}.service-story .sp-chapters button>span{display:none}.service-story .sp-chapter-stage{padding:12px 0}.service-story .sp-pager button{font-size:19px;min-height:40px}.service-story .sp-page-position{font-size:18px}
 .service-story .story-composition{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:22px}.service-story .sp-chapter h2{font-size:36px!important;margin-bottom:13px!important;max-width:21ch}.service-story .story-lead{font-size:21px!important;line-height:1.22!important;max-width:none}.service-story .story-footnote{font-size:18px!important;line-height:1.2!important;margin-top:13px!important}.service-story .story-link,.service-story .story-text-button{font-size:20px;min-height:38px}.service-story .story-site-preview{width:100%}.service-story .story-preview-label{font-size:17px;margin-bottom:7px}.service-story .story-browser-bar{padding:10px 14px;font-size:17px}.service-story .story-browser-body{padding:18px 16px;grid-template-columns:1.4fr .6fr}.service-story .story-browser-body strong{font-size:27px}.service-story .story-browser-body span{font-size:17px;margin-top:12px}.service-story .story-site-preview figcaption{font-size:18px;margin-top:10px}.service-story .story-option-nav{margin-bottom:14px;gap:18px}.service-story .story-option-nav button{font-size:21px;min-height:40px}.service-story .story-format-panel h3{font-size:28px!important;margin-bottom:9px!important}.service-story .story-format-panel p{font-size:21px!important;margin-bottom:10px!important}.service-story .story-format-panel .story-result-line{font-size:19px!important}.service-story .story-format-drawing{display:none}.service-story .story-journey{gap:16px}.service-story .story-journey li{gap:13px}.service-story .story-number{width:29px;height:29px;font-size:17px}.service-story .story-journey strong{font-size:24px}.service-story .story-journey p{font-size:20px!important;margin-top:3px!important}.service-story .story-final-actions,.service-story .story-start-plan>.story-link{margin-top:14px}.service-story .story-intro-route{width:100%}.service-story .story-route-stop{padding:15px 15px 15px 54px}.service-story .story-route-stop strong{font-size:26px}.service-story .story-route-stop p{font-size:20px!important;margin-top:4px!important}.service-story .story-route-stop:after{top:22px}.service-story .story-route-index{top:18px;font-size:17px}.service-story .story-example-top{margin-bottom:10px;align-items:center}.service-story .story-example-top p{font-size:18px!important;max-width:25ch}.service-story .story-example-top .story-text-button{min-height:36px}.service-story .story-sequence-nav{margin-bottom:12px}.service-story .story-sequence-nav button{font-size:19px;min-height:36px}.service-story .story-dialogue-stage{min-height:230px}.service-story .story-message{padding:12px 15px}.service-story .story-message p{font-size:21px!important}.service-story .story-dialogue-pair{gap:12px}.service-story .story-ticket{padding:16px 18px}.service-story .story-ticket dd{font-size:21px}.service-story .story-ticket-human{font-size:18px!important;margin-top:12px!important;padding-top:10px}.service-story .story-role-pair{gap:20px}.service-story .story-role-pair>div{padding-top:12px}.service-story .story-role-pair .story-paper-label{font-size:24px;margin-bottom:15px}.service-story .story-role-pair ul{gap:15px}.service-story .story-role-pair li{font-size:20px;line-height:1.2}.service-story .story-paper-pair>div{padding:15px 12px}.service-story .story-paper-pair .story-paper-label{font-size:17px;margin-bottom:10px}.service-story .story-source-note p{font-size:21px!important;line-height:1.3!important}.service-story .story-result-note dl{gap:12px}.service-story .story-result-note dd{font-size:20px}.service-story .story-human-check{font-size:19px!important;margin-top:14px!important}.service-story .story-use-example dl{gap:14px}.service-story .story-use-example dl>div{padding-bottom:12px}.service-story .story-use-example dd{font-size:23px;margin-top:4px}.service-story .story-ai-uses .story-link{margin-top:12px}.service-story .story-portfolio{gap:8px}.service-story .story-portfolio>h2{font-size:27px!important}
}
@media(max-width:700px) and (min-height:501px) and (max-height:670px), (max-width:500px) and (max-height:670px){
 .service-story .story-wrap{width:calc(100% - 28px);padding-block:4px;grid-template-rows:21px 36px minmax(0,1fr) 40px}.service-story .sp-heading-bar h1{font-size:18px!important}.service-story .sp-chapters button{font-size:17px}.service-story .sp-chapter-stage{padding:9px 0}.service-story .story-composition{gap:14px}.service-story .sp-chapter h2{font-size:29px!important;line-height:1.03!important;margin-bottom:10px!important}.service-story .story-lead{font-size:18px!important;line-height:1.2!important}.service-story .story-footnote{font-size:17px!important;margin-top:9px!important}.service-story .story-link,.service-story .story-text-button{font-size:18px;min-height:35px;padding:5px 0}.service-story .story-final-actions,.service-story .story-start-plan>.story-link{margin-top:10px;gap:5px 13px}.service-story .story-journey{gap:10px}.service-story .story-number{width:25px;height:25px}.service-story .story-journey strong{font-size:20px}.service-story .story-journey p{font-size:18px!important;line-height:1.15!important;margin-top:2px!important}.service-story .story-browser-bar{padding:8px 12px}.service-story .story-browser-body{padding:13px 12px;gap:10px}.service-story .story-browser-body strong{font-size:23px}.service-story .story-browser-body span{font-size:17px;margin-top:8px}.service-story .story-site-preview figcaption{font-size:17px;margin-top:8px}.service-story .story-preview-label{font-size:17px;margin-bottom:6px}.service-story .story-option-nav{gap:12px;margin-bottom:10px}.service-story .story-option-nav button{font-size:18px;min-height:35px;padding:6px 0}.service-story .story-format-panel h3{font-size:24px!important;margin-bottom:8px!important}.service-story .story-format-panel p{font-size:18px!important;line-height:1.2!important;margin-bottom:9px!important}.service-story .story-format-panel .story-result-line{font-size:17px!important}.service-story .story-route-stop{padding:11px 10px 11px 49px}.service-story .story-route-stop strong{font-size:23px}.service-story .story-route-stop p{font-size:18px!important;line-height:1.15!important;margin-top:3px!important}.service-story .story-route-index{top:15px}.service-story .story-route-stop:after{top:19px}.service-story .story-example-top{margin-bottom:6px}.service-story .story-example-top p{font-size:17px!important}.service-story .story-example-top .story-text-button{font-size:17px;min-height:34px}.service-story .story-sequence-nav{gap:6px;margin-bottom:8px}.service-story .story-sequence-nav button{min-height:34px;font-size:17px;padding:5px 0}.service-story .story-dialogue-stage{min-height:185px}.service-story .story-message{padding:9px 12px}.service-story .story-message>span{font-size:17px;margin-bottom:3px}.service-story .story-message p{font-size:18px!important;line-height:1.15!important}.service-story .story-dialogue-pair{gap:8px}.service-story .story-ticket{padding:12px 14px}.service-story .story-paper-label{font-size:17px;margin-bottom:10px}.service-story .story-ticket dl{gap:6px}.service-story .story-ticket dl>div{grid-template-columns:76px 1fr;gap:9px}.service-story .story-ticket dt{font-size:17px}.service-story .story-ticket dd{font-size:18px}.service-story .story-ticket-human{font-size:17px!important;line-height:1.15!important;margin-top:9px!important;padding-top:8px}.service-story .story-role-pair{gap:16px}.service-story .story-role-pair .story-paper-label{font-size:21px;margin-bottom:10px}.service-story .story-role-pair ul{gap:10px}.service-story .story-role-pair li{font-size:18px;line-height:1.15}.service-story .story-paper-pair{gap:9px;grid-template-columns:1fr 1.1fr}.service-story .story-paper-pair>div{padding:10px 9px}.service-story .story-paper-pair .story-paper-label{font-size:17px;margin-bottom:7px}.service-story .story-source-note p{font-size:18px!important;line-height:1.25!important}.service-story .story-result-note dl{gap:7px}.service-story .story-result-note dt{font-size:17px}.service-story .story-result-note dd{font-size:18px;margin-top:1px}.service-story .story-human-check{font-size:17px!important;line-height:1.15!important;margin-top:10px!important}.service-story .story-use-example dl{gap:10px}.service-story .story-use-example dl>div{padding-bottom:9px}.service-story .story-use-example dt{font-size:17px}.service-story .story-use-example dd{font-size:19px;margin-top:3px;line-height:1.15}.service-story .story-ai-uses .story-link{margin-top:8px}.service-story .story-portfolio>h2{font-size:25px!important}.service-story .sp-pager button{font-size:18px;min-height:38px}.service-story .sp-page-position{font-size:17px}
}
/* A wide, low viewport is a two-column editorial spread, not a phone stack. */
@media(max-height:500px) and (min-width:501px){
 .service-story .story-wrap{width:calc(100% - 36px);padding:2px 0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-rows:34px minmax(0,1fr) 35px;column-gap:20px}.service-story .sp-heading-bar{grid-area:1/1}.service-story .sp-heading-bar h1{font-size:18px!important}.service-story .sp-chapters{grid-area:1/2;gap:12px}.service-story .sp-chapters button{font-size:17px;justify-content:center;padding:3px 0}.service-story .sp-chapters button>span{display:none}.service-story .sp-chapter-stage{grid-area:2/1/3/3;padding:7px 0}.service-story .sp-pager{grid-area:3/1/4/3;gap:12px}.service-story .sp-pager button{font-size:17px;min-height:33px;padding:3px 0;gap:7px}.service-story .sp-pager button span{font-size:20px}.service-story .sp-page-position{font-size:17px}.service-story .story-composition{grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:25px;align-content:center}.service-story .sp-chapter h2{font-size:29px!important;line-height:1.03!important;margin-bottom:10px!important;max-width:19ch}.service-story .story-lead{font-size:18px!important;line-height:1.17!important}.service-story .story-footnote{font-size:17px!important;line-height:1.12!important;margin-top:5px!important}.service-story .story-link,.service-story .story-text-button{font-size:18px;line-height:1.05;min-height:31px;padding:4px 0;gap:7px}.service-story .story-final-actions,.service-story .story-start-plan>.story-link{margin-top:5px;gap:5px 15px}.service-story .story-journey{gap:6px}.service-story .story-journey li{gap:9px}.service-story .story-number{width:24px;height:24px;font-size:17px;margin-top:0}.service-story .story-journey strong{font-size:19px}.service-story .story-journey p{font-size:17px!important;line-height:1.1!important;margin-top:1px!important}.service-story .story-preview-label{font-size:17px;margin-bottom:5px}.service-story .story-browser-bar{padding:6px 10px;font-size:17px}.service-story .story-browser-body{padding:10px 12px;gap:12px;grid-template-columns:1.3fr .7fr}.service-story .story-browser-body strong{font-size:24px}.service-story .story-browser-body span{font-size:17px;margin-top:7px}.service-story .story-browser svg{height:80px}.service-story .story-site-preview figcaption{font-size:17px;line-height:1.1;margin-top:6px}.service-story .story-option-nav{gap:13px;margin-bottom:8px}.service-story .story-option-nav button{font-size:18px;min-height:32px;padding:4px 0}.service-story .story-format-drawing{display:none}.service-story .story-format-panel h3{font-size:24px!important;line-height:1.05!important;margin-bottom:6px!important}.service-story .story-format-panel p{font-size:18px!important;line-height:1.15!important;margin-bottom:7px!important}.service-story .story-format-panel .story-result-line{font-size:17px!important}.service-story .story-intro-route{gap:0}.service-story .story-route-stop{padding:9px 10px 9px 43px}.service-story .story-route-stop strong{font-size:21px}.service-story .story-route-stop p{font-size:17px!important;line-height:1.1!important;margin-top:3px!important}.service-story .story-route-index{font-size:17px;top:12px;left:0}.service-story .story-route-stop:before{left:29px}.service-story .story-route-stop:after{left:26px;top:15px}.service-story .story-example-top{margin-bottom:4px;gap:10px;align-items:center}.service-story .story-example-top p{font-size:17px!important;line-height:1.1!important}.service-story .story-example-top .story-text-button{font-size:17px;min-height:28px}.service-story .story-sequence-nav{gap:10px;margin-bottom:6px}.service-story .story-sequence-nav button{font-size:17px;min-height:30px;padding:4px 0}.service-story .story-dialogue-stage{min-height:0;display:block}.service-story .story-dialogue-pair{gap:6px}.service-story .story-message{padding:6px 10px}.service-story .story-message>span{font-size:17px;margin-bottom:1px}.service-story .story-message p{font-size:17px!important;line-height:1.08!important}.service-story .story-ticket{padding:8px 11px}.service-story .story-paper-label{font-size:17px;margin-bottom:6px}.service-story .story-ticket dl{gap:3px}.service-story .story-ticket dl>div{grid-template-columns:74px 1fr;gap:8px}.service-story .story-ticket dt{font-size:17px}.service-story .story-ticket dd{font-size:17px;line-height:1.1}.service-story .story-ticket-human{font-size:17px!important;line-height:1.1!important;margin-top:6px!important;padding-top:5px}.service-story .story-role-pair{gap:18px}.service-story .story-role-pair>div{padding-top:8px}.service-story .story-role-pair .story-paper-label{font-size:21px;margin-bottom:9px}.service-story .story-role-pair ul{gap:9px}.service-story .story-role-pair li{font-size:17px;line-height:1.1}.service-story .story-paper-pair{gap:9px;grid-template-columns:1fr 1.15fr}.service-story .story-paper-pair>div{padding:8px}.service-story .story-paper-pair .story-paper-label{font-size:17px;line-height:1.05;margin-bottom:6px}.service-story .story-source-note p{font-size:17px!important;line-height:1.1!important}.service-story .story-result-note dl{gap:4px}.service-story .story-result-note dt{font-size:17px;line-height:1.05}.service-story .story-result-note dd{font-size:17px;line-height:1.05;margin-top:1px}.service-story .story-human-check{font-size:17px!important;line-height:1.08!important;margin-top:7px!important}.service-story .story-use-example dl{gap:7px}.service-story .story-use-example dl>div{padding-bottom:6px;display:grid;grid-template-columns:105px 1fr;gap:10px}.service-story .story-use-example dt{font-size:17px;line-height:1.1}.service-story .story-use-example dd{font-size:18px;line-height:1.1;margin:0}.service-story .story-ai-uses .story-link{margin-top:10px}.service-story .story-portfolio{gap:6px}.service-story .story-portfolio>h2{font-size:23px!important}
}
@media(max-height:400px) and (min-width:501px){.service-story .story-wrap{width:calc(100% - 30px)}.service-story .story-composition{gap:20px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.service-story .sp-chapter h2{font-size:27px!important}.service-story .story-lead{font-size:17px!important}.service-story .story-footnote{font-size:17px!important}.service-story .story-intro-route .story-route-stop{padding-block:8px}.service-story .story-format-panel h3{font-size:22px!important}.service-story .story-format-panel p{font-size:17px!important}.service-story .story-bot-chapter{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.service-story .story-ai-example{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.service-story .story-role-pair{gap:14px}.service-story .story-role-pair ul{gap:8px}}
@media(prefers-reduced-motion:reduce){.service-story *,.service-story *:before,.service-story *:after{animation:none!important;transition:none!important}.service-story .story-source-note,.service-story .story-result-note{transform:none}}

@media(max-width:700px) and (min-height:501px) and (max-height:670px), (max-width:500px) and (max-height:670px){.service-story .story-intro .story-browser-body{padding-block:10px}.service-story .story-intro .story-browser-body strong{font-size:22px}.service-story .story-intro .story-browser-body span{margin-top:5px}.service-story .story-site-preview figcaption{line-height:1.1}.service-story .story-paper-pair>div{padding:8px}.service-story .story-source-note p{font-size:17px!important;line-height:1.15!important}.service-story .story-result-note dd{font-size:17px;line-height:1.1}.service-story .story-result-note dt{line-height:1.05}.service-story .story-result-note dl{gap:6px}.service-story .story-human-check{font-size:17px!important;line-height:1.1!important}.service-story .story-ai-example{gap:12px}}

@media(max-width:700px) and (min-height:501px) and (max-height:670px), (max-width:500px) and (max-height:670px){.service-story .story-start{gap:9px}.service-story .story-start .story-journey{gap:8px}.service-story .story-start .story-footnote{margin-top:7px!important}.service-story .story-ai-uses .story-use-example dl>div{display:grid;grid-template-columns:83px minmax(0,1fr);gap:10px;align-items:start}.service-story .story-ai-uses .story-use-example dd{margin:0;font-size:18px}.service-story .story-ai-uses .story-use-example dt{line-height:1.15}}

/* Shared controls stay outside the artwork's layout and hit targets. */
.client-contact-short{display:none}
.botanical-backdrop[data-motion=paused] *{animation-play-state:paused!important}
.projects-intro-line{display:flex;justify-content:space-between;align-items:center;gap:18px}
.projects-intro-line p{margin:0;font-size:20px}
.projects-intro-line button{font:500 18px/1.15 'GIFS Serif',Georgia,serif;color:inherit;background:none;border:0;padding:4px 0;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.masthead .back-link[hidden]{display:none!important}
.client-mobile-navigation[open] summary span{transform:rotate(45deg)}
.client-mobile-navigation nav a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html.gifs-refined #root .client-header-contact{white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
html.gifs-refined #root .client-header-contact span{margin-left:0}
@media(max-width:1100px){
 html.gifs-refined #root .screen-service>.client-header{gap:16px;justify-content:flex-start;flex-wrap:nowrap}
 html.gifs-refined #root .screen-service .client-header-contact{display:block!important;font-size:18px!important;margin-left:0}
 .client-contact-short{display:inline}.client-contact-full{display:none}
 .client-mobile-navigation{margin-left:auto}
 .client-mobile-navigation nav{z-index:30}
}
@media(max-width:700px){
 html.gifs-refined #root .screen-service>.client-header{padding-inline:16px;gap:13px}
 .screen-service .client-brand>a{font-size:35px!important}
 .screen-service .client-brand .gifs-apple-mark{width:23px;height:29px}
 html.gifs-refined #root .screen-service .client-header-contact{font-size:17px!important}
 html.gifs-refined #root .client-header-contact span[aria-hidden]{display:none}
 .client-mobile-navigation summary{font-size:18px;gap:7px}
}

/* The same cutouts gently travel in depth; no configuration controls. */
.mt-automatic .mt-artboard{perspective:800px}
.mt-automatic .mt-object{transform-style:preserve-3d}
.mt-automatic .mt-object-image{animation-name:content-depth-drift;transform-origin:50% 50%;backface-visibility:hidden}
@keyframes content-depth-drift{
 0%,100%{transform:translate3d(-3px,4px,-14px) rotateX(-7deg) rotateY(-10deg) rotateZ(-4deg)}
 50%{transform:translate3d(4px,-6px,20px) rotateX(9deg) rotateY(12deg) rotateZ(5deg)}
}

/* Preview cards keep square frames at every height. */
html body #root#root #content.content-presentation .mg-presentation .mg-grid{container-type:size;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:12px}
html body #root#root #content.content-presentation .mg-presentation[data-gallery-size="6"] .mg-grid{grid-template-rows:repeat(2,minmax(0,1fr))}
html body #root#root #content.content-presentation .mg-presentation[data-gallery-size="4"] .mg-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
html body #root#root #content.content-presentation .mg-presentation[data-gallery-size="2"] .mg-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}
html body #root#root #content.content-presentation .mg-presentation .mg-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:0}
html body #root#root #content.content-presentation .mg-presentation .mg-open{width:min(100%,calc(100cqh - 34px));height:auto;aspect-ratio:1;flex:none;max-height:none;border:0;box-shadow:none}
html body #root#root #content.content-presentation .mg-presentation:is([data-gallery-size="4"],[data-gallery-size="6"]) .mg-open{width:min(100%,calc(50cqh - 40px))}
html body #root#root #content.content-presentation .mg-presentation .mg-card-caption{min-height:0;text-align:center;width:100%}
html body #root#root #content.content-presentation .mg-presentation .mg-card-caption h3{font-size:clamp(17px,1.6vw,24px);line-height:1.05}
html body #root#root #content.content-presentation .mg-presentation .mg-pagination{min-height:32px}

/* Landscape needs its own composition, not smaller desktop margins. */
@media(max-height:500px) and (min-width:600px){
 html.gifs-refined #root .screen-service{grid-template-rows:52px minmax(0,1fr) 28px}
 html.gifs-refined #root .screen-service>.client-header{height:52px;padding:5px 20px}
 html.gifs-refined #root .screen-service>.client-footer{height:28px;font-size:15px;padding-inline:20px}
 .screen-service .client-brand>a{font-size:35px!important}.screen-service .client-brand>span{display:none}
 .client-mobile-navigation nav{top:48px!important;padding:7px 18px!important;right:18px!important;width:280px!important}
 .client-mobile-navigation nav a{font-size:19px!important;line-height:1.1;padding:8px 0!important}
 html body #root#root #content.content-presentation .cp-wrap{padding:4px 0;width:calc(100% - 40px);gap:0}
 html body #root#root #content.content-presentation .cp-heading{padding:0 0 3px}
 html body #root#root #content.content-presentation .cp-heading h1{font-size:23px!important}
 html body #root#root #content.content-presentation .cp-chapters button{padding:3px 0;min-height:29px;font-size:18px}
 html body #root#root #content.content-presentation .cp-chapter{padding:5px 0;min-height:0}
 html body #root#root #content.content-presentation .cp-pager{padding:3px 0;min-height:34px;height:34px;gap:14px;grid-template-columns:1fr auto 1fr}
 html body #root#root #content.content-presentation .cp-pager>*{grid-row:auto;grid-column:auto;font-size:18px;min-height:30px}
 html body #root#root #content.content-presentation .cp-next{width:auto;padding:3px 0;border:0;gap:15px}
 html body #root#root #content.content-presentation .cp-next>span{font-size:18px}
 html body #root#root #content.content-presentation .cp-next b{font-size:23px}
 html body #root#root #content.content-presentation .mt-presentation{display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:minmax(0,1fr) auto;gap:3px 24px}
 html body #root#root #content.content-presentation .mt-presentation .mt-heading{grid-column:1;grid-row:1 / 3;align-self:center}
 html body #root#root #content.content-presentation .mt-presentation .mt-heading h2{font-size:29px;line-height:1.05}
 html body #root#root #content.content-presentation .mt-presentation .mt-heading>p{font-size:18px;line-height:1.15;margin:9px 0 0}
 html body #root#root #content.content-presentation .mt-presentation .mt-artboard{grid-column:2;grid-row:1;width:100%;height:100%;min-height:0;border-radius:50px 50px 6px 6px}
 html body #root#root #content.content-presentation .mt-presentation .mt-credits-open{grid-column:2;grid-row:2;font-size:15px;padding:1px 0}
 html body #root#root #content.content-presentation .mg-next-step{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;align-content:center}
 html body #root#root #content.content-presentation .mg-next-step h2{font-size:29px;line-height:1;margin:0 0 7px}
 html body #root#root #content.content-presentation .mg-next-step .cp-project-intro>p{font-size:17px;line-height:1.12}
 html body #root#root #content.content-presentation .cp-materials h3{font-size:21px;margin:0 0 4px}
 html body #root#root #content.content-presentation .cp-materials li{padding:4px 0;gap:12px}
 html body #root#root #content.content-presentation .cp-materials strong{font-size:18px;line-height:1.05}
 html body #root#root #content.content-presentation .cp-materials li p{font-size:16px;line-height:1.1;margin:2px 0 0}
 html body #root#root #content.content-presentation .cp-materials .cp-start-note{font-size:16px;margin-top:6px}
 html body #root#root #content.content-presentation .mg-presentation{gap:4px}
 html body #root#root #content.content-presentation .mg-presentation .mg-heading{display:flex;align-items:center;gap:16px}
 html body #root#root #content.content-presentation .mg-presentation .mg-heading h2{font-size:22px;line-height:1}
 html body #root#root #content.content-presentation .mg-presentation .mg-heading>p{font-size:15px;margin:0}
 html body #root#root #content.content-presentation .mg-presentation .mg-grid{gap:10px}
 html body #root#root #content.content-presentation .mg-presentation .mg-gallery-note{font-size:14px;line-height:1}
 html body #root#root #content.content-presentation .mg-presentation .mg-pagination{font-size:16px;min-height:26px}
 html body #root#root #content.content-presentation .mg-presentation .mg-pagination button{font-size:20px;min-height:26px}
 html body #root#root #content.content-presentation .mg-presentation .mg-card-play{font-size:0;background:none;left:50%;bottom:50%;transform:translate(-50%,50%);padding:0}
 html body #root#root #content.content-presentation .mg-presentation .mg-card-play>span{font-size:18px;background:#294735d9;width:31px;height:31px;border-radius:50%}
 html.gifs-refined body #root#root #contact.contact-compact{height:calc(100svh - 64px)!important;min-height:0!important;padding:12px 24px!important;align-items:center}
 html.gifs-refined body #root#root #contact.contact-compact .contact-window{display:grid;grid-template-columns:1fr 1.15fr;grid-template-rows:auto auto auto auto;gap:6px 26px;width:min(100%,1000px);margin:auto}
 html.gifs-refined body #root#root #contact.contact-compact .eyebrow{grid-column:1;grid-row:1;font-size:12px;margin:0}
 html.gifs-refined body #root#root #contact.contact-compact h1{grid-column:1;grid-row:2;font-size:39px!important;line-height:.98!important}
 html.gifs-refined body #root#root #contact.contact-compact .contact-lead{grid-column:1;grid-row:3 / 5;font-size:18px;line-height:1.15;margin:6px 0 0!important}
 html.gifs-refined body #root#root #contact.contact-compact .contact-number-row{grid-column:2;grid-row:1;margin:0;gap:12px;flex-wrap:nowrap}
 html.gifs-refined body #root#root #contact.contact-compact .contact-number-row>a{font-size:23px;white-space:nowrap}
 html.gifs-refined body #root#root #contact.contact-compact .contact-number-row button{font-size:15px;padding:4px 0}
 html.gifs-refined body #root#root #contact.contact-compact .direct-contacts{grid-column:2;grid-row:2;gap:7px!important;margin:3px 0!important}
 html.gifs-refined body #root#root #contact.contact-compact .direct-contact{min-height:42px!important;padding:8px 6px!important;font-size:17px!important;justify-content:center}
 html.gifs-refined body #root#root #contact.contact-compact .direct-contact i{display:none!important}
 html.gifs-refined body #root#root #contact.contact-compact .contact-message-summary{grid-column:2;grid-row:3;padding-bottom:4px}
 html.gifs-refined body #root#root #contact.contact-compact .contact-message-summary p{font-size:17px;line-height:1.1;margin:0 0 3px;-webkit-line-clamp:2}
 html.gifs-refined body #root#root #contact.contact-compact .contact-edit-message{font-size:16px;padding:3px 0}
 html.gifs-refined body #root#root #contact.contact-compact .contact-actions{grid-column:2;grid-row:4;margin:0!important;gap:5px 12px}
 html.gifs-refined body #root#root #contact.contact-compact .contact-actions :is(button,a){font-size:15px!important;min-height:30px!important;padding:3px 0!important}
 html.gifs-refined #root .screen-library{padding:9px 22px!important;gap:5px;grid-template-rows:auto minmax(0,1fr) 32px}
 .screen-library header>p:last-child{display:none}.screen-library header .eyebrow{font-size:12px}
 .screen-library header :is(h1,h2){font-size:28px!important;margin:4px 0!important}
 .screen-library-list article{padding:4px 0}.screen-library-list article>span{font-size:14px}
 .screen-library-list h3{font-size:21px!important;margin:4px 0!important}.screen-library .screen-pager{font-size:18px;padding-top:3px}
 .screen-library .screen-pager button{font-size:18px;min-height:28px;padding:2px 0}
}
@media(prefers-reduced-motion:reduce){.mt-automatic .mt-object-image{animation:none!important;transform:none}}
@media(max-height:500px) and (min-width:701px){
 html.gifs-refined body #root#root #contact.contact-compact{height:calc(100svh - 76px)!important}
}
html.gifs-refined #root #services.studio-projects>header,
html.gifs-refined #root #services.studio-projects>.ab-book {width:min(100%,1280px)!important;max-width:1280px!important;min-width:0;margin-inline:auto!important}

/* A shared editorial frame: restrained navigation, warm paper, clear reading order. */
html.gifs-refined #root .screen-service {background:radial-gradient(ellipse at 48% 46%,#254b3a 0%,#1b3c30 49%,#15372b 100%);color:#e6d6b3}
html.gifs-refined #root .screen-service.client-service-light {background:#ede4ce;color:#294638}
html.gifs-refined #root .screen-service>.client-header {width:min(1560px,100%);max-width:none;box-sizing:border-box;margin-inline:auto;gap:clamp(18px,2vw,36px);border-bottom-color:#c9b98b25}
.screen-service .client-brand {gap:13px}
.screen-service .client-brand>a {font-size:45px!important;letter-spacing:-.055em}
.screen-service .client-brand>span {color:#b8b797;font-size:15px;line-height:1.1}
.screen-service .client-desktop-navigation {justify-content:flex-end;gap:clamp(16px,2vw,30px)}
.screen-service .client-desktop-navigation a {display:inline-flex;align-items:center;gap:8px;padding:10px 0;font-size:19px;font-style:normal;text-decoration:none;border:0;transition:color .2s,opacity .2s}
.screen-service .client-desktop-navigation a::after {display:none}
.screen-service .client-nav-dot {width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#cb9472;opacity:0;transform:scale(.4);transition:opacity .2s,transform .2s}
.screen-service a[aria-current=page] .client-nav-dot {opacity:1;transform:scale(1)}
.screen-service .client-desktop-navigation a:hover .client-nav-dot {opacity:.6;transform:scale(.8)}
.screen-service .client-mobile-navigation nav {border:0!important;border-radius:4px!important;background:#e7d9b9!important;color:#254434!important;box-shadow:0 20px 48px #071b1240!important}
.screen-service .client-mobile-navigation nav a {display:flex!important;align-items:center;gap:10px;color:#254434!important;min-height:44px}
.screen-service .client-mobile-navigation summary>span {transition:transform .2s}
.screen-service .client-mobile-navigation[open] summary>span {transform:rotate(45deg)}
.screen-service .client-header-contact {margin-left:8px;text-underline-offset:6px;text-decoration-thickness:1px;color:#dfc391}
.screen-service .client-header-contact:hover {color:#eedbb3}
.screen-service.client-service-light .client-header-contact {color:#294c3b!important}
.screen-service.client-service-light .client-header-contact:hover {color:#8b563c!important}
.screen-service .client-footer {width:100%;box-sizing:border-box;color:#bdba9c!important;font-size:16px!important;letter-spacing:.01em}
.screen-service.client-service-light .client-footer {color:#5f7055!important}
.screen-service .botanical-backdrop {color:#acb27b}
.screen-service .botanical-backdrop>svg {opacity:.1;left:-180px;width:500px}
.screen-service .botanical-backdrop>svg.botanical-right {opacity:.11;right:-200px;left:auto}
.service-story>.sp-botanical {opacity:.15}
.service-story .sp-chapters,.cp-chapters {border-bottom-color:#bcaf823b}
.service-story .sp-chapters button,.cp-chapters button {font-weight:500;transition:color .18s,background .18s}
.service-story .sp-chapters button>span {opacity:.65;font-size:16px}
.service-story .sp-chapters button[aria-current=step] {color:#f0d9ac}
.service-story .sp-chapters button[aria-current=step]>span {opacity:1;color:#cf9873}
html #root .sp-pager,html #root .cp-pager {border-top-color:#c9b98b35;align-items:center}
html #root .sp-pager .sp-next,html #root .cp-pager .cp-next {display:inline-flex;align-items:center;justify-content:center;gap:18px;background:none!important;color:#e9d2a4!important;border:0!important;border-radius:0!important;padding:4px 0!important;line-height:1.1;min-height:44px;box-shadow:none!important;text-decoration:none!important;transition:color .2s}
html #root .sp-pager .sp-next>span:not(.v9-next-label),html #root .cp-pager .cp-next>b {display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#dcc69b;color:#244231;font-size:23px;font-weight:400;transition:transform .25s,background .25s}
html #root .sp-pager .sp-next:hover>span:not(.v9-next-label),html #root .cp-pager .cp-next:hover>b {background:#efd7ac;transform:translateX(3px)}
html #root .cp-pager .cp-next {color:#294c3b!important}
html #root .cp-pager .cp-next>b {background:#294c3b;color:#ead9b4}
html #root .cp-pager .cp-next:hover>b {background:#406047}
html #root :is(.sp-pager,.cp-pager) button:disabled {opacity:.35}
html #root :is(.sp-page-position,.cp-position) {font-style:italic;letter-spacing:.04em}
html #root :is(.sp-page-position,.cp-position) i {opacity:.4;margin-inline:8px}
html body #root#root .screen-dialog {border:0;border-radius:6px;background:#eee3c9;box-shadow:0 24px 90px #07150e70}
html body #root#root .screen-dialog-head {padding:16px 24px;background:#e6d8b7;border-bottom:0}
html body #root#root .screen-dialog-body {padding:24px;scrollbar-color:#8d9770 #eee3c9}
html body #root#root .screen-dialog-head h2 {font-weight:500!important;letter-spacing:-.02em}
html body #root#root .screen-dialog-head button {font-weight:500;border:0;background:none;border-radius:0;min-height:40px}
html body #root#root .ab-book .ab-book-tabs button {border:0!important;border-bottom:1px solid transparent!important;border-radius:0!important;background:none!important;box-shadow:none!important;padding-bottom:9px!important;transition:color .2s}
html body #root#root .ab-book .ab-book-tabs button[aria-selected=true] {border-bottom-color:currentColor!important}
html body #root#root .ab-book .ab-book-frame {border:0;border-radius:2px;box-shadow:5px 6px 0 #b7a7814d,10px 12px 0 #0b251a13}
html body #root#root .ab-paper-scene .mp-print-sheet {border:0;background:#e9dfc5;box-shadow:2px 4px 18px #2c352217}
html body #root#root .ab-paper-scene .mp-print-sheet:not(.is-current) {background:#cfc19f}
html body #root#root .ab-paper-scene .mp-sheet-drawing svg {stroke-width:1.8}
html body #root#root .ab-paper-scene .mp-sheet-drawing {max-width:none}
html body #root#root .ab-paper-scene .mp-sheet-drawing svg {max-width:none;max-height:360px}
html body #root#root .ab-paper-scene .va-navigation button[aria-pressed=true] {background:#cbb68a;border-color:transparent;color:#244331}
html body #root#root .ab-paper-scene .va-navigation button {border-color:transparent}
html body #root#root>.masthead .studio-navigation a {font-size:19px!important}
html body.route-inner #root#root>.masthead {background:#112c23!important;border-bottom:1px solid #c4b28726!important}
@media(min-width:901px) and (min-height:601px){
 .service-story .story-wrap {width:min(1420px,calc(100% - 80px));grid-template-columns:minmax(220px,.75fr) minmax(0,1.5fr);grid-template-rows:58px minmax(0,1fr) 55px;column-gap:46px;padding-top:6px}
 .service-story .sp-heading-bar {grid-area:1/1;display:flex;align-items:center}
 .service-story .sp-heading-bar h1 {font-size:22px!important;font-style:italic;color:#c9b78e}
 .service-story .sp-chapters {grid-area:1/2;align-self:stretch;gap:28px;border:0}
 .service-story .sp-chapters button {padding:10px 0;gap:9px;justify-content:flex-start;font-size:20px;position:relative;border-bottom:0}
 .service-story .sp-chapters button::after {content:'';position:absolute;bottom:10px;left:0;right:0;height:1px;background:currentColor;opacity:0;transform:scaleX(.4);transform-origin:left;transition:transform .25s,opacity .25s}
 .service-story .sp-chapters button[aria-current=step]::after {opacity:.5;transform:scaleX(1)}
 .service-story .sp-chapter-stage {grid-area:2/1/3/3;padding:18px 0 26px}
 .service-story .sp-pager {grid-area:3/1/4/3}
 html body #root#root .ab-book .ab-book-copy h2 {font-size:clamp(40px,3.7vw,60px)!important;font-weight:500!important;letter-spacing:-.035em}
 html body #root#root .ab-paper-scene .mp-print-sheet h2 {font-size:clamp(40px,4vw,60px)!important;font-weight:500!important;letter-spacing:-.03em!important}
 html body #root#root .ab-paper-scene .mp-print-sheet {grid-template-columns:minmax(200px,.9fr) minmax(0,1.2fr);column-gap:55px;padding:36px}
 html body #root#root .ab-paper-scene .mp-sheet-drawing {min-height:300px}
 html body #root#root .ab-paper-scene .mp-sheet-registration {letter-spacing:.04em}
}
@media(min-width:1700px) and (min-height:701px){
 html.gifs-refined #root #services.studio-projects>header,html.gifs-refined #root #services.studio-projects>.ab-book {width:min(100%,1480px)!important;max-width:1480px!important}
}
@media(max-width:1100px){.screen-service .client-header-contact{margin-left:0}.screen-service .client-brand>span{display:none}}
@media(max-width:700px){
 html.gifs-refined #root .screen-service>.client-header {padding-inline:16px;gap:12px}
 .screen-service .client-brand>a {font-size:42px!important}
 .screen-service .client-brand .gifs-apple-mark {width:25px;height:30px}
 .screen-service .client-header-contact {font-size:18px!important}
 html #root .sp-pager .sp-next,html #root .cp-pager .cp-next {min-height:40px;padding:3px 0!important;gap:12px}
 html #root .sp-pager .sp-next>span:not(.v9-next-label),html #root .cp-pager .cp-next>b {width:31px;height:31px;font-size:21px}
 html body #root#root .screen-dialog-head,html body #root#root .screen-dialog-body {padding:16px}
 .screen-service .botanical-backdrop>svg {left:-340px;opacity:.09}
 .screen-service .botanical-backdrop>svg.botanical-right {right:-340px;left:auto;opacity:.09}
}
@media(max-width:350px){html.gifs-refined #root .screen-service>.client-header {padding-inline:13px;gap:8px}.screen-service .client-brand>a{font-size:38px!important}.screen-service .client-brand .gifs-apple-mark{width:22px;height:27px}.screen-service .client-header-contact{font-size:17px!important}}
@media(max-height:500px) and (orientation:landscape){
 html #root .sp-pager .sp-next,html #root .cp-pager .cp-next {min-height:29px;padding:2px 0!important;gap:12px}
 html #root .sp-pager .sp-next>span:not(.v9-next-label),html #root .cp-pager .cp-next>b {width:27px;height:27px;font-size:19px}
 html body #root#root .screen-dialog-head {padding:8px 16px}
 html body #root#root .screen-dialog-body {padding:14px 16px}
 html body #root#root>.masthead .studio-navigation a {font-size:17px!important}
}
.screen-library-list article {display:grid;grid-template-columns:64px minmax(0,1fr);gap:28px;align-items:center;border-top:1px solid #6e765b3b;padding:12px 8px;transition:background .2s}
.screen-library-list article:hover {background:#e0d4b34d}
.screen-library-list article>.library-folio {font-size:38px;font-style:italic;line-height:1;color:#ac795b}
.screen-library-list .library-entry>span {font-size:17px;color:#706349}
.screen-library-list h3 a {font-weight:500;letter-spacing:-.015em}
.screen-library-list h3 b {display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:#d9c99f;color:#37523b;border-radius:50%;font-size:24px}
@media(max-width:700px){.screen-library-list article{grid-template-columns:30px minmax(0,1fr);gap:12px;padding-inline:0}.screen-library-list article>.library-folio{font-size:27px}.screen-library-list .library-entry>span{font-size:16px}.screen-library-list h3 a{gap:8px}.screen-library-list h3 b{width:27px;height:27px;font-size:20px}}
@media(max-height:500px) and (orientation:landscape){.screen-library-list article{grid-template-columns:30px minmax(0,1fr);gap:14px;padding-block:5px}.screen-library-list article>.library-folio{font-size:27px}.screen-library-list .library-entry>span{font-size:16px}.screen-library-list h3{margin:2px 0!important}.screen-library-list h3 b{width:26px;height:26px;font-size:20px}}
@media(prefers-reduced-motion:reduce){html #root :is(.sp-next,.cp-next),.service-story .sp-chapters button::after{transition:none!important;transform:none!important}}

/* Silent moving previews retain the poster and respect reduced motion. */
.mg-open .mg-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;pointer-events:none}

/* The library has its own reading rhythm and adaptive, fully reachable pages. */
html.gifs-refined #root #main.guide-library{padding:clamp(16px,3vh,32px) clamp(20px,5vw,80px)!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) 44px;gap:14px;color:#294638!important;box-sizing:border-box}
html.gifs-refined #root #main.guide-library .screen-library-list{grid-template-rows:repeat(var(--library-page-size,3),minmax(0,1fr));min-height:0;margin:0 auto}
html.gifs-refined #root #main.guide-library .screen-library-list article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:22px;align-items:center;align-content:center;padding:12px 0;min-height:0;box-sizing:border-box}
html.gifs-refined #root #main.guide-library .library-entry{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0;margin:0;padding:0}
html.gifs-refined #root #main.guide-library .library-entry>span{display:block;font-size:17px;line-height:1.15;color:#706349!important}
html.gifs-refined #root #main.guide-library .library-entry h3{margin:0!important;font-size:clamp(24px,2.4vw,36px)!important;line-height:1.12!important;color:#294638!important}
html.gifs-refined #root #main.guide-library .library-entry h3 a{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:14px;align-items:center;margin:0;padding:0;color:#294638!important;font-weight:500;text-decoration:none;line-height:inherit}
html.gifs-refined #root #main.guide-library .library-entry h3 a:hover{color:#925337!important}
html.gifs-refined #root #main.guide-library .library-entry h3 b{width:32px;height:32px;line-height:1;color:#37523b!important}
html.gifs-refined #root #main.guide-library .screen-pager{width:min(1100px,100%);margin:0 auto;color:#294638!important;align-items:center}
html.gifs-refined #root #main.guide-library .screen-pager button{color:#294638!important}
@media(max-width:700px){
 html.gifs-refined #root #main.guide-library{padding:12px 18px!important;gap:10px;grid-template-rows:auto minmax(0,1fr) 40px}
 html.gifs-refined #root #main.guide-library .screen-library-list article{grid-template-columns:22px minmax(0,1fr);gap:10px;padding:8px 0}
 html.gifs-refined #root #main.guide-library .library-entry{gap:6px}
 html.gifs-refined #root #main.guide-library .library-entry h3{font-size:22px!important;line-height:1.1!important}
 html.gifs-refined #root #main.guide-library .library-entry h3 a{grid-template-columns:minmax(0,1fr) 25px;gap:8px}
 html.gifs-refined #root #main.guide-library .library-entry h3 b{width:25px;height:25px;font-size:19px}
}
@media(max-height:500px){
 html.gifs-refined #root #main.guide-library{padding:8px 22px!important;gap:6px;grid-template-rows:auto minmax(0,1fr) 32px}
 html.gifs-refined #root #main.guide-library>header .eyebrow,html.gifs-refined #root #main.guide-library>header>p:last-child{display:none}
 html.gifs-refined #root #main.guide-library>header :is(h1,h2){font-size:28px!important;margin:0!important;line-height:1!important}
 html.gifs-refined #root #main.guide-library .screen-library-list article{padding:6px 0;grid-template-columns:30px minmax(0,1fr);gap:14px}
 html.gifs-refined #root #main.guide-library .library-entry h3{font-size:24px!important}
}
@media(max-width:350px){html.gifs-refined #root #main.guide-library .library-entry h3{font-size:21px!important}}


/* Orchard identity: the photograph and its branch coordinates remain intact. */
html.gifs-refined #root #home.orchard-client .home-action-arrow {display:block;flex:0 0 17px;width:17px;height:17px;stroke:currentColor;stroke-width:1.3;transition:transform .25s ease}
html.gifs-refined #root #home.orchard-client .hero-actions a {display:inline-flex!important;align-items:center;justify-content:space-between;gap:13px!important;min-height:44px!important;padding:4px 0!important;border:0!important;border-bottom:1px solid currentColor!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-decoration:none!important}
html.gifs-refined #root #home.orchard-client .hero-actions a:hover .home-action-arrow {transform:translate(2px,-2px)}
html.gifs-refined #root #home.orchard-client .home-copy .eyebrow {font-size:14px!important;letter-spacing:.12em!important;font-weight:600!important;margin-bottom:24px!important}
html.gifs-refined #root #home.orchard-client .home-copy h1 {letter-spacing:-.04em!important;line-height:1.04!important}
html.gifs-refined #root #home.orchard-client .home-copy h1 em {line-height:1.04!important;letter-spacing:-.04em!important}
html.gifs-refined #root #home.orchard-client .home-lead-unified {font-size:clamp(21px,1.6vw,27px)!important;line-height:1.4!important;margin-top:25px!important;max-width:37ch}
html.gifs-refined #root #home.orchard-client .home-lead-desktop>span {display:block}
html.gifs-refined #root #home.orchard-client .home-copy .hero-actions {gap:30px!important;margin-top:30px!important}
html.gifs-refined #root #home.orchard-client .home-copy .hero-actions a {font-size:22px!important;font-weight:600!important;border-bottom-color:#283f2e70!important}
html.gifs-refined #root #home.orchard-client .orchard-caption text {stroke:none!important;-webkit-text-stroke:0!important}
html.gifs-refined #root #home.orchard-client .orchard-foot {align-items:end!important}
html.gifs-refined #root #home.orchard-client .orchard-invitation {font-size:clamp(18px,1.5vw,23px)!important;line-height:1.1!important}
html.gifs-refined #root #home.orchard-client .orchard-location {line-height:1.25!important;font-size:17px!important}
@media(min-width:1101px) and (min-height:701px) and (orientation:landscape){
 html.gifs-refined #root #home.orchard-client .home-copy {top:20.5%!important;right:4.7%!important;width:38.3%!important}
 html.gifs-refined #root #home.orchard-client .home-copy h1 {font-size:clamp(52px,4.7vw,86px)!important}
 html.gifs-refined #root #home.orchard-client .home-copy h1 em {display:block!important;margin-top:9px!important}
}
@media(max-width:700px),(orientation:portrait),(max-width:1100px) and (max-height:540px) and (hover:none){
 html.gifs-refined #root #home.orchard-client .mobile-copy {inset:auto 22px max(22px,env(safe-area-inset-bottom))!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy h1.mobile-title {font-size:clamp(32px,9.8vw,46px)!important;line-height:1.01!important;letter-spacing:-.035em!important;color:#f1d8aa!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy h1.mobile-title em {color:#e5bd80!important;line-height:1.01!important}
 html.gifs-refined #root #home.orchard-client .mobile-lead {font-size:21px!important;line-height:1.2!important;margin-top:12px!important;margin-bottom:0!important;color:#efd4a3!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions {gap:24px!important;margin-top:17px!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions a {font-size:20px!important;line-height:1!important;font-weight:600!important;color:#f1d8aa!important;gap:12px!important;border-bottom-color:#edd0a267!important}
 html.gifs-refined #root #home.orchard-client .orchard-mobile-note {font-size:16px!important;letter-spacing:.015em!important}
 html.gifs-refined #root #home.orchard-client .mobile-apple[data-apple=ai] .orchard-caption-upper {fill:#172e20!important;text-shadow:0 1px 2px #efd3a240!important}
}
@media(min-width:701px) and (orientation:portrait){
 html.gifs-refined #root #home.orchard-client .mobile-copy {inset:auto 32px 32px!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions {max-width:440px}
}
@media(max-width:350px){
 html.gifs-refined #root #home.orchard-client .mobile-copy {inset:auto 16px max(16px,env(safe-area-inset-bottom))!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions {gap:18px!important;margin-top:12px!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions a {font-size:18px!important;gap:8px!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .home-action-arrow {width:14px;height:14px;flex-basis:14px}
 html.gifs-refined #root #home.orchard-client .mobile-lead {font-size:19px!important}
}
@media(max-height:700px){
 html.gifs-refined #root #home.orchard-client .mobile-copy h1.mobile-title {font-size:clamp(29px,8.6vw,36px)!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions {margin-top:10px!important}
 html.gifs-refined #root #home.orchard-client .home-copy .hero-actions {margin-top:16px!important;gap:22px!important}
 html.gifs-refined #root #home.orchard-client .home-copy .hero-actions a {font-size:19px!important}
 html.gifs-refined #root #home.orchard-client .home-lead-unified {font-size:19px!important;margin-top:15px!important;line-height:1.25!important}
}
@media(prefers-reduced-motion:reduce){html.gifs-refined #root #home.orchard-client .home-action-arrow {transition:none}}
/* A short portrait screen keeps the tree intact and removes only a repeated service list. */
@media(orientation:portrait) and (max-height:540px){
 html.gifs-refined #root #home.orchard-client .mobile-copy {bottom:max(12px,env(safe-area-inset-bottom))!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy h1.mobile-title {font-size:28px!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .mobile-lead {display:none!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions {margin-top:4px!important}
 html.gifs-refined #root #home.orchard-client .mobile-copy .hero-actions a {min-height:40px!important}
}

/* V6 service album. The shared shell owns the frame and pagination. */
.service-story.v6-service-story{background:linear-gradient(120deg,#203f32,#17382d 72%);--v6-paper:#e6d6b5;--v6-ink:#284832;--v6-clay:#d3a17e}
.v6-service-story .sp-botanical{opacity:.1;stroke:#c5ad7d}.v6-service-story .story-composition{gap:clamp(32px,5.5vw,92px)}
.service-story.v6-service-story .sp-chapter h2{font-size:clamp(44px,4.35vw,72px)!important;line-height:1.01!important;letter-spacing:-.04em!important;font-weight:500!important;max-width:18ch;color:#e8d8b7!important;margin-bottom:23px!important}
.v6-title-tail{font-style:italic;font-weight:400;color:#d4a480}.v6-service-story .story-intro .v6-title-tail{display:block}.v6-service-story .story-lead{font-weight:400!important;font-size:clamp(23px,1.8vw,28px)!important;line-height:1.3!important;color:#d3c8aa!important;max-width:39ch}.v6-service-story .story-link{border-color:#d5a27b88;color:#dfb38d!important}.v6-service-story .story-link:hover{color:#f0d0a8!important}
.v6-album-sprig{position:absolute;stroke:#bdac75;stroke-width:1.1;fill:#91a17318;width:180px;height:340px;pointer-events:none;opacity:.7}
/* A real project screen, mounted like a photograph in a paper browser. */
.v6-site-preview{min-width:0;position:relative;margin:0;padding:12px 0 5px;isolation:isolate}.v6-site-preview>.v6-album-sprig{right:-54px;top:-100px;rotate:16deg;z-index:-1;opacity:.38}.v6-project-mount{position:relative;padding:0;background:#e1d6bc;border:0;border-radius:12px;box-shadow:0 18px 44px #061f172e;rotate:0deg;animation:v6-paper-settle .85s cubic-bezier(.2,.7,.3,1) both;overflow:hidden}.v6-project-mount:before{display:none}.v6-browser-chrome{height:35px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;color:#47604b;font-size:17px;line-height:1}.v6-window-dots{display:flex;gap:5px}.v6-window-dots i{width:5px;height:5px;border:0;border-radius:50%;background:#8c9c82}.v6-browser-chrome>span:last-child{font-size:20px}.v6-project-screen{display:block;width:100%;height:auto;aspect-ratio:1.75;max-height:480px;object-fit:cover;object-position:50% 42%;border:0;border-radius:0}.v6-site-preview figcaption{display:flex;gap:14px;align-items:baseline;padding:20px 5px 0;color:#c9ba95;font-size:18px;line-height:1.15;flex-wrap:wrap}.v6-site-preview figcaption strong{font-size:23px;font-weight:500;color:#e0c69b}.v6-preview-fallback{padding:30px;min-height:200px;display:grid;place-items:center;color:#294531;font-size:22px;line-height:1.25}
/* Conversation, hand-off and receipt form a scene with an explicit direction. */
.v6-dialogue-scene{position:relative;height:440px;width:100%;max-width:640px;justify-self:center;margin:0;isolation:isolate}.v6-dialogue-scene>.v6-album-sprig{right:-25px;top:-45px;rotate:24deg;z-index:-1}.v6-intro-chat{position:absolute;max-width:80%;padding:21px 26px;box-shadow:0 10px 30px #09261926;animation:v6-paper-settle .8s cubic-bezier(.2,.7,.3,1) both}.v6-intro-chat>span{display:block;font-size:18px;line-height:1.1;color:#526d42;margin-bottom:10px}.v6-intro-chat p{font-size:clamp(24px,2vw,30px)!important;line-height:1.18!important;color:#294b34!important;margin:0!important;font-weight:400!important}.v6-intro-incoming{top:12px;left:0;width:76%;background:#b6c29a;border:1px solid #c2c9a4;border-radius:24px 24px 24px 3px;rotate:-2deg}.v6-intro-answer{top:141px;right:0;width:77%;background:#e6d7b8;border:1px solid #c5bb97;border-radius:24px 24px 3px 24px;rotate:1.2deg;animation-delay:.18s}.v6-handoff-line{position:absolute;left:1%;bottom:29px;width:37%;height:170px;stroke:#c2a377;stroke-width:1.5;stroke-dasharray:4 7;z-index:-1}.v6-intro-ticket{position:absolute;right:9%;top:285px;width:70%;padding:22px 26px 19px;color:#294b34;background:#d5bd92;border:1px solid #b5a279;box-shadow:5px 7px 0 #142a1c44;rotate:-1deg;animation:v6-ticket-arrive .8s .35s ease both}.v6-intro-ticket>span:not(.v6-ticket-notch){display:block;color:#68744b;font-size:18px;line-height:1.1;margin-bottom:10px}.v6-intro-ticket strong{display:block;font-size:29px;line-height:1.1;font-weight:500}.v6-intro-ticket p{font-size:21px!important;color:#3f5b38!important;line-height:1.15!important;margin:7px 0 0!important}.v6-ticket-notch{position:absolute;left:15px;right:15px;top:8px;height:1px;border-top:1px dashed #89905c77}
/* AI is an annotated pair of documents, followed by a human review mark. */
.v6-document-scene{position:relative;width:100%;height:455px;max-width:650px;justify-self:center;margin:0;isolation:isolate}.v6-document-scene>.v6-album-sprig{right:-18px;top:-66px;rotate:16deg;z-index:-1}.v6-source-sheet,.v6-summary-sheet{position:absolute;border:0;padding:27px 30px;box-shadow:0 14px 36px #071e1729;animation:v6-paper-settle .8s ease both;rotate:0deg;border-radius:11px;background:#e5d8bb}.v6-source-sheet{left:0;top:15px;width:51%;min-height:300px;background:#c2c7a9;rotate:-1.4deg;border:0;border-radius:11px;box-shadow:0 10px 32px #071e1721}.v6-source-sheet>span,.v6-summary-sheet>span{display:block;font-size:18px;color:#667246;line-height:1.1;margin-bottom:20px}.v6-source-sheet p{font-size:28px!important;line-height:1.45!important;font-style:italic;font-weight:400!important;color:#435a36!important;margin:0!important}.v6-pencil-mark{width:75%;height:45px;stroke:#9c7650;stroke-width:1.4;margin-top:24px;opacity:.65}.v6-summary-sheet{right:0;top:81px;width:62%;min-height:315px;background:#e5d8bb;rotate:0deg;animation-delay:.18s;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729}.v6-summary-sheet:after{content:'';position:absolute;right:0;top:0;width:25px;height:25px;background:linear-gradient(45deg,#baaa7c88 50%,#f2e1bd 51%);box-shadow:-2px 2px 3px #716a3522}.v6-summary-sheet strong{display:block;font-size:34px;font-weight:500;line-height:1.05;color:#294b34;margin:0 0 25px}.v6-summary-sheet ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.v6-summary-sheet li{font-size:24px;line-height:1.15;color:#405a37;display:flex;gap:14px;align-items:center}.v6-summary-sheet li:before{content:'';width:7px;height:7px;border:1px solid #748552;rotate:45deg;flex:none}.v6-review-mark{position:absolute;right:12px;bottom:0;display:flex;align-items:center;gap:13px;color:#d9b38c;font-size:22px;line-height:1.1;rotate:-3deg}.v6-review-mark>span{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ba8c66;border-radius:50%;font-size:25px}
/* Format selection is an illustrated folio rather than a second service list. */
.v6-service-story .story-formats{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.v6-service-story .story-format-choice{background:#e5d8bb;padding:25px 30px 28px;color:#294b34;position:relative;box-shadow:0 16px 38px #071e171f;rotate:0deg;border:0;border-radius:12px}.v6-service-story .story-format-choice:before{content:'';position:absolute;inset:6px;pointer-events:none;border:1px solid #9e9c6a38}.v6-service-story .story-format-choice .story-option-nav{border-color:#7d885577;margin-bottom:20px;position:relative}.v6-service-story .story-format-choice .story-option-nav button{color:#66764d;font-size:22px;font-style:italic}.v6-service-story .story-format-choice .story-option-nav button[aria-pressed=true]{color:#8f523c;border-color:#9a6547}.v6-service-story .story-format-panel{grid-template-columns:minmax(0,1fr) minmax(120px,.52fr);align-items:center;gap:20px}.v6-service-story .story-format-panel h3{font-size:34px!important;line-height:1.08!important;color:#2d5038!important;font-weight:500!important}.v6-service-story .story-format-panel p{font-size:24px!important;color:#425b3b!important;font-weight:400!important}.v6-service-story .story-format-panel .story-result-line{font-size:21px!important;color:#69764a!important;padding-top:13px;border-top:1px solid #82905e44}.v6-service-story .story-format-panel .story-link{color:#885337!important;border-color:#88533777;font-size:20px}.v6-service-story .story-format-drawing{width:100%;height:auto;max-height:260px;margin:0;rotate:-5deg;filter:drop-shadow(4px 7px 0 #8a855b22)}.v6-service-story .story-browser-paper{fill:#c7c29d;stroke:#7d8d5d}.v6-service-story .story-browser-action{fill:#a6b38b}
.v6-service-story .story-example-top p{font-style:italic;color:#ceb58d!important}.v6-service-story .story-sequence-nav button{font-style:italic}.v6-service-story .story-sequence-nav button[aria-pressed=true]{color:#e1b793;border-color:#c69b74}.v6-service-story .story-message{border:0;box-shadow:5px 7px 0 #0a261b22}.v6-service-story .story-message-client{background:#c1c9ad;rotate:0deg}.v6-service-story .story-message-bot{background:#e5d8bb;rotate:0deg}.v6-service-story .story-message p{font-weight:400!important}.v6-service-story .story-ticket{background:#e4d6b6;border:0;box-shadow:0 12px 28px #071e1726;border-radius:10px}.v6-service-story .story-ticket .story-paper-label{font-style:italic;color:#7a6143}
.v6-service-story .story-role-pair{gap:24px;align-items:stretch}.v6-service-story .story-role-pair>div{position:relative;padding:25px 24px;border:0;box-shadow:0 10px 26px #071e171c;border-radius:10px}.v6-service-story .v6-bot-role{background:#b6c19a;rotate:-1.3deg}.v6-service-story .v6-human-role{background:#e1d1ae;rotate:1.1deg}.v6-role-symbol{display:block;stroke:#62794b;stroke-width:1.4;width:74px;height:66px;margin:0 0 18px}.v6-service-story .story-role-pair .story-paper-label{font-size:30px;font-style:italic;color:#315638;margin-bottom:18px}.v6-service-story .story-role-pair li{font-size:23px;line-height:1.25;color:#405b37}.v6-service-story .story-role-pair ul{gap:17px}
.v6-service-story .story-paper-pair>div{border-color:#b9a77d;box-shadow:0 10px 26px #071e171c;border:0;border-radius:10px}.v6-service-story .story-source-note{background:#c1c5a6!important;transform:rotate(-1deg)}.v6-service-story .story-result-note{background:#e5d8bb!important;transform:none}.v6-service-story .story-source-note p{font-weight:400!important}.v6-service-story .story-paper-pair .story-paper-label{font-style:italic;color:#74603e}.v6-service-story .story-transformation[data-step='2'] .story-human-check{color:#e6b997!important}.v6-service-story .story-use-example{background:#e5d8bb;color:#294b34;padding:25px 30px;box-shadow:0 16px 38px #071e1726;rotate:0deg;border:0;border-radius:12px}.v6-service-story .story-use-example .story-option-nav{border-color:#7e8d5e66}.v6-service-story .story-use-example .story-option-nav button{font-style:italic;color:#64744c}.v6-service-story .story-use-example .story-option-nav button[aria-pressed=true]{color:#8d5238;border-color:#9a6347}.v6-service-story .story-use-example dl>div{border-color:#87936355}.v6-service-story .story-use-example dl>div:last-child{padding-bottom:0;border:0}.v6-service-story .story-use-example dt{font-style:italic;color:#81704b}.v6-service-story .story-use-example dd{color:#315437;font-weight:400}
.v6-service-story .story-journey{position:relative}.v6-service-story .story-journey:before{content:'';position:absolute;left:22px;top:28px;bottom:28px;width:1px;background:#b6a06d44;z-index:-1}.v6-service-story .story-number{border:0;border-radius:0;font-size:34px;font-style:italic;width:46px;height:46px;color:#d0a07d;background:#1d3d30}.v6-service-story .story-journey strong{font-weight:500;color:#e2cda5}.v6-service-story .story-journey p{font-weight:400!important;color:#c7bea0!important}.service-story.v6-service-story .story-portfolio>h2{font-size:34px!important;margin-bottom:0!important}
@keyframes v6-paper-settle{from{opacity:.4;transform:translateY(13px) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes v6-ticket-arrive{from{opacity:.4;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1900px){.service-story.v6-service-story .sp-chapter h2{font-size:84px!important}.v6-service-story .story-lead{font-size:31px!important}.v6-project-screen{max-height:520px;border:0;border-radius:0}.v6-dialogue-scene{height:490px;max-width:730px}.v6-intro-chat p{font-size:34px!important}.v6-intro-answer{top:161px}.v6-intro-ticket{top:318px}.v6-intro-ticket strong{font-size:35px}.v6-intro-ticket p{font-size:26px!important}.v6-document-scene{max-width:750px;height:490px}.v6-source-sheet{min-height:325px;rotate:-1.4deg;border:0;border-radius:11px;box-shadow:0 10px 32px #071e1721;background:#c2c7a9}.v6-source-sheet p{font-size:33px!important}.v6-summary-sheet{min-height:350px;rotate:0deg;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729;background:#e5d8bb}.v6-summary-sheet strong{font-size:41px}.v6-summary-sheet li{font-size:29px}.v6-service-story .story-role-pair li{font-size:28px}}
@media(max-width:1100px){.v6-service-story .story-composition{gap:30px}.service-story.v6-service-story .sp-chapter h2{font-size:43px!important}.v6-service-story .story-lead{font-size:23px!important}.v6-site-preview{padding:12px 0 5px}.v6-project-mount{padding:0;box-shadow:0 18px 44px #061f172e;border:0;border-radius:12px;rotate:0deg;background:#e1d6bc;overflow:hidden}.v6-site-preview figcaption{padding-top:15px;gap:5px 12px;font-size:18px}.v6-site-preview figcaption strong{font-size:21px}.v6-browser-chrome{height:35px;padding-inline:5px;padding:0 16px;color:#47604b}.v6-dialogue-scene{height:390px}.v6-intro-chat{padding:18px 20px}.v6-intro-chat p{font-size:25px!important}.v6-intro-chat>span{font-size:17px;margin-bottom:7px}.v6-intro-incoming{width:88%}.v6-intro-answer{top:132px;width:85%}.v6-intro-ticket{top:260px;right:2%;width:86%;padding:17px 20px}.v6-intro-ticket>span:not(.v6-ticket-notch){font-size:17px;margin-bottom:7px}.v6-intro-ticket strong{font-size:25px}.v6-intro-ticket p{font-size:20px!important}.v6-document-scene{height:370px}.v6-source-sheet,.v6-summary-sheet{padding:20px 19px;rotate:0deg;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729;background:#e5d8bb}.v6-source-sheet{width:55%;min-height:248px;rotate:-1.4deg;border:0;border-radius:11px;box-shadow:0 10px 32px #071e1721;background:#c2c7a9}.v6-source-sheet p{font-size:23px!important}.v6-summary-sheet{width:67%;top:80px;min-height:260px;rotate:0deg;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729;background:#e5d8bb}.v6-summary-sheet strong{font-size:28px;margin-bottom:17px}.v6-summary-sheet li{font-size:22px}.v6-review-mark{font-size:20px;right:0;bottom:-13px}.v6-review-mark>span{width:32px;height:32px;font-size:21px}.v6-service-story .story-format-choice{padding:20px;border:0;border-radius:12px;box-shadow:0 16px 38px #071e171f;rotate:0deg;background:#e5d8bb}.v6-service-story .story-format-panel{grid-template-columns:1fr;gap:0}.v6-service-story .story-format-panel h3{font-size:29px!important}.v6-service-story .story-format-panel p{font-size:22px!important}.v6-service-story .story-format-panel .story-result-line{font-size:20px!important}.v6-service-story .story-format-drawing{width:180px;max-height:135px;justify-self:center;margin-top:15px}.v6-service-story .story-role-pair{gap:15px}.v6-service-story .story-role-pair>div{padding:20px 17px;border:0;border-radius:10px;box-shadow:0 10px 26px #071e171c}.v6-service-story .story-role-pair li{font-size:21px}.v6-role-symbol{width:60px;height:54px}.v6-service-story .story-use-example{padding:22px;border:0;border-radius:12px;box-shadow:0 16px 38px #071e1726;rotate:0deg;background:#e5d8bb}}
@media(max-width:700px) and (min-height:501px), (max-width:500px){
 .v6-service-story .story-composition,.v6-service-story .story-formats{grid-template-columns:1fr;gap:23px}.service-story.v6-service-story .sp-chapter h2{font-size:36px!important;line-height:1.03!important;margin-bottom:13px!important;max-width:22ch}.v6-service-story .story-intro .v6-title-tail{display:inline}.v6-service-story .story-lead{font-size:21px!important;line-height:1.23!important}.v6-site-preview{padding:12px 0 5px;width:100%}.v6-site-preview>.v6-album-sprig{height:190px;width:102px;top:-40px;right:-13px;opacity:.38}.v6-project-mount{rotate:0deg;padding:0;box-shadow:0 18px 44px #061f172e;border:0;border-radius:12px;background:#e1d6bc;overflow:hidden}.v6-project-screen{height:170px;aspect-ratio:2;object-position:50% 40%;border:0;border-radius:0}.v6-browser-chrome{height:35px;font-size:17px;padding:0 16px;color:#47604b}.v6-site-preview figcaption{padding:13px 3px 0;gap:4px 10px;font-size:17px;line-height:1.1}.v6-site-preview figcaption strong{font-size:21px}.v6-site-preview figcaption span{font-size:17px}
 .v6-dialogue-scene{height:280px;max-width:420px}.v6-dialogue-scene>.v6-album-sprig{height:240px;width:125px;top:-30px;right:0}.v6-intro-chat{padding:12px 17px;max-width:88%;border-radius:18px 18px 18px 3px}.v6-intro-chat p{font-size:22px!important;line-height:1.15!important}.v6-intro-chat>span{font-size:17px;margin-bottom:5px}.v6-intro-incoming{top:5px;width:83%}.v6-intro-answer{top:92px;width:85%;border-radius:18px 18px 3px 18px}.v6-intro-ticket{top:189px;right:5%;width:83%;padding:16px 18px 13px}.v6-intro-ticket>span:not(.v6-ticket-notch){font-size:17px;margin-bottom:5px}.v6-intro-ticket strong{font-size:23px}.v6-intro-ticket p{font-size:18px!important;margin-top:4px!important}.v6-handoff-line{height:100px;left:0;bottom:9px;width:28%}
 .v6-document-scene{height:275px;max-width:420px}.v6-document-scene>.v6-album-sprig{height:210px;width:110px;top:-35px;right:-5px}.v6-source-sheet,.v6-summary-sheet{padding:17px;rotate:0deg;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729;background:#e5d8bb}.v6-source-sheet{top:7px;width:49%;min-height:195px;rotate:-1.4deg;border:0;border-radius:11px;box-shadow:0 10px 32px #071e1721;background:#c2c7a9}.v6-source-sheet>span,.v6-summary-sheet>span{font-size:17px;margin-bottom:14px}.v6-source-sheet p{font-size:21px!important;line-height:1.4!important}.v6-summary-sheet{width:57%;top:43px;min-height:208px;rotate:0deg;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729;background:#e5d8bb}.v6-summary-sheet strong{font-size:27px;margin-bottom:17px}.v6-summary-sheet li{font-size:21px;gap:9px}.v6-summary-sheet ul{gap:11px}.v6-pencil-mark{margin-top:16px;height:30px}.v6-review-mark{font-size:19px;bottom:-3px;right:0;gap:9px}.v6-review-mark>span{width:29px;height:29px;font-size:20px}
 .v6-service-story .story-format-choice{padding:18px 20px;border:0;border-radius:12px;box-shadow:0 16px 38px #071e171f;rotate:0deg;background:#e5d8bb}.v6-service-story .story-format-choice .story-option-nav{margin-bottom:15px}.v6-service-story .story-format-choice .story-option-nav button{font-size:21px}.v6-service-story .story-format-panel h3{font-size:29px!important}.v6-service-story .story-format-panel p{font-size:21px!important}.v6-service-story .story-format-panel .story-result-line{font-size:19px!important;padding-top:10px}.v6-service-story .story-format-panel .story-link{font-size:19px}.v6-service-story .story-format-drawing{display:none}.v6-service-story .story-role-pair{gap:16px}.v6-service-story .story-role-pair>div{padding:18px 14px;border:0;border-radius:10px;box-shadow:0 10px 26px #071e171c}.v6-role-symbol{width:54px;height:47px;margin-bottom:12px}.v6-service-story .story-role-pair .story-paper-label{font-size:26px;margin-bottom:12px}.v6-service-story .story-role-pair li{font-size:20px;line-height:1.2}.v6-service-story .story-role-pair ul{gap:13px}.v6-service-story .story-use-example{padding:18px 20px;border:0;border-radius:12px;box-shadow:0 16px 38px #071e1726;rotate:0deg;background:#e5d8bb}.v6-service-story .story-number{font-size:29px;width:36px;height:36px}.v6-service-story .story-journey:before{left:17px}.service-story.v6-service-story .story-portfolio>h2{font-size:29px!important;margin-bottom:0!important}
}
@media(max-width:700px) and (min-height:501px) and (max-height:670px), (max-width:500px) and (max-height:670px){
 .v6-service-story .story-composition,.v6-service-story .story-formats{gap:12px}.service-story.v6-service-story .sp-chapter h2{font-size:29px!important;line-height:1.03!important;margin-bottom:9px!important}.v6-service-story .story-lead{font-size:18px!important;line-height:1.19!important}.v6-site-preview{padding:12px 0 5px}.v6-project-mount{padding:0;box-shadow:0 18px 44px #061f172e;border:0;border-radius:12px;rotate:0deg;background:#e1d6bc;overflow:hidden}.v6-project-screen{height:106px;aspect-ratio:2.65;object-position:50% 40%;border:0;border-radius:0}.v6-browser-chrome{height:35px;padding-bottom:4px;padding:0 16px;color:#47604b}.v6-site-preview figcaption{padding:10px 1px 0;font-size:17px;gap:3px 8px}.v6-site-preview figcaption strong{font-size:18px}.v6-site-preview figcaption span{font-size:17px}
 .v6-dialogue-scene{height:201px}.v6-intro-chat{padding:8px 12px;max-width:90%}.v6-intro-chat p{font-size:18px!important;line-height:1.12!important}.v6-intro-chat>span{font-size:17px;margin-bottom:3px}.v6-intro-incoming{top:1px;width:86%;rotate:-1deg}.v6-intro-answer{top:67px;width:84%;rotate:1deg}.v6-intro-ticket{top:132px;right:2%;width:88%;padding:11px 13px 9px;rotate:-.7deg}.v6-intro-ticket>span:not(.v6-ticket-notch){font-size:17px;margin-bottom:3px}.v6-intro-ticket strong{font-size:20px}.v6-intro-ticket p{font-size:17px!important;margin-top:2px!important}.v6-ticket-notch{top:5px}.v6-handoff-line{height:77px;bottom:0}
 .v6-document-scene{height:191px}.v6-source-sheet,.v6-summary-sheet{padding:11px 12px;rotate:0deg;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729;background:#e5d8bb}.v6-source-sheet{top:2px;width:47%;min-height:142px;rotate:-1.4deg;border:0;border-radius:11px;box-shadow:0 10px 32px #071e1721;background:#c2c7a9}.v6-source-sheet>span,.v6-summary-sheet>span{font-size:17px;margin-bottom:8px}.v6-source-sheet p{font-size:18px!important;line-height:1.2!important}.v6-pencil-mark{height:20px;margin-top:13px}.v6-summary-sheet{width:53%;top:13px;min-height:155px;rotate:0deg;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729;background:#e5d8bb}.v6-summary-sheet strong{font-size:22px;margin-bottom:11px}.v6-summary-sheet ul{gap:7px}.v6-summary-sheet li{font-size:17px;gap:7px;line-height:1.1}.v6-summary-sheet li:before{width:5px;height:5px}.v6-summary-sheet:after{width:17px;height:17px}.v6-review-mark{font-size:17px;gap:7px;right:1px;bottom:-1px}.v6-review-mark>span{width:24px;height:24px;font-size:18px}
 .v6-service-story .story-format-choice{padding:9px 11px;border:0;border-radius:12px;box-shadow:0 16px 38px #071e171f;rotate:0deg;background:#e5d8bb}.v6-service-story .story-format-choice:before{inset:4px}.v6-service-story .story-format-choice .story-option-nav{margin-bottom:9px;gap:12px}.v6-service-story .story-format-choice .story-option-nav button{font-size:18px;min-height:33px}.v6-service-story .story-format-panel h3{font-size:24px!important;margin-bottom:7px!important}.v6-service-story .story-format-panel p{font-size:18px!important;line-height:1.17!important;margin-bottom:8px!important}.v6-service-story .story-format-panel .story-result-line{font-size:17px!important;padding-top:7px}.v6-service-story .story-format-panel .story-link{font-size:18px;min-height:32px}.v6-service-story .story-role-pair{gap:12px}.v6-service-story .story-role-pair>div{padding:11px 10px;border:0;border-radius:10px;box-shadow:0 10px 26px #071e171c}.v6-role-symbol{display:none}.v6-service-story .story-role-pair .story-paper-label{font-size:22px;margin-bottom:9px}.v6-service-story .story-role-pair ul{gap:9px}.v6-service-story .story-role-pair li{font-size:18px;line-height:1.13}.v6-service-story .story-use-example{padding:10px 12px;border:0;border-radius:12px;box-shadow:0 16px 38px #071e1726;rotate:0deg;background:#e5d8bb}.v6-service-story .story-use-example .story-option-nav{margin-bottom:10px}.v6-service-story .story-use-example dl{gap:9px}.v6-service-story .story-use-example dl>div{padding-bottom:8px}.v6-service-story .story-use-example dt{font-size:17px}.v6-service-story .story-use-example dd{font-size:18px}.v6-service-story .story-number{font-size:26px;width:29px;height:29px}.v6-service-story .story-journey:before{left:14px}.service-story.v6-service-story .story-portfolio>h2{font-size:25px!important;margin-bottom:0!important}
}
@media(max-height:500px) and (min-width:501px){
 .v6-service-story .story-composition,.v6-service-story .story-formats{gap:24px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.service-story.v6-service-story .sp-chapter h2{font-size:29px!important;line-height:1.02!important;margin-bottom:10px!important}.v6-service-story .story-intro .v6-title-tail{display:inline}.v6-service-story .story-lead{font-size:18px!important;line-height:1.15!important}.v6-site-preview{padding:12px 0 5px;max-width:420px;justify-self:end}.v6-site-preview>.v6-album-sprig{height:170px;width:90px;right:-16px;top:-25px;opacity:.38}.v6-project-mount{rotate:0deg;padding:0;box-shadow:0 18px 44px #061f172e;border:0;border-radius:12px;background:#e1d6bc;overflow:hidden}.v6-project-screen{height:139px;aspect-ratio:2.7;object-position:50% 39%;border:0;border-radius:0}.v6-browser-chrome{height:35px;padding:0 16px;font-size:17px;color:#47604b}.v6-site-preview figcaption{font-size:17px;line-height:1.05;padding:9px 0 0;gap:4px 10px;flex-wrap:nowrap}.v6-site-preview figcaption strong{font-size:18px;white-space:nowrap}.v6-site-preview figcaption span{font-size:17px}
 .v6-dialogue-scene{height:198px;max-width:430px}.v6-dialogue-scene>.v6-album-sprig{height:185px;width:95px;top:-15px;right:-4px}.v6-intro-chat{padding:8px 12px;max-width:86%;border-radius:15px 15px 15px 3px}.v6-intro-chat>span{font-size:17px;line-height:1;margin-bottom:3px}.v6-intro-chat p{font-size:18px!important;line-height:1.1!important}.v6-intro-incoming{top:0;width:80%;rotate:-.8deg}.v6-intro-answer{top:62px;right:0;width:82%;border-radius:15px 15px 3px 15px;rotate:.7deg}.v6-intro-ticket{top:124px;width:78%;right:3%;padding:10px 13px 8px;rotate:-.6deg}.v6-intro-ticket>span:not(.v6-ticket-notch){font-size:17px;margin-bottom:2px}.v6-intro-ticket strong{font-size:20px}.v6-intro-ticket p{font-size:17px!important;line-height:1.05!important;margin-top:2px!important}.v6-handoff-line{height:86px;width:29%;left:0;bottom:8px}.v6-ticket-notch{top:5px}
 .v6-document-scene{height:192px;max-width:440px}.v6-document-scene>.v6-album-sprig{height:175px;width:95px;top:-15px;right:-10px}.v6-source-sheet,.v6-summary-sheet{padding:12px 15px;rotate:0deg;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729;background:#e5d8bb}.v6-source-sheet{width:49%;top:2px;min-height:146px;rotate:-1.4deg;border:0;border-radius:11px;box-shadow:0 10px 32px #071e1721;background:#c2c7a9}.v6-source-sheet>span,.v6-summary-sheet>span{font-size:17px;line-height:1.05;margin-bottom:8px}.v6-source-sheet p{font-size:18px!important;line-height:1.2!important}.v6-pencil-mark{margin-top:13px;height:20px}.v6-summary-sheet{width:55%;top:19px;min-height:147px;rotate:0deg;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729;background:#e5d8bb}.v6-summary-sheet strong{font-size:22px;line-height:1.05;margin-bottom:10px}.v6-summary-sheet ul{gap:6px}.v6-summary-sheet li{font-size:18px;line-height:1.1;gap:9px}.v6-summary-sheet:after{width:17px;height:17px}.v6-review-mark{font-size:17px;right:0;bottom:-1px;gap:7px}.v6-review-mark>span{width:24px;height:24px;font-size:18px}
 .v6-service-story .story-format-choice{padding:7px 13px;rotate:0deg;border:0;border-radius:12px;box-shadow:0 16px 38px #071e171f;background:#e5d8bb}.v6-service-story .story-format-choice:before{inset:3px}.v6-service-story .story-format-choice .story-option-nav{margin-bottom:6px;gap:13px}.v6-service-story .story-format-choice .story-option-nav button{font-size:18px;min-height:29px;padding:4px 0}.v6-service-story .story-format-panel{grid-template-columns:1fr;gap:0}.v6-service-story .story-format-panel h3{font-size:23px!important;line-height:1.05!important;margin-bottom:5px!important}.v6-service-story .story-format-panel p{font-size:18px!important;line-height:1.1!important;margin-bottom:6px!important}.v6-service-story .story-format-panel .story-result-line{font-size:17px!important;padding-top:5px}.v6-service-story .story-format-panel .story-link{font-size:18px;min-height:29px;padding:3px 0}.v6-service-story .story-format-drawing{display:none}.v6-service-story .story-role-pair{gap:13px}.v6-service-story .story-role-pair>div{padding:11px 12px;border:0;border-radius:10px;box-shadow:0 10px 26px #071e171c}.v6-role-symbol{width:35px;height:31px;margin-bottom:6px}.v6-service-story .story-role-pair .story-paper-label{font-size:21px;margin-bottom:8px}.v6-service-story .story-role-pair ul{gap:7px}.v6-service-story .story-role-pair li{font-size:17px;line-height:1.1}.v6-service-story .story-use-example{padding:10px 14px;border:0;border-radius:12px;box-shadow:0 16px 38px #071e1726;rotate:0deg;background:#e5d8bb}.v6-service-story .story-use-example .story-option-nav{margin-bottom:9px}.v6-service-story .story-number{font-size:25px;width:29px;height:29px}.v6-service-story .story-journey:before{left:14px}.service-story.v6-service-story .story-portfolio>h2{font-size:23px!important;margin-bottom:0!important}
}

@media(max-width:700px) and (min-height:501px) and (max-height:670px), (max-width:500px) and (max-height:670px){
 .v6-service-story .story-start:not(.v6-ai-start) .story-journey{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.v6-service-story .story-start:not(.v6-ai-start) .story-journey:before{display:none}.v6-service-story .story-start:not(.v6-ai-start) .story-journey li{flex-direction:column;gap:5px}.v6-service-story .story-start:not(.v6-ai-start) .story-journey strong{font-size:18px;line-height:1.1}.v6-service-story .story-start:not(.v6-ai-start) .story-journey p{font-size:17px!important;line-height:1.13!important}.v6-service-story .story-start:not(.v6-ai-start) .story-final-actions{gap:4px 10px}.v6-service-story .story-start:not(.v6-ai-start) .story-link{font-size:17px}
}
@media(max-height:400px) and (min-width:501px){.service-story.v6-service-story .sp-chapter h2{font-size:27px!important}.v6-service-story .story-lead{font-size:17px!important}.v6-project-screen{height:128px;border:0;border-radius:0}.v6-service-story .story-format-panel h3{font-size:22px!important}.v6-service-story .story-format-panel p{font-size:17px!important}.v6-service-story .story-bot-chapter{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.v6-service-story .story-ai-example{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.v6-service-story .story-role-pair .v6-role-symbol{display:none}}
@media(prefers-reduced-motion:reduce){.v6-service-story *,.v6-service-story *:before,.v6-service-story *:after{animation:none!important;transition:none!important}.v6-project-mount,.v6-intro-chat,.v6-intro-ticket,.v6-source-sheet,.v6-summary-sheet{transform:none;rotate:0deg;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729;background:#e5d8bb}}

/* Audience-led agent presentation. These are choices, not claims of live integrations. */
.service-story.v6-service-story .v6-project-screen{height:var(--v6-screen-height,auto)!important;max-height:var(--v6-screen-height,480px);border:0;border-radius:0}
.v6-agent-choices{display:grid;gap:20px;min-width:0}.v6-agent-choices button{font:inherit;text-align:left;color:#294b34;background:#decfae;border:0;border-radius:10px;padding:26px;display:grid;grid-template-columns:64px minmax(0,1fr) 20px;gap:20px;align-items:center;cursor:pointer;box-shadow:0 8px 24px #071e171c;transition:background .2s,transform .2s;rotate:0deg}.v6-agent-choices button:first-child{background:#c0c9ab;rotate:0deg}.v6-agent-choices button:last-child{rotate:0deg}.v6-agent-choices button:hover,.v6-agent-choices button[aria-pressed=true]{background:#ead8b3;transform:translateY(-2px)}.v6-agent-choices strong{display:block;font-size:34px;line-height:1.08;font-weight:500;margin-bottom:10px}.v6-agent-choices button>span>span{display:block;font-size:23px;line-height:1.2}.v6-agent-choices .v6-role-symbol{width:64px;height:58px;margin:0}.v6-agent-choices b{font-size:27px;font-weight:400;color:#7b6546}.v6-service-story .sp-chapters button:disabled{opacity:.42;cursor:default}.v6-service-story .sp-next:disabled{opacity:.42;cursor:default}
.v6-agent-options{min-width:0}.v6-agent-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:20px}.v6-agent-boundaries>div{padding:20px 21px;background:#c0c9ab;color:#294b34;rotate:0deg;border-radius:10px}.v6-agent-boundaries>div+div{background:#e5d8bb;rotate:0deg}.v6-agent-boundaries span{display:block;font-size:27px;font-style:italic;line-height:1.1;margin-bottom:12px}.v6-service-story .v6-agent-boundaries p{font-size:23px!important;line-height:1.2!important;color:#365438!important;margin:0!important}.v6-content-option{display:flex;gap:14px;align-items:flex-start;margin-top:25px;cursor:pointer}.v6-content-option input{appearance:none;width:22px;height:22px;border:1px solid #cbb687;border-radius:3px;background:transparent;flex-shrink:0;margin:5px 0 0;display:grid;place-content:center;cursor:pointer}.v6-content-option input:checked{background:#dfc393}.v6-content-option input:checked:before{content:'✓';color:#294b34;font-size:19px;line-height:1}.v6-content-option strong{font-size:26px;line-height:1.1;font-weight:500;display:block;color:#dfc393}.v6-content-option span>span{display:block;font-size:21px;line-height:1.2;color:#d0c3a2;margin-top:7px}.v6-service-story .v6-content-link{font-size:19px;margin:8px 0 0 36px;min-height:32px}.v6-service-story .v6-ai-start .story-journey{grid-template-columns:1fr 1fr;gap:28px 24px}.v6-service-story .v6-ai-start .story-journey:before{display:none}.v6-service-story .story-use-example .story-option-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 18px;margin-bottom:19px}.v6-service-story .story-use-example .story-option-nav button{font-size:21px;min-height:36px;padding:6px 0}.v6-service-story .story-use-example dl{gap:16px}.v6-service-story .story-use-example dl>div{padding-bottom:12px}.v6-service-story .story-use-example dd{font-size:24px;line-height:1.16;margin-top:4px}
/* Short desktop/tablet windows need a denser spread, regardless of width.
   Content sizes follow available height. Nothing is clipped over the pager. */
@media(min-width:701px) and (min-height:501px) and (max-height:740px){
 .v6-service-story{--v6-screen-height:190px}
 .service-story.v6-service-story .sp-chapter h2{font-size:34px!important;line-height:1.03!important;margin-bottom:13px!important}.v6-service-story .story-composition,.v6-service-story .story-formats{gap:28px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.v6-service-story .story-lead{font-size:21px!important;line-height:1.18!important}.v6-service-story .story-footnote{font-size:17px!important;line-height:1.15!important;margin-top:9px!important}.v6-service-story .story-link,.v6-service-story .story-text-button{font-size:19px;min-height:33px;padding:4px 0}.v6-service-story .story-final-actions,.v6-service-story .story-start-plan>.story-link{margin-top:10px}
 .v6-service-story .story-format-choice{padding:14px 18px;border:0;border-radius:12px;box-shadow:0 16px 38px #071e171f;rotate:0deg;background:#e5d8bb}.v6-service-story .story-format-choice .story-option-nav{margin-bottom:10px}.v6-service-story .story-format-panel h3{font-size:28px!important;margin-bottom:9px!important}.v6-service-story .story-format-panel p{font-size:20px!important;line-height:1.17!important;margin-bottom:10px!important}.v6-service-story .story-format-panel .story-result-line{font-size:18px!important;padding-top:8px}.v6-service-story .story-format-drawing{display:none}.v6-project-screen{height:190px;object-position:50% 39%;border:0;border-radius:0}.v6-site-preview figcaption{padding-top:12px}
 .v6-service-story .story-example-top{margin-bottom:7px}.v6-service-story .story-example-top p{font-size:17px!important;line-height:1.1!important}.v6-service-story .story-example-top .story-text-button{font-size:17px;min-height:29px}.v6-service-story .story-sequence-nav{margin-bottom:10px;gap:10px}.v6-service-story .story-sequence-nav button{font-size:18px;min-height:32px;padding:5px 0}.v6-service-story .story-dialogue-stage{min-height:0}.v6-service-story .story-dialogue-pair{gap:10px}.v6-service-story .story-message{padding:10px 14px}.v6-service-story .story-message p{font-size:20px!important;line-height:1.15!important}.v6-service-story .story-message>span{margin-bottom:4px}.v6-service-story .story-ticket{padding:13px 17px;border:0;border-radius:10px;box-shadow:0 12px 28px #071e1726;background:#e4d6b6}.v6-service-story .story-ticket .story-paper-label{margin-bottom:9px;font-size:17px}.v6-service-story .story-ticket dl{gap:6px}.v6-service-story .story-ticket dd{font-size:19px}.v6-service-story .story-ticket dt{font-size:17px}.v6-service-story .story-ticket-human{font-size:17px!important;line-height:1.15!important;margin-top:9px!important;padding-top:8px}
 .v6-service-story .story-paper-pair>div{padding:13px 15px;border:0;border-radius:10px;box-shadow:0 10px 26px #071e171c}.v6-service-story .story-paper-pair .story-paper-label{margin-bottom:9px;font-size:17px}.v6-service-story .story-source-note p{font-size:21px!important;line-height:1.2!important}.v6-service-story .story-result-note dl{gap:9px}.v6-service-story .story-result-note dd{font-size:19px;line-height:1.1}.v6-service-story .story-human-check{font-size:18px!important;line-height:1.15!important;margin-top:13px!important}.v6-service-story .story-use-example{padding:14px 18px;border:0;border-radius:12px;box-shadow:0 16px 38px #071e1726;rotate:0deg;background:#e5d8bb}.v6-service-story .story-use-example .story-option-nav{gap:2px 15px;margin-bottom:10px}.v6-service-story .story-use-example .story-option-nav button{font-size:18px;min-height:30px;padding:4px 0}.v6-service-story .story-use-example dl{gap:10px}.v6-service-story .story-use-example dl>div{display:grid;grid-template-columns:98px minmax(0,1fr);gap:12px;padding-bottom:9px}.v6-service-story .story-use-example dt{font-size:17px}.v6-service-story .story-use-example dd{font-size:20px;line-height:1.15;margin:0}
 .v6-document-scene{height:255px;max-width:460px}.v6-source-sheet,.v6-summary-sheet{padding:16px 19px;rotate:0deg;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729;background:#e5d8bb}.v6-source-sheet{min-height:185px;top:6px;width:49%;rotate:-1.4deg;border:0;border-radius:11px;box-shadow:0 10px 32px #071e1721;background:#c2c7a9}.v6-source-sheet>span,.v6-summary-sheet>span{font-size:17px;margin-bottom:12px}.v6-source-sheet p{font-size:21px!important;line-height:1.2!important}.v6-summary-sheet{min-height:190px;top:30px;width:57%;rotate:0deg;border:0;border-radius:11px;box-shadow:0 14px 36px #071e1729;background:#e5d8bb}.v6-summary-sheet strong{font-size:27px;margin-bottom:14px}.v6-summary-sheet li{font-size:21px}.v6-summary-sheet ul{gap:8px}.v6-pencil-mark{margin-top:15px;height:25px}.v6-review-mark{bottom:0;font-size:18px}.v6-review-mark>span{width:28px;height:28px}
 .v6-agent-choices{gap:15px}.v6-agent-choices button{padding:18px;grid-template-columns:45px minmax(0,1fr) 16px;gap:14px;border-radius:10px;box-shadow:0 8px 24px #071e171c;rotate:0deg}.v6-agent-choices strong{font-size:27px;margin-bottom:7px}.v6-agent-choices button>span>span{font-size:20px;line-height:1.15}.v6-agent-choices .v6-role-symbol{display:block;width:45px;height:43px}.v6-agent-boundaries{gap:13px}.v6-agent-boundaries>div{padding:14px;rotate:0deg;border-radius:10px;background:#c0c9ab}.v6-agent-boundaries span{font-size:23px;margin-bottom:9px}.v6-service-story .v6-agent-boundaries p{font-size:19px!important;line-height:1.15!important}.v6-content-option{margin-top:16px;gap:12px}.v6-content-option strong{font-size:23px}.v6-content-option span>span{font-size:18px;margin-top:5px}.v6-service-story .v6-content-link{font-size:17px;margin-top:5px}.v6-service-story .story-journey{gap:14px}.v6-service-story .story-journey strong{font-size:23px}.v6-service-story .story-journey p{font-size:20px!important;line-height:1.15!important;margin-top:3px!important}.v6-service-story .story-number{width:32px;height:32px;font-size:28px}.v6-service-story .v6-ai-start .story-journey{gap:20px 17px}.v6-service-story .v6-ai-start .story-journey li{gap:10px}
}
@media(max-width:700px) and (min-height:501px), (max-width:500px){
 .v6-service-story{--v6-screen-height:170px}
 .v6-agent-choices{gap:15px}.v6-agent-choices button{padding:19px 17px;grid-template-columns:44px minmax(0,1fr) 15px;gap:13px;border-radius:10px;box-shadow:0 8px 24px #071e171c;rotate:0deg}.v6-agent-choices strong{font-size:28px;margin-bottom:8px}.v6-agent-choices button>span>span{font-size:21px}.v6-agent-choices .v6-role-symbol{display:block;width:44px;height:43px}.v6-agent-boundaries{gap:13px}.v6-agent-boundaries>div{padding:16px 14px;rotate:0deg;border-radius:10px;background:#c0c9ab}.v6-agent-boundaries span{font-size:25px;margin-bottom:10px}.v6-service-story .v6-agent-boundaries p{font-size:20px!important;line-height:1.17!important}.v6-content-option{margin-top:20px;gap:12px}.v6-content-option strong{font-size:25px}.v6-content-option span>span{font-size:20px}.v6-service-story .v6-content-link{font-size:18px;margin-left:34px}.v6-service-story .v6-ai-start .story-journey{gap:22px 14px}.v6-service-story .v6-ai-start .story-journey li{gap:10px}.v6-service-story .v6-ai-start .story-number{width:25px}.v6-service-story .story-use-example .story-option-nav{gap:2px 12px;margin-bottom:13px}.v6-service-story .story-use-example .story-option-nav button{font-size:19px;min-height:34px;padding:5px 0}.v6-service-story .story-use-example dl{gap:12px}.v6-service-story .story-use-example dd{font-size:22px;line-height:1.15}
}
@media(max-width:700px) and (min-height:501px) and (max-height:670px), (max-width:500px) and (max-height:670px){
 .v6-service-story{--v6-screen-height:106px}.v6-agent-choices button{grid-template-columns:27px minmax(0,1fr) 12px!important;border-radius:10px;box-shadow:0 8px 24px #071e171c;rotate:0deg}.v6-agent-choices .v6-role-symbol{display:none!important}.v6-service-story .v6-ai-start .story-lead{max-width:25ch}
 .v6-agent-choices{gap:11px}.v6-agent-choices button{padding:13px 12px;grid-template-columns:31px minmax(0,1fr) 12px;gap:10px;border-radius:10px;box-shadow:0 8px 24px #071e171c;rotate:0deg}.v6-agent-choices strong{font-size:24px;margin-bottom:5px}.v6-agent-choices button>span>span{font-size:18px;line-height:1.15}.v6-agent-choices .v6-role-symbol{width:31px;height:31px}.v6-agent-choices b{font-size:21px}.v6-agent-boundaries{gap:9px}.v6-agent-boundaries>div{padding:10px;rotate:0deg;border-radius:10px;background:#c0c9ab}.v6-agent-boundaries span{font-size:21px;margin-bottom:6px}.v6-service-story .v6-agent-boundaries p{font-size:17px!important;line-height:1.13!important}.v6-content-option{margin-top:12px;gap:10px}.v6-content-option input{width:19px;height:19px;margin-top:2px}.v6-content-option strong{font-size:22px}.v6-content-option span>span{font-size:17px;line-height:1.12;margin-top:5px}.v6-service-story .v6-content-link{font-size:17px;min-height:28px;margin:4px 0 0 29px}.v6-service-story .v6-ai-start .story-journey{gap:16px 13px}.v6-service-story .v6-ai-start .story-journey li{gap:7px}.v6-service-story .v6-ai-start .story-number{font-size:23px;width:23px;height:24px}.v6-service-story .v6-ai-start .story-journey strong{font-size:19px}.v6-service-story .v6-ai-start .story-journey p{font-size:17px!important}.v6-service-story .story-use-example .story-option-nav{gap:1px 9px;margin-bottom:9px}.v6-service-story .story-use-example .story-option-nav button{font-size:17px;min-height:28px;padding:4px 0}.v6-service-story .story-use-example dl{gap:8px}.v6-service-story .story-use-example dl>div{padding-bottom:6px;grid-template-columns:76px minmax(0,1fr);gap:8px}.v6-service-story .story-use-example dd{font-size:17px;line-height:1.12;margin:0}.v6-service-story .story-use-example dt{font-size:17px;line-height:1.1}.v6-service-story .story-ai-uses{gap:10px}.v6-service-story .story-ai-uses .story-link{margin-top:4px;min-height:29px;font-size:17px}
}
@media(max-height:500px) and (min-width:501px){
 .v6-service-story{--v6-screen-height:139px}
 .v6-agent-choices{gap:10px}.v6-agent-choices button{padding:12px;grid-template-columns:31px minmax(0,1fr) 12px;gap:10px;border-radius:10px;box-shadow:0 8px 24px #071e171c;rotate:0deg}.v6-agent-choices strong{font-size:23px;margin-bottom:5px}.v6-agent-choices button>span>span{font-size:17px;line-height:1.1}.v6-agent-choices .v6-role-symbol{display:block;width:31px;height:31px}.v6-agent-choices b{font-size:21px}.v6-agent-boundaries{gap:9px}.v6-agent-boundaries>div{padding:9px 10px;rotate:0deg;border-radius:10px;background:#c0c9ab}.v6-agent-boundaries span{font-size:20px;margin-bottom:6px}.v6-service-story .v6-agent-boundaries p{font-size:17px!important;line-height:1.1!important}.v6-content-option{margin-top:9px;gap:10px}.v6-content-option input{width:19px;height:19px;margin-top:1px}.v6-content-option strong{font-size:21px}.v6-content-option span>span{font-size:17px;line-height:1.08;margin-top:4px}.v6-service-story .v6-content-link{font-size:17px;min-height:25px;margin:3px 0 0 29px}.v6-service-story .v6-ai-start .story-journey{gap:13px 16px}.v6-service-story .v6-ai-start .story-journey li{gap:7px}.v6-service-story .v6-ai-start .story-number{font-size:23px;width:23px;height:24px}.v6-service-story .v6-ai-start .story-journey strong{font-size:19px}.v6-service-story .v6-ai-start .story-journey p{font-size:17px!important}.v6-service-story .story-use-example{padding:8px 12px;border:0;border-radius:12px;box-shadow:0 16px 38px #071e1726;rotate:0deg;background:#e5d8bb}.v6-service-story .story-use-example .story-option-nav{gap:0 10px;margin-bottom:7px}.v6-service-story .story-use-example .story-option-nav button{font-size:17px;min-height:26px;padding:3px 0}.v6-service-story .story-use-example dl{gap:6px}.v6-service-story .story-use-example dl>div{padding-bottom:5px;grid-template-columns:88px minmax(0,1fr);gap:10px}.v6-service-story .story-use-example dd{font-size:17px;line-height:1.08;margin:0}.v6-service-story .story-use-example dt{font-size:17px;line-height:1.08}
}
@media(max-height:400px) and (min-width:501px){.v6-service-story{--v6-screen-height:128px}.v6-service-story .story-example-top{margin-bottom:2px}.v6-service-story .story-bot-example .story-sequence-nav{margin-bottom:4px}}

/* Three equal entry points: a person, customers, or a coordinated company system. */
.v6-agent-choices{gap:15px}.v6-agent-choices button{padding:22px 24px;border-radius:10px;box-shadow:0 8px 24px #071e171c;rotate:0deg}.v6-agent-choices button:nth-child(3){background:#ddc6aa;rotate:0deg}.v6-agent-choices button:nth-child(3):hover,.v6-agent-choices button:nth-child(3)[aria-pressed=true]{background:#ead8b3}
@media(min-width:701px) and (min-height:501px) and (max-height:740px){.v6-agent-choices{gap:9px}.v6-agent-choices button{grid-template-columns:38px minmax(0,1fr) 16px;padding:11px 15px;gap:12px;border-radius:10px;box-shadow:0 8px 24px #071e171c;rotate:0deg}.v6-agent-choices .v6-role-symbol{display:none}.v6-agent-choices strong{font-size:25px;margin-bottom:4px}.v6-agent-choices button>span>span{font-size:18px;line-height:1.15}}
@media(max-width:700px) and (min-height:501px), (max-width:500px){.v6-agent-choices{gap:12px}.v6-agent-choices button{padding:16px;grid-template-columns:38px minmax(0,1fr) 15px;gap:12px;border-radius:10px;box-shadow:0 8px 24px #071e171c;rotate:0deg}.v6-agent-choices .v6-role-symbol{display:none}.v6-agent-choices strong{font-size:27px;margin-bottom:6px}.v6-agent-choices button>span>span{font-size:20px;line-height:1.17}}
@media(max-width:700px) and (min-height:501px) and (max-height:670px), (max-width:500px) and (max-height:670px){.v6-agent-choices{gap:9px}.v6-agent-choices button{padding:9px 12px;gap:10px;border-radius:10px;box-shadow:0 8px 24px #071e171c;rotate:0deg}.v6-agent-choices strong{font-size:22px;line-height:1.08;margin-bottom:4px}.v6-agent-choices button>span>span{font-size:17px;line-height:1.13}.v6-service-story .v6-agent-intro{gap:12px}}
@media(max-height:500px) and (min-width:501px){.v6-agent-choices{gap:7px}.v6-agent-choices button{grid-template-columns:27px minmax(0,1fr) 12px;padding:7px 12px;gap:10px;border-radius:10px;box-shadow:0 8px 24px #071e171c;rotate:0deg}.v6-agent-choices .v6-role-symbol{display:none}.v6-agent-choices strong{font-size:21px;line-height:1.05;margin-bottom:3px}.v6-agent-choices button>span>span{font-size:17px;line-height:1.08}}


/* V8 details: real work, distinct audiences, and a legible source-to-result scene. */
.v6-service-story .v8-project-caption{display:flex;align-items:baseline;gap:11px}.v6-service-story .v8-project-caption small{font-size:15px;font-style:italic;color:#babb9d}.v6-service-story .v8-project-caption strong{font-size:22px}.v6-service-story .v6-site-preview figcaption{justify-content:space-between;gap:6px 18px;padding-top:16px}.v6-service-story .v6-site-preview figcaption>span:last-child{font-size:17px;color:#c8c6ad}
.v6-service-story .v8-audience-art{display:grid;gap:5px;justify-items:center;align-self:center}.v6-service-story .v8-audience-number{font-size:16px!important;line-height:1!important;color:#6b7557}.v6-service-story .v8-audience-symbol{display:block;width:54px;height:54px;stroke:#526c4d;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.v6-service-story .v6-agent-choices button{transition:background .24s,transform .24s,box-shadow .24s}.v6-service-story .v6-agent-choices button:hover{box-shadow:0 13px 30px #071e172c;transform:translateY(-2px)}.v6-service-story .v6-agent-choices strong{letter-spacing:-.018em}.v6-service-story .v6-agent-choices button>span.v8-audience-copy>span{color:#385640}.v6-service-story .v6-agent-choices button>b{transition:transform .24s}.v6-service-story .v6-agent-choices button:hover>b{transform:translate(2px,-2px)}
.v6-service-story .v6-document-scene>.v6-album-sprig{z-index:-1;opacity:.3}.v6-service-story .v8-document-transfer{position:absolute;left:41%;top:4%;width:18%;height:75px;stroke:#d5b88d;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.v6-service-story .v6-source-sheet>span,.v6-service-story .v6-summary-sheet>span{font-style:normal;color:#53684b}.v6-service-story .v6-source-sheet p{color:#3f6046!important}.v6-service-story .v6-summary-sheet strong{color:#294d38}.v6-service-story .v6-summary-sheet li:before{display:none}.v6-service-story .v6-summary-sheet li>span{font-size:.63em;color:#8f6c4b;min-width:1.5em;align-self:center}.v6-service-story .v6-review-mark>span{border:0;background:#c9bb8b;color:#294c37;font-size:20px}.v6-service-story .v6-review-mark{color:#d9c4a0}
@media(min-width:701px) and (min-height:741px){.v6-service-story .story-composition{padding-bottom:24px}.v6-service-story .v6-agent-choices button{grid-template-columns:64px minmax(0,1fr) 20px;padding:24px}.v6-service-story .v6-agent-choices{gap:16px}.v6-service-story .v6-agent-choices strong{font-size:32px;margin-bottom:8px}.v6-service-story .v6-agent-choices button>span.v8-audience-copy>span{font-size:22px;line-height:1.24}.v6-service-story .v6-source-sheet{width:48%;min-height:290px;top:16px}.v6-service-story .v6-summary-sheet{width:61%;top:76px;min-height:300px}.v6-service-story .v6-document-scene{max-width:650px;height:410px}.v6-service-story .v6-review-mark{bottom:0;right:1%}}
@media(max-width:700px) and (min-height:671px){.v6-service-story{--v6-screen-height:clamp(190px,25vh,240px)}.v6-service-story .story-composition{gap:25px;padding-bottom:16px}.v6-service-story .v6-agent-choices button{grid-template-columns:39px minmax(0,1fr) 15px;padding:19px 16px;gap:13px}.v6-service-story .v6-agent-choices strong{font-size:26px}.v6-service-story .v6-agent-choices button>span.v8-audience-copy>span{font-size:20px}.v6-service-story .v6-document-scene{height:285px}.v6-service-story .v6-review-mark{bottom:-4px}}
@media(max-width:1100px){.v6-service-story .v8-audience-symbol{width:37px;height:40px}.v6-service-story .v8-audience-number{font-size:14px!important}.v6-service-story .v8-project-caption{gap:8px}.v6-service-story .v8-project-caption small{font-size:14px}.v6-service-story .v6-site-preview figcaption{gap:5px 12px}.v6-service-story .v8-document-transfer{height:56px}}
@media(max-height:740px) and (min-width:701px),(max-width:700px) and (max-height:670px){.v6-service-story .v8-audience-number{display:none!important}.v6-service-story .v8-audience-symbol{width:28px;height:33px}.v6-service-story .v8-project-caption small{font-size:13px}.v6-service-story .v8-project-caption strong{font-size:18px}.v6-service-story .v6-site-preview figcaption>span:last-child{font-size:15px}.v6-service-story .v6-site-preview figcaption{padding-top:10px}.v6-service-story .v8-document-transfer{height:42px}.v6-service-story .v6-browser-chrome{height:27px}}
@media(prefers-reduced-motion:reduce){.v6-service-story .v6-agent-choices button:hover,.v6-service-story .v6-agent-choices button:hover>b{transform:none}}
.v6-service-story .story-format-choice:before{display:none}.v6-service-story .v6-source-sheet{background:#c2c7a9}
@media(max-width:700px) and (max-height:670px){.v6-service-story .story-ai-example{gap:8px}.v6-service-story .story-ai-example .story-human-check{margin-top:6px!important}}
/* A short portrait remains a portrait: full chapters, no page scrolling. */
@media(max-width:500px) and (max-height:560px){
 .service-story.v6-service-story .story-wrap{width:calc(100% - 28px);grid-template-columns:minmax(0,1fr);grid-template-rows:18px 30px minmax(0,1fr) 38px;padding:2px 0;column-gap:0}.v6-service-story .sp-heading-bar{grid-area:1/1}.v6-service-story .sp-chapters{grid-area:2/1;gap:7px}.v6-service-story .sp-chapter-stage{grid-area:3/1;padding:4px 0}.v6-service-story .sp-pager{grid-area:4/1}.v6-service-story .sp-heading-bar h1{font-size:17px!important}.v6-service-story .sp-chapters button{font-size:17px;min-height:28px;padding:3px 0}.v6-service-story .sp-chapters button>span{display:none}
 .v6-service-story .story-composition,.v6-service-story .story-formats{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:7px;padding:0;align-content:center}.service-story.v6-service-story .sp-chapter h2{font-size:25px!important;line-height:1.02!important;margin-bottom:7px!important;max-width:none}.v6-service-story .story-lead{font-size:17px!important;line-height:1.12!important}.v6-service-story .story-link,.v6-service-story .story-text-button{font-size:17px;min-height:27px;padding:3px 0}.v6-service-story .story-footnote{font-size:17px!important;line-height:1.08!important;margin-top:4px!important}.v6-service-story .story-final-actions,.v6-service-story .story-start-plan>.story-link{margin-top:5px;gap:4px 12px}
 .v6-service-story{--v6-screen-height:78px}.v6-service-story .v6-site-preview{padding:3px 0}.v6-service-story .v6-site-preview figcaption{padding-top:5px;gap:2px 8px}.v6-service-story .v6-site-preview figcaption>span:last-child{font-size:14px}.v6-service-story .v6-browser-chrome{height:23px;font-size:15px}.v6-service-story .v8-project-caption strong{font-size:17px}.v6-service-story .v8-project-caption small{font-size:13px}.v6-service-story .v6-site-preview>.v6-album-sprig{display:none}
 .v6-service-story .story-format-choice{padding:9px 12px}.v6-service-story .story-format-choice .story-option-nav{margin-bottom:7px}.v6-service-story .story-format-choice .story-option-nav button{font-size:17px;min-height:28px;padding:3px 0}.v6-service-story .story-format-panel h3{font-size:22px!important;line-height:1.05!important;margin-bottom:7px!important}.v6-service-story .story-format-panel p{font-size:17px!important;line-height:1.12!important;margin-bottom:7px!important}.v6-service-story .story-format-panel .story-result-line{font-size:17px!important;padding-top:6px}.v6-service-story .story-format-drawing{display:none}
 .v6-service-story .v6-agent-choices{gap:6px}.v6-service-story .v6-agent-choices button{padding:7px 10px;grid-template-columns:25px minmax(0,1fr) 12px;gap:9px}.v6-service-story .v6-agent-choices strong{font-size:21px;margin-bottom:3px}.v6-service-story .v6-agent-choices button>span.v8-audience-copy>span{font-size:17px;line-height:1.08}.v6-service-story .v8-audience-symbol{width:25px;height:30px}.v6-service-story .v6-agent-intro{gap:9px}.v6-service-story .v8-audience-number{display:none!important}
 .v6-service-story .story-example-top{margin-bottom:4px;gap:8px}.v6-service-story .story-example-top p{font-size:17px!important;line-height:1.06!important}.v6-service-story .story-example-top .story-text-button{font-size:17px;min-height:26px}.v6-service-story .story-sequence-nav{margin-bottom:6px;gap:8px}.v6-service-story .story-sequence-nav button{font-size:17px;min-height:27px;padding:3px 0}.v6-service-story .story-dialogue-stage{min-height:0}.v6-service-story .story-dialogue-pair{gap:7px}.v6-service-story .story-message{padding:7px 10px}.v6-service-story .story-message p{font-size:17px!important;line-height:1.1!important}.v6-service-story .story-message>span{font-size:16px;margin-bottom:3px}.v6-service-story .story-ticket{padding:8px 11px}.v6-service-story .story-ticket dl{gap:4px}.v6-service-story .story-ticket dl>div{grid-template-columns:70px 1fr;gap:8px}.v6-service-story .story-ticket dt,.v6-service-story .story-ticket dd{font-size:17px;line-height:1.08}.v6-service-story .story-ticket .story-paper-label{font-size:17px;margin-bottom:6px}.v6-service-story .story-ticket-human{font-size:17px!important;line-height:1.08!important;margin-top:5px!important;padding-top:5px}
 .v6-service-story .v6-agent-boundaries{grid-template-columns:1fr;gap:5px}.v6-service-story .v6-agent-boundaries>div{display:grid;grid-template-columns:66px minmax(0,1fr);gap:8px;padding:7px 9px;align-items:start}.v6-service-story .v6-agent-boundaries span{font-size:20px;margin:0}.v6-service-story .v6-agent-boundaries p{font-size:17px!important;line-height:1.08!important}.v6-service-story .v6-content-option{gap:8px;margin-top:7px}.v6-service-story .v6-content-option strong{font-size:20px}.v6-service-story .v6-content-option span>span{font-size:17px;line-height:1.08;margin-top:3px}.v6-service-story .v6-content-link{font-size:17px;min-height:25px;margin:2px 0 0 27px}
 .v6-service-story .story-start .story-journey,.v6-service-story .v6-ai-start .story-journey{grid-template-columns:minmax(0,1fr);gap:5px}.v6-service-story .story-start .story-journey:before{display:none}.v6-service-story .story-start .story-journey li{display:grid;grid-template-columns:23px minmax(0,1fr);gap:7px}.v6-service-story .story-start .story-journey li>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:7px}.v6-service-story .story-start .story-journey strong{font-size:18px;line-height:1.05}.v6-service-story .story-start .story-journey p{font-size:17px!important;line-height:1.06!important;margin:0!important}.v6-service-story .story-start .story-number{width:23px;height:23px;font-size:21px}
 .v6-service-story .story-start:not(.v6-ai-start) .story-journey{grid-template-columns:minmax(0,1fr);gap:5px}.v6-service-story .story-start:not(.v6-ai-start) .story-journey li{display:grid;grid-template-columns:23px minmax(0,1fr);gap:7px}.v6-service-story .story-start:not(.v6-ai-start) .story-journey strong{font-size:18px;line-height:1.05}.v6-service-story .story-start:not(.v6-ai-start) .story-number{width:23px;height:23px;font-size:21px}
 .v6-service-story .story-start:not(.v6-ai-start) h2{font-size:22px!important;line-height:1.02!important;margin-bottom:5px!important}.v6-service-story .story-start:not(.v6-ai-start) .story-lead{line-height:1.08!important}.v6-service-story .story-start:not(.v6-ai-start) .story-journey{gap:3px}.v6-service-story .story-start:not(.v6-ai-start) .story-journey li>div{grid-template-columns:73px minmax(0,1fr);gap:6px}.v6-service-story .story-start:not(.v6-ai-start) .story-journey strong{font-size:17px;line-height:1.06}.v6-service-story .story-start:not(.v6-ai-start) .story-journey p{font-size:17px!important;line-height:1.06!important}.v6-service-story .story-start:not(.v6-ai-start) .story-footnote{margin-top:3px!important}.v6-service-story .story-start:not(.v6-ai-start) .story-link,.v6-service-story .story-start:not(.v6-ai-start) .story-text-button{line-height:1.05;min-height:27px;padding:2px 0}.v6-service-story .story-start:not(.v6-ai-start) .story-final-actions{margin-top:3px}
 .v6-service-story .story-paper-pair{gap:8px;grid-template-columns:1fr 1.16fr}.v6-service-story .story-paper-pair>div{padding:7px 8px}.v6-service-story .story-paper-pair .story-paper-label{font-size:17px;margin-bottom:5px}.v6-service-story .story-source-note p{font-size:17px!important;line-height:1.08!important}.v6-service-story .story-result-note dl{gap:4px}.v6-service-story .story-result-note dt,.v6-service-story .story-result-note dd{font-size:17px;line-height:1.04;margin-top:0}.v6-service-story .story-ai-example .story-human-check{font-size:17px!important;line-height:1.07!important;margin-top:5px!important}
 .v6-service-story .story-use-example{padding:8px 11px}.v6-service-story .story-use-example .story-option-nav{margin-bottom:6px;gap:0 9px}.v6-service-story .story-use-example .story-option-nav button{font-size:17px;min-height:25px;padding:3px 0}.v6-service-story .story-use-example dl{gap:6px}.v6-service-story .story-use-example dl>div{grid-template-columns:76px minmax(0,1fr);gap:8px;padding-bottom:5px}.v6-service-story .story-use-example dd,.v6-service-story .story-use-example dt{font-size:17px;line-height:1.06}.v6-service-story .story-ai-uses .story-link{margin-top:3px}
 .v6-service-story .v6-document-scene{height:139px;max-width:290px}.v6-service-story .v6-document-scene>.v6-album-sprig,.v6-service-story .v6-pencil-mark{display:none}.v6-service-story .v6-source-sheet,.v6-service-story .v6-summary-sheet{padding:10px;min-height:0}.v6-service-story .v6-source-sheet{top:0;width:48%;height:108px}.v6-service-story .v6-summary-sheet{top:14px;width:57%;height:112px}.v6-service-story .v6-source-sheet>span,.v6-service-story .v6-summary-sheet>span{font-size:15px;margin-bottom:5px}.v6-service-story .v6-source-sheet p{font-size:18px!important;line-height:1.08!important}.v6-service-story .v6-summary-sheet strong{font-size:21px;margin-bottom:6px}.v6-service-story .v6-summary-sheet ul{gap:4px}.v6-service-story .v6-summary-sheet li{font-size:17px;line-height:1.05;gap:7px}.v6-service-story .v6-summary-sheet:after{width:16px;height:16px}.v6-service-story .v6-review-mark{bottom:-3px;right:0;font-size:15px;gap:5px;rotate:0deg}.v6-service-story .v6-review-mark>span{width:19px;height:19px;font-size:14px}.v6-service-story .v8-document-transfer{display:none}
 .v6-service-story.sp-sites .story-start .story-journey li>div{grid-template-columns:96px minmax(0,1fr);gap:7px}.v6-service-story .v6-document-scene{height:171px}.v6-service-story .v6-summary-sheet{height:134px}.v6-service-story .v6-review-mark{bottom:0}
}

/* Desktop spreads use the screen as a presentation canvas, with substantial
   examples and close reading relationships instead of a small central island. */
@media(min-width:901px) and (min-height:741px){
 .service-story.v6-service-story .story-wrap{width:min(1840px,calc(100% - 64px));column-gap:32px;grid-template-rows:52px minmax(0,1fr) 51px;padding-top:3px;padding-bottom:3px}.v6-service-story .sp-chapter-stage{padding:10px 0}.v6-service-story .story-composition{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,2.4vw,46px);padding-bottom:0}.v6-service-story .story-formats{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 .service-story.v6-service-story .sp-chapter h2{font-size:clamp(54px,4.85vw,82px)!important;line-height:1.01!important;max-width:18ch;margin-bottom:20px!important}.v6-service-story .story-lead{font-size:clamp(25px,2.05vw,32px)!important;line-height:1.25!important;max-width:37ch}.v6-service-story .v6-sites-intro{grid-template-columns:minmax(0,.79fr) minmax(0,1.21fr);gap:32px}.v6-service-story .v6-sites-intro .story-copy{padding-right:0}.v6-service-story{--v6-screen-height:clamp(390px,54vh,660px)}.v6-service-story .v6-site-preview{padding:3px 0}.v6-service-story .v6-site-preview figcaption{padding-top:13px}.v6-service-story .v6-browser-chrome{height:35px}
 .v6-service-story .v6-agent-choices{gap:18px}.v6-service-story .v6-agent-choices button{min-height:148px;padding:28px;grid-template-columns:66px minmax(0,1fr) 22px;gap:22px}.v6-service-story .v6-agent-choices strong{font-size:clamp(30px,2.65vw,42px);margin-bottom:9px}.v6-service-story .v6-agent-choices button>span.v8-audience-copy>span{font-size:clamp(22px,1.8vw,28px);line-height:1.22}.v6-service-story .v8-audience-symbol{width:58px;height:58px}.v6-service-story .v8-audience-number{font-size:18px!important}
 .v6-service-story .v6-document-scene{max-width:none;width:100%;height:clamp(420px,56vh,630px)}.v6-service-story .v6-source-sheet{width:49%;top:15px;min-height:0;height:68%;padding:30px}.v6-service-story .v6-summary-sheet{width:61%;top:18%;min-height:0;height:72%;padding:30px}.v6-service-story .v6-source-sheet p{font-size:clamp(29px,2.3vw,36px)!important;line-height:1.35!important}.v6-service-story .v6-summary-sheet strong{font-size:clamp(34px,2.8vw,44px);margin-bottom:26px}.v6-service-story .v6-summary-sheet li{font-size:clamp(25px,2.05vw,32px);line-height:1.16}.v6-service-story .v6-summary-sheet ul{gap:17px}.v6-service-story .v6-source-sheet>span,.v6-service-story .v6-summary-sheet>span{font-size:21px;margin-bottom:22px}.v6-service-story .v6-review-mark{bottom:0;font-size:24px}.v6-service-story .v8-document-transfer{top:4%;height:80px}
 .v6-service-story .story-format-choice{padding:30px}.v6-service-story .story-format-panel h3{font-size:38px!important}.v6-service-story .story-format-panel p{font-size:27px!important;line-height:1.22!important}.v6-service-story .story-format-panel .story-result-line{font-size:24px!important}.v6-service-story .story-format-choice .story-option-nav button{font-size:25px}.v6-service-story .story-bot-example{max-width:none}.v6-service-story .story-dialogue-stage{min-height:340px}.v6-service-story .story-message{padding:22px 25px}.v6-service-story .story-message p{font-size:28px!important;line-height:1.22!important}.v6-service-story .story-example-top p{font-size:21px!important}.v6-service-story .story-sequence-nav button{font-size:23px}.v6-service-story .story-ticket{padding:26px}.v6-service-story .story-ticket dd{font-size:27px}.v6-service-story .story-ticket dt{font-size:21px}.v6-service-story .story-ticket-human{font-size:23px!important;line-height:1.22!important}
 .v6-service-story .story-paper-pair>div{padding:28px}.v6-service-story .story-source-note p{font-size:30px!important;line-height:1.28!important}.v6-service-story .story-result-note dd{font-size:27px;line-height:1.2}.v6-service-story .story-result-note dt{font-size:21px}.v6-service-story .story-human-check{font-size:24px!important}.v6-service-story .story-use-example{padding:30px}.v6-service-story .story-use-example dd{font-size:28px}.v6-service-story .story-use-example dt{font-size:22px}.v6-service-story .v6-agent-boundaries>div{padding:28px}.v6-service-story .v6-agent-boundaries span{font-size:31px}.v6-service-story .v6-agent-boundaries p{font-size:27px!important;line-height:1.22!important}.v6-service-story .v6-content-option strong{font-size:29px}.v6-service-story .v6-content-option span>span{font-size:24px}
 .v6-service-story .story-journey{gap:30px}.v6-service-story .story-journey strong{font-size:32px}.v6-service-story .story-journey p{font-size:26px!important;line-height:1.22!important}.v6-service-story .story-footnote{font-size:21px!important;line-height:1.2!important}.v6-service-story .story-link,.v6-service-story .story-text-button{font-size:23px}
}
@media(min-width:901px) and (min-height:601px) and (max-height:740px){
 .service-story.v6-service-story .story-wrap{width:calc(100% - 56px);column-gap:28px;grid-template-rows:46px minmax(0,1fr) 45px;padding-block:3px}.v6-service-story .sp-chapter-stage{padding:9px 0}.v6-service-story .story-composition,.v6-service-story .story-formats{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px}.service-story.v6-service-story .sp-chapter h2{font-size:clamp(40px,4.15vw,57px)!important;margin-bottom:17px!important}.v6-service-story .story-lead{font-size:24px!important;line-height:1.2!important}.v6-service-story .v6-sites-intro{grid-template-columns:minmax(0,.79fr) minmax(0,1.21fr)}.v6-service-story{--v6-screen-height:min(330px,calc(100svh - 350px))}.v6-service-story .v6-site-preview{padding:3px 0}.v6-service-story .v6-site-preview figcaption{padding-top:10px}
 .v6-service-story .v6-agent-choices{gap:12px}.v6-service-story .v6-agent-choices button{min-height:105px;padding:18px 20px;grid-template-columns:43px minmax(0,1fr) 16px;gap:16px}.v6-service-story .v6-agent-choices strong{font-size:29px;margin-bottom:7px}.v6-service-story .v6-agent-choices button>span.v8-audience-copy>span{font-size:21px;line-height:1.16}.v6-service-story .v8-audience-symbol{width:40px;height:44px}.v6-service-story .v6-document-scene{height:330px;max-width:none}.v6-service-story .v6-source-sheet{height:230px;min-height:0;padding:22px}.v6-service-story .v6-summary-sheet{height:240px;min-height:0;top:52px;padding:22px}.v6-service-story .v6-source-sheet p{font-size:25px!important}.v6-service-story .v6-summary-sheet strong{font-size:31px;margin-bottom:20px}.v6-service-story .v6-summary-sheet li{font-size:24px}.v6-service-story .v6-summary-sheet ul{gap:13px}.v6-service-story .v6-review-mark{bottom:0;font-size:21px}
}
@media(min-width:2200px) and (min-height:1000px){
 .service-story.v6-service-story .story-wrap{width:min(2360px,calc(100% - 128px));grid-template-rows:66px minmax(0,1fr) 61px;column-gap:46px}.v6-service-story .story-composition{gap:55px}.service-story.v6-service-story .sp-chapter h2{font-size:112px!important;margin-bottom:30px!important}.v6-service-story .story-lead{font-size:39px!important;line-height:1.25!important}.v6-service-story{--v6-screen-height:min(920px,calc(100svh - 340px))}.v6-service-story .v6-sites-intro{gap:50px}.v6-service-story .v6-browser-chrome{height:44px;font-size:22px}.v6-service-story .v6-site-preview figcaption{padding-top:22px}.v6-service-story .v8-project-caption small{font-size:21px}.v6-service-story .v8-project-caption strong{font-size:31px}.v6-service-story .v6-site-preview figcaption>span:last-child{font-size:25px}
 .v6-service-story .v6-agent-choices{gap:27px}.v6-service-story .v6-agent-choices button{min-height:220px;padding:42px;grid-template-columns:90px minmax(0,1fr) 30px;gap:30px}.v6-service-story .v6-agent-choices strong{font-size:51px;margin-bottom:16px}.v6-service-story .v6-agent-choices button>span.v8-audience-copy>span{font-size:34px}.v6-service-story .v8-audience-symbol{width:78px;height:78px}.v6-service-story .v8-audience-number{font-size:23px!important}.v6-service-story .v6-document-scene{height:740px}.v6-service-story .v6-source-sheet,.v6-service-story .v6-summary-sheet{padding:44px}.v6-service-story .v6-source-sheet>span,.v6-service-story .v6-summary-sheet>span{font-size:29px;margin-bottom:31px}.v6-service-story .v6-source-sheet p{font-size:45px!important}.v6-service-story .v6-summary-sheet strong{font-size:55px;margin-bottom:38px}.v6-service-story .v6-summary-sheet li{font-size:40px}.v6-service-story .v6-summary-sheet ul{gap:25px}.v6-service-story .v6-review-mark{font-size:32px}.v6-service-story .v6-review-mark>span{width:49px;height:49px;font-size:29px}.v6-service-story .v8-document-transfer{height:112px}
 .v6-service-story .story-format-choice{padding:45px}.v6-service-story .story-format-panel h3{font-size:53px!important}.v6-service-story .story-format-panel p{font-size:36px!important}.v6-service-story .story-format-panel .story-result-line{font-size:31px!important}.v6-service-story .story-format-choice .story-option-nav button{font-size:32px}.v6-service-story .story-message p{font-size:37px!important}.v6-service-story .story-dialogue-stage{min-height:470px}.v6-service-story .story-message{padding:30px 34px}.v6-service-story .story-message>span{font-size:24px}.v6-service-story .story-example-top p{font-size:28px!important}.v6-service-story .story-sequence-nav button{font-size:29px}.v6-service-story .v6-agent-boundaries p{font-size:35px!important}.v6-service-story .v6-agent-boundaries span{font-size:42px}.v6-service-story .story-journey strong{font-size:43px}.v6-service-story .story-journey p{font-size:34px!important}.v6-service-story .story-link,.v6-service-story .story-text-button{font-size:29px}.v6-service-story .story-footnote{font-size:27px!important}
 html body #root#root .service-story .story-portfolio .ab-book{width:100%;max-width:none}html body #root#root .service-story .story-portfolio .ab-book-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:45px}html body #root#root .service-story .story-portfolio .ab-book-tabs button{font-size:30px!important;min-height:48px!important}html body #root#root .service-story .story-portfolio .ab-book-copy h2{font-size:72px!important}html body #root#root .service-story .story-portfolio .ab-book-copy>p{font-size:35px!important;line-height:1.22!important}html body #root#root .service-story .story-portfolio .ab-book-extra{margin-top:26px}html body #root#root .service-story .story-portfolio .ab-book-extra dt{font-size:24px}html body #root#root .service-story .story-portfolio .ab-book-extra dd{font-size:29px;line-height:1.2}html body #root#root .service-story .story-portfolio .ab-book-actions button{font-size:28px}html body #root#root .service-story .story-portfolio .ab-book-figure figcaption{font-size:23px}
}

/* Editorial content album. Movement belongs to the existing cutouts, not to text. */
html body #root#root #content.content-presentation.v6-content {color:#294334}
html body #root#root #content.v6-content .cp-wrap {width:min(1440px,calc(100% - 88px));padding:18px 0 10px}
html body #root#root #content.v6-content .cp-heading {display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:14px}
html body #root#root #content.v6-content .cp-heading h1 {font-size:clamp(27px,2.5vw,40px)!important;letter-spacing:-.025em!important;font-weight:500}
html body #root#root #content.v6-content .v6-content-edition {display:flex;align-items:center;gap:18px;font-size:18px;white-space:nowrap;color:#8b593e}
html body #root#root #content.v6-content .v6-content-edition i {font-size:28px;font-style:normal;line-height:1}
html body #root#root #content.v6-content .cp-chapters {gap:32px;border:0}
html body #root#root #content.v6-content .cp-chapters button {display:flex;align-items:center;gap:13px;min-height:44px;font-size:21px;color:#626d58;border:0;transition:color 180ms ease}
html body #root#root #content.v6-content .cp-chapters button[aria-current=step] {color:#8c4f35}
html body #root#root #content.v6-content .cp-chapters button[aria-current=step] .v6-chapter-index {background:#8c4f35;color:#ecdfc0}
html body #root#root #content.v6-content .v6-chapter-index {display:inline-grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;font-size:16px;letter-spacing:0;color:#80664c;background:#dacba84d;transition:background 180ms ease,color 180ms ease}
html body #root#root #content.v6-content .cp-chapter {padding:18px 0;min-height:0}
html body #root#root #content.v6-content .v6-content-idea {display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;height:100%;min-height:0}
html body #root#root #content.v6-content .v6-content-ribbon {display:flex;align-items:center;gap:22px;color:#8b593e;font-size:18px;line-height:1.1}
html body #root#root #content.v6-content .v6-content-ribbon i {font-style:normal;font-size:18px;opacity:.7}
html body #root#root #content.v6-content .v6-ribbon-signature {margin-left:auto;font-style:italic;color:#6e7157}
html body #root#root #content.v6-content .mt-presentation {grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:8px 7%;position:relative}
html body #root#root #content.v6-content .mt-presentation .mt-heading {gap:22px}
html body #root#root #content.v6-content .mt-presentation .mt-heading h2 {font-size:clamp(36px,4.5vw,68px);line-height:.98;letter-spacing:-.035em}
html body #root#root #content.v6-content .mt-presentation .mt-heading h2 em {color:#965d43;font-weight:400}
html body #root#root #content.v6-content .mt-presentation .mt-heading>p {font-size:clamp(21px,1.7vw,27px);line-height:1.25;max-width:25ch;color:#5c664e}
html body #root#root #content.v6-content .mt-presentation .mt-artboard {border:0;border-radius:48% 48% 3px 3px;background:#e1d1b1;box-shadow:9px 10px 0 #a5966c19}
html body #root#root #content.v6-content .mt-presentation .mt-art-title {color:#814f39}
html body #root#root #content.v6-content .mt-presentation .mt-paper-grain {opacity:.35}
html body #root#root #content.v6-content .mt-presentation .mt-corner {display:none}
html body #root#root #content.v6-content .mt-credits-open {font-size:17px;color:#796348;text-decoration:underline;text-underline-offset:4px}
html body #root#root #content.v6-content .mg-presentation {gap:12px}
html body #root#root #content.v6-content .mg-presentation .mg-heading {padding:0 0 4px}
html body #root#root #content.v6-content .mg-presentation .mg-heading h2 {font-size:clamp(30px,3.2vw,49px);letter-spacing:-.025em}
html body #root#root #content.v6-content .mg-presentation .mg-heading h2 em {color:#965d43}
html body #root#root #content.v6-content .mg-presentation .mg-heading>p {font-size:20px;color:#6e7157}
html body #root#root #content.v6-content .mg-presentation .mg-grid {gap:34px;align-items:stretch}
html body #root#root #content.v6-content .mg-presentation .mg-card {padding:0;background:none;gap:16px;box-shadow:none;border:0;border-radius:0;box-sizing:border-box;justify-content:center}
html body #root#root #content.v6-content .mg-presentation .mg-open {border:0;border-radius:2px;aspect-ratio:1 / 1;height:auto;background:#d4c3a0;box-shadow:0 12px 25px #53452f12;overflow:hidden}
html body #root#root #content.v6-content .mg-presentation .mg-open:after {background:linear-gradient(transparent 68%,#1b30264d)}
html body #root#root #content.v6-content .mg-presentation .mg-open:hover {outline:0;box-shadow:0 15px 28px #53452f24}
html body #root#root #content.v6-content .mg-presentation .mg-open:focus-visible {outline:0;box-shadow:0 15px 28px #53452f24}
html body #root#root #content.v6-content .mg-presentation .mg-open:focus-visible+.mg-card-caption h3 {text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
html body #root#root #content.v6-content .mg-presentation .mg-open>img {transition:transform 450ms ease;object-fit:cover}
html body #root#root #content.v6-content .mg-presentation .mg-open:hover>img {transform:scale(1.025)}
html body #root#root #content.v6-content .mg-presentation .mg-card-play {background:#263e30eb;color:#e5d0a4!important;border-radius:24px;left:14px;bottom:14px;padding:5px 12px;font-size:18px}
html body #root#root #content.v6-content .mg-presentation .mg-card-play>span {border:0;width:20px;height:24px}
html body #root#root #content.v6-content .mg-presentation .mg-card-caption {display:flex;align-items:baseline;justify-content:center;gap:12px;min-height:26px;padding:0;text-align:left}
html body #root#root #content.v6-content .mg-presentation .mg-card-caption .mg-study-number {font-size:16px;color:#996648;letter-spacing:0;padding:0;font-style:italic}
html body #root#root #content.v6-content .mg-presentation .mg-card-caption h3 {font-size:clamp(21px,2vw,29px);color:#294334!important;font-weight:500}
html body #root#root #content.v6-content .mg-presentation .mg-pagination {gap:24px;color:#795a3e;font-size:19px}
html body #root#root #content.v6-content .mg-presentation .mg-pagination button {border:0;border-radius:0;color:#8c4f35;background:none}
html body #root#root #content.v6-content .mg-presentation .mg-gallery-note {color:#6e7157;font-style:italic}
html body #root#root #content.v6-content .mg-next-step {gap:7%;grid-template-columns:1fr 1fr}
html body #root#root #content.v6-content .v6-project-kicker {display:block;color:#945c43;font-size:18px;margin-bottom:18px}
html body #root#root #content.v6-content .mg-next-step h2 {font-size:clamp(35px,4.5vw,68px);line-height:1.02;letter-spacing:-.03em}
html body #root#root #content.v6-content .mg-next-step h2 em {color:#965d43}
html body #root#root #content.v6-content .v6-content-sprig {display:block;width:180px;height:70px;fill:none;stroke:#8f6949;stroke-width:1.1;margin-top:24px}
html body #root#root #content.v6-content .cp-materials {padding:clamp(22px,3vw,44px);background:linear-gradient(115deg,#e3d4b5a6,#e3d4b522);box-sizing:border-box;box-shadow:none;border-radius:2px 52px 2px 2px}
html body #root#root #content.v6-content .cp-materials h3 {font-size:32px;font-weight:500;margin-bottom:15px;color:#294334}
html body #root#root #content.v6-content .cp-materials li {padding:14px 0;border:0}
html body #root#root #content.v6-content .cp-materials li>span {color:#9b6045;font-style:italic;font-size:21px}
html body #root#root #content.v6-content .cp-materials strong {font-size:26px;color:#294334;font-weight:500}
html body #root#root #content.v6-content .cp-materials li p {font-size:21px;color:#626b54}
html body #root#root #content.v6-content .cp-materials .cp-start-note {color:#8b593e;font-style:italic;margin-top:18px}
html body #root#root #content.v6-content .cp-pager {border-color:#8b795e40;min-height:42px}
html body #root#root #content.v6-content .cp-position {color:#9a6348;font-style:italic}
html body #root#root #content.v6-content .cp-next {color:#294334!important}
html body #root#root #content.v6-content .cp-next span {color:inherit!important}
html body #root#root #content.v6-content .cp-next b {color:#e5d2aa!important}
html body #root#root #content.v6-content .cp-materials li>div {min-width:0;line-height:1.1}
html body #root#root #content.v6-content .cp-materials strong {display:block}

/* The contact page is an invitation beside a letter, with the original actions. */
html.gifs-refined body #root#root #contact.contact-compact.v6-contact {padding:28px clamp(22px,5vw,88px)!important;background:#17362b;color:#e0c99e}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-window {display:grid;grid-template-columns:1fr 1fr;grid-template-rows:none!important;gap:7%;width:min(100%,1200px);align-items:center;align-content:center;margin:auto;border:0}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-contact-invitation {position:relative;min-width:0}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .eyebrow {font-size:16px;line-height:1.1;margin:0 0 20px;color:#bca77b;letter-spacing:.045em}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact h1 {font-size:clamp(62px,6.8vw,104px)!important;line-height:.91!important;letter-spacing:-.045em!important;font-weight:500;color:#e5d3ab!important}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact h1 em {font-weight:400;color:#c69571!important}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-lead {font-size:24px!important;line-height:1.25!important;margin:25px 0 24px!important;max-width:29ch;color:#cebd96!important}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row {display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 20px;margin:0;grid-column:auto;grid-row:auto}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row>a {font-size:30px;line-height:1.1;color:#e5d3ab;text-decoration:none}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row button {font-size:17px;color:#c3a57d;padding:4px 0;text-decoration:underline;text-underline-offset:4px}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-copy-status {font-size:17px;top:100%;right:auto;left:0;color:#dbc39a}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-contact-sprig {display:block;width:230px;height:115px;fill:none;stroke:#b08b61;stroke-width:1.15;margin-top:26px;opacity:.75}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-contact-letter {position:relative;isolation:isolate;padding:clamp(24px,3vw,44px);background:linear-gradient(120deg,#eddfbd,#e2d3b2);color:#294334;box-sizing:border-box;box-shadow:0 20px 60px #071b1638;border-radius:2px 48px 2px 2px}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;margin-bottom:22px;color:#975c43;font-size:19px;font-style:italic}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-seal {display:flex;align-items:center;gap:7px;color:#8e4936;font-style:normal;font-size:27px;letter-spacing:-.05em}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-seal svg {width:28px;height:34px;flex:none;transform:rotate(-7deg)}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-seal .gifs-mark-fruit {fill:#95553f;stroke:none}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-seal .gifs-mark-leaf {fill:#7f865a;stroke:none}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-seal .gifs-mark-stem {stroke:#665743;stroke-width:2;fill:none}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-seal .gifs-mark-shine {stroke:#e0bd89;stroke-width:1.3;fill:none}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-message-summary {grid-column:auto;grid-row:auto;padding:0;border:0;color:#3f523c}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-message-summary p {font-size:25px;line-height:1.22;margin:0 0 14px;-webkit-line-clamp:3;color:#3f523c}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-edit-message {color:#92553c;font-size:18px;line-height:1.1;padding:5px 0;text-decoration:underline;text-underline-offset:5px}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contacts {grid-column:auto;grid-row:auto;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin:24px 0 16px!important;padding:0;border:0}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact {justify-content:space-between!important;min-height:48px!important;padding:9px 12px!important;border:0!important;border-radius:0!important;background:none!important;color:#294334!important;font-size:21px!important;line-height:1.1!important;gap:4px;transition:color 180ms ease}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact:hover {color:#a36143!important}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact>span {color:inherit!important}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact i {display:block!important;font-size:19px!important;color:#965a40}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions {grid-column:auto;grid-row:auto;display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0!important}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions .contact-primary {background:none!important;color:#7c513a!important;padding:8px 0!important;min-height:40px!important;font-size:18px!important;line-height:1.1!important;border:0;flex:none;text-align:left;text-decoration:underline;text-underline-offset:5px}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions .contact-secondary {font-size:17px!important;line-height:1.1!important;padding:6px 0!important;color:#75583f!important;min-height:30px!important;border:0;white-space:nowrap}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact :is(a,button):focus-visible {outline:2px solid #b27650;outline-offset:4px}

@media(max-width:1000px){
 html body #root#root #content.v6-content .cp-wrap {width:calc(100% - 44px)}
 html body #root#root #content.v6-content .v6-content-edition {display:none}
 html body #root#root #content.v6-content .mt-presentation {grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:8px 30px}
 html body #root#root #content.v6-content .mt-presentation .mt-heading h2 {font-size:42px}
 html body #root#root #content.v6-content .mg-presentation .mg-card {padding:0;gap:12px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-window {gap:6%}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-lead {font-size:22px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-contact-letter {padding:24px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-message-summary p {font-size:22px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact {font-size:19px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact i {display:none!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions {flex-wrap:wrap}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions .contact-primary {flex-basis:100%}
}
@media(max-width:700px){
 html body #root#root #content.v6-content .cp-wrap {width:calc(100% - 30px);padding:9px 0 6px}
 html body #root#root #content.v6-content .cp-heading {padding-bottom:7px}
 html body #root#root #content.v6-content .cp-heading h1 {font-size:25px!important;line-height:1.02!important}
 html body #root#root #content.v6-content .cp-chapters {gap:10px}
 html body #root#root #content.v6-content .cp-chapters button {font-size:18px;min-height:36px;gap:7px}
 html body #root#root #content.v6-content .v6-chapter-index {font-size:14px;width:24px;height:24px;flex-basis:24px}
 html body #root#root #content.v6-content .cp-chapter {padding:12px 0}
 html body #root#root #content.v6-content .v6-content-idea {gap:8px}
 html body #root#root #content.v6-content .v6-content-ribbon {gap:10px;font-size:17px}
 html body #root#root #content.v6-content .v6-content-ribbon i {font-size:14px}
 html body #root#root #content.v6-content .v6-ribbon-signature {display:none}
 html body #root#root #content.v6-content .mt-presentation {display:flex;gap:10px}
 html body #root#root #content.v6-content .mt-presentation .mt-heading {gap:0}
 html body #root#root #content.v6-content .mt-presentation .mt-heading h2 {font-size:33px;line-height:1}
 html body #root#root #content.v6-content .mt-presentation .mt-heading>p {font-size:19px;line-height:1.2;margin-top:8px;max-width:none}
 html body #root#root #content.v6-content .mt-presentation .mt-artboard {border-radius:45% 45% 2px 2px;box-shadow:5px 6px 0 #a5966c19;min-height:70px}
 html body #root#root #content.v6-content .mg-presentation {gap:8px}
 html body #root#root #content.v6-content .mg-presentation .mg-heading h2 {font-size:29px}
 html body #root#root #content.v6-content .mg-presentation .mg-heading>p {font-size:17px;margin-top:4px}
 html body #root#root #content.v6-content .mg-presentation .mg-grid {gap:10px}
 html body #root#root #content.v6-content .mg-presentation .mg-card {padding:0;gap:8px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption {padding:0;min-height:21px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption h3 {font-size:20px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-play {left:5px;bottom:5px;padding:3px 6px;font-size:17px}
 html body #root#root #content.v6-content .mg-next-step {gap:18px}
 html body #root#root #content.v6-content .v6-project-kicker {font-size:17px;margin-bottom:8px}
 html body #root#root #content.v6-content .mg-next-step h2 {font-size:36px;line-height:1;margin-bottom:10px}
 html body #root#root #content.v6-content .v6-content-sprig {display:none}
 html body #root#root #content.v6-content .cp-materials {padding:20px}
 html body #root#root #content.v6-content .cp-materials h3 {font-size:25px;margin-bottom:7px}
 html body #root#root #content.v6-content .cp-materials li {padding:9px 0}
 html body #root#root #content.v6-content .cp-materials strong {font-size:21px}
 html body #root#root #content.v6-content .cp-materials li p {font-size:18px}
 html body #root#root #content.v6-content .cp-materials .cp-start-note {font-size:17px;margin-top:10px}
 html body #root#root #content.v6-content .cp-pager {min-height:35px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact {padding:18px 18px 24px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-window {display:grid;grid-template-columns:1fr;gap:24px;width:min(100%,490px)}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .eyebrow {font-size:15px;margin-bottom:13px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact h1 {font-size:58px!important;line-height:.93!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-lead {font-size:20px!important;line-height:1.18!important;margin:16px 0 16px!important;max-width:30ch}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row {justify-content:space-between;gap:7px;flex-wrap:nowrap}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row>a {font-size:26px;white-space:nowrap}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-contact-sprig {display:none}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-contact-letter {padding:20px;box-shadow:0 14px 28px #071b1626;border-radius:2px 32px 2px 2px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-heading {min-height:36px;margin-bottom:12px;font-size:18px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-seal {font-size:24px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-message-summary p {font-size:21px;line-height:1.16;margin-bottom:8px;-webkit-line-clamp:2}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-edit-message {font-size:17px;min-height:29px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contacts {gap:10px!important;margin:12px 0 13px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact {font-size:19px!important;min-height:42px!important;padding:7px 0!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions {gap:7px;justify-content:flex-start}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions .contact-primary {font-size:18px!important;min-height:36px!important;padding:6px 0!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions .contact-secondary {min-height:24px!important;padding:3px 0!important}
}
@media(max-width:700px) and (max-height:650px){
 html body #root#root #content.v6-content .cp-wrap {padding:4px 0}
 html body #root#root #content.v6-content .cp-heading h1 {font-size:22px!important}
 html body #root#root #content.v6-content .cp-chapters button {font-size:17px;min-height:30px;gap:5px}
 html body #root#root #content.v6-content .v6-chapter-index {display:none}
 html body #root#root #content.v6-content .cp-chapter {padding:7px 0}
 html body #root#root #content.v6-content .v6-content-idea {gap:5px}
 html body #root#root #content.v6-content .mt-presentation .mt-heading h2 {font-size:26px}
 html body #root#root #content.v6-content .mt-presentation .mt-heading>p {font-size:17px;line-height:1.1;margin-top:5px}
 html body #root#root #content.v6-content .mg-presentation .mg-heading h2 {font-size:25px}
 html body #root#root #content.v6-content .mg-presentation .mg-card {padding:0;gap:5px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption {min-height:37px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption h3 {font-size:18px}
 html body #root#root #content.v6-content .v6-project-kicker {display:none}
 html body #root#root #content.v6-content .mg-next-step {gap:11px}
 html body #root#root #content.v6-content .mg-next-step h2 {font-size:27px;margin-bottom:6px}
 html body #root#root #content.v6-content .cp-materials {padding:8px 16px}
 html body #root#root #content.v6-content .cp-materials h3 {font-size:21px;margin-bottom:3px}
 html body #root#root #content.v6-content .cp-materials li {padding:4px 0}
 html body #root#root #content.v6-content .cp-materials strong {font-size:18px}
 html body #root#root #content.v6-content .cp-materials li p {font-size:17px}
 html body #root#root #content.v6-content .cp-materials .cp-start-note {margin-top:6px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact {padding:10px 16px 14px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-window {gap:13px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .eyebrow {font-size:14px;margin-bottom:8px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact h1 {font-size:42px!important;line-height:.94!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-lead {font-size:17px!important;line-height:1.1!important;margin:10px 0!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row>a {font-size:24px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row button {font-size:17px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-contact-letter {padding:13px 16px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-heading {font-size:17px;min-height:20px;margin-bottom:7px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-heading svg {display:none}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-message-summary p {font-size:18px;line-height:1.13;margin-bottom:3px;-webkit-line-clamp:1}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-edit-message {font-size:17px;padding:4px 0;min-height:25px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contacts {margin:6px 0 8px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact {font-size:17px!important;min-height:35px!important;padding:5px 0!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions .contact-primary {font-size:17px!important;min-height:32px!important;padding:5px 0!important}
}
@media(max-height:500px) and (min-width:600px){
 html body #root#root #content.v6-content .cp-wrap {padding:4px 0;width:calc(100% - 40px)}
 html body #root#root #content.v6-content .cp-heading {padding-bottom:2px}
 html body #root#root #content.v6-content .cp-heading h1 {font-size:22px!important}
 html body #root#root #content.v6-content .cp-chapters button {font-size:18px;min-height:29px;padding:3px 0}
 html body #root#root #content.v6-content .v6-chapter-index {display:none}
 html body #root#root #content.v6-content .cp-chapter {padding:5px 0}
 html body #root#root #content.v6-content .v6-content-idea {gap:3px}
 html body #root#root #content.v6-content .v6-content-ribbon {font-size:15px;gap:12px;line-height:1}
 html body #root#root #content.v6-content .v6-content-ribbon i {font-size:13px}
 html body #root#root #content.v6-content .mt-presentation {display:grid;grid-template-columns:1fr 1.1fr;gap:3px 24px}
 html body #root#root #content.v6-content .mt-presentation .mt-heading {gap:0;grid-row:1/3}
 html body #root#root #content.v6-content .mt-presentation .mt-heading h2 {font-size:29px}
 html body #root#root #content.v6-content .mt-presentation .mt-heading>p {font-size:17px;line-height:1.1;margin-top:7px}
 html body #root#root #content.v6-content .mt-presentation .mt-artboard {border-radius:45% 45% 2px 2px;min-height:0;grid-column:2;grid-row:1}
 html body #root#root #content.v6-content .mt-credits-open {font-size:15px;grid-column:2;grid-row:2}
 html body #root#root #content.v6-content .mg-presentation {gap:4px}
 html body #root#root #content.v6-content .mg-presentation .mg-heading {padding:0}
 html body #root#root #content.v6-content .mg-presentation .mg-heading h2 {font-size:23px}
 html body #root#root #content.v6-content .mg-presentation .mg-heading>p {font-size:15px}
 html body #root#root #content.v6-content .mg-presentation .mg-grid {gap:10px}
 html body #root#root #content.v6-content .mg-presentation .mg-card {padding:0;gap:3px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption {min-height:19px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption h3 {font-size:18px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-play {font-size:0;background:none;left:50%;bottom:50%;transform:translate(-50%,50%);padding:0}
 html body #root#root #content.v6-content .mg-presentation .mg-card-play>span {background:#294334dc;border-radius:50%;font-size:17px;width:28px;height:28px}
 html body #root#root #content.v6-content .mg-presentation .mg-pagination {font-size:16px;min-height:24px}
 html body #root#root #content.v6-content .mg-presentation .mg-pagination button {min-height:24px}
 html body #root#root #content.v6-content .mg-next-step {display:grid;grid-template-columns:1fr 1fr;gap:24px}
 html body #root#root #content.v6-content .v6-project-kicker,html body #root#root #content.v6-content .v6-content-sprig {display:none}
 html body #root#root #content.v6-content .mg-next-step h2 {font-size:29px;margin-bottom:6px}
 html body #root#root #content.v6-content .cp-materials {padding:8px 17px}
 html body #root#root #content.v6-content .cp-materials h3 {font-size:21px;margin-bottom:3px}
 html body #root#root #content.v6-content .cp-materials li {padding:2px 0}
 html body #root#root #content.v6-content .cp-materials strong {font-size:18px}
 html body #root#root #content.v6-content .cp-materials li p {font-size:17px}
 html body #root#root #content.v6-content .cp-materials .cp-start-note {font-size:16px;margin-top:5px}
 html body #root#root #content.v6-content .cp-pager {min-height:32px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact {padding:12px 22px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-window {grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;width:min(100%,1100px)}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .eyebrow {font-size:14px;margin-bottom:9px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact h1 {font-size:43px!important;line-height:.93!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-lead {font-size:18px!important;line-height:1.1!important;margin:12px 0!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row {gap:5px 12px;flex-wrap:wrap;justify-content:flex-start}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row>a {font-size:25px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row button {font-size:17px;padding:2px 0}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-contact-sprig {display:none}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-contact-letter {padding:13px 18px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-heading {min-height:20px;margin-bottom:7px;font-size:17px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-heading svg {display:none}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-message-summary p {font-size:18px;line-height:1.1;margin-bottom:3px;-webkit-line-clamp:2}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-edit-message {font-size:17px;min-height:24px;padding:3px 0}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contacts {margin:5px 0 7px!important;gap:10px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact {font-size:17px!important;min-height:35px!important;padding:5px 0!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions {gap:5px 12px;flex-wrap:nowrap}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions .contact-primary {font-size:17px!important;min-height:32px!important;padding:5px 0!important;flex-basis:auto}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions .contact-secondary {font-size:17px!important;min-height:24px!important}
}
@media(prefers-reduced-motion:reduce){html body #root#root #content.v6-content .mg-presentation .mg-open>img{transition:none;transform:none!important}}
/* Verified public channels, presented as one coherent set of contact methods. */
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contacts{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:14px!important;row-gap:8px!important}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact>span{display:flex;align-items:center;gap:8px}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-brand-icon{display:block!important;flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* The first channel is primary; the optional brief stays a quiet text action. */
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact.direct-wa{background:#294334!important;color:#eddfbd!important;border-radius:2px 16px 2px 2px!important;padding-inline:12px!important}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact.direct-wa:hover{background:#36523e!important;color:#f0dfb6!important}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-channel-arrow{display:block;font-size:19px}
@media(max-width:1000px){
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact .contact-channel-arrow{display:none!important}
}
@media(max-width:700px){
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption {gap:7px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption .mg-study-number {font-size:14px}
 html body #root#root #content.v6-content .mg-presentation[data-gallery-size="4"][data-gallery-count="2"] .mg-grid {grid-template-rows:minmax(0,1fr)}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-channel-arrow{display:none}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contacts{column-gap:10px!important;row-gap:6px!important}
}
@media(max-width:599px) and (max-height:540px){
 html body #root#root #content.v6-content .mg-presentation .mg-heading>p {display:none}
 html body #root#root #content.v6-content .mg-presentation .mg-card-play {font-size:0;left:7px;bottom:7px;padding:0;background:none}
 html body #root#root #content.v6-content .mg-presentation .mg-card-play>span {font-size:17px;width:28px;height:28px;border-radius:50%;background:#294334e8}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption {gap:5px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption .mg-study-number {font-size:13px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact {padding:8px 16px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-window {gap:10px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .eyebrow {display:none}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact h1 {font-size:34px!important;line-height:.93!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-lead {margin:7px 0!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row>a {font-size:22px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-contact-letter {padding:10px 14px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-heading {margin-bottom:5px;min-height:19px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-seal {font-size:19px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contacts {margin:4px 0!important;row-gap:4px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions .contact-primary {min-height:28px!important;padding:3px 0!important}
}

/* Size the presentation from the space between its navigation rows.  A narrow
   grid must not grow to the intrinsic width of its chapter labels. */
html body #root#root #content.v6-content .cp-wrap{grid-template-columns:minmax(0,1fr)}
html body #root#root #content.v6-content :is(.cp-heading,.cp-chapters,.cp-stage,.cp-project-intro,.cp-materials){min-width:0}
html body #root#root #content.v6-content .cp-stage{container-name:content-stage;container-type:size}
html body #root#root #content.v6-content .cp-chapters button{white-space:nowrap}
html body #root#root #content.v6-content .mg-next-step{width:100%;height:auto;max-height:100%;flex:none}
html body #root#root #content.v6-content .cp-materials ul{margin:0;padding:0}

/* The contact canvas has a definite height, so its invitation and letter share
   the available space instead of pushing the last action below the screen. */
html.gifs-refined body #root#root #contact.contact-compact.v6-contact{height:calc(100svh - 76px)!important;min-height:0!important;container-name:contact-screen;container-type:size}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-window{min-width:0;overflow:visible;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
html.gifs-refined body #root#root #contact.contact-compact.v6-contact :is(a,button):focus-visible{outline:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}

@media(max-width:700px){
 html body #root#root #content.v6-content .cp-heading h1{font-size:clamp(22px,6.9vw,25px)!important}
 html body #root#root #content.v6-content .cp-chapters{gap:8px}
 html body #root#root #content.v6-content .cp-chapters button{font-size:17px;gap:5px;min-width:0}
 html body #root#root #content.v6-content .v6-chapter-index{display:none}
 html body #root#root #content.v6-content .cp-chapter{padding:clamp(8px,2cqh,14px) 0}
 html body #root#root #content.v6-content .mg-next-step{gap:clamp(9px,2.5cqh,18px);justify-content:center}
 html body #root#root #content.v6-content .v6-project-kicker{display:block;font-size:16px;margin-bottom:clamp(4px,1cqh,8px)}
 html body #root#root #content.v6-content .mg-next-step h2{font-size:clamp(26px,7cqh,36px);line-height:1.02;margin-bottom:clamp(6px,1.6cqh,10px)}
 html body #root#root #content.v6-content .mg-next-step .cp-project-intro>p{font-size:clamp(17px,4.4cqh,20px);line-height:1.13}
 html body #root#root #content.v6-content .cp-materials{padding:clamp(9px,2.6cqh,20px) clamp(13px,3.5cqh,20px)}
 html body #root#root #content.v6-content .cp-materials h3{font-size:clamp(21px,5.5cqh,26px);margin-bottom:clamp(4px,1.1cqh,8px)}
 html body #root#root #content.v6-content .cp-materials li{padding:clamp(3px,1.3cqh,9px) 0;gap:10px}
 html body #root#root #content.v6-content .cp-materials strong{font-size:clamp(18px,4.7cqh,22px);line-height:1.1}
 html body #root#root #content.v6-content .cp-materials li p{font-size:clamp(17px,4.2cqh,19px);line-height:1.1;margin-top:2px}
 html body #root#root #content.v6-content .cp-materials .cp-start-note{font-size:17px;line-height:1.1;margin-top:clamp(5px,1.3cqh,10px)}

 html.gifs-refined body #root#root #contact.contact-compact.v6-contact{height:calc(100svh - 64px)!important;padding:clamp(8px,2svh,18px) 16px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-window{grid-template-columns:minmax(0,1fr);gap:clamp(10px,2.6cqh,24px)}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .eyebrow{display:block;font-size:14px;line-height:1.1;margin-bottom:clamp(5px,1.3cqh,12px);letter-spacing:.025em}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact h1{font-size:clamp(34px,8cqh,58px)!important;line-height:.94!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-lead{font-size:clamp(17px,3.5cqh,21px)!important;line-height:1.14!important;margin:clamp(7px,1.8cqh,15px) 0!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row>a{font-size:clamp(22px,4.3cqh,26px)}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-number-row button{font-size:17px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-contact-letter{padding:clamp(10px,2.5cqh,20px) clamp(13px,3cqh,20px)}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-heading{min-height:clamp(22px,5cqh,36px);font-size:17px;margin-bottom:clamp(5px,1.5cqh,12px)}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-heading svg{display:block;width:23px;height:28px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-seal{font-size:clamp(21px,4.4cqh,25px)}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-message-summary p{font-size:clamp(18px,3.7cqh,22px);line-height:1.14;margin-bottom:5px;-webkit-line-clamp:2}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-edit-message{min-height:28px;font-size:17px;padding:4px 0}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contacts{margin:clamp(6px,1.5cqh,12px) 0!important;column-gap:10px!important;row-gap:5px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact{font-size:clamp(17px,3.5cqh,19px)!important;min-height:clamp(35px,7cqh,44px)!important;padding:6px 0!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact.direct-wa{padding-inline:7px!important}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact>span{gap:6px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-brand-icon{width:18px;height:18px;flex-basis:18px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-actions .contact-primary{min-height:34px!important;font-size:17px!important;line-height:1.12!important;padding:4px 0!important}
}

@container content-stage (max-width:700px) and (max-height:450px){
 html body #root#root #content.v6-content .v6-project-kicker{display:none}
 html body #root#root #content.v6-content .mg-next-step{gap:8px}
 html body #root#root #content.v6-content .mg-next-step h2{font-size:26px;margin-bottom:5px}
 html body #root#root #content.v6-content .cp-materials{padding:8px 13px}
 html body #root#root #content.v6-content .cp-materials li{padding:3px 0}
}

@container content-stage (max-width:700px) and (max-height:350px){
 html body #root#root #content.v6-content .cp-materials{padding-block:6px}
 html body #root#root #content.v6-content .cp-materials h3{font-size:20px;line-height:1.05}
 html body #root#root #content.v6-content .cp-materials li{padding:1px 0}
 html body #root#root #content.v6-content .cp-materials li p{margin-top:1px}
 html body #root#root #content.v6-content .cp-materials .cp-start-note{font-size:16px;margin-top:5px}
}

@container content-stage (max-width:500px) and (max-height:300px){
 html body #root#root #content.v6-content .cp-chapter{padding-block:4px}
 html body #root#root #content.v6-content .mg-next-step{gap:4px}
 html body #root#root #content.v6-content .mg-next-step h2{font-size:23px;line-height:1;margin-bottom:3px}
 html body #root#root #content.v6-content .mg-next-step .cp-project-intro>p{font-size:16px;line-height:1.1}
 html body #root#root #content.v6-content .cp-materials{padding:0;background:none;border-radius:0}
 html body #root#root #content.v6-content .cp-materials h3{display:none}
 html body #root#root #content.v6-content .cp-materials li p{font-size:16px}
 html body #root#root #content.v6-content .cp-materials .cp-start-note{margin-top:4px}
}

@container contact-screen (max-width:700px) and (max-height:425px){
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .eyebrow{display:none}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .contact-window{gap:8px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-heading{min-height:20px;margin-bottom:4px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-heading svg{width:19px;height:23px}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .v6-letter-seal{font-size:20px}
}

@media(max-width:700px){
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption{min-height:44px;align-items:baseline}
 html body #root#root #content.v6-content .mg-presentation:is([data-gallery-size="4"],[data-gallery-size="6"]) .mg-open{width:min(100%,calc(50cqh - 57px))}
 html.gifs-refined body #root#root #contact.contact-compact.v6-contact .direct-contact .contact-channel-arrow{display:none!important}
}

@media(max-width:350px){
 html body #root#root #content.v6-content .mg-presentation .mg-heading h2{font-size:25px;line-height:1.1}
 html body #root#root #content.v6-content .mg-presentation .mg-heading h2 em{font-size:inherit}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption{min-height:38px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption h3{font-size:18px;line-height:1.05}
 html body #root#root #content.v6-content .mg-presentation:is([data-gallery-size="4"],[data-gallery-size="6"]) .mg-open{width:min(100%,calc(50cqh - 51px))}
}

html body #root#root #content.v6-content .mg-presentation .mg-open{container-name:gallery-preview;container-type:inline-size}
@container gallery-preview (max-width:135px){
 html body #root#root #content.v6-content .mg-presentation .mg-card-play{font-size:0;left:7px;bottom:7px;padding:0;background:none;transform:none}
 html body #root#root #content.v6-content .mg-presentation .mg-card-play>span{font-size:17px;width:28px;height:28px;border-radius:50%;background:#294334e8}
}

/* Short desktop windows devote the middle row to examples, not a large title.
   The gallery footer shares a row and every preview keeps its square shape. */
@media(min-width:701px) and (max-height:760px){
 html body #root#root #content.v6-content .cp-wrap{padding:8px 0 6px}
 html body #root#root #content.v6-content .cp-heading{padding-bottom:5px}
 html body #root#root #content.v6-content .cp-heading h1{font-size:27px!important}
 html body #root#root #content.v6-content .cp-chapters button{min-height:35px;font-size:19px}
 html body #root#root #content.v6-content .cp-chapter{padding:10px 0}
 html body #root#root #content.v6-content .mg-presentation{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;gap:8px 24px}
 html body #root#root #content.v6-content .mg-presentation .mg-heading{grid-column:1/-1;gap:22px;padding:0}
 html body #root#root #content.v6-content .mg-presentation .mg-heading h2{font-size:clamp(27px,3.2vw,36px);line-height:1.05}
 html body #root#root #content.v6-content .mg-presentation .mg-heading>p{font-size:17px;max-width:28ch;line-height:1.12}
 html body #root#root #content.v6-content .mg-presentation .mg-grid{grid-column:1/-1;gap:22px}
 html body #root#root #content.v6-content .mg-presentation .mg-card{gap:6px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption{min-height:26px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption h3{font-size:22px}
 html body #root#root #content.v6-content .mg-presentation .mg-pagination{grid-column:2;grid-row:3;font-size:17px}
 html body #root#root #content.v6-content .mg-presentation .mg-gallery-note{grid-column:1;grid-row:3;align-self:center;text-align:left;font-size:17px}
 html body #root#root #content.v6-content .mg-next-step{gap:5%;grid-template-rows:auto}
 html body #root#root #content.v6-content .mg-next-step h2{font-size:clamp(30px,9cqh,44px);margin-bottom:12px}
 html body #root#root #content.v6-content .mg-next-step .cp-project-intro>p{font-size:20px;line-height:1.17}
 html body #root#root #content.v6-content .v6-project-kicker{margin-bottom:10px;font-size:17px}
 html body #root#root #content.v6-content .v6-content-sprig{height:45px;margin-top:15px}
 html body #root#root #content.v6-content .cp-materials{padding:clamp(14px,4cqh,24px)}
 html body #root#root #content.v6-content .cp-materials h3{font-size:27px;margin-bottom:7px}
 html body #root#root #content.v6-content .cp-materials li{padding:clamp(5px,1.8cqh,9px) 0}
 html body #root#root #content.v6-content .cp-materials strong{font-size:23px}
 html body #root#root #content.v6-content .cp-materials li p{font-size:19px}
 html body #root#root #content.v6-content .cp-materials .cp-start-note{margin-top:8px;font-size:17px}
}

/* The landscape canvas keeps the same content in two short columns. */
@media(min-width:701px) and (max-height:500px){
 html body #root#root #content.v6-content .cp-wrap{padding:4px 0;grid-template-rows:auto minmax(0,1fr) auto}
 html body #root#root #content.v6-content .cp-heading{display:none}
 html body #root#root #content.v6-content .cp-chapters{grid-row:1}
 html body #root#root #content.v6-content .cp-stage{grid-row:2}
 html body #root#root #content.v6-content .cp-pager{grid-row:3}
 html body #root#root #content.v6-content .cp-chapters button{min-height:29px;font-size:18px;padding:3px 0}
 html body #root#root #content.v6-content .cp-chapter{padding:5px 0}
 html body #root#root #content.v6-content .mg-presentation{gap:4px 24px}
 html body #root#root #content.v6-content .mg-presentation .mg-heading h2{font-size:23px;line-height:1.05}
 html body #root#root #content.v6-content .mg-presentation .mg-heading>p{display:none}
 html body #root#root #content.v6-content .mg-presentation .mg-card{gap:4px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption{min-height:19px}
 html body #root#root #content.v6-content .mg-presentation .mg-card-caption h3{font-size:18px}
 html body #root#root #content.v6-content .mg-presentation .mg-pagination{font-size:16px;min-height:24px}
 html body #root#root #content.v6-content .mg-presentation .mg-gallery-note{font-size:15px}
 html body #root#root #content.v6-content .mg-next-step{gap:24px}
 html body #root#root #content.v6-content .mg-next-step h2{font-size:29px;margin-bottom:6px}
 html body #root#root #content.v6-content .mg-next-step .cp-project-intro>p{font-size:17px;line-height:1.1}
 html body #root#root #content.v6-content .v6-project-kicker,html body #root#root #content.v6-content .v6-content-sprig{display:none}
 html body #root#root #content.v6-content .cp-materials{padding:6px 17px}
 html body #root#root #content.v6-content .cp-materials h3{font-size:21px;margin-bottom:3px}
 html body #root#root #content.v6-content .cp-materials li{padding:1px 0}
 html body #root#root #content.v6-content .cp-materials strong{font-size:18px}
 html body #root#root #content.v6-content .cp-materials li p{font-size:17px;margin-top:1px}
 html body #root#root #content.v6-content .cp-materials .cp-start-note{font-size:16px;margin-top:4px}
}

/* Concrete examples keep the same studio palette and the same typeface. */
.v9-format-preview{margin:0;min-width:0;width:100%;align-self:center;color:#284b37}
.v9-mini-site{background:#f0e4c9;overflow:hidden;box-shadow:0 12px 28px #34462c15;aspect-ratio:1.03;display:flex;flex-direction:column}
.v9-mini-header{display:flex;align-items:center;gap:8px;padding:12px;font-size:15px;line-height:1.05;background:#d1d5b7}
.v9-mini-header>span:last-child{margin-left:auto}.v9-mini-mark{font-size:25px;font-style:italic;color:#955638}
.v9-mini-landing{padding:20px 14px 14px;position:relative;flex:1;display:grid;align-items:center;isolation:isolate}
.v9-mini-landing strong,.v9-mini-company-hero strong{display:block;font-weight:500;font-size:clamp(22px,2vw,31px);line-height:1.02;letter-spacing:-.035em}
.v9-mini-landing em,.v9-mini-company-hero em{font-weight:400;color:#945538}
.v9-mini-copy{display:block;font-size:13px;margin-top:12px;line-height:1.1;color:#5b6d46}
.v9-mini-cta{display:inline-block;background:#315640;color:#e7d7b6;font-size:13px;padding:8px 11px;margin-top:18px;line-height:1.05}
.v9-mini-landing svg{position:absolute;right:-11px;top:10px;width:47%;height:80%;color:#a5b183;opacity:.43;z-index:-1}
.v9-mini-company{flex:1;padding:12px;display:flex;flex-direction:column;gap:12px}
.v9-mini-menu{display:flex;justify-content:space-between;gap:5px;font-size:13px;color:#61734a}
.v9-mini-company-hero{position:relative;flex:1;display:flex;align-items:center;isolation:isolate;min-height:70px}.v9-mini-company-hero svg{width:42%;height:100%;position:absolute;right:0;bottom:0;color:#a8b48a;opacity:.5;z-index:-1}
.v9-mini-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.v9-mini-sections>span{display:grid;gap:6px;padding:8px 5px;background:#e1d4b4;font-size:12px;line-height:1.05}.v9-mini-sections b{font-size:16px;font-weight:400;color:#9c603f}
.v9-mini-catalog{padding:13px 12px;display:flex;flex:1;flex-direction:column;gap:14px}.v9-mini-filters{display:flex;gap:8px;font-size:13px}.v9-mini-filters>span:first-child{color:#915335}.v9-mini-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1}.v9-mini-products>div{min-width:0;display:flex;flex-direction:column;gap:8px}.v9-mini-products>div>span:last-child{display:flex;justify-content:space-between;gap:3px;font-size:12px;line-height:1}.v9-mini-products b{font-weight:400;color:#955638}
.v9-product-shape{display:grid;place-items:center;flex:1;min-height:55px;background:#d9d5b5;overflow:hidden}.v9-product-shape svg{width:80%;height:85%;color:#6c8454}.v9-product-1{background:#d6b798}.v9-product-1 svg{rotate:24deg;color:#a26543}.v9-product-2{background:#bcc59e}.v9-product-2 svg{rotate:-20deg;color:#536d46}
.v9-format-preview figcaption{text-align:center;font-size:14px;font-style:italic;line-height:1.1;color:#69744e;margin-top:9px}
.v9-ai-scene{position:relative;width:100%;height:clamp(410px,56vh,610px);max-width:880px;justify-self:center;margin:0;isolation:isolate;--v9-doc-ink:#2b4b35}
.v9-ai-source,.v9-ai-result{position:absolute;padding:clamp(22px,2.1vw,35px);box-shadow:0 15px 35px #071e1721;border:0;border-radius:3px;color:var(--v9-doc-ink)}
.v9-ai-source{left:0;top:4%;width:48%;height:76%;background:#c2c9a9;rotate:-2deg;display:flex;flex-direction:column}
.v9-ai-result{right:0;top:19%;width:59%;min-height:68%;background:#e9dcbc;animation:v9-document-arrive .7s cubic-bezier(.2,.7,.3,1) both;animation-play-state:paused}
.v9-document-label{display:flex;align-items:baseline;gap:12px;font-size:clamp(17px,1.4vw,22px);line-height:1.1;color:#64734d;margin-bottom:19px}.v9-document-label i{font-size:.76em;font-style:normal;color:#97704b}
.v6-service-story .v9-ai-source p{font-size:clamp(25px,2.3vw,38px)!important;line-height:1.36!important;font-weight:400!important;margin:0!important;color:#3c593d!important}.v9-ai-source mark{background:#e1d3ad;color:inherit;padding:0 3px}.v9-ai-source em{color:#945839;font-style:italic}.v9-source-caption{font-size:16px;line-height:1.1;color:#63734e;margin-top:auto;padding-top:12px}
.v9-ai-result>strong{font-size:clamp(29px,2.7vw,43px);line-height:1.04;font-weight:500;display:block;letter-spacing:-.03em;margin-bottom:20px}.v9-ai-result dl{margin:0;display:grid;gap:15px}.v9-ai-result dl>div{animation:v9-row-arrive .55s cubic-bezier(.2,.7,.3,1) both;animation-play-state:paused}.v9-ai-result dl>div:nth-child(2){animation-delay:.12s}.v9-ai-result dl>div:nth-child(3){animation-delay:.24s}.v9-ai-result dt{font-size:17px;line-height:1.1;color:#7a714e;margin:0 0 4px}.v9-ai-result dd{font-size:clamp(24px,1.9vw,31px);line-height:1.1;margin:0;color:#2e513a}.v9-ai-result dd>span{display:inline-grid;place-items:center;width:24px;height:24px;background:#dcc29e;color:#895239;font-size:21px;border-radius:50%;margin-left:5px}
.v9-ai-transfer{position:absolute;width:18%;height:14%;top:1%;left:45%;color:#d0aa78;z-index:2}
.v9-ai-leaf{position:absolute;right:-20px;top:-35px;width:23%;height:44%;color:#a6ae79;opacity:.3;z-index:-1;rotate:18deg}
.v9-ai-review{position:absolute;bottom:0;right:3px;font-size:clamp(20px,1.7vw,28px);line-height:1.1;display:flex;align-items:center;gap:11px;color:#d9b78f}.v9-ai-review>span{background:#d3bc92;color:#36533c;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:22px}
.v9-ai-scene[data-running=true] .v9-ai-result,.v9-ai-scene[data-running=true] .v9-ai-result dl>div{animation-play-state:running}
@keyframes v9-document-arrive{from{transform:translate(14px,20px)}to{transform:translate(0,0)}}
@keyframes v9-row-arrive{from{transform:translateY(7px)}to{transform:translateY(0)}}
@media(min-width:2200px) and (min-height:1000px){.v9-format-preview{max-width:440px;justify-self:center}.v9-mini-header{font-size:22px;padding:20px}.v9-mini-mark{font-size:36px}.v9-mini-landing{padding:28px}.v9-mini-landing strong,.v9-mini-company-hero strong{font-size:49px}.v9-mini-copy,.v9-mini-cta,.v9-mini-menu,.v9-mini-filters{font-size:20px}.v9-mini-company,.v9-mini-catalog{padding:20px;gap:20px}.v9-mini-sections>span,.v9-mini-products>div>span:last-child{font-size:19px}.v9-mini-sections b{font-size:25px}.v9-format-preview figcaption{font-size:21px}.v9-ai-scene{height:720px;max-width:1280px}.v9-ai-source,.v9-ai-result{padding:44px}.v9-document-label{font-size:30px;margin-bottom:30px}.v6-service-story .v9-ai-source p{font-size:49px!important}.v9-ai-result>strong{font-size:57px;margin-bottom:34px}.v9-ai-result dl{gap:24px}.v9-ai-result dt{font-size:26px}.v9-ai-result dd{font-size:40px}.v9-source-caption{font-size:24px}.v9-ai-review{font-size:32px}.v9-ai-review>span{width:45px;height:45px;font-size:29px}}
@media(max-width:1100px){.v9-format-preview{max-width:300px;justify-self:center;margin-top:12px}.v9-mini-site{aspect-ratio:2}.v9-mini-header{padding:7px 10px;font-size:12px}.v9-mini-mark{font-size:20px}.v9-mini-landing{padding:12px 14px}.v9-mini-landing strong,.v9-mini-company-hero strong{font-size:24px}.v9-mini-copy{font-size:12px;margin-top:7px}.v9-mini-cta{position:absolute;right:12px;bottom:14px;font-size:12px;margin:0;padding:8px}.v9-mini-landing svg{width:30%;right:15px;top:0}.v9-mini-company{padding:8px 12px;gap:6px}.v9-mini-menu{font-size:12px}.v9-mini-company-hero{min-height:42px}.v9-mini-sections{position:absolute;right:12px;bottom:12px;width:43%}.v9-mini-company{position:relative}.v9-mini-company-hero svg{width:20%;right:9px}.v9-mini-sections>span{padding:5px;font-size:10px;gap:2px}.v9-mini-sections b{font-size:12px}.v9-mini-catalog{padding:8px 12px;gap:7px}.v9-mini-filters{font-size:12px}.v9-mini-products{gap:12px}.v9-product-shape{min-height:55px}.v9-product-shape svg{height:46px}.v9-mini-products>div{gap:5px}.v9-format-preview figcaption{font-size:12px;margin-top:6px}.v9-ai-scene{height:390px;max-width:640px}.v9-ai-source,.v9-ai-result{padding:20px}.v9-document-label{font-size:17px;gap:7px;margin-bottom:15px}.v6-service-story .v9-ai-source p{font-size:26px!important}.v9-ai-result>strong{font-size:29px;margin-bottom:16px}.v9-ai-result dt{font-size:16px}.v9-ai-result dd{font-size:22px}.v9-ai-result dl{gap:12px}.v9-source-caption{font-size:14px}.v9-ai-review{font-size:20px}}
@media(max-width:700px) and (min-height:501px), (max-width:500px){.v9-format-preview{max-width:none;width:100%;margin-top:12px}.v9-mini-site{aspect-ratio:2.6}.v9-mini-header{padding:5px 10px}.v9-mini-landing{padding:9px 12px}.v9-mini-copy{display:none}.v9-mini-company{padding-block:6px;gap:4px}.v9-mini-company-hero{min-height:36px}.v9-mini-sections{bottom:8px}.v9-mini-catalog{padding:5px 10px;gap:5px}.v9-product-shape{min-height:30px}.v9-product-shape svg{height:29px}.v9-mini-filters{font-size:12px}.v9-mini-products>div>span:last-child{font-size:12px}.v9-ai-scene{height:330px;max-width:430px}.v9-ai-source,.v9-ai-result{padding:17px 14px}.v9-ai-source{width:48%;height:75%}.v9-ai-result{width:59%;top:17%;min-height:69%}.v9-document-label{font-size:16px;gap:7px;margin-bottom:12px}.v6-service-story .v9-ai-source p{font-size:22px!important;line-height:1.35!important}.v9-ai-result>strong{font-size:25px;margin-bottom:12px}.v9-ai-result dt{font-size:14px;margin-bottom:3px}.v9-ai-result dd{font-size:19px}.v9-ai-result dl{gap:10px}.v9-ai-result dd>span{height:19px;width:19px;font-size:17px;margin-left:2px}.v9-source-caption{font-size:13px;max-width:11ch}.v9-ai-review{font-size:18px;gap:8px}.v9-ai-review>span{width:25px;height:25px;font-size:18px}.v9-ai-transfer{top:0}.v9-ai-leaf{right:-3px;top:-20px}}
@media(max-height:760px) and (max-width:1100px){.v9-format-preview{display:none}}
@media(max-width:700px) and (max-height:670px){.v9-ai-scene{height:245px}.v9-ai-source,.v9-ai-result{padding:12px}.v9-document-label{font-size:14px;margin-bottom:8px;gap:5px}.v6-service-story .v9-ai-source p{font-size:19px!important;line-height:1.2!important}.v9-ai-result>strong{font-size:22px;margin-bottom:9px}.v9-ai-result dl{gap:6px}.v9-ai-result dt{font-size:12px}.v9-ai-result dd{font-size:17px}.v9-ai-result dd>span{width:16px;height:16px;font-size:14px}.v9-source-caption{display:none}.v9-ai-review{font-size:16px;bottom:-5px}.v9-ai-review>span{width:21px;height:21px;font-size:16px}.v9-ai-result{top:14%;min-height:72%}}
@media(max-height:500px){.v9-format-preview{display:none}.v9-ai-scene{height:163px;max-width:330px}.v9-ai-source,.v9-ai-result{padding:8px 10px}.v9-document-label{font-size:14px;margin-bottom:6px}.v9-document-label i{display:none}.v6-service-story .v9-ai-source p{font-size:17px!important;line-height:1.1!important}.v9-ai-result>strong{font-size:20px;margin-bottom:5px}.v9-ai-result dl{gap:4px}.v9-ai-result dt{display:none}.v9-ai-result dd{font-size:17px}.v9-ai-result{top:9%;height:124px;min-height:0}.v9-ai-source{height:120px}.v9-ai-review{font-size:16px;bottom:0}.v9-ai-leaf,.v9-ai-transfer,.v9-source-caption{display:none}}
@media(min-width:701px) and (max-width:1100px) and (min-height:501px) and (max-height:740px){
 .v9-ai-scene{height:min(390px,calc(100cqh - 155px))}
 .v9-ai-source,.v9-ai-result{padding:16px}
 .v9-document-label{font-size:16px;margin-bottom:10px}
 .v6-service-story .v9-ai-source p{font-size:23px!important;line-height:1.25!important}
 .v9-ai-result>strong{font-size:26px;margin-bottom:12px}
 .v9-ai-result dt{font-size:14px;margin-bottom:3px}.v9-ai-result dd{font-size:20px}.v9-ai-result dl{gap:8px}
 .v9-ai-review{font-size:18px}.v9-ai-review>span{width:26px;height:26px;font-size:18px}
}
/* Size the mobile introduction from its actual presentation canvas, so short
   browser windows cannot push the heading into the chapter navigation. */
@media(max-width:700px){
 .v9-ai-scene{height:clamp(163px,calc(100cqh - 320px),330px)}
 @container sp-screen (max-height:470px){
  .service-story.v6-service-story .v6-ai-intro h2{font-size:25px!important;line-height:1.02!important;margin-bottom:7px!important}
  .v6-service-story .v6-ai-intro .story-lead{font-size:17px!important;line-height:1.16!important}
  .v6-service-story .v6-ai-intro{gap:8px}
  .v9-ai-source,.v9-ai-result{padding:8px 10px}
  .v9-document-label{font-size:14px;margin-bottom:6px}.v9-document-label i{display:none}
  .v6-service-story .v9-ai-source p{font-size:17px!important;line-height:1.1!important}
  .v9-ai-result>strong{font-size:20px;margin-bottom:5px}.v9-ai-result dl{gap:4px}.v9-ai-result dt{display:none}.v9-ai-result dd{font-size:17px}
  .v9-ai-result{top:9%;height:124px;min-height:0}.v9-ai-source{height:120px}
  .v9-ai-review{font-size:16px;bottom:0}.v9-ai-leaf,.v9-ai-transfer,.v9-source-caption{display:none}
 }
}
@media(prefers-reduced-motion:reduce){.v9-ai-result,.v9-ai-result dl>div{animation:none!important;transform:none!important}}
/* Narrow screens use document flow instead of overlapping absolute sheets.
   Text wrapping therefore determines the scene height and cannot cover the
   chapter navigation or the human-review caption. */
@media(max-width:500px){
 .v9-ai-scene{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:10px;align-items:start;height:auto;max-width:none}
 .v9-ai-source,.v9-ai-result{position:static;inset:auto;width:auto;height:auto;min-height:0;padding:12px;rotate:0deg;transform:none}
 .v9-ai-result>strong,.v9-ai-leaf,.v9-ai-transfer,.v9-source-caption{display:none}
 .v9-document-label{gap:4px;font-size:14px;margin-bottom:9px}
 .v6-service-story .v9-ai-source p{font-size:clamp(17px,4.8vw,20px)!important;line-height:1.18!important}
 .v9-ai-result dd{font-size:clamp(17px,4.8vw,20px);line-height:1.14}.v9-ai-result dl{gap:8px}
 .v9-ai-review{position:static;grid-column:1/-1;justify-self:end;font-size:17px;gap:7px}
 .v9-ai-review>span{width:23px;height:23px;font-size:17px}
}
@media(max-width:500px) and (max-height:500px){
 .v6-service-story .story-format-panel:has(.v9-format-preview) h3{font-size:21px!important;margin-bottom:5px!important}
 .v6-service-story .story-format-panel:has(.v9-format-preview) p{line-height:1.1!important;margin-bottom:5px!important}
 .v6-service-story .story-format-panel:has(.v9-format-preview) .story-link{min-height:25px;padding-block:2px}
}


/* Service stories: a visible handoff, not another table of equal paragraphs. */
.v6-service-story .v9-flow-symbol{display:block;flex:none;width:66px;height:66px;stroke:#e9d7af;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.v9-flow-symbol .v9-symbol-fill{fill:#355745;stroke:none}
.v9-flow-symbol .v9-symbol-secondary{fill:#a86a49;stroke:none}
.v6-service-story .v9-flow-arrow{display:block;width:48px;height:28px;stroke:#cbac76;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;align-self:center;justify-self:center}
.v6-service-story .v9-agent-roles{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:stretch;gap:0}
.v6-service-story .v9-agent-role{min-width:0;box-sizing:border-box;padding:26px 24px 30px;background:#cbd1b5;color:#284b39;border-radius:3px}
.v6-service-story .v9-agent-role-human{background:#e5d6b7}
.v6-service-story .v9-role-art{display:flex;align-items:start;justify-content:space-between;margin-bottom:28px}
.v6-service-story .v9-role-index{font-size:18px;line-height:1;color:#6b795a}
.v6-service-story .v9-agent-role strong{display:block;font-weight:500;font-size:clamp(28px,2.3vw,36px);line-height:1.05;margin:0 0 13px;color:#284b39}
.v6-service-story .v9-agent-role p{font-size:clamp(21px,1.8vw,27px)!important;line-height:1.24!important;margin:0!important;color:#36513f!important}
@keyframes v9-flow-enter{from{opacity:.25;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:no-preference){
 .v6-service-story .sp-chapter:not([hidden]) .v9-agent-role-human{animation:v9-flow-enter .48s .08s ease-out both}
 .v6-service-story[data-motion='paused'] .v9-agent-role-human{animation:none}
}
@media(min-width:2200px) and (min-height:1000px){
 .v6-service-story .v9-agent-role{padding:42px}.v6-service-story .v9-flow-symbol{width:92px;height:92px}.v6-service-story .v9-role-art{margin-bottom:40px}.v6-service-story .v9-role-index{font-size:26px}.v6-service-story .v9-agent-role strong{font-size:49px;margin-bottom:22px}.v6-service-story .v9-agent-role p{font-size:36px!important}.v6-service-story .v9-agent-roles{column-gap:18px}
}
@media(max-width:900px){
 .v6-service-story .v9-agent-role{padding:21px}.v6-service-story .v9-role-art{margin-bottom:16px}.v6-service-story .v9-flow-symbol{width:46px;height:46px}.v6-service-story .v9-agent-role strong{font-size:28px;margin-bottom:10px}.v6-service-story .v9-agent-role p{font-size:21px!important}
}
@media(max-width:500px){
 .v6-service-story .v9-agent-roles{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.v6-service-story .v9-agent-role{padding:16px 13px 18px}.v6-service-story .v9-flow-arrow{width:25px;height:20px}.v6-service-story .v9-role-art{margin-bottom:14px}.v6-service-story .v9-flow-symbol{width:38px;height:38px}.v6-service-story .v9-role-index{font-size:15px}.v6-service-story .v9-agent-role strong{font-size:24px;margin-bottom:9px}.v6-service-story .v9-agent-role p{font-size:19px!important;line-height:1.16!important}
}
@media(max-height:740px) and (min-width:901px){
 .v6-service-story .v9-agent-role{padding:20px}.v6-service-story .v9-role-art{margin-bottom:18px}.v6-service-story .v9-flow-symbol{width:48px;height:48px}.v6-service-story .v9-agent-role strong{font-size:28px}.v6-service-story .v9-agent-role p{font-size:22px!important}
}
@media(max-height:600px){
 .v6-service-story .v9-agent-role{padding:12px}.v6-service-story .v9-role-art{margin-bottom:8px}.v6-service-story .v9-flow-symbol{width:32px;height:32px}.v6-service-story .v9-agent-role strong{font-size:23px;margin-bottom:6px}.v6-service-story .v9-agent-role p{font-size:18px!important;line-height:1.12!important}
}
@media(max-width:500px) and (max-height:540px){
 .v6-service-story .v9-agent-roles{grid-template-columns:1fr;gap:5px}.v6-service-story .v9-agent-roles>.v9-flow-arrow,.v6-service-story .v9-role-art{display:none}.v6-service-story .v9-agent-role{padding:7px 9px}.v6-service-story .v9-agent-role>div:last-child{display:grid;grid-template-columns:74px minmax(0,1fr);gap:8px;align-items:start}.v6-service-story .v9-agent-role strong{font-size:20px;margin:0}.v6-service-story .v9-agent-role p{font-size:17px!important;line-height:1.08!important}
}

/* One task, one paper: the example is read in sequence rather than as a menu. */
.v6-service-story .v10-task-chapter .story-use-example{background:none;box-shadow:none;border:0;border-radius:0;rotate:0deg;padding:0;min-width:0}
.v6-service-story .v10-task-examples{box-sizing:border-box;min-width:0;margin:0;padding:36px 38px 34px;background:#e6d9bb;color:#294a39;border:0;border-radius:3px;box-shadow:none}
.v6-service-story .v10-task-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 34px;padding:0}
.v6-service-story .v10-task-header h3{font-family:inherit;font-size:clamp(30px,2.7vw,42px)!important;line-height:1.05!important;font-weight:500;margin:0!important;color:#294a39!important}
.v6-service-story .v10-task-navigation{display:flex;align-items:center;gap:8px;flex:none}
.v6-service-story .v10-task-position{font-size:20px;line-height:1.1;white-space:nowrap;color:#596247;margin-right:12px;font-variant-numeric:tabular-nums}
.v6-service-story .v10-task-position i{font-style:normal;margin:0 5px;color:#a89570}
.v6-service-story .v10-task-navigation button{display:grid;place-items:center;width:40px;height:40px;min-height:0;padding:8px;border:0;border-radius:50%;background:#d4ccb0;color:#2b4f3c;box-shadow:none;cursor:pointer;transition:background .2s,color .2s}
.v6-service-story .v10-task-navigation button:hover:not(:disabled){background:#c3c7a7}
.v6-service-story .v10-task-navigation button:focus-visible{background:#2b4f3c;color:#e8d7b3;outline:0}
.v6-service-story .v10-task-navigation button:disabled{opacity:.28;cursor:default}
.v6-service-story .v10-task-navigation svg,.v6-service-story .v10-task-direction svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.v6-service-story .v10-task-panels{display:grid}
.v6-service-story .v10-task-panel{grid-area:1/1;min-width:0}
.v6-service-story .v10-task-panel[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.v6-service-story .v10-task-change{display:grid;grid-template-columns:minmax(0,.9fr) 32px minmax(0,1.1fr);gap:22px;align-items:start}
.v6-service-story .v10-task-before,.v6-service-story .v10-task-after,.v6-service-story .v10-task-human{min-width:0;font-size:20px;line-height:1.2}
.v6-service-story .v10-task-before>span,.v6-service-story .v10-task-after>span,.v6-service-story .v10-task-human>span{display:block;font-size:20px;line-height:1.1;font-style:italic;color:#795139;margin-bottom:12px}
.v6-service-story .v10-task-direction{width:32px;height:24px;color:#8b7857;align-self:center}
.v6-service-story .v10-task-change p{font-size:clamp(26px,2.15vw,34px)!important;line-height:1.22!important;color:#294a39!important;margin:0!important;overflow-wrap:break-word;hyphens:auto}
.v6-service-story .v10-task-human{margin-top:34px;padding-top:0}
.v6-service-story .v10-task-human p{font-size:clamp(23px,1.8vw,29px)!important;line-height:1.22!important;color:#3a5541!important;margin:0!important;overflow-wrap:break-word;hyphens:auto}
.v6-service-story .v10-task-chapter .v10-other-task{display:inline-flex;margin:17px 0 0!important;font-size:22px;line-height:1.15}
@media(min-width:2200px) and (min-height:1000px){
 .v6-service-story .v10-task-examples{padding:54px 58px}.v6-service-story .v10-task-header{margin-bottom:50px}.v6-service-story .v10-task-header h3{font-size:58px!important}.v6-service-story .v10-task-position{font-size:28px;margin-right:20px}.v6-service-story .v10-task-navigation button{width:54px;height:54px;padding:12px}.v6-service-story .v10-task-change{grid-template-columns:minmax(0,.9fr) 44px minmax(0,1.1fr);gap:32px}.v6-service-story .v10-task-direction{width:44px;height:30px}.v6-service-story .v10-task-before>span,.v6-service-story .v10-task-after>span,.v6-service-story .v10-task-human>span{font-size:29px;margin-bottom:18px}.v6-service-story .v10-task-change p{font-size:43px!important}.v6-service-story .v10-task-human{margin-top:48px}.v6-service-story .v10-task-human p{font-size:36px!important}.v6-service-story .v10-task-chapter .v10-other-task{font-size:29px;margin-top:24px!important}
}
@media(max-width:900px){
 .v6-service-story .v10-task-examples{padding:28px}.v6-service-story .v10-task-header{margin-bottom:27px;gap:15px}.v6-service-story .v10-task-header h3{font-size:34px!important}.v6-service-story .v10-task-position{font-size:18px;margin-right:5px}.v6-service-story .v10-task-navigation button{width:38px;height:38px}.v6-service-story .v10-task-change{gap:16px}.v6-service-story .v10-task-change p{font-size:26px!important}.v6-service-story .v10-task-human{margin-top:26px}.v6-service-story .v10-task-human p{font-size:23px!important}
}
/* Phone proportions follow the service canvas height, so crossing a viewport
   breakpoint cannot suddenly enlarge the whole card. The shortest canvas keeps
   the same reading order with inline field labels. */
@media(max-width:500px){
 .v6-service-story .v10-task-chapter{--task-body:clamp(17px,calc(11px + 1.6cqh),23px);--task-human:clamp(17px,calc(11px + 1.35cqh),21px);--task-gap:clamp(9px,calc(3cqh - 3px),20px);--task-padding:clamp(10px,calc(3cqh - 2px),22px)}
 .v6-service-story .v10-task-examples{padding:var(--task-padding) clamp(13px,calc(2cqh + 3px),21px)}
 .v6-service-story .v10-task-header{margin-bottom:clamp(9px,calc(4cqh - 8px),24px);gap:10px}
 .v6-service-story .v10-task-header h3{font-size:clamp(24px,calc(15px + 2cqh),30px)!important}
 .v6-service-story .v10-task-navigation{gap:5px}.v6-service-story .v10-task-position{font-size:16px;margin-right:5px}.v6-service-story .v10-task-position i{margin:0 2px}.v6-service-story .v10-task-navigation button{width:34px;height:34px;padding:8px}
 .v6-service-story .v10-task-change{display:grid;grid-template-columns:1fr;gap:var(--task-gap)}.v6-service-story .v10-task-direction{display:none}
 .v6-service-story .v10-task-before>span,.v6-service-story .v10-task-after>span,.v6-service-story .v10-task-human>span{font-size:clamp(16px,calc(11px + 1cqh),18px);margin-bottom:clamp(3px,.7cqh,6px)}
 .v6-service-story .v10-task-change p{font-size:var(--task-body)!important;line-height:1.16!important}
 .v6-service-story .v10-task-human{margin-top:var(--task-gap)}.v6-service-story .v10-task-human p{font-size:var(--task-human)!important;line-height:1.18!important}
 .v6-service-story .v10-task-chapter .v10-other-task{font-size:clamp(17px,calc(11px + 1.1cqh),19px);margin-top:clamp(6px,calc(2cqh - 3px),14px)!important}
}
@media(min-width:501px) and (max-height:740px){
 .v6-service-story .v10-task-examples{padding:25px 28px}.v6-service-story .v10-task-header{margin-bottom:23px}.v6-service-story .v10-task-header h3{font-size:33px!important}.v6-service-story .v10-task-change{gap:17px}.v6-service-story .v10-task-change p{font-size:25px!important}.v6-service-story .v10-task-before>span,.v6-service-story .v10-task-after>span,.v6-service-story .v10-task-human>span{font-size:18px;margin-bottom:8px}.v6-service-story .v10-task-human{margin-top:23px}.v6-service-story .v10-task-human p{font-size:23px!important}
}
@container sp-screen (max-width:500px) and (max-height:450px){
 .v6-service-story .v10-task-examples{padding:10px 13px}.v6-service-story .v10-task-header{margin-bottom:9px}.v6-service-story .v10-task-header h3{font-size:24px!important}.v6-service-story .v10-task-position{font-size:15px}.v6-service-story .v10-task-navigation button{width:29px;height:29px;padding:6px}
 .v6-service-story .v10-task-change{gap:9px}.v6-service-story .v10-task-before,.v6-service-story .v10-task-after,.v6-service-story .v10-task-human{font-size:17px;line-height:1.12}
 .v6-service-story .v10-task-before>span,.v6-service-story .v10-task-after>span,.v6-service-story .v10-task-human>span{display:inline;font-size:16px;margin:0 6px 0 0}.v6-service-story .v10-task-change p,.v6-service-story .v10-task-human p{display:inline;font-size:17px!important;line-height:1.12!important}.v6-service-story .v10-task-human{margin-top:9px}.v6-service-story .v10-task-chapter .v10-other-task{font-size:17px;margin-top:6px!important}
}
@media(min-width:501px) and (max-width:1000px) and (max-height:500px){
 .v6-service-story .v10-task-examples{padding:13px 17px}.v6-service-story .v10-task-header{margin-bottom:12px}.v6-service-story .v10-task-header h3{font-size:27px!important}.v6-service-story .v10-task-position{font-size:16px}.v6-service-story .v10-task-navigation button{width:30px;height:30px;padding:7px}.v6-service-story .v10-task-change{grid-template-columns:minmax(0,.9fr) 21px minmax(0,1.1fr);gap:12px}.v6-service-story .v10-task-direction{width:21px;height:19px}.v6-service-story .v10-task-before>span,.v6-service-story .v10-task-after>span,.v6-service-story .v10-task-human>span{font-size:16px;margin-bottom:5px}.v6-service-story .v10-task-change p{font-size:19px!important;line-height:1.12!important}.v6-service-story .v10-task-human{margin-top:12px;font-size:17px;line-height:1.12}.v6-service-story .v10-task-human>span{display:inline;margin:0 6px 0 0}.v6-service-story .v10-task-human p{display:inline;font-size:17px!important;line-height:1.12!important}.v6-service-story .v10-task-chapter .v10-other-task{font-size:17px;margin-top:7px!important}
}

/* Purposeful chapter motion: the visual example follows the heading, with
   direction matching navigation. Layout remains stable throughout. */
.service-story,.content-presentation{--chapter-entry:20px}
.service-story[data-direction=back],.content-presentation[data-direction=back]{--chapter-entry:-20px}
@keyframes chapter-arrive{from{opacity:0;transform:translateX(var(--chapter-entry))}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:no-preference){
 .service-story .sp-chapter:not([hidden]),html body #root#root #content.content-presentation .cp-chapter:not([hidden]){animation:chapter-arrive 360ms cubic-bezier(.2,.7,.25,1) both}
 .service-story .sp-chapter:not([hidden]) .story-composition>:last-child{animation:chapter-arrive 460ms cubic-bezier(.2,.7,.25,1) both}
}
.service-story .v9-project-open{display:block;width:100%;padding:0;border:0;background:none;color:inherit;text-align:inherit;font:inherit;cursor:pointer}
.service-story .story-format-choice:before{display:none}
.service-story .v9-project-open .v6-browser-chrome{transition:background 180ms ease}
.service-story .v9-project-open:hover .v6-browser-chrome,.service-story .v9-project-open:focus-visible .v6-browser-chrome{background:#ecdfbf}
.service-story .v9-project-open:focus-visible{outline:0;box-shadow:0 6px 0 #d7a278}
.service-story .v9-project-detail{font:inherit;color:inherit;background:none;border:0;padding:4px;display:flex;align-items:center;gap:12px;cursor:pointer;min-height:32px}
.service-story .v9-project-detail:hover,.service-story .v9-project-detail:focus-visible{text-decoration:underline;text-underline-offset:5px;outline:0}
/* The next chapter is named explicitly; only the arrow receives the circle. */
.service-story .sp-next>.v9-next-label{width:auto;height:auto;border-radius:0;background:none;color:inherit;display:inline;line-height:1.1;font-size:inherit}
.service-story .story-human-check{display:flex;align-items:center;gap:10px;min-height:2.4em}
.service-story .story-human-check>span:first-child{flex:none}
.service-story .story-human-check>span:last-child{font:inherit;color:inherit}
.service-story .story-transformation[data-step="2"] .story-result-note{background:#e0dfbb!important}
.service-story .story-transformation[data-step="0"] .story-source-note mark{background:#cfaa76}
.service-story .story-transformation[data-step="1"] .story-result-note mark{background:#b8c59b}
.service-story .story-transformation .story-result-note{transition:background 350ms ease}
@media(max-width:500px){
 .service-story .sp-pager,.content-presentation .cp-pager{grid-template-columns:auto auto 1fr;column-gap:12px}
 .service-story .sp-next,.content-presentation .cp-next{justify-self:end;gap:8px}
 .service-story .sp-next>.v9-next-label{max-width:16ch;text-align:right}
 .service-story .v6-site-preview figcaption{display:flex;justify-content:space-between;align-items:center}
 .service-story .v9-project-detail{font-size:18px;white-space:nowrap;gap:6px}
}
@media(max-width:350px){
 .service-story .sp-pager,.content-presentation .cp-pager{column-gap:7px}
 .service-story .sp-next>.v9-next-label{font-size:16px;max-width:11ch}
 .content-presentation .cp-next>span{font-size:16px;max-width:11ch;text-align:right;line-height:1.05}
 .service-story .story-human-check{min-height:0;gap:6px}
}
@media(min-width:501px) and (max-width:900px) and (min-height:741px){
 .v6-service-story .story-ai-uses{grid-template-columns:1fr;align-content:center;gap:22px}
 .v6-service-story .story-ai-uses .story-copy h2{margin-bottom:10px!important;max-width:none}
 .v6-service-story .story-start .story-journey{grid-template-columns:1fr;gap:20px}
 .v6-service-story .story-start .story-journey:before{display:none}
 .v6-service-story .story-start .story-journey li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px}
 .v6-service-story .story-start .story-journey strong{font-size:27px}
 .v6-service-story .story-start .story-journey p{font-size:22px!important;line-height:1.18!important;overflow-wrap:anywhere}
}
@media(max-width:500px) and (max-height:540px){
 html #root .sp-pager .sp-next,html #root .cp-pager .cp-next{min-height:36px;padding:2px 0!important;gap:8px}
 .service-story.v6-service-story .sp-pager button{min-height:36px;padding-block:2px}
 .service-story .sp-next>.v9-next-label{line-height:1}
 .v6-service-story .story-ai-uses .story-lead{display:none}
 .v6-service-story .story-ai-uses .story-copy h2{margin-bottom:4px!important}
}
@media(prefers-reduced-motion:reduce){
 .service-story .sp-chapter,.content-presentation .cp-chapter,.service-story .story-composition>:last-child{animation:none!important;transition:none!important}
}
@media(min-width:701px) and (max-width:900px) and (min-height:501px) and (max-height:740px){
 .v6-service-story .story-ai-uses{grid-template-columns:1fr;align-content:center;gap:12px}
 .service-story.v6-service-story .story-ai-uses h2{font-size:32px!important;margin-bottom:0!important;max-width:none}
 .v6-service-story .v10-task-examples{padding:18px 24px}
 .v6-service-story .v10-task-header{margin-bottom:12px}
 .v6-service-story .v10-task-header h3{font-size:29px!important}
 .v6-service-story .v10-task-change p{font-size:22px!important}
 .v6-service-story .v10-task-human{margin-top:16px}
 .v6-service-story .v10-task-human p{font-size:21px!important}
 .v6-service-story .v10-task-chapter .v10-other-task{margin-top:10px!important}
}
@media(max-width:500px) and (min-height:541px){
 .v6-service-story .v6-ai-start .story-journey{grid-template-columns:1fr;gap:12px}
 .v6-service-story .v6-ai-start .story-journey:before{display:none}
 .v6-service-story .v6-ai-start .story-journey li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px}
 .v6-service-story .v6-ai-start .story-journey strong{font-size:23px}
 .v6-service-story .v6-ai-start .story-journey p{font-size:19px!important;line-height:1.15!important}
}
/* A narrow phone remains narrow even when it is tall. Keep the text measure
   and chapter rhythm proportional to that width instead of jumping to the
   larger 390px-phone typography at a height breakpoint. */
@media(max-width:350px) and (min-height:561px){
 .service-story.v6-service-story .sp-chapter h2{font-size:clamp(27px,8.4vw,30px)!important;line-height:1.04!important;margin-bottom:11px!important}
 .v6-service-story .story-lead{font-size:clamp(18px,5.6vw,20px)!important;line-height:1.2!important}
 .v6-service-story .story-composition{gap:14px}
 .v6-service-story .sp-chapters button{font-size:17px;white-space:nowrap}
 .v6-service-story .sp-chapters{gap:6px}
}

/* One readable example in normal document flow, without overlapping sheets. */
.v11-ai-example{margin:0;padding:clamp(22px,2.5vw,38px);background:#e5d8b9;color:#294b39;border:0;border-radius:3px;min-width:0;display:grid;gap:22px}
.v11-ai-example figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.v11-ai-example figcaption>span,.v11-ai-request>span,.v11-ai-draft>span{font-size:18px;line-height:1.1;color:#78583e;font-style:italic}
.v11-ai-example figcaption strong{font-size:clamp(27px,2.4vw,38px);line-height:1.05;font-weight:500}
.v6-service-story .v11-ai-request p{font-size:clamp(22px,1.95vw,30px)!important;line-height:1.2!important;color:#294b39!important;margin:9px 0 0!important}
.v11-ai-draft dl{display:grid;gap:12px;margin:12px 0 0}
.v11-ai-draft dl>div{display:grid;grid-template-columns:minmax(90px,.65fr) minmax(0,1.35fr);gap:20px}
.v11-ai-draft dt{font-size:20px;line-height:1.2;color:#687052}.v11-ai-draft dd{font-size:clamp(22px,1.8vw,28px);line-height:1.2;margin:0;color:#294b39}
.v6-service-story .v11-ai-check{font-size:clamp(19px,1.55vw,24px)!important;line-height:1.2!important;color:#4e6049!important;margin:0!important}
@media(max-height:740px) and (min-width:701px){
 .v11-ai-example{padding:20px 24px;gap:15px}.v11-ai-example figcaption strong{font-size:28px}.v11-ai-example figcaption>span,.v11-ai-request>span,.v11-ai-draft>span{font-size:17px}
 .v6-service-story .v11-ai-request p{font-size:23px!important;margin-top:7px!important}.v11-ai-draft dl{gap:9px;margin-top:9px}.v11-ai-draft dl>div{gap:15px}.v11-ai-draft dt{font-size:18px}.v11-ai-draft dd{font-size:22px}.v6-service-story .v11-ai-check{font-size:19px!important}
}
@media(max-width:700px){
 .v11-ai-example{padding:clamp(12px,2.4cqh,19px);gap:clamp(10px,2cqh,16px)}
 .v11-ai-example figcaption strong{font-size:clamp(22px,3.7cqh,27px)}
 .v11-ai-example figcaption>span,.v11-ai-request>span,.v11-ai-draft>span{font-size:15px}
 .v6-service-story .v11-ai-request p{font-size:clamp(17px,2.9cqh,21px)!important;line-height:1.16!important;margin-top:5px!important}
 .v11-ai-draft dl{gap:7px;margin-top:7px}.v11-ai-draft dl>div{grid-template-columns:75px minmax(0,1fr);gap:10px}
 .v11-ai-draft dt{font-size:16px}.v11-ai-draft dd{font-size:clamp(17px,2.8cqh,20px);line-height:1.14}
 .v6-service-story .v11-ai-check{font-size:clamp(16px,2.7cqh,19px)!important;line-height:1.16!important}
 @container sp-screen (max-height:470px){.v11-ai-request{display:none}.v11-ai-example{padding:10px 12px;gap:8px}.v11-ai-example figcaption strong{font-size:22px}.v11-ai-draft dl{margin-top:5px;gap:5px}}
}
@media(min-width:701px) and (max-width:1100px){
 @container sp-screen (max-height:520px){.v11-ai-request{display:none}.v11-ai-example{padding:18px 22px;gap:12px}}
}
@media(min-width:701px) and (max-height:500px){
 .v11-ai-example{padding:12px 15px;gap:9px}.v11-ai-request{display:none}.v11-ai-example figcaption strong{font-size:24px}.v11-ai-draft dt{font-size:16px}.v11-ai-draft dd{font-size:18px}.v11-ai-draft dl{margin-top:6px;gap:6px}.v6-service-story .v11-ai-check{font-size:17px!important}
}
@media(min-width:2200px) and (min-height:1000px){
 .v11-ai-example{padding:50px;gap:32px}.v11-ai-example figcaption strong{font-size:52px}.v11-ai-example figcaption>span,.v11-ai-request>span,.v11-ai-draft>span{font-size:27px}.v6-service-story .v11-ai-request p{font-size:40px!important}.v11-ai-draft dt{font-size:29px}.v11-ai-draft dd{font-size:38px}.v11-ai-draft dl{gap:20px}.v6-service-story .v11-ai-check{font-size:31px!important}
}