/* Agni: a voice platform, with the work on either side of the call in view. */
.product-page-proposition{grid-template-columns:1.35fr 1fr;gap:10%;align-items:center;margin:35px 0 55px}.product-page-proposition h1{font-size:clamp(55px,6.2vw,89px);line-height:1.06}.product-page-proposition p{max-width:405px}.product-page-film{height:39vw;min-height:410px;max-height:550px}.product-page-word{font-size:clamp(170px,26vw,375px);bottom:47px}.product-page-film .film-toggle{padding:10px 15px;background:#111214bb;border:1px solid #faf6ee45;min-height:44px;border-radius:2px;font-size:12px}.product-page-film .film-toggle:hover{background:#111214ee}.film-caption-label{font-size:9px;line-height:1.8;color:#eee9df}
.voice-installation{padding-top:85px;padding-bottom:65px;background:#efede7}.voice-heading{grid-template-columns:1.55fr 1fr;gap:24px 8%}.voice-heading h2{font-size:clamp(43px,4.65vw,67px);line-height:1.13}.voice-heading>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#675e51;max-width:390px}.voice-art-frame{position:relative;margin-top:18px}.voice-sculpture{height:330px;margin:0 -4%;overflow:hidden}.voice-art-caption{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;color:#7a6855}.voice-art-caption .mono{font-size:10px;line-height:1.6;color:#91502d}.voice-art-caption .motion-control{font-size:10px;color:#6d6151;min-height:36px}
.voice-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfc8bc;border-bottom:1px solid #cfc8bc}
.voice-tabs button{position:relative;display:flex;align-items:center;gap:20px;text-align:left;min-height:78px;padding:18px 24px 18px 0;font-size:19px;letter-spacing:-.035em;color:#706454}.voice-tabs button>span{font:9px ui-monospace,monospace;margin-right:8px;color:#6d6252}.voice-tabs button>svg{width:17px;height:17px;margin-left:auto;margin-right:28px;color:#8a725b;opacity:.65}.voice-tabs button:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#df5b2b;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.voice-tabs [aria-selected=true]{color:#a03f1d}.voice-tabs [aria-selected=true]>span,.voice-tabs [aria-selected=true]>svg{color:#a03f1d;opacity:1}.voice-tabs [aria-selected=true]:after{transform:scaleX(1)}.voice-tabs button:hover{color:#a03f1d}
.voice-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;padding-top:45px;min-height:310px;outline-offset:10px}.voice-panel h3{font-size:clamp(34px,3.5vw,50px);font-weight:400;letter-spacing:-.05em;line-height:1.16;margin:0 0 22px}.voice-panel>div>p{font-size:15px;line-height:1.85;color:#675e51;max-width:440px;margin:0 0 16px}.voice-panel .text-link{font-size:12px}.voice-panel dl{margin:0}.voice-panel dl>div{display:grid;grid-template-columns:95px 1fr;gap:20px;padding:22px 0;border-top:1px solid #d4ccbe}.voice-panel dt{font:10px/1.8 ui-monospace,monospace;color:#8c4c2c}.voice-panel dd{font-size:14px;line-height:1.8;color:#675e51;margin:0;max-width:355px}
.call-continuity{padding:var(--section-space) var(--pad) 55px;background:#faf9f6}.call-continuity-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:25px 12%;align-items:end}.call-continuity-heading>.eyebrow{grid-column:1/3}.call-continuity h2{font-size:clamp(43px,5.2vw,75px);letter-spacing:-.06em;line-height:1.12;margin:0}.call-continuity-heading>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#696154;max-width:385px;margin:0 0 5px}
.call-data-path{display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;gap:30px;align-items:start;margin-top:65px;padding-top:35px;border-top:1px solid #d8d2c7}.call-data-path .mono{font-size:9px;color:#91502d;line-height:1.7}.call-data-path h3{font-size:29px;font-weight:400;letter-spacing:-.04em;line-height:1.2;margin:24px 0 20px}.call-data-path p{font-size:14px;line-height:1.85;color:#6b6357;margin:0}.path-arrow{font-size:32px;line-height:1;align-self:center;color:#a24a25}.call-integration-note{display:flex;justify-content:space-between;gap:55px;align-items:center;border-top:1px solid #d8d2c7;padding-top:28px;margin-top:45px}.call-integration-note>p{font-size:12px;line-height:1.8;max-width:645px;color:#71675a;margin:0}.call-integration-note .text-link{white-space:nowrap;font-size:12px}
.product-practice{padding:85px var(--pad)}.product-practice>.eyebrow{color:#b0a89a}.product-practice>.practice-composition{display:grid;grid-template-columns:1.15fr 1fr;gap:12%;max-width:none;margin:35px 0 0;align-items:end}.practice-composition h2{font-size:clamp(45px,5.2vw,75px);margin:0;line-height:1.12}.practice-composition>div>p{font-size:15px;line-height:1.85;color:#b6afa2;margin:0 0 22px;max-width:450px}.practice-composition .text-link{display:flex;justify-content:space-between;max-width:370px;min-height:48px;font-size:12px;border-top:1px solid #474744;padding:12px 0}.practice-composition .text-link+.text-link{border-bottom:1px solid #474744}.product-practice h2>.orange{color:#e8794f}
@media(min-width:761px) and (max-width:1100px){.product-page-proposition{gap:7%}.product-page-proposition h1{font-size:6.4vw}.voice-heading{gap:25px 8%}.voice-tabs button{font-size:16px;gap:12px}.voice-tabs button>span{margin-right:0}.voice-tabs button>svg{margin-right:0;width:14px}.voice-panel{gap:8%}.voice-panel dl>div{grid-template-columns:65px 1fr;gap:15px}.call-data-path{grid-template-columns:1fr 25px 1fr 25px 1fr;gap:18px}.call-data-path h3{font-size:24px}.call-data-path p{font-size:13px}.call-integration-note{gap:35px}.product-practice>.practice-composition{gap:9%}}
@media(max-width:760px){.product-page-proposition{display:block;margin:28px 0 35px}.product-page-proposition h1{font-size:clamp(45px,10.7vw,70px);line-height:1.08}.product-page-proposition p{font-size:14px;margin-top:25px;max-width:450px}.product-page-film{height:100vw;min-height:350px;max-height:470px}.product-page-word{font-size:clamp(170px,43vw,290px);bottom:57px}.product-page-film .film-toggle{font-size:10px;padding:7px 11px}.film-caption-label{font-size:7px;max-width:320px}.voice-installation{padding-top:60px;padding-bottom:45px}.voice-heading{display:block}.voice-heading h2{font-size:39px;line-height:1.14;margin-top:25px}.voice-heading>p:not(.eyebrow){font-size:14px;margin-top:24px}.voice-sculpture{height:240px;margin:0 calc(-1 * var(--pad))}.voice-art-frame{margin-top:5px}.voice-art-caption{padding-bottom:16px;gap:15px}.voice-art-caption .mono{font-size:8px}.voice-art-caption .motion-control{font-size:9px;white-space:nowrap}.voice-tabs button{min-height:86px;display:block;font-size:13px;line-height:1.6;padding:15px 10px 15px 0;letter-spacing:-.025em}.voice-tabs button>span{display:block;font-size:8px;margin:0 0 7px}.voice-tabs button>svg{display:none}.voice-panel{display:block;padding-top:30px;min-height:590px}.voice-panel h3{font-size:35px;margin:0 0 20px}.voice-panel>div>p{font-size:14px;line-height:1.85;margin-bottom:12px}.voice-panel .text-link{font-size:11px}.voice-panel dl{margin-top:25px}.voice-panel dl>div{grid-template-columns:82px 1fr;gap:20px;padding:19px 0}.voice-panel dt{font-size:9px}.voice-panel dd{font-size:13px}.call-continuity{padding-top:65px;padding-bottom:40px}.call-continuity-heading{display:block}.call-continuity h2{font-size:43px;margin-top:25px}.call-continuity-heading>p:not(.eyebrow){font-size:14px;margin:25px 0 0;max-width:430px}.call-data-path{display:block;margin-top:35px;padding-top:10px}.call-data-path>div{display:grid;grid-template-columns:1fr 1fr;gap:13px 25px;padding:25px 0}.call-data-path .mono{grid-column:1/3;font-size:9px}.call-data-path h3{font-size:26px;margin:0}.call-data-path p{font-size:13px}.path-arrow{display:block;font-size:24px;transform:rotate(90deg);width:25px;margin:0 0 0 3px}.call-integration-note{display:block;margin-top:25px;padding-top:25px}.call-integration-note>p{font-size:12px}.call-integration-note .text-link{display:flex;justify-content:space-between;margin-top:20px;font-size:11px}.product-practice{padding-top:65px;padding-bottom:55px}.product-practice>.practice-composition{display:block;margin-top:28px}.practice-composition h2{font-size:44px}.practice-composition>div{margin-top:30px}.practice-composition>div>p{font-size:14px}.practice-composition .text-link{font-size:11px;max-width:430px}}
@media(max-width:360px){.product-page-proposition h1{font-size:42px}.voice-heading h2{font-size:34px}.voice-tabs button{font-size:12px}.voice-panel h3{font-size:31px}.voice-panel dl>div{grid-template-columns:68px 1fr;gap:17px}.voice-panel{min-height:650px}.call-continuity h2{font-size:38px}.call-data-path h3{font-size:23px}.call-data-path>div{gap:13px 20px}.practice-composition h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.voice-tabs button:after{transition:none}}

.voice-art-frame:has(.voice-sculpture:not(.scene-ready)) .motion-control{visibility:hidden}
.voice-art-caption .motion-control:disabled{opacity:1;cursor:default}
