[hidden]{display:none!important}.cms-lines{white-space:pre-line}.cms-accent{color:var(--teal,#087c80)}.hero .cms-accent,.contact-section .cms-accent,.admin-section .cms-accent{color:inherit}.hero h1 .cms-accent{color:var(--lime,#d1f26e)}
.cms-project-open{width:100%;border:0;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.cms-project-description{margin:16px 0 6px;line-height:1.6;font-size:15px;white-space:pre-line}.project-links{flex-wrap:wrap;gap:12px 20px}.cms-details-link{font-weight:600!important;font-size:13px!important}.cms-project-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.cms-gallery{display:grid;gap:24px}.cms-gallery figure{margin:0}.cms-gallery img{display:block;width:100%;height:auto;max-height:75svh;object-fit:contain;background:#eef5f2;border-radius:14px}.cms-gallery figcaption{font-size:14px;margin-top:9px;line-height:1.5}.cms-preview-banner{position:relative;z-index:100;background:#d9f877;color:#122c32;padding:15px;text-align:center;font-weight:800;font-size:13px}.cms-preview-banner a{margin-left:20px;text-decoration:underline}.cms-load-error{margin:12px;background:#fff0d6;padding:15px;border-radius:10px;font-size:14px}#dialog-body .cms-video{width:100%;max-height:65svh;height:auto;object-fit:contain;background:#092832}.cms-video-error{color:#af304e}.hero-seal [data-cms]{white-space:pre-line}
@media(max-width:600px){.cms-project-description{padding-inline:2px}.cms-preview-banner a{display:block;margin:8px 0 0}.project-links{gap:14px}.cms-project-actions .button{width:100%}}

/* Real work and demonstration sites form two distinct, automatic groups. */
.cms-work-group{margin-top:44px}
.cms-work-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}
.cms-work-label{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.5;color:var(--teal,#087c80)}
.cms-work-heading h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,3.2vw,43px);letter-spacing:-.045em;line-height:1.13;margin:12px 0 0}
.cms-work-heading>p{max-width:340px;margin:0;font-size:15px;line-height:1.65}
.cms-real-work{padding:32px;background:#ffffffb8;border:1px solid #cdddca;border-radius:24px}
.cms-real-work .bananago-proof{margin:0 0 26px}
.cms-real-work .bananago-proof:last-child{margin-bottom:0}
.cms-real-work .portfolio-real-grid[hidden]+*{margin-top:0}
.portfolio-real-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.portfolio-real-grid .project-card{padding:18px;border:1px solid #d8e5dd;background:#fff;border-radius:20px;min-width:0}
.portfolio-real-grid .project-featured{grid-column:1/-1;grid-row:auto}
.portfolio-real-grid .project-image{aspect-ratio:1.5;min-height:0;flex:none}
.portfolio-real-grid .project-overlay h3{font-size:clamp(26px,2.7vw,37px);color:white;overflow-wrap:anywhere}
.portfolio-real-grid .project-featured .project-overlay{left:22px;bottom:22px}
.portfolio-real-grid .fiction-label{max-width:calc(100% - 36px);font-size:11px;letter-spacing:.03em;line-height:1.5}
.portfolio-real-grid .cms-project-description{white-space:pre-line;overflow-wrap:anywhere;font-size:15px;font-weight:500;margin:18px 0 8px}
.portfolio-real-grid .project-links{justify-content:flex-start;gap:14px 24px;font-size:13px}
.portfolio-real-grid .project-card:only-child,.portfolio-real-grid .project-featured{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:28px;grid-column:1/-1}
.portfolio-real-grid .project-card:only-child .project-image,.portfolio-real-grid .project-featured .project-image{grid-row:1/span 2;align-self:start}
.portfolio-real-grid .project-card:only-child .cms-project-description,.portfolio-real-grid .project-featured .cms-project-description{margin-top:4px;align-self:start}
.portfolio-real-grid .project-card:only-child .project-links,.portfolio-real-grid .project-featured .project-links{align-self:end;padding-top:14px}
.cms-demo-work{margin-top:60px;padding-top:44px;border-top:2px solid #c9dcd5}
.cms-demo-work .cms-work-label{color:var(--pink,#cc3a71)}
.cms-demo-work .cms-work-heading>p{color:#59726d}
@media(max-width:800px){
  .cms-real-work{padding:23px}
  .cms-work-heading{display:block}
  .cms-work-heading>p{max-width:none;margin-top:16px;font-size:14px}
  .portfolio-real-grid{grid-template-columns:1fr}
  .portfolio-real-grid .project-card:only-child,.portfolio-real-grid .project-featured{display:block}
  .portfolio-real-grid .project-card:only-child .cms-project-description,.portfolio-real-grid .project-featured .cms-project-description{margin-top:18px}
}
@media(max-width:500px){
  .cms-work-group{margin-top:30px}
  .cms-real-work{padding:18px 12px;border-radius:18px}
  .cms-work-heading{padding-inline:6px;margin-bottom:22px}
  .cms-work-heading h3{font-size:29px}
  .cms-work-label{font-size:9px}
  .cms-real-work .bananago-proof{margin-bottom:20px;padding:20px 16px}
  .portfolio-real-grid .project-card{padding:12px;border-radius:15px}
  .portfolio-real-grid .project-image{aspect-ratio:1.05}
  .portfolio-real-grid .project-overlay{left:16px;bottom:18px;right:45px}
  .portfolio-real-grid .project-overlay h3{font-size:25px}
  .portfolio-real-grid .fiction-label{left:12px;top:12px;max-width:calc(100% - 24px);font-size:10px;padding:5px 7px}
  .portfolio-real-grid .cms-project-description{font-size:14px}
  .portfolio-real-grid .project-links{font-size:12px;gap:14px}
  .cms-demo-work{margin-top:40px;padding-top:32px}
}