@font-face{font-family:Cairo;src:url('./Cairo-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Cairo;src:url('./Cairo-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Cairo;src:url('./Cairo-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#272d3b;--blue:#315d90;--aqua:#53b0af;--paper:#f4f8f4;--line:#272d3b30;--space:clamp(24px,6vw,96px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Cairo,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid currentColor;outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.38;font-weight:700;text-wrap:balance}h1{font-size:clamp(66px,9.7vw,156px);letter-spacing:-.035em}h2{font-size:clamp(38px,5.2vw,82px);letter-spacing:-.025em}h3{font-size:clamp(25px,3vw,42px)}p{font-size:clamp(18px,1.55vw,23px);line-height:1.95;text-wrap:pretty}img{max-width:100%;display:block}small,.eyebrow{font-size:15px;line-height:1.8;font-weight:600}.eyebrow{display:block;margin-bottom:24px}.pad{padding:var(--space)}.aqua{background:var(--aqua)}.blue{background:var(--blue);color:var(--paper)}.mist{background:linear-gradient(140deg,#ebf5f3,#d1eaea 50%,#b3d7e0)}.paper{background:var(--paper)}.wordmark{font-size:48px;font-weight:700;line-height:1.2;letter-spacing:-.05em}.skip{position:fixed;top:-100px;right:20px;padding:14px;background:white;z-index:30}.skip:focus{top:10px}header{position:absolute;z-index:5;top:0;inset-inline:0;display:flex;align-items:center;gap:40px;padding:30px var(--space);height:114px}.header-title{font-size:17px}.edition{margin-inline-start:auto;font-size:14px}.menu-toggle{color:inherit;border:0;background:none;width:103px;height:50px;position:relative;padding:0;text-align:right}.menu-toggle span{font-size:15px}.menu-toggle i{position:absolute;left:0;width:28px;height:2px;background:currentColor;top:20px}.menu-toggle i:last-child{top:29px}.home-hero{height:min(960px,100svh);min-height:700px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#a4dcda 0%,#53b0af 65%,#87b8cc 100%);padding:150px var(--space) 30px}.hero-label{display:flex;justify-content:space-between;font-size:14px;gap:24px;position:relative;z-index:1}.home-hero h1{position:relative;z-index:2;max-width:900px;margin-top:24px;line-height:1.27;pointer-events:none}.hero-mascots{position:absolute;left:4%;bottom:-4px;display:flex;align-items:flex-end;gap:24px;width:52%;direction:ltr;z-index:1}.mascot{object-fit:contain;height:auto}.hero-mascots .mascot:first-child{width:47%;margin-bottom:0}.hero-mascots .mascot:last-child{width:47%;margin-bottom:0}.hero-scroll{position:absolute;bottom:40px;right:var(--space);font-size:17px;display:flex;gap:40px;align-items:center;z-index:2}.hero-scroll span{font-size:30px}.chapter-hero{padding:160px var(--space) 72px;min-height:610px;background:linear-gradient(135deg,#ebf5f3,#c1e5e1 68%,#b3d7e0);position:relative;overflow:hidden}.chapter-hero h1{margin-top:45px;max-width:1100px}.hero-tone-and-voice,.hero-illustration,.hero-applications{background:var(--aqua)}.hero-color{background:linear-gradient(115deg,#b3d7e0 0,#53b0af 48%,#7bb2cc 100%)}.hero-logo{background:#d1eaea}.hero-photography,.hero-who-we-are{background:#e7f0eb}.hero-cairo{position:absolute;bottom:35px;left:var(--space);font-size:clamp(50px,10vw,150px);opacity:.23;font-weight:600;line-height:1}.intro{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-block:100px}.intro>div{max-width:950px}.intro h2{margin-bottom:24px}.intro p{max-width:760px}.photo{position:relative;overflow:hidden}.photo>img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover}.photo figcaption{font-size:16px;padding:18px var(--space);background:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr}.split>div{min-height:520px;display:flex;flex-direction:column;justify-content:center}.text-link{margin-top:45px;display:flex;justify-content:space-between;border-bottom:1px solid currentColor;padding-bottom:12px;max-width:420px;font-size:18px}.text-link span{font-size:30px}.chapter-grid{display:grid;grid-template-columns:repeat(2,1fr)}.chapter-tile{min-height:410px;padding:30px 40px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#d8e9e8;border:1px solid var(--paper)}.chapter-tile .eyebrow{display:flex;justify-content:space-between;margin:0}.chapter-tile b{font-size:24px}.tile-art{flex:1;display:flex;align-items:center;justify-content:center;min-height:270px}.tile-art>strong{font-size:clamp(32px,4vw,65px);line-height:1.5;text-align:center}.tile-art>img:not(.mascot){position:absolute;inset:65px 0 0;width:100%;height:calc(100% - 65px);object-fit:cover;transition:transform .4s}.chapter-tile:hover .tile-art>img:not(.mascot){transform:scale(1.025)}.tile-art>.mascot{height:265px;width:auto;margin-top:20px}.giant-mark{font-size:clamp(100px,16vw,230px);font-weight:700;line-height:1}.type-glyph{font-size:clamp(80px,12vw,190px);font-weight:600}.tile-logo{background:var(--blue);color:var(--paper)}.tile-typography{background:#bbdcdd}.tile-illustration{background:var(--aqua)}.tile-motion{background:#d2e9e4}.tile-applications{background:var(--blue);color:var(--paper)}.tile-color{background:linear-gradient(110deg,#315d90 0%,#315d90 50%,#53b0af 50%,#53b0af 100%)}.tile-color .eyebrow{background:var(--paper);padding:4px 12px;width:100%;color:var(--ink)}.color-pair{width:100%;height:200px}.statement{min-height:560px;display:flex;flex-direction:column;justify-content:center;text-align:center;padding-block:100px}.statement h2{font-size:clamp(46px,7.5vw,112px)}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-block:90px}.rules article{border-top:1px solid var(--line);padding-top:28px}.rules h3{font-size:28px;margin:22px 0 14px}.rules p{font-size:18px}.num{font-size:14px;font-variant-numeric:tabular-nums}.photo-quote{display:grid;grid-template-columns:1fr 1fr;background:#d1eaea}.photo-quote .photo img{height:100%;aspect-ratio:1;object-fit:cover}.photo-quote>.pad{display:flex;flex-direction:column;justify-content:center;min-height:560px}.photo-quote p{margin-top:30px}.voice-examples h2{margin-bottom:60px}.phrase{display:grid;grid-template-columns:1fr 3fr;gap:30px;border-top:1px solid var(--line);padding:40px 0}.phrase h3{font-size:clamp(28px,4.3vw,60px)}.logo-stage{text-align:center;padding:80px 20px;min-height:550px;display:grid;place-items:center}.logo-stage .wordmark{font-size:clamp(160px,35vw,550px)}.logo-alts>div{min-height:340px;align-items:center;gap:45px}.logo-alts .wordmark{font-size:160px}.partnership>p{max-width:650px}.lockup{display:flex;align-items:center;justify-content:center;gap:60px;padding:100px 10px;font-size:40px}.lockup .wordmark{font-size:95px}.divider{width:1px;height:100px;background:var(--line)}.swatches{display:grid;grid-template-columns:1fr 1fr}.swatches article{min-height:450px;padding:50px;display:flex;flex-direction:column;justify-content:space-between}.swatches article>div{display:flex;justify-content:space-between;gap:24px}.swatches code{font-size:18px}.gradient-demo{min-height:650px;background:linear-gradient(155deg,#ebf5f3 0%,#d1eaea 48%,#b3d7e0 100%);display:flex;flex-direction:column;justify-content:center}.gradient-demo p{max-width:560px;margin-top:25px}.gradient-values{margin-top:50px;font-size:15px;text-align:right}.type-stage{padding:75px var(--space);display:flex;flex-direction:column;gap:40px}.type-big{font-size:clamp(75px,12vw,180px);font-weight:700;line-height:1.5}.weights>div{border-top:1px solid var(--line);padding:30px 0}.weights p{font-size:clamp(36px,5.7vw,88px);font-weight:inherit}.type-tester{display:grid;grid-template-columns:1fr 170px;gap:15px 25px}.type-tester>.eyebrow{grid-column:1/-1}.type-tester label[for=type-input]{grid-column:1;grid-row:2}.type-tester label[for=weight]{grid-column:2;grid-row:2}.type-tester input,.type-tester select{border:1px solid var(--line);border-radius:0;background:#f7fcfc;padding:15px;color:var(--ink);min-width:0;font-size:20px}.type-tester input{grid-column:1;grid-row:3}.type-tester select{grid-column:2;grid-row:3}.type-tester #type-output{grid-column:1/-1;font-size:clamp(40px,6.7vw,100px);font-weight:700;padding:45px 0;min-height:200px;overflow-wrap:anywhere}.pill{display:inline-flex;align-items:center;justify-content:center;padding:16px 35px;background:var(--blue);color:#fff;border:0;border-radius:100px;font-size:18px;font-weight:700;min-height:58px;transition:background .2s}.pill:hover{background:#244973}.pill:disabled{opacity:.65;cursor:wait}.download p{margin:20px 0 30px;max-width:750px}.ui-display{display:flex;justify-content:center;align-items:start;gap:8%;padding-block:100px}.mini-screen{width:340px;min-height:590px;border-radius:32px;background:linear-gradient(155deg,#f3f8f4,#d1eaea,#b3d7e0);padding:27px;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 14px 50px #315d9010}.mini-top{display:flex;justify-content:space-between;font-size:26px;font-weight:700;margin-bottom:45px}.mini-screen h2{font-size:33px;margin:14px 0}.mini-screen p{font-size:16px}.mini-note{background:#f7fcfc;padding:24px;border-radius:17px;margin:24px 0;font-size:18px;position:relative;z-index:1}.mini-button{display:block;background:var(--blue);color:#fff;padding:15px;border-radius:100px;text-align:center;margin-top:auto;font-weight:700;font-size:17px}.mini-screen.success{margin-top:85px}.success .mascot{width:115px;height:auto;align-self:flex-end;margin-bottom:-30px;position:relative;z-index:0;margin-top:10px}.success .mini-note{margin-top:0}.success .mini-note p{margin-top:15px;border-top:1px solid var(--line);padding-top:15px}.sample-controls>p{margin:24px 0}.sample-controls #sample-status{font-size:17px;min-height:40px}.character-stage{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:80px var(--space)}.character-stage>div{text-align:center}.character-stage .mascot{width:auto;height:360px;max-width:100%;margin:0 auto 40px}.character-stage p{font-size:18px;margin-top:12px}.character-ledge{padding-top:70px;position:relative;min-height:680px}.ledge-person{width:230px;margin-right:15%;position:relative;margin-bottom:-115px;z-index:0}.ledge-copy{background:#d4e9e6;padding:70px var(--space);position:relative;margin-left:25%;min-height:410px}.character-ledge .mascot{width:100%}.motion-stage{text-align:center;padding:80px var(--space)}.motion-stage .mascot{height:370px;width:auto;margin:0 auto 30px}.motion-stage h2{font-size:48px;margin-bottom:35px}.motion-stage p{font-size:17px;margin-top:20px}.poster-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;background:#dce9e6}.poster{position:relative;aspect-ratio:4/5;padding:40px;display:flex;flex-direction:column;overflow:hidden}.poster .wordmark{font-size:35px;margin-bottom:30px}.poster h3{font-size:clamp(38px,4.8vw,75px);line-height:1.43;z-index:1}.poster>.mascot{max-height:43%;width:auto;max-width:60%;position:absolute;bottom:0;left:35px}.poster-end{margin-top:auto;font-size:18px}.landscape-poster{display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:var(--paper)}.landscape-poster>div{padding:var(--space);display:flex;flex-direction:column;gap:65px;justify-content:center}.landscape-poster h2{font-size:clamp(33px,4.4vw,69px)}.landscape-poster .photo img{height:100%;aspect-ratio:1;object-fit:cover}.application-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.application-wall .poster{aspect-ratio:9/16;padding:30px}.application-wall .poster h3{font-size:clamp(30px,3.4vw,55px)}.application-wall .poster .wordmark{font-size:30px}.application-wall .poster .mascot{max-width:80%;max-height:48%;left:10%}.access-demo>p{margin:25px 0;max-width:800px}.access-demo #reading-sample{padding:35px 0;border-top:1px solid var(--ink);margin-top:45px;max-width:none}.access-demo #reading-sample.large{font-size:36px}.next-chapter{display:grid;grid-template-columns:1fr auto;gap:20px;padding:70px var(--space);background:#c9e6e2;border-bottom:1px solid var(--line)}.next-chapter span{grid-column:1/-1;font-size:15px}.next-chapter strong{font-size:clamp(36px,5.6vw,80px);line-height:1.5}.next-chapter b{font-size:70px;font-weight:400;line-height:1.5}.footer-bottom{display:flex;align-items:center;gap:45px;padding:45px var(--space);flex-wrap:wrap}.footer-bottom p{font-size:18px}.footer-bottom>span{font-size:13px;margin-right:auto}.footer-bottom>a:last-child{font-size:15px}dialog{border:0;width:100%;max-width:none;height:100svh;max-height:none;padding:28px var(--space) 40px;background:#e4f1eb;color:var(--ink);margin:0;overflow:auto}dialog::backdrop{background:#272d3b80}.menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.menu-head button{background:none;border:0;font-size:50px;line-height:1;width:55px;height:55px;color:inherit}dialog nav{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}dialog nav>a{border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;font-size:clamp(22px,2.8vw,40px);padding:10px 0}dialog nav>a span{font-size:13px;width:27px}dialog nav>a b{font-size:25px;margin-right:auto;font-weight:400}dialog nav>a:hover{color:var(--blue)}dialog nav>a[aria-current=page]{font-weight:700}dialog .menu-foot{font-size:16px;margin-top:35px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1500px){.home-hero h1{max-width:1000px}.hero-mascots{width:47%;left:3%}}@media(max-width:900px){header{gap:20px}.home-hero{min-height:720px}.hero-mascots{width:62%;left:2%}.home-hero h1{font-size:105px}.intro{grid-template-columns:1fr;gap:15px;padding-block:65px}.rules{gap:25px}.rules h3{font-size:23px}.chapter-tile{padding:24px;min-height:350px}.split>div{min-height:420px}.photo-quote>.pad{min-height:440px}.character-stage{gap:30px}.character-stage .mascot{height:270px}.application-wall{gap:16px}.application-wall .poster{padding:20px}.swatches article{padding:30px}.ui-display{gap:30px}.mini-screen{width:320px}.hero-cairo{opacity:.14}.footer-bottom{gap:25px}.poster{padding:25px}}
@media(max-width:600px){h1{letter-spacing:-.02em;font-size:64px}h2{font-size:39px}header{height:88px;padding:20px 24px;gap:20px}.wordmark{font-size:38px}.header-title{font-size:13px}.edition{display:none}.menu-toggle{margin-right:auto;width:32px}.menu-toggle span{display:none}.home-hero{min-height:720px;height:95svh;max-height:860px;padding:110px 24px 20px}.hero-label{font-size:12px}.home-hero h1{font-size:73px;margin-top:42px;line-height:1.38;max-width:100%;letter-spacing:-.035em}.hero-mascots{width:87%;left:6%;bottom:70px;gap:22px}.hero-scroll{font-size:14px;bottom:18px;right:24px;left:24px;justify-content:space-between}.hero-scroll span{font-size:24px}.chapter-hero{min-height:475px;padding:118px 24px 60px}.chapter-hero h1{margin-top:65px}.hero-cairo{font-size:70px;bottom:28px}.intro{padding-block:55px;gap:4px}.intro h2{margin-bottom:20px}.intro .eyebrow{margin-bottom:12px}.photo>img{aspect-ratio:1.15;object-position:center}.photo figcaption{font-size:13px;padding:14px 24px}.split{grid-template-columns:1fr}.split>div{min-height:390px}.chapter-grid{grid-template-columns:1fr}.chapter-tile{min-height:365px}.tile-art>strong{font-size:43px}.giant-mark{font-size:175px}.type-glyph{font-size:120px}.statement{min-height:400px;padding-block:65px}.statement h2{font-size:45px}.rules{grid-template-columns:1fr;gap:38px;padding-block:55px}.rules h3{margin-top:10px;font-size:27px}.rules p{font-size:18px}.photo-quote{grid-template-columns:1fr}.photo-quote>.pad{min-height:390px}.photo-quote .photo img{aspect-ratio:1.2}.phrase{grid-template-columns:1fr;gap:12px;padding:28px 0}.phrase h3{font-size:30px}.logo-stage{min-height:350px;padding:50px 20px}.logo-stage .wordmark{font-size:210px}.logo-alts{grid-template-columns:1fr 1fr}.logo-alts>div{min-height:230px}.logo-alts .wordmark{font-size:85px}.logo-alts small{font-size:12px}.lockup{gap:22px;padding:65px 0;font-size:23px}.lockup .wordmark{font-size:60px}.divider{height:65px}.swatches{grid-template-columns:1fr}.swatches article{min-height:330px;padding:30px 24px}.swatches article>div{font-size:14px}.swatches code{font-size:15px}.gradient-demo{min-height:580px}.type-big{font-size:70px}.type-tester{grid-template-columns:1fr 105px;gap:12px}.type-tester input,.type-tester select{padding:10px;font-size:15px}.type-tester #type-output{font-size:44px;min-height:185px}.pill{font-size:16px;padding:15px 26px}.ui-display{flex-direction:column;align-items:center;padding-block:55px;gap:35px}.mini-screen{max-width:100%;width:340px;min-height:580px}.mini-screen.success{margin-top:0}.character-stage{padding-block:50px;gap:25px}.character-stage .mascot{height:180px;margin-bottom:25px}.character-stage h3{font-size:24px}.character-stage p{font-size:15px}.character-ledge{min-height:580px;padding-top:50px}.ledge-person{width:175px;margin-right:12%;margin-bottom:-85px}.ledge-copy{margin-left:8%;padding:55px 24px;min-height:345px}.motion-stage{padding-block:55px}.motion-stage .mascot{height:260px}.motion-stage h2{font-size:38px}.poster-grid{grid-template-columns:1fr;gap:22px}.poster{padding:30px;aspect-ratio:4/5}.poster h3{font-size:48px}.landscape-poster{grid-template-columns:1fr}.landscape-poster>div{gap:40px;min-height:430px;padding:40px 24px}.landscape-poster h2{font-size:42px}.landscape-poster .photo img{aspect-ratio:1.2}.application-wall{grid-template-columns:1fr;gap:24px}.application-wall .poster{padding:30px;aspect-ratio:4/5}.application-wall .poster h3{font-size:49px}.application-wall .poster .mascot{max-width:65%;max-height:45%;left:18%}.access-demo #reading-sample.large{font-size:29px}.next-chapter{padding-block:45px}.next-chapter strong{font-size:35px}.next-chapter b{font-size:45px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px 15px;padding:35px 24px}.footer-bottom>span{margin:0}.footer-bottom p{font-size:15px}.footer-bottom>a:last-child{text-align:left}.menu-head{margin-bottom:28px}dialog{padding:20px 24px}dialog nav{grid-template-columns:1fr}dialog nav>a{font-size:24px;padding:11px 0}.menu-foot{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:901px){.hero-mascots{width:46%;bottom:0}}