/* Voice Mode follows the portfolio's forest, cream, and illustrated devices. */
.voice-update{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:#e1efb7;margin:0 0 17px;letter-spacing:.4px}
.voice-update::before{content:'';width:6px;height:6px;border-radius:50%;background:#c9f08d;box-shadow:0 0 0 4px #c9f08d20}
.scene-lsfr .scene-tagline{max-width:530px;font-size:clamp(18px,1.6vw,25px)}
.scene-lsfr .scene-description{max-width:560px}
.scene-lsfr .scene-actions{gap:14px 22px}
.voice-article-link{flex-basis:100%;font-weight:650;font-size:13px;line-height:1.6;color:#ebf5c9;text-decoration:underline;text-underline-offset:5px;margin-top:3px}
.voice-demo{position:relative;min-width:0}
.voice-demo video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#e6f5c4}
.voice-demo .phone-frame{width:100%;aspect-ratio:1320/2680}
.voice-demo .device-screen{display:block;height:100%;position:relative;overflow:hidden;border-radius:22px}
.voice-demo .phone-homebar{pointer-events:none}
.voice-demo .device-screen::after{opacity:.3}
.voice-demo-controls{display:flex;gap:7px;align-items:center;justify-content:center;margin-top:18px;position:relative;z-index:10;pointer-events:auto}
.voice-demo-controls button{min-height:44px;border-radius:6px;border:1px solid #537a50;background:#f0f5d7;color:#264730;padding:8px 12px;font:650 11px/1.3 var(--sans);cursor:pointer;white-space:nowrap;box-shadow:0 3px 0 #18341c20}
.voice-demo-controls [data-demo-sound]{display:flex;gap:7px;align-items:center;background:#294c36;color:#f3f7d8;border-color:#4d7150}
.voice-demo-controls svg{width:16px;height:16px;flex-shrink:0}
.voice-demo-controls button:hover{filter:brightness(1.1)}
.voice-demo-controls button:focus-visible{outline:3px solid #af7a23;outline-offset:4px}
.voice-demo-controls [aria-pressed=true]{background:#425d26}
.voice-demo-note{font:10px/1.6 var(--sans);text-align:center;color:#32573d;margin:10px -24px 0}
.voice-demo-note span{display:block}
.voice-demo-note [data-demo-status]{font-weight:650}
.scene-lsfr .scene-stage{min-height:820px}
.scene-lsfr .project-composition{height:660px;width:min(100%,620px);margin:35px 0 0}
.scene-lsfr .project-composition .featured-laptop{width:65%;left:1%;top:170px;--device-rotate:-7deg}
.scene-lsfr .project-composition .featured-phone{width:44%;left:51%;top:45px;--device-rotate:4deg;z-index:6;pointer-events:auto}
.scene-lsfr .featured-phone .device-float{animation:none;transform:none}
.scene-lsfr .featured-phone:hover .device-float{transform:none}
.scene-lsfr .featured-phone{filter:none}
.scene-lsfr .stage-footnote{bottom:38px}
.voice-feature-note{font-size:11px!important;color:var(--scene-muted);line-height:1.7;margin:17px 0 0}
.voice-feature-note a{text-decoration:underline;text-underline-offset:3px}
/* Article: generous editorial measure, with the working demo beside the lead. */
.voice-article{--paper:#f3f0df;--ink:#244432;--muted:#52634e;--accent:#315e3e;--line:#315b3b35;background:var(--paper);color:var(--ink)}
.voice-article .site-header{background:#f3f0dff5;border-color:#315b3b25;color:var(--ink)}
.voice-article .brand-role{color:#52634e}
.voice-article .nav-contact{background:#315b3b;color:#f8f5e6;border-color:#315b3b}
.voice-article .brand-mark{color:#f3f0df;background:#315b3b;border-color:#315b3b}
.voice-article main{max-width:1240px;margin:auto;padding:46px 48px 90px}
.voice-breadcrumb{font-size:12px;line-height:1.7;color:#52634e;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:45px}
.voice-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.voice-article-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);gap:65px;align-items:start;padding-bottom:58px;border-bottom:1px solid var(--line)}
.voice-article .eyebrow{font-size:11px;letter-spacing:1.6px;color:#547042;margin:0 0 21px}
.voice-article h1{font:800 clamp(42px,5vw,70px)/1.04 var(--display);letter-spacing:-.055em;margin:0 0 25px}
.voice-article h1 span{color:#638043}
.voice-article-deck{font-size:19px;line-height:1.7;max-width:620px;color:var(--muted)}
.voice-article-meta{font-size:12px;line-height:1.8;color:#52634e;margin:27px 0}
.voice-article-meta a{color:#315b3b;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.voice-article .contact-button{display:inline-flex;width:auto;background:#315b3b;color:#fff8e8;font-size:13px;border:1px solid #315b3b;border-radius:5px}
.voice-article-demo{margin:0;position:relative;background:#e0e9cc;padding:25px 25px 19px;border:1px solid #9bac8038;border-radius:140px 140px 12px 12px}
.voice-article-demo .voice-demo{max-width:255px;margin:auto}
.voice-article-demo .phone-frame{display:block;position:relative;border-radius:32px;padding:8px;background:linear-gradient(140deg,#ddd7b8,#3c4936 8%,#293a2e);border:2px solid #2d3d2c;box-shadow:4px 5px 0 #5a694e,0 20px 40px #24443220}
.voice-article-demo .phone-homebar{position:absolute;bottom:7px;left:35%;right:35%;height:3px;background:#24443266;border-radius:4px}
.voice-article-demo .voice-demo-controls{margin-inline:-18px}
.voice-article-demo .voice-demo-note{margin-inline:-12px}
.voice-article-body{max-width:740px;margin:50px auto 0;font-size:17px;line-height:1.85;color:#435741}
.voice-article-body section{margin-top:45px;scroll-margin-top:110px}
.voice-article-body h2{font:750 30px/1.2 var(--display);letter-spacing:-.9px;color:#244432;margin:0 0 20px}
.voice-article-body h3{font:700 19px/1.4 var(--display);color:#244432;margin:26px 0 10px}
.voice-article-body p{margin:0 0 21px}
.voice-article-body a{color:#315b3b;text-decoration:underline;text-underline-offset:4px}
.voice-article-body ul,.voice-article-body ol{padding-left:24px}
.voice-article-body li{margin:11px 0;padding-left:5px}
.voice-article-body blockquote{font:600 24px/1.5 var(--display);letter-spacing:-.5px;margin:35px 0;border-left:3px solid #83a65a;padding:5px 0 5px 25px;color:#315b3b}
.voice-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-block:1px solid var(--line);padding:23px 0;margin:30px 0}
.voice-facts strong{display:block;font:750 31px/1.2 var(--display);color:#315b3b}
.voice-facts span{font-size:12px;line-height:1.5}
.voice-article-body .voice-caption{font-size:12px;line-height:1.7;color:#52634e}
.voice-socials{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0!important}
.voice-socials li{padding:0;margin:0!important}
.voice-socials a{display:inline-flex;min-height:44px;align-items:center;border:1px solid #52744366;padding:7px 15px;border-radius:4px;font-size:13px;text-decoration:none}
.voice-author{border-top:1px solid var(--line);padding-top:30px}
.voice-article footer{color:#52634e;border-color:var(--line);font-size:13px}
.voice-article footer .footer-name{color:#315b3b}
.lsfr-detail-update{border:1px solid #cfe49f55;background:#cee59b10;padding:24px;border-radius:6px;margin-top:30px;max-width:820px}
.lsfr-detail-update .eyebrow{font-size:11px}
.lsfr-detail-update h2{margin:10px 0}
@media(max-width:1100px){.scene-lsfr .project-composition .featured-phone{width:49%;left:46%;top:70px}.scene-lsfr .project-composition .featured-laptop{left:3%;top:160px}.scene-lsfr .scene-stage{min-height:780px}.voice-article-hero{gap:35px}.voice-article main{padding-inline:32px}.voice-demo-controls{gap:5px}.voice-demo-controls button{padding-inline:9px}}
@media(min-width:701px) and (max-width:900px){.scene-lsfr .scene-stage{min-height:860px}.scene-lsfr .project-composition .featured-phone{width:61%;left:31%;top:85px}.scene-lsfr .project-composition .featured-laptop{width:78%;left:-12%;top:340px;opacity:.7}.scene-lsfr .featured-laptop .device-label{display:none}}
@media(max-width:760px){.voice-article-hero{grid-template-columns:1fr;gap:30px}.voice-article main{padding:28px 24px 55px}.voice-breadcrumb{margin-bottom:30px}.voice-article h1{font-size:clamp(39px,9vw,62px)}.voice-article-demo{max-width:360px;width:100%;margin:auto}.voice-article-body{font-size:16px;margin-top:35px}.voice-article-body h2{font-size:26px}.voice-article-deck{font-size:18px}.voice-article .site-header{gap:14px;flex-wrap:wrap}.voice-article nav{gap:16px;font-size:12px;flex-wrap:wrap}.voice-article-hero{padding-bottom:35px}}
@media(max-width:700px){.scene-lsfr .scene-stage{height:760px;min-height:0}.scene-lsfr .project-composition{max-width:440px;height:650px;margin-top:70px}.scene-lsfr .project-composition .featured-phone{width:51%;left:44%;top:25px}.scene-lsfr .project-composition .featured-laptop{width:67%;left:0;top:190px}.scene-lsfr .stage-heading p{max-width:260px}.scene-lsfr .stage-footnote{bottom:83px!important}.voice-article-link{font-size:13px}.voice-demo-note{font-size:10px}}
@media(max-width:380px){.scene-lsfr .scene-stage{height:690px}.scene-lsfr .project-composition{height:580px}.scene-lsfr .project-composition .featured-phone{width:59%;left:34%;top:20px}.scene-lsfr .project-composition .featured-laptop{left:-6%;top:190px}.voice-demo-controls button{font-size:10px;padding-inline:8px}.voice-facts{gap:10px}.voice-facts strong{font-size:26px}.voice-facts span{font-size:11px}.voice-article main{padding-inline:20px}.voice-article-demo{padding-inline:22px}}
