/* 01 studio splash: source artwork kept at its original aspect ratio. */
.studio-splash{background:#075446;color:#fff}
.studio-art{position:relative;width:100%;max-width:1920px;margin-inline:auto}
.studio-poster{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0}
.studio-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.studio-hotspot{position:absolute;top:31.6%;height:5.5%;border-radius:999px;transition:box-shadow .2s,background .2s}
.studio-hotspot:hover{background:rgb(255 255 255 / .12);box-shadow:0 0 0 2px #a6ffe3}
.studio-hotspot:focus-visible{outline:3px solid white;outline-offset:3px;background:rgb(255 255 255 / .18)}
.spot-brand{left:23.3%;width:12.2%}.spot-news{left:36.7%;width:10.4%}.spot-reels{left:48.2%;width:12%}.spot-business{left:61.4%;width:15.4%}
.studio-actions{padding:22px 24px 32px;text-align:center;background:#063f36}
.studio-actions p{margin:0 0 16px;font-size:16px;color:#baf4df;letter-spacing:.05em}
.studio-cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.studio-cta .btn{background:#98f2d2;color:#073e33;border:1px solid #98f2d2}
.studio-cta .btn-light{background:transparent;color:#fff;border-color:#86b9aa}
.studio-cta .btn:hover{background:#c8ffec;color:#073e33}
.studio-cta .btn:focus-visible,.studio-mobile-links a:focus-visible{outline:3px solid white;outline-offset:4px}
.studio-mobile-links{display:none}
@media(max-width:600px){.studio-actions{padding:20px 16px 26px}.studio-mobile-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 auto 18px;max-width:420px}.studio-mobile-links a{padding:10px 8px;border:1px solid #75ad9d;border-radius:24px;color:#e6fff5;font-size:14px;text-decoration:none}.studio-hotspots{display:none}.studio-cta{gap:8px}.studio-cta .btn{padding:12px 16px;font-size:13px}}

/* 01: airy editorial surfaces, anchored by the deep-green brand artwork. */
body.theme-twilight{--canvas:#f8faf7;--ink:#173e34;--muted:#596e65;--panel:#eef4ee;--line:#d4e1d7;--action:#145b46;--action-ink:#fff;--accent:#25775b;--round:16px;--bg-canvas:var(--canvas);--bg-card:var(--panel);--text-main:var(--ink);--text-secondary:var(--muted);--text-faint:var(--muted);--border-color:var(--line);--primary:var(--action);--primary-ink:var(--action-ink);color-scheme:light;background:var(--canvas);color:var(--ink)}
.theme-twilight .site-header{background:#fff;border-color:#e2eae2}
.theme-twilight #style-switcher{background:#f8faf7;border-color:#d4e1d7}
.theme-twilight .brand-mark,.theme-twilight .line-icon{color:#25775b}
.theme-twilight .eyebrow,.theme-twilight .section-tag,.theme-twilight .service-index{color:#397761}
.theme-twilight .nav-links a:hover,.theme-twilight .email-link:hover,.theme-twilight .social-link:hover{color:#145b46}
.theme-twilight .section-title,.theme-twilight .closing h2,.theme-twilight .blue-footer h2,.theme-twilight .contact-note{font-family:var(--font-family);font-weight:600}
.theme-twilight .intro-strip{background:#edf4ed;border:0;margin-top:48px;padding-block:36px}
.theme-twilight .service-card:nth-child(n){background:#fff;border:1px solid #dce6de;padding:32px;box-shadow:0 8px 28px #173e3405}
.theme-twilight .service-card:nth-child(2){background:#edf5ee;border-color:#edf5ee}
.theme-twilight .service-card:nth-child(3){background:#e4efe7;border-color:#e4efe7}
.theme-twilight .feature{background:#e9f2eb;border:0}
.theme-twilight .feature-art{background:#dcebe1}
.theme-twilight .section-desc,.theme-twilight .gallery-heading p,.theme-twilight .work-card p,.theme-twilight .closing p{color:#596e65}
.theme-twilight .btn{border-radius:999px;background:#145b46;color:#fff;border-color:#145b46;font-weight:600}
.theme-twilight .btn-light,.theme-twilight .nav-wrap>.btn{background:transparent;border-color:#9eb8a8;color:#173e34}
.theme-twilight .btn:hover{background:#0b4434;border-color:#0b4434;color:#fff}
.theme-twilight .studio-cta .btn{background:#a1efd0;border-color:#a1efd0;color:#063e32}
.theme-twilight .studio-cta .btn-light{background:transparent;border-color:#86b9aa;color:#fff}
.theme-twilight .studio-cta .btn:hover{background:#c8ffec;border-color:#c8ffec;color:#063e32}
.theme-twilight .portfolio{background:#fff}
.theme-twilight .gallery-total strong,.theme-twilight .gallery-heading h2 span,.theme-twilight .gallery-end a{color:#145b46}
.theme-twilight .work-card:nth-child(n) .work-art{background:#f0f4ef;border:1px solid #e2eae1}
.theme-twilight .work-card:nth-child(3n+2) .work-art{background:#eaf2ed}
.theme-twilight .work-card:nth-child(3n+3) .work-art{background:#f4f3ed}
.theme-twilight .work-badge{background:#fff;color:#3b6050}
.theme-twilight .work-arrow{background:#fff;color:#145b46}
.theme-twilight .gallery-filter{background:#f6f8f4;border-color:#d4e1d7}
.theme-twilight .gallery-filter:hover{border-color:#25775b;color:#145b46}
.theme-twilight .gallery-filter[aria-pressed=true]{background:#145b46;border-color:#145b46;color:#fff}
.theme-twilight .contact-form{background:#fff;border:1px solid #d4e1d7;box-shadow:0 12px 40px #173e3407}
.theme-twilight .contact-form>input,.theme-twilight .contact-form textarea,.theme-twilight .gallery-search input{background:#f8faf7;color:#173e34;border-color:#ccdcd0}
.theme-twilight input::placeholder,.theme-twilight textarea::placeholder{color:#73877c;opacity:1}
.theme-twilight .contact-form input[type=checkbox]{accent-color:#145b46}
.theme-twilight .closing{background:#eaf3ec;margin-top:70px;padding:80px 24px;border-radius:24px;margin-bottom:80px}
.theme-twilight .blue-footer{background:#063e34;color:#f1fff7;--ink:#f1fff7;--muted:#b8d7c9;--line:#397460}
.theme-twilight .blue-footer .eyebrow,.theme-twilight .footer-grid h3,.theme-twilight .blue-footer .brand-mark{color:#91f0cb}
.theme-twilight .footer-grid p,.theme-twilight .footer-grid>div>a:not(.brand),.theme-twilight .footer-bottom{color:#b8d7c9}
.theme-twilight .skip{background:#145b46;color:#fff}
.theme-twilight #work-dialog{background:#073e35;--border-color:#397c68;--text-main:#effff8;--primary:#91f0cb}
.theme-twilight #work-dialog .viewer-body{background:#042f29}
.theme-twilight #work-dialog .viewer-bar span,.theme-twilight #work-dialog .viewer-footer a{color:#91f0cb}
.theme-twilight #work-dialog button{background:#105548;color:#effff8;border-color:#397c68}
.theme-twilight :is(a,button,input,textarea,select):focus-visible{outline:3px solid #398c6d;outline-offset:4px}
@media(max-width:540px){.theme-twilight .intro-strip{margin-top:28px}.theme-twilight .service-card:nth-child(n){padding:26px}.theme-twilight .closing{margin-top:40px;margin-bottom:50px;padding:55px 20px}}