@font-face{font-family:General;src:url('../fonts/GeneralSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:General;src:url('../fonts/GeneralSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:General;src:url('../fonts/GeneralSans-Semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:#F3F1E9;color:#123F3C;font:16px/1.55 General,Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #123F3C;outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}h1,h2,h3,p{margin:0}h1{font-size:clamp(56px,6.5vw,104px);font-weight:600;line-height:1;letter-spacing:-.055em}h1 em{font-family:General,Arial,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.02em}h2{font:clamp(34px,3.4vw,52px)/1.08 General,Arial,sans-serif;letter-spacing:-.02em}h3{font-size:16px;font-weight:600}.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 4.5vw;background:#F3F1E9f5;border-bottom:1px solid #123F3C25;backdrop-filter:blur(14px)}.brand{display:flex}.brand img{max-width:34vw;height:auto}.barlinks{display:flex;align-items:center;gap:32px;font-size:14px}.button{display:inline-flex;background:#123F3C;color:#F3F1E9;padding:15px 24px;border-radius:100px;align-items:center}.intro{display:grid;grid-template-columns:1fr 1.04fr;gap:6vw;padding:90px 4.5vw 85px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:600;margin-bottom:23px}.lead{max-width:510px;font-size:19px;line-height:1.5;margin:30px 0}.meta{font-size:12px;margin-top:25px}.cover{display:block;transform:rotate(2deg);box-shadow:0 25px 45px #123F3C24}.cover img{display:block;width:100%;height:auto}.chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 4.5vw;border-top:1px solid #123F3C40;border-bottom:1px solid #123F3C40}.chapters a{padding:19px 10px;min-height:58px}.chapters a:hover{background:#DBEE69}.chapters span{font-size:11px;margin-right:14px}.book,.mockups,.files{padding:85px 4.5vw 0}.sectionline{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.sectionline p:not(.eyebrow){max-width:385px;font-size:14px}.modes{border:1px solid #123F3C30;border-radius:40px;padding:4px;display:flex}.modes button{background:none;border:0;padding:10px 18px;border-radius:30px;white-space:nowrap}.modes button[aria-pressed=true]{background:#123F3C;color:#F3F1E9}.booktools{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0}.booktools button{background:none;border:1px solid #123F3C55;border-radius:30px;min-height:44px;padding:8px 18px}.selector{display:flex;align-items:center;gap:15px;font-size:12px}.selector select{max-width:46vw;background:transparent;border:0;padding:13px 30px 13px 10px;font-size:14px}.stage{background:#E5E8DD;border:1px solid #123F3C25}.stage img{display:block;width:100%;height:auto}.status{font-size:12px;text-align:center;margin:13px 0 23px}.reading{background:#fffdf6;padding:55px max(35px,12%);border:1px solid #123F3C20}.reading h2{margin:10px 0 30px}.reading h3{margin:26px 0 10px;font-size:21px}.reading p{margin:0 0 20px;white-space:pre-line;font-size:18px;line-height:1.65}.reading .note{font-size:14px;border-top:1px solid #123F3C40;padding-top:22px;margin-top:35px}.reading table{border-collapse:collapse;width:100%;font-size:15px;margin:28px 0}.reading td{padding:14px 15px;border-bottom:1px solid #123F3C30;vertical-align:top}.reading a{text-decoration:underline;overflow-wrap:anywhere}.overview summary{display:flex;justify-content:space-between;border-top:1px solid #123F3C50;border-bottom:1px solid #123F3C50;padding:20px 0;cursor:pointer;list-style:none}.overview[open] summary{margin-bottom:25px}.thumbgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.thumb img{display:block;width:100%;height:auto;border:1px solid #123F3C20}.thumb span{display:block;font-size:12px;margin-top:8px}.thumb:hover img{outline:3px solid #DBEE69}.mockgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px}.mock{margin:0}.mock img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.mock figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:10px;font-size:13px}.mock figcaption a{font-size:11px}.assetgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 22px}.asset>div{display:grid;place-items:center;height:230px;background:#E5E8DD;padding:20px}.asset img{display:block;max-width:100%;max-height:190px;width:auto;height:auto}.asset h3{font-size:13px;margin:14px 0 7px}.asset p{display:flex;gap:24px;font-size:12px}.extras{display:flex;gap:26px;flex-wrap:wrap;margin:55px 0;font-size:13px}.extras a{border-bottom:1px solid #123F3C55;padding-bottom:3px}footer{margin-top:65px;background:#123F3C;color:#F3F1E9;padding:60px 4.5vw;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font:500 28px General;max-width:410px}footer a{font-size:13px}.skip{position:absolute;top:-90px;left:20px;z-index:10;background:#DBEE69;padding:12px}.skip:focus{top:12px}[hidden]{display:none!important}@media(max-width:850px){.barlinks{gap:15px}.barlinks .button{padding:10px 15px}.intro{grid-template-columns:1fr;padding-top:50px;gap:48px}.cover{max-width:640px;transform:rotate(0);margin:0 auto}.chapters{grid-template-columns:repeat(2,1fr)}.sectionline{align-items:start;flex-wrap:wrap}.thumbgrid,.assetgrid{grid-template-columns:repeat(3,1fr)}.book,.mockups,.files{padding-top:55px}.mockgrid{gap:25px}.reading{padding:32px}footer{flex-wrap:wrap}footer img{max-width:65vw;height:auto}}@media(max-width:540px){body{font-size:15px}.bar{padding:16px 20px;gap:10px}.brand img{width:150px;max-width:39vw}.barlinks{font-size:11px;gap:12px}.barlinks .button{padding:9px 12px}.barlinks>a:first-child{display:none}.intro{padding:42px 22px 55px}.intro h1{font-size:64px}.lead{font-size:17px}.chapters{margin:0 22px;font-size:13px}.chapters a{padding:14px 5px}.chapters span{margin-right:8px}.book,.mockups,.files{padding-left:22px;padding-right:22px}.sectionline{gap:20px;margin-bottom:19px}.eyebrow{margin-bottom:14px}.booktools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selector{grid-column:1/3;grid-row:1;justify-content:space-between}.selector select{max-width:calc(100vw - 109px);width:100%;font-size:13px}.booktools button{font-size:13px}.booktools #next{grid-column:2;grid-row:2}.stage{margin-left:-10px;margin-right:-10px}.reading{padding:26px 20px}.reading p{font-size:17px}.reading table{font-size:12px;display:block;overflow:auto}.reading td{padding:10px}.thumbgrid,.assetgrid{grid-template-columns:repeat(2,1fr);gap:23px 14px}.asset>div{height:175px;padding:12px}.asset img{max-height:150px}.mockgrid{grid-template-columns:1fr;gap:28px}footer{padding:40px 22px}footer p{font-size:28px}.extras{gap:22px}h2{font-size:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.motion-proof{padding:30px 4.5vw 80px}.motion-stage{aspect-ratio:2.35/1;scroll-margin-top:15px;position:relative;overflow:hidden;background:#123F3C;color:#F3F1E9;display:grid;place-items:center}.corner{position:absolute;width:10%;height:19%;border-color:#DBEE69;border-style:solid;transition:transform .9s cubic-bezier(.22,1,.36,1)}.corner-a{left:8%;top:14%;border-width:5px 0 0 5px}.corner-b{right:8%;bottom:14%;border-width:0 5px 5px 0}.motion-dot{position:absolute;bottom:13%;left:8%;width:16px;height:16px;border-radius:50%;background:#DBEE69;transition:transform .9s cubic-bezier(.22,1,.36,1)}.motion-stage[data-step="1"] .corner-a{transform:translate(-20%,10%)}.motion-stage[data-step="1"] .corner-b{transform:translate(20%,-10%)}.motion-stage[data-step="2"] .motion-dot{transform:translateX(100px)}.motion-stage[data-step="3"] .motion-dot{transform:translateX(30px)}.motion-copy{width:76%;text-align:center;font-size:clamp(32px,5.8vw,88px);font-weight:600;line-height:1.08;letter-spacing:-.035em}.motion-copy em{font-family:General,Arial,sans-serif;font-weight:400;font-style:normal;color:#DBEE69}.motion-copy small{display:block;font-size:clamp(11px,1.2vw,18px);font-weight:400;line-height:1.5;letter-spacing:.025em;margin-top:24px}.motion-copy img{width:77%;height:auto}.motion-copy>[data-scene]:not([hidden]){animation:motion-in .55s ease-out both}.motion-controls{display:flex;gap:18px;align-items:center;margin-top:20px;flex-wrap:wrap}.motion-controls button{border:0;font-size:13px}.motion-controls #motion-stop{background:none;text-decoration:underline}.motion-controls p{margin-left:auto;font-size:12px}.motion-transcript{font-size:12px;max-width:770px;margin-top:19px}.chapters{margin-top:15px}@keyframes motion-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:600px){.motion-proof{padding:20px 22px 48px}.motion-stage{aspect-ratio:1.22}.motion-copy{font-size:34px;width:80%}.corner{border-width:3px 0 0 3px}.corner-b{border-width:0 3px 3px 0}.motion-dot{width:10px;height:10px}.motion-controls p{margin-left:0;width:100%}.motion-copy img{width:95%}.motion-copy small{margin-top:20px;font-size:11px}}@media(prefers-reduced-motion:reduce){.corner,.motion-dot{transition:none}.motion-copy>[data-scene]:not([hidden]){animation:none}}

body{font-synthesis:none}h1,h2{font-weight:500}h1 em{font-family:inherit;font-weight:inherit;letter-spacing:inherit;font-style:normal}.motion-copy{font-weight:500}.motion-copy em{font-family:inherit;font-weight:inherit;letter-spacing:inherit;font-style:normal;color:inherit}.approved{font-size:12px;padding:12px 0;margin-top:17px;border-top:1px solid #123F3C35}.approved a{text-decoration:underline;text-underline-offset:3px}@media(max-width:540px){.intro h1{font-size:clamp(43px,11.8vw,64px)}}

h1{letter-spacing:-.035em}h3{font-weight:500}