@font-face{font-family:Hand;src:url('/assets/patrick-hand.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}:root{--ink:#263d45;--paper:#eae2d1;--accent:#377681}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(#88734b24 .7px,transparent .7px),radial-gradient(#fff9e738 .9px,transparent .9px);background-size:7px 7px,11px 11px;background-position:0 0,3px 5px;font-family:Hand,'Comic Sans MS',cursive;-webkit-font-smoothing:antialiased}.desk{width:calc(100% - 64px);max-width:895px;margin:42px auto 28px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 6px 35px;min-height:210px}.intro{position:relative;flex:1}h1{text-transform:uppercase;text-shadow:.45px 0 currentColor;font-weight:400;font-size:43px;letter-spacing:-.8px;line-height:1.05;position:relative;display:inline-block;margin:0 0 18px}.underline{position:absolute;left:-5px;bottom:-11px;width:100%;height:12px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;transform:rotate(-1deg)}header p{font-size:16px;color:#596d70;margin:0}.click-note{display:inline-block;font-size:16px;transform:rotate(-5deg);position:relative;margin:17px 0 0 5px;color:#526a6c}.click-note svg{position:absolute;top:0;left:83px;width:61px;height:42px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 28px;padding:8px 4px}.note{position:relative;height:226px;padding:22px 16px 14px;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:1px 2px 5px 1px;box-shadow:1px 3px 3px #52483016,0 1px 1px #52483015;transform:rotate(var(--rotation));transition:transform .18s,box-shadow .18s;isolation:isolate}.note:after{content:'';position:absolute;bottom:0;right:0;border:8px solid transparent;border-left-color:#00000009;border-top-color:#00000009;transform:rotate(180deg);z-index:-1}.note:hover{transform:rotate(0deg) translateY(-5px);box-shadow:2px 7px 7px #52483022;z-index:2}.note:focus-visible{outline:2px dashed var(--accent);outline-offset:6px;transform:rotate(0)}.tape{position:absolute;left:calc(50% - 29px);top:-10px;width:58px;height:21px;transform:rotate(-5deg);background:#b9ab887d;clip-path:polygon(1% 0,97% 4%,100% 25%,96% 48%,100% 70%,98% 100%,3% 97%,0 77%,4% 55%,0 30%)}.website{background:#f3eddc;--rotation:-2deg}.app{background:#e1cf9f;--rotation:1.5deg}.paige{background:#b8ceca;--rotation:-1deg}.caliber{background:#d4c5a7;--rotation:1.4deg}.boeing{background:#b6c9d0;--rotation:-1.5deg}.contact{background:#e4dfca;--rotation:1.5deg}.note h2{text-transform:uppercase;text-shadow:.3px 0 currentColor;font-size:25px;font-weight:400;line-height:1.1;margin:13px 0 7px;letter-spacing:-.2px}.note p{font-size:15px;line-height:1.1;text-align:center;margin:0;color:#455e62}.out{position:absolute;right:11px;bottom:9px;font-family:Arial,sans-serif;font-size:16px;color:#4c676c}.drawing{height:115px;position:relative;display:block;flex-shrink:0}.browser{width:158px;height:108px;background:#faf7ed;border:2px solid #474139;border-radius:5px 7px 4px 6px;transform:rotate(-4deg);box-shadow:2px 3px 0 #34362e20;display:flex;align-items:center;justify-content:center;padding-top:20px}.browser-bar{position:absolute;left:0;right:0;top:0;height:23px;border-bottom:1.5px solid #474139;font-family:Arial,sans-serif;font-size:7px;padding:8px 7px;color:#7e776d;letter-spacing:2px}.browser-bar>span{position:absolute;top:3px;right:38px;font:12px Hand,cursive;letter-spacing:0}.browser img{width:77px;height:auto;transform:rotate(-4deg)}.tiny-card{position:absolute;right:-14px;bottom:-8px;width:55px;height:34px;border:1.8px solid #3d443d;background:#eee8d6;transform:rotate(9deg)}.stamp{position:absolute;top:3px;right:3px;font:8px Arial,sans-serif;border:1px dashed #3d443d;padding:2px;color:#3d443d}.address-lines{position:absolute;bottom:6px;left:5px;width:23px;height:9px;background:repeating-linear-gradient(transparent 0,transparent 3px,#747668 3px,#747668 4px)}.phone{height:118px;width:67px;border:2px solid #3b3c34;background:#f9f7ee;border-radius:7px 6px 5px 6px;display:flex;align-items:center;justify-content:center;transform:rotate(8deg);box-shadow:3px 3px 0 #34362e12}.phone img{border-radius:8px;width:44px;height:44px}.speaker{position:absolute;top:6px;left:23px;width:18px;height:4px;border-radius:4px;background:#3b3c34}.phone-line{position:absolute;bottom:6px;left:21px;width:24px;height:2px;background:#3b3c34;border-radius:2px}.app-scribble{position:absolute;font-size:12px;top:69px;right:16px;transform:rotate(-11deg);color:#665c41}.conversation{width:169px;display:flex;flex-direction:column;justify-content:center;gap:10px;transform:rotate(-3deg)}.bubble{position:relative;font-size:21px;line-height:1;padding:12px 16px;border:2px solid #304e58;border-radius:3px 5px 4px 2px;width:max-content;box-shadow:1px 2px 0 #34362e12}.mine{align-self:flex-end;background:#9fbfc2}.mine:after{content:'';position:absolute;bottom:-6px;right:9px;width:10px;height:10px;background:#9fbfc2;border-right:2px solid #304e58;border-bottom:2px solid #304e58;transform:skewY(35deg)}.hers{align-self:flex-start;background:#f3efdf}.hers:after{content:'';position:absolute;bottom:-5px;left:8px;width:9px;height:9px;background:#f3efdf;border-left:2px solid #304e58;border-bottom:2px solid #304e58;transform:skewY(-30deg)}.parcel{height:91px;width:121px;background:#cfab75;border:2px solid #534330;border-radius:3px 2px 4px 5px;transform:rotate(-5deg);margin-bottom:17px;display:flex;align-items:center;justify-content:center;box-shadow:2px 3px 0 #34362e15}.box-top{position:absolute;width:calc(100% + 4px);height:19px;top:-18px;left:-2px;background:#ddbd8d;border:2px solid #534330;clip-path:polygon(13% 0,87% 0,100% 100%,0 100%)}.parcel:after{content:'';position:absolute;width:20px;height:100%;background:#b4946480;left:calc(50% - 10px);z-index:-1}.parcel img{background:#f6f3e7;padding:4px;border:1px solid #6c5b43;transform:rotate(7deg);margin-left:-29px;margin-top:-13px}.box-label{position:absolute;bottom:4px;right:6px;font-size:11px}.flight{width:181px;display:flex;align-items:center}.flight svg{height:115px;width:100%;stroke:#364453;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;fill:none}.trail{stroke-dasharray:7 5;opacity:.6}.plane{fill:#e9e8df;transform-origin:60% 45%;transition:transform .25s}.boeing:hover .plane{transform:translate(8px,-4px) rotate(4deg)}.old-job{position:absolute;top:19px;right:10px;font-size:11px;color:#53594f;transform:rotate(5deg)}.surfboard{width:155px}.surfboard svg{width:100%;height:115px;fill:none;stroke:#294d59;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.board-shape{fill:#f5efd9}.stringer{stroke-width:1!important}.board-stripe{stroke:#4d8890!important;stroke-width:7!important}.fin{fill:#294d59}.leash{stroke-width:1.4!important}.note-number{position:absolute;top:14px;left:12px;font:9px 'Courier New',monospace;letter-spacing:1px;color:#3f626b;opacity:.7}.snapshots{position:relative;width:408px;height:205px;flex:none}.snapshot{margin:0;padding:6px 6px 21px;background:#f9f5e9;border:1px solid #bdb59c;box-shadow:2px 4px 0 #897d5b20;position:absolute}.snapshot img{display:block;width:100%;height:100%;object-fit:cover}.snapshot figcaption{position:absolute;bottom:3px;left:0;width:100%;text-align:center;font-size:12px;color:#4d666b}.snapshot .tape{width:45px;height:17px;top:-8px;left:calc(50% - 22px)}.fishing{width:122px;height:181px;left:2px;top:10px;transform:rotate(-7deg);z-index:1}.surfing{width:283px;height:177px;right:1px;top:23px;transform:rotate(5deg)}.surfing img{object-position:50% 35%}footer{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#596d70;padding:0 8px;margin-top:29px}footer>div{display:flex;gap:24px}footer a{color:#355760;text-decoration:none}footer a:hover{color:var(--accent);text-decoration:underline;text-decoration-style:wavy;text-underline-offset:4px}.footer-doodle{display:inline-block;margin-left:8px;color:#377681}footer a:focus-visible{outline:2px dashed var(--accent);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:#d4c5a7;color:#34362e}@media(min-height:900px) and (min-width:800px){.desk{margin-top:45px}.note{height:235px}.board{gap:35px 29px}header{margin-bottom:40px}}@media(max-width:700px){.desk{width:calc(100% - 40px);max-width:520px;margin-top:27px}header{margin:0 1px 30px;display:block;min-height:0}.intro{padding-right:0}.snapshots{margin:21px auto 0;width:100%;max-width:375px;height:186px}.fishing{width:106px;height:159px;left:5px;top:8px}.surfing{width:calc(100% - 99px);height:157px;right:1px;top:18px}.snapshot figcaption{font-size:11px}h1{font-size:36px;margin-bottom:17px}header p{font-size:13px;max-width:260px}header p br{display:none}.click-note{position:absolute;right:19px;top:5px;margin:0;font-size:13px;max-width:64px;line-height:1.1}.click-note svg{width:40px;top:19px;left:17px}.board{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 17px;padding-inline:2px}.note{height:185px;padding:20px 9px 13px}.note h2{font-size:22px;margin:10px 0 6px}.note p{font-size:12px}.drawing{height:88px}.browser{width:117px;height:83px;padding-top:18px}.browser-bar{height:19px;font-size:5px;padding:6px}.browser-bar>span{right:24px;top:2px;font-size:10px}.browser img{width:58px}.tiny-card{width:40px;height:28px;right:-8px}.stamp{font-size:6px;padding:1px}.address-lines{width:17px;height:8px;bottom:4px;left:4px}.phone{height:91px;width:52px;border-radius:9px}.phone img{height:35px;width:35px;border-radius:9px}.speaker{top:5px;left:16px;height:3px;width:16px}.phone-line{width:18px;bottom:5px;left:15px}.app-scribble{font-size:10px;right:6px;top:62px;transform:rotate(-18deg)}.conversation{width:130px;gap:8px}.bubble{font-size:16px;padding:9px 12px;border-radius:3px}.parcel{height:72px;width:95px;margin-bottom:15px}.box-top{height:16px;top:-15px}.parcel img{width:34px;height:34px;padding:3px;margin-left:-25px;margin-top:-8px}.box-label{font-size:9px;right:3px;bottom:3px}.flight{width:139px}.flight svg{height:88px}.surfboard{width:126px}.surfboard svg{height:88px}.old-job{font-size:9px;top:16px;right:7px}.out{font-size:13px;bottom:8px;right:8px}.tape{width:43px;height:18px;left:calc(50% - 21px);top:-9px}footer{margin-top:24px;font-size:12px;padding-inline:3px}footer>div{gap:17px}}@media(max-width:360px){.desk{width:calc(100% - 32px);margin-top:23px}.note{height:179px;padding-inline:5px}.note h2{font-size:20px}.note p{font-size:11px}.board{gap:21px 13px}.click-note{display:none}.snapshots{height:171px}.fishing{width:94px;height:145px}.surfing{width:calc(100% - 86px);height:142px}.snapshot figcaption{font-size:10px}h1{font-size:34px}.app-scribble{right:2px;font-size:8px}.old-job{font-size:8px}.browser{width:108px}.conversation{width:119px}.flight{width:127px}header p{font-size:12px}footer{font-size:11px}footer>div{gap:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.note:hover{transform:rotate(var(--rotation))}.boeing:hover .plane{transform:none}}