/* Bootstrap supplies layout, spacing, tabs and controls; these rules define the studio treatment. */
.studio-page{--st-ink:#193d2e;--st-muted:#4a604d;--st-cream:#faf8f0;background:var(--st-cream);color:var(--st-ink);margin-inline:-1rem;overflow:clip}
.studio-page h1,.studio-page h2,.studio-page h3{color:var(--st-ink);letter-spacing:-.035em;line-height:1.2}
.studio-page h1{font-size:clamp(2.6rem,5.2vw,5rem)}.studio-page h2{font-size:clamp(2rem,3.4vw,3.25rem)}.studio-page h3{font-size:1.3rem}
.studio-page p{line-height:1.85}.studio-page .lead{font-size:1.08rem;line-height:1.85}.studio-page a:not(.btn){color:#2d5337;text-underline-offset:4px}
.st-breadcrumb{color:#4a604d}.st-breadcrumb a{color:inherit}.st-section{padding-block:clamp(3.5rem,7vw,6.5rem)}
.st-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:600;color:#526842}
.st-hero{position:relative;isolation:isolate}.st-hero>div{position:relative;z-index:1}.st-hero-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:#789b65;opacity:.2}
.st-hero-lines path{stroke-dasharray:8 16;animation:st-line-drift 28s linear infinite}.st-motion-paused .st-hero-lines path{animation-play-state:paused}
.st-dark{background:#17382c;color:#e3ebd9}.studio-page .st-dark h2,.studio-page .st-dark h3{color:#faf9f2}.studio-page .st-dark .st-eyebrow{color:#cbdcaf}.studio-page .st-dark a:not(.btn){color:#d7e8c6}
.st-peach{background:#f3e7d9}.st-sage{background:#edf1e4}.st-panel{background:#fffef8;border:1px solid #dce4d1}.st-panel p:last-child{margin-bottom:0}
.st-proof-chip{font-size:.75rem;padding:.55rem .85rem;border:1px solid #cbd6bc;border-radius:40px;background:#f5f6ed}
.st-hero-board{background:#17382c;color:#f9f7ed;box-shadow:16px 18px 0 #dde5ce}.st-hero-board h2{font-size:1.5rem;color:#f9f7ed}.st-hero-board p{color:#dce7d0}.st-board-row{border-top:1px solid #42604a;padding:15px 0;display:flex;gap:18px;align-items:center}.st-board-row span:first-child{color:#f0c7a3;font-size:.7rem}.st-board-row strong{font-size:.95rem}
.st-client-section{border-block:1px solid #dde3d1;background:#fffef9}.st-client-window{overflow:hidden}.st-client-track{display:flex;width:max-content;animation:st-client-scroll 38s linear infinite}.st-client-set{display:flex;align-items:center}.st-client-item{width:210px;height:85px;display:flex;align-items:center;justify-content:center;padding:16px 28px;border-right:1px solid #e1e6d8;flex-shrink:0}.st-client-logo{max-width:155px;max-height:48px;width:auto;height:auto;object-fit:contain}.st-client-name{font-size:1.25rem;font-weight:600;letter-spacing:-.03em;color:#2a4b37}
.st-motion-paused .st-client-track,.st-client-window:hover .st-client-track,.st-client-window:focus-within .st-client-track,.st-client-window.st-offscreen .st-client-track,.st-tab-hidden .st-client-track{animation-play-state:paused}
.st-chapter-nav{background:#faf8f0ed;border-bottom:1px solid #d9e1ce;backdrop-filter:blur(10px);top:86px;z-index:10}.st-chapter-nav a{white-space:nowrap;font-size:.8rem;text-decoration:none}.st-chapter-nav a:hover{text-decoration:underline}
.studio-page section[id]{scroll-margin-top:145px}.st-step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#e4ecd6;color:#315032;font-size:.8rem;font-weight:600}
.st-track-tabs{border-bottom:1px solid #c5d2b6}.studio-page .st-track-tabs .nav-link{color:#2c4c31;border:1px solid #c5d2b6;border-radius:7px;background:#f7f9f0;font-size:.85rem}.studio-page .st-track-tabs .nav-link.active{background:#244c35;color:#fff;border-color:#244c35}
.st-deliverable{padding-left:17px;border-left:3px solid #b4ca95;font-size:.85rem;color:#445d40}.st-dark .st-deliverable{color:#d8e4ce}
.st-browser-frame{border:1px solid #cdd7c2;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #243d2910}.st-browser-bar{background:#e8edde;color:#44563d;padding:10px 16px;font-size:.65rem;display:flex;gap:7px;align-items:center}.st-browser-dot{width:7px;height:7px;border-radius:50%;background:#a5b795}.st-browser-bar span:last-child{margin-left:10px}.st-preview-button{display:block;width:100%;border:0;padding:0;background:none;text-align:left;cursor:zoom-in}.st-preview-button img{display:block;width:100%;height:auto}.st-preview-button:focus-visible{outline:4px solid #4e713a;outline-offset:-4px}.st-portfolio-caption{font-size:.78rem;color:#4b6045;line-height:1.75}
.st-design-board{max-height:460px;object-fit:cover;object-position:top}.st-detail-shot{aspect-ratio:1.44;object-fit:cover;object-position:top}
.st-image-dialog{width:min(1200px,94vw);max-height:92dvh;background:#fffdf7;color:#203e2d}.st-image-dialog::backdrop{background:#0c2419c9}.st-image-dialog [data-preview-image]{display:block;width:100%;height:auto}.st-image-dialog button:focus-visible{outline:3px solid #355b36;outline-offset:3px}
.st-wire-demo{background:#fffef8;border:1px solid #cdd9c0}.st-wire-site{background:#f3f6ee;border:1px solid #d7e1cd;transition:background .2s}.st-wire-nav{border-bottom:1px solid #cad5bd}.st-wire-visual{min-height:180px;background:linear-gradient(140deg,#c7dcae,#6b9363);border-radius:50% 35% 40% 25%;display:flex;align-items:center;justify-content:center}.st-wire-visual span{font-size:3rem;color:#173e2a}.st-wire-site.is-wireframe{background:#fff;color:#465346}.is-wireframe .st-wire-visual{background:repeating-linear-gradient(45deg,#e8ece5,#e8ece5 8px,#f5f7f2 8px,#f5f7f2 16px);border-radius:0;border:1px dashed #72836d}.is-wireframe .st-wire-nav{border-bottom-style:dashed}.is-wireframe h3,.is-wireframe strong{font-family:Arial,sans-serif;letter-spacing:0}.is-wireframe .st-wire-action{background:#edf0e8!important;color:#34462f!important;border:1px dashed #718368}
.st-wire-action{background:#234d34;color:#fff;border-radius:6px;padding:9px 15px;font-size:.75rem;display:inline-block}.studio-page button:focus-visible,.studio-page a:focus-visible{outline:3px solid #9b7047;outline-offset:4px}
.studio-page details{border-bottom:1px solid #cdd8c0;padding-block:21px}.studio-page summary{font-weight:600;line-height:1.6;cursor:pointer}.studio-page details p{margin-top:18px;margin-bottom:0}
@keyframes st-client-scroll{to{transform:translateX(-50%)}}@keyframes st-line-drift{to{stroke-dashoffset:-400}}
@media(max-width:991.98px){.st-chapter-nav{top:86px}.st-hero-board{box-shadow:8px 10px 0 #dde5ce}}@media(max-width:575.98px){.st-client-item{width:170px}.st-chapter-nav{top:86px}.st-image-dialog{width:96vw}.st-hero-board{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.st-client-track,.st-hero-lines path{animation:none!important}.st-client-window{overflow:auto}.st-client-track .st-client-set[aria-hidden]{display:none}.st-wire-site{transition:none}}