/* Phase 2: editorial layouts matching the existing Vytlar palette and type. */
.phase2-audience,.phase2-faq,.phase2-company{background:#e8e9e7;color:#131c20}
.phase2-demonstration,.phase2-principles{background:#131d20;color:#edf0ed}
.phase2-eyebrow{font:500 12px/1.5 var(--font-technical,monospace);letter-spacing:.12em;text-transform:uppercase;margin:0 0 30px;color:#64716f}
.phase2-demonstration .phase2-eyebrow,.phase2-principles .phase2-eyebrow{color:#b6c3c1}
.phase2-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,7vw,120px);align-items:start;margin-bottom:clamp(46px,6vw,90px)}
.phase2-intro h2,.phase2-company h2,.phase2-principles h2{font:700 clamp(48px,6.5vw,102px)/.99 var(--font-display,sans-serif);letter-spacing:-.065em;max-width:16ch;margin:0;overflow-wrap:break-word;text-wrap:balance}
.phase2-intro>p{font:400 clamp(18px,1.7vw,24px)/1.55 var(--font-body,sans-serif);max-width:48ch;color:#505e5e;margin:0}
.phase2-demonstration .phase2-intro>p{color:#c0cbca}
.phase2-audience-grid,.phase2-demonstration-steps,.phase2-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#a6b0ad;border-block:1px solid #a6b0ad}
.phase2-audience-grid article{padding:clamp(24px,3vw,45px);background:#e8e9e7;min-height:290px}
.phase2-audience-grid article>span{font:500 12px/1.5 var(--font-technical,monospace);color:#606d6b}
.phase2-audience-grid h3,.phase2-demonstration-steps h3,.phase2-principle-grid h3{font:600 clamp(30px,2.9vw,49px)/1.07 var(--font-display,sans-serif);letter-spacing:-.05em;margin:35px 0 16px;overflow-wrap:break-word}
.phase2-audience-grid p,.phase2-demonstration-steps p,.phase2-principle-grid p{font:400 17px/1.6 var(--font-body,sans-serif);max-width:38ch;color:#50605f;margin:0}
.phase2-tail{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:32px}
.phase2-tail p{font-size:15px;line-height:1.6;color:#536260;max-width:70ch;margin:0}
.phase2-tail a,.phase2-company-link{color:inherit;text-underline-offset:6px;font-size:15px;font-weight:600}
.phase2-media{margin:0}
.phase2-media video{display:block;width:100%;max-width:1210px;aspect-ratio:16/9;object-fit:contain;background:#080f10;border:1px solid #566562}
.phase2-media figcaption{font:500 13px/1.5 var(--font-technical,monospace);color:#b8c7c4;margin-top:15px}
.phase2-demonstration-steps{border-color:#586764;background:#586764;margin-top:70px}
.phase2-demonstration-steps article{padding:32px;background:#131d20}
.phase2-demonstration-steps h3,.phase2-principle-grid h3{margin-top:0}
.phase2-demonstration-steps p,.phase2-principle-grid p{color:#b8c5c1}
.phase2-disclaimer{font:400 14px/1.6 var(--font-body,sans-serif);max-width:83ch;margin:32px 0 0;color:#a3b2b0}
.phase2-faq .phase2-disclaimer{color:#536360}
.phase2-faq .phase2-disclaimer a{color:inherit;text-underline-offset:5px}
.phase2-faq-list{border-top:2px solid #9daaa6}
.phase2-faq-list details{border-bottom:2px solid #aab5b1}
.phase2-faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;padding:clamp(22px,3vw,40px) 0;font:600 clamp(24px,2.6vw,43px)/1.18 var(--font-display,sans-serif);letter-spacing:-.04em}
.phase2-faq-list summary::-webkit-details-marker{display:none}
.phase2-faq-list summary:after{content:'+';font:400 31px/1 var(--font-display,sans-serif);flex-shrink:0}
.phase2-faq-list details[open] summary:after{content:'−'}
.phase2-faq-list details p{font-size:clamp(17px,1.6vw,22px);line-height:1.6;color:#4b5958;max-width:74ch;margin:0 0 35px}
.phase2-company-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,8vw,150px)}
.phase2-company-layout p{font:400 clamp(18px,1.7vw,25px)/1.56 var(--font-body,sans-serif);color:#4a5857;margin:0 0 29px}
.phase2-principles h2{margin-bottom:60px}
.phase2-principle-grid{background:#53625f;border-color:#53625f;margin-bottom:36px}
.phase2-principle-grid article{background:#131d20;padding:32px}
.phase2-principles .phase2-company-link{display:inline-block;color:#e8eeeb;margin-top:5px}
@media(max-width:1050px){.phase2-intro,.phase2-company-layout{grid-template-columns:1fr;gap:25px}}
@media(max-width:820px){.phase2-audience-grid,.phase2-demonstration-steps,.phase2-principle-grid{grid-template-columns:1fr}.phase2-audience-grid article{min-height:auto}.phase2-audience-grid h3{margin-top:25px}.phase2-tail{flex-direction:column;align-items:flex-start}.phase2-intro h2,.phase2-company h2,.phase2-principles h2{font-size:clamp(43px,10.5vw,72px)}}