.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:700px) 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}
}
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}}

/* 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){
 .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){
 .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){.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){.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}