*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fcfcfa;color:#17191d;font-family:Arial,Helvetica,sans-serif}a{color:inherit}.topbar{max-width:1460px;margin:auto;padding:32px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce1ec}.topbar>a:last-child{font-size:12px;text-decoration:none;color:#576274}.topbar img{display:block;width:166px}.hero{max-width:1300px;margin:auto;padding:80px 5vw 70px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;align-items:center}.hero h1{font-size:clamp(38px,5vw,72px);line-height:1.05;letter-spacing:-3px;margin:0;font-weight:500}.hero h1 img{display:block;width:min(440px,95%);height:auto;margin:8px 0 12px -14px}.hero p{font-size:20px;line-height:1.55;max-width:560px;color:#505a67;margin:0}.hero-art{background:radial-gradient(#c7d4f6 1px,transparent 1px);background-size:18px 18px;display:flex;justify-content:center;align-items:center;border-radius:50%;aspect-ratio:1}.hero-art img{width:80%;max-width:350px;mix-blend-mode:multiply}.approach-nav{max-width:1300px;padding:0 5vw 55px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.approach-nav a{font-size:13px;text-decoration:none;border-top:1px solid #ccd5e6;padding:17px 0;display:flex;align-items:center;gap:9px}.approach-nav span{color:#0236c3}.approach-nav b{margin-left:auto;color:#0236c3;font-weight:400}.board{background:#eef2f8;padding:60px max(24px,4vw) 80px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 42px;align-items:start}.concept{max-width:660px;width:100%;margin:0 auto;min-width:0;scroll-margin-top:24px}.concept-heading{display:flex;gap:12px;align-items:center;border-top:2px solid #0236c3;padding-top:18px}.number{font:italic 24px Georgia,serif;color:#0236c3}.concept h2{font-size:24px;letter-spacing:-.8px;margin:0}.full-link{margin-left:auto;white-space:nowrap;font-size:12px;text-decoration:none;color:#0236c3}.full-link span{font-size:18px;margin-left:4px}.approach{min-height:175px;padding:24px 0 22px}.approach h3{font-size:17px;margin:0 0 10px;letter-spacing:-.2px}.approach p{font-size:15px;line-height:1.65;color:#526174;margin:0;max-width:570px}.preview{box-shadow:0 4px 20px #1c30500a;background:white;border:1px solid #dce2ee}.email-meta{padding:18px 22px;background:#e4eaf4;font-size:12px;color:#35445a;line-height:1.6;min-height:78px}.email-meta p{margin:0}.email-meta strong{display:inline-block;min-width:53px;color:#182949}iframe{display:block;width:100%;border:0;min-height:900px;background:white}.concept details{font-size:13px;line-height:1.7;padding:19px 0;border-bottom:1px solid #ccd5e6;color:#526174}.concept summary{cursor:pointer;list-style:none;color:#263952;display:flex;justify-content:space-between}.concept summary::-webkit-details-marker{display:none}.concept details p{max-width:550px}.closing{max-width:1300px;margin:auto;padding:85px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.closing h2{font-size:48px;line-height:1.08;letter-spacing:-2px;margin:0;color:#0236c3}.closing p{font-size:18px;line-height:1.7;color:#526174}.site-footer{background:#0236c3;color:white;padding:35px 5vw;display:flex;gap:35px;align-items:center;justify-content:space-between}.site-footer img{filter:brightness(0) invert(1)}.site-footer p{font-size:12px;line-height:1.7;margin:0}.site-footer>a{font-size:12px;text-decoration:none}@media(min-width:1600px){.board{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}@media(max-width:800px){.topbar{padding:24px}.topbar>a:last-child{max-width:110px;text-align:right;line-height:1.5}.topbar img{width:140px}.hero{padding:50px 24px 35px;gap:0;grid-template-columns:1fr}.hero h1{font-size:48px;letter-spacing:-2px}.hero h1 img{width:300px}.hero p{font-size:18px}.hero-art{display:flex;width:min(100%,340px);margin:32px auto 0}.hero-art img{width:100%;max-width:340px}.approach-nav{grid-template-columns:1fr 1fr;padding:0 24px 24px;gap:0 20px}.approach-nav a{font-size:11px}.board{grid-template-columns:1fr;padding:35px 15px 50px;gap:50px}.concept h2{font-size:21px}.concept-heading{gap:9px}.approach{min-height:0;padding:20px 0 24px}.approach p{font-size:14px}.email-meta{padding:16px}.closing{padding:50px 24px;grid-template-columns:1fr;gap:15px}.closing h2{font-size:40px}.closing p{font-size:17px}.site-footer{padding:30px 24px;flex-wrap:wrap;gap:25px}.site-footer p{width:100%;order:3}}
/* Let the desk illustration carry equal visual weight to the signature. */
@media(min-width:801px){.hero{grid-template-columns:1.25fr 1fr;gap:30px}.hero-art img{width:110%;max-width:520px;flex:none}.hero-art{background-size:18px 18px}}
@media(min-width:801px){.email-meta{height:100px}.concept-heading{min-height:50px}}