.modern-intro{--electric:#2454ef}.modern-intro .preview-bar{background:#eaf0ff;color:#24345e;font-size:11px;padding:7px 20px}.preview-bar a{margin-left:25px}.modern-intro header{background:#fff;color:#14181f;border-color:#e5e8ef;padding:15px 48px}.modern-intro header .wordmark{width:122px}.modern-intro nav .nav-cta{border:1px solid #171b22;background:#171b22;color:#fff;padding:11px 20px}.modern-intro .hero{background:#fff;color:#15191f;padding:45px 0 55px}.hero-kicker{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.modern-intro .hero .eyebrow{font-size:12px;letter-spacing:.09em;margin:0}.hero-kicker>span{font-size:13px;color:#667080}.modern-intro .hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(48px,5.3vw,78px);font-weight:600;letter-spacing:-.065em;line-height:1.06;margin:0 0 40px;max-width:none}.modern-intro .hero h1 em{color:var(--electric)}.modern-intro .hero-grid{grid-template-columns:.65fr 1.35fr;gap:65px;align-items:center}.modern-intro .hero-copy{padding:10px 0}.modern-intro .hero-copy .hero-lead{font-size:28px;font-weight:600;letter-spacing:-.025em;line-height:1.25;margin-bottom:22px}.modern-intro .hero-copy>p{font-size:16px;color:#4d5663}.modern-intro .hero-copy p.hero-lead{color:#15191f}.modern-intro .hero-copy .hero-sub{font-size:13px;color:#616b78}.modern-intro .hero-links{gap:22px;align-items:start;flex-direction:column;margin-top:25px}.modern-intro .hero .button{background:var(--electric);color:white;padding:17px 25px;font-size:14px;border-radius:3px}.modern-intro .hero .text-link{font-size:14px}.modern-intro .hero-video{border:0;padding:0;background:transparent;box-shadow:none;align-self:start}.modern-intro .video-heading{color:#4b5668;font-size:11px;margin:0 0 12px;letter-spacing:.08em}.video-stage{position:relative;overflow:hidden;border-radius:5px;background:#2454ef}.video-cover{position:absolute;inset:0;width:100%;height:100%;border:0;background:#2454ef;color:#fff;text-align:left;padding:0;overflow:hidden}.video-cover[hidden]{display:none}.cover-words{position:absolute;top:11%;left:6%;font-size:clamp(25px,2.65vw,39px);line-height:1.07;font-weight:600;letter-spacing:-.035em;z-index:2}.video-cover img{position:absolute;width:40%;height:85%;object-fit:cover;object-position:top;right:5%;top:12%;transform:rotate(7deg);box-shadow:0 18px 40px #0a226b60;transition:transform .45s}.video-cover:hover img{transform:rotate(3deg) translateY(-5px)}.cover-play{position:absolute;left:6%;bottom:10%;font-size:14px;display:flex;align-items:center;gap:12px;z-index:3}.cover-play>span{border:1px solid #ffffff88;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-size:15px}.cover-play small{font-size:11px;opacity:.8}.modern-intro .hero-video .video-description{color:#4d5663;font-size:13px;margin:14px 0 0}.modern-intro .video-transcript{border-color:#e3e7ee}.modern-intro .video-transcript summary{color:#4d5663;font-size:12px;padding:10px 0}.modern-intro .hero .video-transcript p{color:#333c47}.modern-intro .hero .video-error{color:#15191f}.modern-intro .trust-strip{background:#fff;width:100%;padding:20px max(48px,calc((100% - 1200px)/2));border-color:#e5e8ef;font-size:12px;color:#505b6c}.modern-intro .trust-strip span:before{color:var(--electric)}
.modern-intro .work{background:#f2f5fb;color:#14191f;padding:70px 0}.modern-intro .work .eyebrow{color:var(--electric);font-size:12px}.modern-intro .work .small{color:#616b79}.modern-intro .work h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(34px,3.5vw,50px);font-weight:600;letter-spacing:-.045em;line-height:1.1}.modern-intro .work h2 span{color:#677386}.modern-intro .work .split-heading{grid-template-columns:1.45fr .55fr;gap:45px;align-items:end;margin-bottom:30px}.modern-intro .work .split-heading p{font-size:16px;color:#566170}.work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.work-toolbar p{margin:0;font-size:13px;color:#526075}.work-toolbar>div{display:flex;border:1px solid #d1d9e9;padding:4px;border-radius:30px;gap:2px}.work-toolbar button{border:0;background:transparent;padding:10px 17px;border-radius:25px;font-size:13px;color:#47546b}.work-toolbar button[aria-pressed=true]{background:#171e2a;color:white}.work-canvas{display:grid;grid-template-columns:.7fr 1fr 1fr;align-items:start;gap:35px;background:#dce6fc;padding:45px 42px 28px;border-radius:6px;overflow:hidden}.canvas-note{padding-top:20px}.canvas-note>span:first-child{font-size:11px;letter-spacing:.1em;color:#365bae}.canvas-note h3{font-family:Arial,sans-serif;font-size:31px;letter-spacing:-.04em;line-height:1.15;margin:24px 0 18px}.canvas-note p{font-size:14px;color:#566378}.canvas-index{display:block;margin-top:70px;color:#8da6d9;font-size:44px;letter-spacing:-.055em}.specimen{transition:transform .3s}.specimen-one{transform:rotate(-3deg)}.specimen-two{transform:rotate(3deg);margin-top:60px}.specimen:hover{transform:rotate(0) translateY(-6px)}.modern-intro .specimen img{height:425px;object-fit:cover;object-position:top;border:1px solid #e4e8ef;box-shadow:0 15px 25px #2747811f}.modern-intro .specimen>span{color:#2b426d;font-size:12px}.before-canvas{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;padding:45px;background:#e6eaf1;border-radius:6px}.before-canvas[hidden],.work-canvas[hidden]{display:none}.before-canvas h3{font-size:30px;letter-spacing:-.035em}.before-canvas>div>p:not(.eyebrow){font-size:15px;color:#5c6777}.before-canvas blockquote{margin:0;background:white;padding:35px;box-shadow:0 10px 25px #1c304014}.before-canvas blockquote p{font-size:16px;line-height:1.8;color:#5f6874}.before-canvas h4{font:600 25px Arial,sans-serif}.modern-intro .work-summary{margin-top:25px}.work-summary>div{display:flex;flex-wrap:wrap;gap:18px;font-size:10px;letter-spacing:.07em;color:#61708b}.modern-intro .work-summary a{color:#1c47c6}.modern-intro .work .disclosure{border-color:#d9e1ed;font-size:12px;color:#667184}.modern-intro .menu-toggle{color:#171b22;border-color:#b3bbc8}
@media(max-width:900px){.modern-intro .hero-grid{gap:35px;grid-template-columns:.8fr 1.2fr}.modern-intro .hero h1{font-size:58px}.cover-words{font-size:27px}.cover-play{font-size:12px;gap:7px}.cover-play>span{width:32px;height:32px}.work-canvas{gap:20px;padding:30px 25px;grid-template-columns:.65fr 1fr 1fr}.canvas-note h3{font-size:25px}.modern-intro .specimen img{height:340px}.modern-intro .work .split-heading{grid-template-columns:1.3fr .7fr}.modern-intro nav{background:#fff}}
@media(max-width:640px){.modern-intro header{padding:13px 20px}.modern-intro header .wordmark{width:107px}.modern-intro .preview-bar{font-size:9px}.preview-bar a{margin-left:10px}.hero-kicker{margin-bottom:23px}.hero-kicker>span{display:none}.modern-intro .hero{padding:32px 0}.modern-intro .hero h1{font-size:46px;line-height:1.05;letter-spacing:-.055em;margin-bottom:28px}.modern-intro .hero .eyebrow{font-size:10px;letter-spacing:.05em}.modern-intro .hero-grid{grid-template-columns:1fr;gap:30px}.modern-intro .hero-copy .hero-lead{display:none}.modern-intro .hero-copy{padding:0}.modern-intro .hero-copy>p{font-size:16px;margin-bottom:13px}.modern-intro .hero-links{flex-direction:row;align-items:center;gap:22px;margin-top:23px}.modern-intro .hero .button{font-size:12px;padding:14px 16px}.modern-intro .hero .text-link{font-size:12px}.cover-words{font-size:27px}.cover-play{font-size:11px}.cover-play small{display:none}.modern-intro .trust-strip{padding:18px 20px;font-size:10px}.modern-intro .work{padding:45px 0}.modern-intro .work .split-heading{grid-template-columns:1fr;gap:0}.modern-intro .work h2{font-size:36px}.work-toolbar{align-items:start;flex-direction:column;gap:13px}.work-toolbar button{font-size:12px}.work-canvas{grid-template-columns:1fr 1fr;gap:16px;padding:22px 18px}.canvas-note{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0}.canvas-note>span:first-child{display:none}.canvas-note h3{font-size:24px;margin:0 0 15px}.canvas-note p{font-size:12px;max-width:140px}.canvas-index{display:none}.specimen-two{margin-top:25px}.modern-intro .specimen img{height:225px}.modern-intro .specimen>span{font-size:10px}.modern-intro .work-summary{display:block}.work-summary>div{font-size:9px;gap:12px;margin-bottom:16px}.modern-intro .work-summary a{font-size:14px}.before-canvas{grid-template-columns:1fr;gap:15px;padding:24px}.before-canvas blockquote{padding:23px}.before-canvas blockquote p{font-size:14px}.modern-intro .work .disclosure{font-size:11px}}
@media(prefers-reduced-motion:reduce){.video-cover img,.specimen{transition:none}.specimen:hover,.video-cover:hover img{transform:none}}