/* Work is presented directly, using captures of the working interfaces. */
.studio-icon { display:inline-block; width:1em; height:1em; flex-shrink:0; vertical-align:-.13em; }
.connections .core .studio-icon { position:static; inset:auto; width:1em; height:1em; }
.connections .core .studio-icon path { stroke:currentColor; stroke-width:1.35; stroke-dasharray:none; stroke-dashoffset:0; animation:none; }
.footer-whatsapp { display:inline-flex; align-items:center; gap:8px; }
.projects .section-heading { margin-bottom:48px; }
.projects .project-grid { display:block; }
.work-row { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(250px,1fr); align-items:center; gap:55px; padding:48px 0; border-top:1px solid #dfd5de; }
.work-row:last-child { border-bottom:1px solid #dfd5de; }
.work-preview { position:relative; display:block; width:100%; margin:0; padding:0; overflow:hidden; border:1px solid #e0dce0; border-radius:5px; background:#f3f2f1; text-align:inherit; }
.work-preview img { display:block; width:100%; height:auto; transition:transform .6s var(--ease); }
.work-preview-action { position:absolute; bottom:12px; left:12px; display:inline-flex; gap:18px; align-items:center; padding:9px 13px; min-height:40px; font-size:12px; color:#302c30; background:#fffffff5; border:1px solid #e5e0e3; border-radius:3px; }
.work-preview-action > span { font-size:18px; }
.work-copy { min-width:0; }
.work-overline { display:flex; gap:15px; align-items:center; font-size:11px; color:#716572; margin-bottom:22px; }
.work-overline > span:first-child { font-variant-numeric:tabular-nums; color:#ad8b9d; }
.work-row .project-title { display:block; }
.work-row .project-title h3 { font-family:ElegantHebrew,sans-serif; font-style:normal; font-size:30px; font-weight:400; letter-spacing:-.7px; margin-bottom:8px; line-height:1.3; }
.work-row .project-title > span { font-size:12px; color:#756173; }
.work-copy > p { font-size:14px; line-height:1.95; margin-top:22px; color:#625765; }
.work-details { margin:22px 0; padding:0; list-style:none; font-size:12px; color:#776779; display:grid; gap:7px; }
.work-details li:before { content:'-'; margin-inline-end:8px; color:#ad91a4; }
.work-link { display:inline-flex; gap:28px; align-items:center; padding:10px 0; min-height:44px; border:0; border-bottom:1px solid #b293aa; background:transparent; font-size:13px; color:#533d55; }
.work-link > span { font-size:20px; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) { .work-preview:hover img { transform:scale(1.018); } }
/* Quiet, usable software studies. */
.demo-crm { background:#f7f7f6; color:#303630; }
.crm-top { border-color:#dce0da; }
.crm-logo,.signal-logo { font:500 14px ElegantHebrew,sans-serif; letter-spacing:0; }
.crm-top .demo-kicker,.automation-top .demo-kicker { color:#637063; }
.crm-avatar { color:#465f4b; background:#e5ece2; border-radius:5px; }
.crm-heading h4 { font-size:25px; font-weight:400; }
.crm-counter b { color:#3d6649; }
.crm-board { gap:10px; }
.crm-column { background:#eeefec; border:1px solid #e3e5df; border-radius:4px; min-height:245px; }
.crm-column h5 { color:#475347; }
.crm-column h5 > i { background:#6f8272; }
.lead-card { background:#fff; border-color:#dedfd9; box-shadow:0 2px 3px #23372204; border-radius:3px; }
.lead-type { color:#50634e; background:#eaf0e6; border-radius:2px; }
.lead-card strong { color:#303730; }
.lead-card button { color:#3f6547; border-color:#e5e9e1; }
.crm-filters button { border-color:#d0d5cb; border-radius:4px; }
.crm-filters button[aria-pressed="true"] { background:#405e49; border-color:#405e49; color:#fff; }
.column-hint { color:#626b61; }
.demo-automation { background:#f9f9f6; color:#31382f; }
.automation-heading { margin:25px 0; }
.automation-heading h4 { font-size:26px; font-weight:400; letter-spacing:-.5px; }
.automation-heading p { color:#63705f; }
.flow-track li { background:#fff; border-color:#dfe3d9; border-radius:5px; box-shadow:none; }
.flow-track li + li:before { background:#b7c4b2; }
.flow-icon { font-size:12px; font-variant-numeric:tabular-nums; color:#48643e; background:#edf0e8; border-radius:4px; }
.flow-track small { color:#64705f; }
.flow-run { background:#455f40; border-radius:5px; }
.demo-automation .demo-live { color:#64705f; }
.site-preview { padding:20px; background:#f7f6f4; color:#3b343b; }
.preview-toolbar { display:flex; gap:15px; align-items:center; justify-content:space-between; margin-bottom:18px; font-size:12px; }
.preview-toolbar .demo-options button { border-radius:4px; border-color:#d9cbd4; }
.site-capture { display:flex; justify-content:center; align-items:start; min-height:150px; }
.site-capture img { display:block; width:100%; height:auto; border-radius:4px; border:1px solid #e4dae1; }
.site-capture img[data-screen="mobile"] { width:min(240px,80%); }
.site-preview .demo-live { text-align:center; font-size:11px; color:#6c596f; }
.type-study { --type-paper:#f6eef3; --type-ink:#583b51; --type-accent:#ad779c; background:var(--type-paper); color:var(--type-ink); padding:35px 27px; }
.type-study[data-theme="sage"] { --type-paper:#edf0e6; --type-ink:#354531; --type-accent:#78876b; }
.type-study[data-theme="night"] { --type-paper:#292733; --type-ink:#eee6f2; --type-accent:#ac93b8; }
.type-study-label { font-size:11px; }
.type-study h4 { font-size:37px; line-height:1.3; font-weight:300; letter-spacing:-1px; margin:32px 0 22px; }
.type-study > p:not(.sr-only) { font-size:13px; line-height:1.85; max-width:320px; }
.type-study-rule { height:1px; background:var(--type-accent); margin:30px 0 20px; opacity:.5; }
.type-study-sample { font-size:16px; }
.type-swatches { display:flex; gap:10px; margin-top:28px; }
.type-swatches i { width:45px; height:45px; background:var(--type-accent); border:1px solid var(--type-accent); border-radius:50%; }
.type-swatches i:nth-child(2) { background:var(--type-ink); border-color:var(--type-ink); }
.type-swatches i:nth-child(3) { background:var(--type-paper); }
.project-dialog .dialog-intro h2 { font:400 42px ElegantHebrew,sans-serif; letter-spacing:-1px; line-height:1.25; margin-top:15px; }
.project-dialog .dialog-intro { grid-template-columns:.85fr 1fr; }
.dialog-demo { background:#edeceb; border-radius:8px; }
.dialog-demo > [data-demo] { border-radius:4px; }
/* The garden's own imagery carries warmth into the rest of the page. */
.garden-interlude { width:calc(100% - 40px); max-width:1680px; margin:0 auto 35px; height:320px; border-radius:16px; overflow:hidden; position:relative; isolation:isolate; color:#fff; display:flex; align-items:flex-end; padding:45px max(6%,calc((100% - 1200px)/2)); }
.garden-interlude picture,.garden-interlude img { position:absolute; inset:0; width:100%; height:100%; display:block; z-index:-2; }
.garden-interlude img { object-fit:cover; object-position:50% 68%; }
.garden-interlude:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,#1c322be6,transparent 85%); }
.garden-interlude-copy { width:100%; display:flex; justify-content:space-between; align-items:flex-end; gap:30px; }
.garden-interlude p { font-size:clamp(28px,3.5vw,48px); font-weight:300; line-height:1.3; }
.garden-interlude span { font:italic 28px BrandSerif,serif; text-shadow:0 1px 7px #182e21; }
.positioning .signature-symbol { color:#738a69; }
.capability-strip > span:nth-child(even) { color:#7c916c; }
.studio-seal { border-radius:9px; background:#344a35; }
.studio-seal .studio-garden-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.studio-seal:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#203327dd,transparent 60%); pointer-events:none; }
.studio-seal .seal-label,.studio-seal .seal-signature { z-index:1; color:#fff; }
.studio-seal .seal-label { top:25px; text-shadow:0 2px 8px #162b1b; }
.studio-seal .seal-signature > span { font-size:54px; }
.studio-seal .seal-signature > small { color:#f3f5ed; }
@media(prefers-reduced-motion:no-preference) {
  .garden-interlude.reveal img,.studio-seal.reveal .studio-garden-image { transform:scale(1.045); transition:transform 1.5s var(--ease); }
  .garden-interlude.reveal.visible img,.studio-seal.reveal.visible .studio-garden-image { transform:scale(1); }
}
@media(max-width:1000px) { .work-row { grid-template-columns:1.5fr 1fr; gap:30px; } .work-row .project-title h3 { font-size:26px; } }
@media(max-width:768px) {
  .work-row { grid-template-columns:1fr; gap:26px; padding:32px 0; }
  .work-preview-action { font-size:11px; min-height:38px; padding:8px 12px; }
  .work-overline { margin-bottom:15px; }
  .work-row .project-title h3 { font-size:29px; }
  .work-copy > p { font-size:14px; margin-top:15px; }
  .work-details { margin-block:17px; }
  .projects .section-heading { margin-bottom:30px; }
  .site-preview { padding:15px; }
  .preview-toolbar { font-size:11px; gap:10px; }
  .preview-toolbar .demo-options { gap:4px; }
  .preview-toolbar .demo-options button { padding:7px 11px; }
  .type-study h4 { font-size:32px; }
  .project-dialog .dialog-intro { display:block; }
  .project-dialog .dialog-intro h2 { font-size:34px; margin-top:12px; }
  .garden-interlude { width:calc(100% - 24px); height:290px; padding:30px 24px; border-radius:12px; margin-bottom:25px; }
  .garden-interlude-copy { display:block; }
  .garden-interlude p { font-size:34px; max-width:220px; }
  .garden-interlude span { display:block; margin-top:14px; font-size:24px; }
}
@media(prefers-reduced-motion:reduce) { .work-preview img { transition:none; } }