.cec-site .studio-page-hero{padding:155px 0 70px;max-width:1010px}.cec-site .studio-page-hero h1{font-size:clamp(44px,5vw,70px);line-height:1.08;letter-spacing:-.06em}.cec-site .studio-page-hero h1>span{color:#315b87}.cec-site .studio-page-hero>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#466078;max-width:750px;margin-top:28px}.cec-site .studio-page-hero .button{margin-top:28px}.cec-site .narrative-path{padding:38px 0 46px;background:#ebf1f8;border-top:1px solid #cbd9e8;border-bottom:1px solid #cbd9e8}.cec-site .narrative-path .eyebrow{margin-bottom:22px}.cec-site .narrative-path ol{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:0;margin:0}.cec-site .narrative-path button{width:100%;border:0;background:transparent;text-align:left;color:#1f456d;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;position:relative}.cec-site .narrative-path button:after{content:'→';position:absolute;right:0;top:8px;color:#8ba4bf}.cec-site .narrative-path li:last-child button:after{display:none}.cec-site .narrative-path b{font-size:11px;font-weight:500;display:grid;place-items:center;height:32px;width:32px;background:#224f7f;color:white;border-radius:50%}.cec-site .narrative-path span{font-size:13px;font-weight:600}.cec-site .narrative-path button:hover span{text-decoration:underline;text-underline-offset:4px}.cec-site .studio-demo-section{background:#102a48;color:white;padding:65px 0 55px}.cec-site .studio-demo-section .section-heading{margin-bottom:30px}.cec-site .studio-demo-section h2{font-size:38px}.cec-site .studio-demo-section .eyebrow{color:#c2d9ed}.cec-site .studio-demo-section .section-heading>p{color:#c3d4e5;font-size:13px}.cec-site .studio-demo-section .wrap{max-width:1240px}.cec-site .studio-note{display:flex;justify-content:space-between;gap:50px;margin-top:20px;color:#c0d1e2;font-size:10px;line-height:1.8}.cec-site .studio-note>span{max-width:430px}.cec-site .studio-note>p{max-width:530px;text-align:right}.cec-site .story-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);background:#edf2f8;border:1px solid #7696b7;border-radius:17px;overflow:hidden;color:#254866;box-shadow:0 24px 60px #00172a33}.cec-site .story-sidebar{padding:26px 15px;background:#143756;border-right:1px solid #3b5a7a;display:flex;flex-direction:column}.cec-site .story-brand{font-size:18px;letter-spacing:-.05em;display:flex;gap:10px;align-items:center;color:white;padding:0 9px 10px}.cec-site .story-brand>span{font-size:30px;color:#afd3ef}.cec-site .story-desktop-nav p{font-size:8px;color:#a9c6df;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:0 9px;margin:22px 0 9px}.cec-site .story-desktop-nav [role=group]{display:grid;gap:3px}.cec-site .story-desktop-nav button{display:flex;gap:10px;align-items:center;width:100%;padding:10px 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#d1e3f2;text-align:left;font-size:11px;line-height:1.4}.cec-site .story-desktop-nav button>span{font-size:9px;color:#9fbdd9;min-width:15px}.cec-site .story-desktop-nav button[aria-pressed=true]{background:#32618c;color:white;border-color:#7294b3;box-shadow:inset 3px 0 #dbb575;font-weight:600}.cec-site .story-desktop-nav button[aria-pressed=true]>span{color:white}.cec-site .story-desktop-nav button:hover{background:#285273;color:#fff}.cec-site .story-sidebar>small{padding:30px 10px 0;margin-top:auto;line-height:1.8;color:#b4cee3;font-size:9px}.cec-site .story-mobile-select{display:none}.cec-site .story-main{padding:26px 30px;min-width:0}.cec-site .story-topbar{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#58718c}.cec-site .story-topbar>span:last-child{font-size:8px;letter-spacing:.1em;border:1px solid #b7c8da;padding:4px 7px;border-radius:4px}.cec-site .story-intro{margin:24px 0}.cec-site .story-intro>span{font-size:8px;color:#517496;letter-spacing:.09em;font-weight:600}.cec-site .story-intro h3{font-size:28px;line-height:1.2;margin:9px 0 12px;letter-spacing:-.045em;font-weight:600;color:#153e64}.cec-site .story-intro p{font-size:12px;line-height:1.8;color:#4b6782;max-width:670px}.cec-site .story-artifact{max-width:770px;margin:auto}.cec-site .story-artifact .dv-paper{padding:28px 33px;min-height:425px}.cec-site .story-artifact .dv-paper h4{font-size:25px}.cec-site .story-artifact .dv-paper p{font-size:13px}.cec-site .story-artifact .dv-paper-meta{font-size:9px}.cec-site .story-artifact .dv-field{font-size:13px}.cec-site .story-artifact .dv-table{font-size:12px}.cec-site .story-artifact .dv-staff-page>img{height:215px}.cec-site .story-output{border-top:1px solid #c5d4e3;margin-top:22px;padding-top:19px;display:flex;align-items:center;flex-wrap:wrap;gap:9px 18px}.cec-site .story-output>span{font-size:8px;letter-spacing:.1em;font-weight:700;color:#456c91}.cec-site .story-output>p{font-size:11px;line-height:1.7;color:#44627e;flex:1}.cec-site .story-output button,.cec-site .story-output a{background:#1e4b76;color:#fff;border:0;border-radius:23px;font-size:11px;font-weight:500;padding:10px 15px;white-space:nowrap}.cec-site .studio-principles-page{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:70px 0}.cec-site .studio-principles-page h3{font-size:23px;line-height:1.2}.cec-site .studio-principles-page p{font-size:13px;line-height:1.9;color:#4f6780;margin-top:14px}.cec-site .studio-principles-page>div>span{font-size:11px;font-weight:700;letter-spacing:.1em;color:#9a7238;display:block;margin-bottom:17px}
.cec-site .home-studio-teaser{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}.cec-site .home-studio-teaser .eyebrow{color:#c0d9ee}.cec-site .home-studio-teaser h2{font-size:clamp(35px,3.8vw,53px);line-height:1.12}.cec-site .home-studio-teaser h2>span{color:#bad3e8}.cec-site .home-studio-teaser .teaser-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#c1d5e7;margin:25px 0;max-width:450px}.cec-site .home-studio-teaser .teaser-copy>small{font-size:10px;color:#acc7df;display:block;margin-top:22px;max-width:420px;line-height:1.7}.cec-site .home-studio-art{position:relative;padding:15px 0}.cec-site .teaser-paper{background:#f7fafc;border-radius:13px;overflow:hidden;box-shadow:0 25px 45px #00142855;border:1px solid #95b2cc;transform:rotate(1deg)}.cec-site .teaser-paper>div:first-child{padding:15px 21px;color:#426282;font-size:9px;display:flex;justify-content:space-between}.cec-site .teaser-paper>img{width:100%;height:190px;object-fit:cover}.cec-site .teaser-paper>.teaser-article{padding:23px 26px;color:#234c6c}.cec-site .teaser-article>span{font-size:8px;font-weight:600;letter-spacing:.1em}.cec-site .teaser-article h3{font-size:28px;line-height:1.15;letter-spacing:-.04em;margin:12px 0}.cec-site .teaser-article p{font-size:12px;color:#4f6c82;line-height:1.7}.cec-site .teaser-workflow{display:flex;gap:8px;justify-content:center;margin:21px 0 0;align-items:center;color:#cadeec;font-size:11px}.cec-site .teaser-workflow span{padding:6px 10px;border:1px solid #5a7e9e;border-radius:20px;background:#1f4566}.cec-site .teaser-workflow i{font-style:normal;color:#8eacc6}
@media(max-width:1100px){.cec-site .home-studio-teaser{gap:45px}.cec-site .story-workspace{grid-template-columns:185px minmax(0,1fr)}.cec-site .story-main{padding:23px}.cec-site .story-desktop-nav button{font-size:10px}.cec-site .story-artifact .dv-paper{padding:25px}.cec-site .story-intro h3{font-size:26px}.cec-site .narrative-path span{font-size:12px}.cec-site .narrative-path ol{gap:12px}.cec-site .story-brand{font-size:16px}}
@media(max-width:800px){.cec-site .home-studio-teaser{grid-template-columns:1fr;gap:25px}.cec-site .home-studio-teaser .teaser-copy>p:not(.eyebrow){max-width:580px}.cec-site .home-studio-art{max-width:570px;width:100%;margin:auto}.cec-site .studio-page-hero{padding-top:130px}.cec-site .studio-page-hero>p:not(.eyebrow){font-size:16px}.cec-site .narrative-path ol{grid-template-columns:repeat(3,1fr);gap:24px}.cec-site .narrative-path li:nth-child(3) button:after{display:none}.cec-site .studio-principles-page{gap:25px}.cec-site .studio-principles-page h3{font-size:20px}}
@media(max-width:700px){.cec-site .story-workspace{display:block;border-radius:12px}.cec-site .story-sidebar{padding:17px;border:0}.cec-site .story-brand{font-size:17px;padding:0 0 10px}.cec-site .story-desktop-nav,.cec-site .story-sidebar>small{display:none}.cec-site .story-mobile-select{display:grid;gap:6px;color:#c9e0f2;font-size:9px}.cec-site .story-mobile-select select{width:100%;padding:12px;background:#2c557b;color:white;border:1px solid #7d9bb9;border-radius:7px;font-size:13px}.cec-site .story-main{padding:20px 15px}.cec-site .story-intro h3{font-size:25px}.cec-site .story-topbar{font-size:8px;align-items:center}.cec-site .story-topbar>span:last-child{font-size:6px;padding:4px}.cec-site .story-intro>span{font-size:7px}.cec-site .story-artifact .dv-paper{padding:17px;min-height:0}.cec-site .story-artifact .dv-paper h4{font-size:22px}.cec-site .story-artifact .dv-paper-meta{font-size:7px}.cec-site .story-artifact .dv-paper p{font-size:12px}.cec-site .story-artifact .dv-table{font-size:10px}.cec-site .story-artifact .dv-staff-page>img{height:165px}.cec-site .story-output{display:grid;gap:9px}.cec-site .story-output>p{font-size:11px}.cec-site .story-output button,.cec-site .story-output a{justify-self:start;font-size:11px;margin-top:5px}.cec-site .studio-note{display:block;font-size:9px}.cec-site .studio-note>p{text-align:left;margin-top:10px}.cec-site .studio-demo-section{padding:45px 0}.cec-site .studio-demo-section h2{font-size:31px}.cec-site .studio-demo-section .section-heading>p{font-size:13px}.cec-site .studio-principles-page{grid-template-columns:1fr;padding:50px 0;gap:30px}.cec-site .studio-page-hero{padding-bottom:45px}.cec-site .studio-page-hero h1{font-size:43px}.cec-site .narrative-path span{font-size:10px}.cec-site .narrative-path button{gap:9px}.cec-site .narrative-path ol{gap:20px 14px}.cec-site .narrative-path{padding:29px 0}.cec-site .home-studio-teaser h2{font-size:36px}.cec-site .home-studio-teaser .teaser-copy>p:not(.eyebrow){font-size:14px}.cec-site .teaser-paper{transform:none}.cec-site .teaser-paper>img{height:160px}.cec-site .teaser-article h3{font-size:26px}.cec-site .teaser-workflow{font-size:10px}}
