*{box-sizing:border-box;letter-spacing:0}body{margin:0;color:#161616;background:#fff;font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px dashed #111;outline-offset:6px}header{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedede;background:white;position:relative;z-index:3}.brand,.signature{font-family:'Comic Sans MS','Chalkboard SE',cursive;font-weight:700;font-size:29px}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav a:hover{text-decoration:underline;text-underline-offset:5px}.subscribe{display:flex;align-items:center;gap:15px;border:1.5px solid #171717;padding:10px 17px;border-radius:3px}svg{width:19px;height:19px;stroke-width:1.6}.drive{height:calc(100svh - 88px);min-height:610px;position:relative;overflow:hidden;border-bottom:2px solid #222}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}.intro{position:absolute;left:5%;top:5%;pointer-events:none;max-width:440px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;margin:0 0 12px}h1{font-family:'Comic Sans MS','Chalkboard SE',cursive;font-weight:700;font-size:64px;line-height:1.1;margin:0 0 15px}.intro>p:not(.eyebrow){font-size:17px;line-height:1.5;margin:0 0 24px}.read{pointer-events:auto;display:inline-flex;align-items:center;gap:24px;font-weight:600;font-size:14px;border-bottom:1.5px solid #111;padding-bottom:8px}.controls{position:absolute;bottom:28px;right:5%;display:flex;gap:8px}.controls button,.close{width:44px;height:44px;display:grid;place-items:center;background:white;border:1px solid #aaa;border-radius:4px}.controls button:hover,.controls button[aria-pressed=true]{background:#111;color:#fff}.chapter{position:absolute;bottom:36px;left:5%;display:flex;gap:12px;align-items:center;font-size:10px;font-weight:700}.chapter-line{height:1px;width:42px;background:#666}#chapter-number{border:1px solid #333;width:26px;height:26px;border-radius:50%;display:grid;place-items:center}#loading{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);font-size:14px}dialog{max-width:540px;width:calc(100% - 40px);padding:56px 35px 24px;background:white;border:2px solid #111;border-radius:4px}dialog::backdrop{background:rgb(255 255 255 / .8);backdrop-filter:blur(4px)}dialog .close{position:absolute;top:12px;right:12px}blockquote{margin:20px 0;font-size:27px;line-height:1.45;font-family:'Comic Sans MS','Chalkboard SE',cursive}.signature{font-size:23px}
.blog-chat{width:224px;pointer-events:auto}.chat-heading{height:28px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;border-bottom:1px solid #999;margin-bottom:8px}.chat-heading>a:hover{text-decoration:underline}.chat-heading button{display:grid;place-items:center;border:0;background:transparent;width:28px;height:28px;padding:5px}.chat-heading svg{width:14px;height:14px}.chat-window{height:204px;overflow:hidden;padding:0 4px}.chat-item{height:68px;padding-bottom:6px;padding-left:4px}.chat-bubble{display:flex;flex-direction:column;justify-content:space-between;height:62px;padding:6px 9px;background:#fff;border:1px solid #c5c5c5;border-radius:0 7px 7px 7px;box-shadow:0 1px 1px #00000008;position:relative}.chat-bubble:before{content:'';position:absolute;top:-1px;left:-5px;width:5px;height:6px;background:#fff;border-top:1px solid #c5c5c5;clip-path:polygon(0 0,100% 0,100% 100%)}.chat-bubble:hover{border-color:#333;background:#f5f5f5}.chat-bubble:focus-visible{outline-offset:-3px}.chat-title{font-size:13px;line-height:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:500}.chat-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:9px;line-height:12px;color:#666;white-space:nowrap}.chat-meta>span{margin-right:auto}.chat-meta svg{width:13px;height:13px;stroke-width:1.4}.incoming{animation:chat-arrive .65s ease both}@keyframes chat-arrive{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.incoming{animation:none}}
@media(max-width:650px){header{height:76px;padding:0 20px}.brand{font-size:22px}nav{gap:17px;font-size:12px}.drive{height:calc(100svh - 76px);min-height:650px}.intro{left:24px;top:20px;max-width:320px}h1{font-size:43px}.intro>p:not(.eyebrow){font-size:15px;margin-bottom:10px}.blog-chat{width:200px}.chat-heading{margin-bottom:6px}.chat-window{height:192px}.chat-item{height:64px}.chat-bubble{height:58px;padding:4px 7px}.chat-title{font-size:12px;line-height:15px}.eyebrow{font-size:9px}.controls{bottom:22px;right:20px;gap:6px}.chapter{left:20px;bottom:82px;font-size:9px}.controls button{width:42px;height:42px}blockquote{font-size:23px}}