@charset "UTF-8";
:root{--ink:#292b29;--paper:#f6f1e7;--peach:#e8baac;--mint:#bfd4c8;--line:#343833;--muted:#62645c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;color:var(--ink);background:var(--peach);font-family:"Courier New",monospace;font-size:13px;line-height:1.5}body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#553b331c .6px,transparent .8px);background-size:3px 3px;z-index:-1}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #254e68;outline-offset:4px}.skip{position:fixed;top:-70px;left:10px;z-index:999;background:var(--paper);padding:12px}.skip:focus{top:45px}.menubar{height:37px;display:flex;align-items:center;gap:38px;background:var(--paper);border-bottom:1px solid var(--line);padding:0 22px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:bold;text-decoration:none;letter-spacing:-.4px}.pixel-star{font-size:24px;line-height:1}.menubar nav{display:flex;gap:26px}.menubar nav a{text-decoration:none}.menubar nav a:hover{text-decoration:underline}.local-time{margin-left:auto;font-size:11px;display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;border:1px solid #314f3b;background:#81a68c;vertical-align:middle;margin-right:4px}.desktop{width:min(1260px,100%);min-height:850px;margin:auto;position:relative;padding:74px 124px 70px;display:grid;grid-template-columns:minmax(0,610px) minmax(255px,1fr);grid-template-rows:auto auto;column-gap:28px;row-gap:30px;align-items:start}.desktop-note{position:absolute;top:20px;left:27px;font-size:10px;line-height:1.4;opacity:.7}.desktop-icons{position:absolute;left:16px;top:150px;display:flex;flex-direction:column;gap:23px;width:87px;text-align:center}.desktop-icons a{text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:64px;font-size:10px}.desktop-icons a:hover span{background:var(--ink);color:var(--paper)}.desktop-icons svg{width:43px;height:40px;filter:drop-shadow(2px 2px 0 #9a8072)}.desktop-icons svg path{stroke:#353833;stroke-width:1.5}.window{background:var(--paper);border:1px solid var(--line);box-shadow:3px 3px 0 #292b2940;border-radius:5px 5px 2px 2px;min-width:0;position:relative;scroll-margin-top:55px}.window[hidden]{display:none}.window:focus{outline:none}.window:focus-visible{outline:3px solid #254e68;outline-offset:4px}.titlebar{height:30px;display:flex;align-items:center;gap:9px;padding:0 9px;border-bottom:1px solid var(--line);user-select:none;cursor:grab;touch-action:pan-y}.titlebar:active{cursor:grabbing}.titlebar h2{font-family:Georgia,serif;font-size:13px;font-weight:normal;margin:0;white-space:nowrap}.title-lines{flex:1;height:15px;background:repeating-linear-gradient(to bottom,transparent 0 2px,#77786c 2px 3px);opacity:.6}.window-close{height:13px;width:13px;padding:0;border:1px solid var(--line);background:var(--paper);cursor:pointer;position:relative;flex:none}.window-close::before{content:"";position:absolute;inset:-10px}.window-close:hover{background:var(--mint)}.window-corner{font-size:15px}.window-body{padding:24px}.about-window{grid-column:1;grid-row:1 / span 2;z-index:3}.eyebrow{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.4px}.intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4.2vw,61px);font-weight:normal;letter-spacing:-3px;line-height:1.03;margin:28px 0 22px}.period{color:#a7563f}.intro-copy{font-family:Arial,sans-serif;font-size:14px;line-height:1.65;max-width:410px;margin:0;color:#4b4d47}.intro-actions{display:flex;align-items:center;gap:23px;margin:25px 0 30px}.retro-button{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;min-height:39px;padding:8px 14px;border:1px solid var(--line);box-shadow:2px 2px 0 var(--line);text-decoration:none;background:var(--paper);font-size:11px}.retro-button:hover{background:#dae4d9}.retro-button:active{transform:translate(2px,2px);box-shadow:none}.retro-button.primary{background:var(--mint)}.text-link{font-size:10px;text-underline-offset:4px}.postcard{height:189px;border:1px solid var(--line);position:relative;overflow:hidden;background:#e7b29f}.postcard svg{width:100%;height:100%;display:block}.postcard-stamp{position:absolute;bottom:12px;right:12px;padding:4px 7px;font-size:8px;letter-spacing:.8px;background:var(--paper);border:1px solid var(--line);transform:rotate(-3deg)}.window-status{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #b4b5a9;font-size:8px;margin-top:17px;padding-top:9px;color:#5c6056}.contact-window{grid-column:2;grid-row:1;transform:translate(0,24px) rotate(1deg);z-index:2}.contact-body{padding:22px}.mail-art{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 0 18px;background:#e9d88f;border:1px solid var(--line);font-family:Georgia,serif;font-size:41px;box-shadow:3px 3px 0 #292b2933}.contact-body h3{font-family:Georgia,serif;font-weight:normal;font-size:26px;line-height:1.15;letter-spacing:-.7px;margin:0 0 16px}.contact-body p{font-family:Arial,sans-serif;font-size:12px;line-height:1.6;color:#5d6056;margin:0 0 20px}.email-link{font-size:11px;font-weight:bold;overflow-wrap:anywhere;text-underline-offset:4px}.contact-location{display:flex;flex-direction:column;gap:3px;border-top:1px dotted #9b9c8d;margin-top:24px;padding-top:13px;font-size:8px}.projects-window{grid-column:2;grid-row:2;z-index:4;transform:translate(-35px,0);width:calc(100% + 64px)}.projects-body{padding:17px}.projects-window .titlebar h2{font-size:11px}.projects-intro{font-size:9px;margin:0 0 12px;color:var(--muted)}.project-list{display:flex;flex-direction:column}.project-list>a{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid #d1d0c3;text-decoration:none}.project-list>a:last-child{border-bottom:0}.project-list>a:hover strong{text-decoration:underline;text-underline-offset:3px}.app-tile{height:40px;width:40px;display:flex;align-items:center;justify-content:center;flex:none;border:1px solid var(--line);border-radius:7px;font-weight:bold;box-shadow:2px 2px 0 #292b2920}.auth-tile{background:#c2cbdc;font-size:30px}.pdf-tile{background:#d9a592;font-size:12px}.translator-tile{background:#bfcda4;font-size:17px}.project-list strong{display:block;font-size:11px}.project-list small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.project-arrow{margin-left:auto;font-size:17px}.services-label{grid-column:1;grid-row:3;display:flex;gap:14px;align-items:center;margin:3px 0 0 15px}.tiny-star{font-size:35px}.services-label p{font-size:10px;line-height:1.7;margin:0}.made-note{font-family:Georgia,serif;font-size:14px;font-style:italic;margin-left:auto;line-height:1.3;transform:rotate(-5deg)}.desktop-signoff{position:absolute;right:25px;bottom:60px;font:italic 32px/1 Georgia,serif;transform:rotate(-6deg);letter-spacing:-1px;opacity:.7}.legal-footer{border-top:1px solid #605b4c77;margin:0 25px 37px;padding:22px 0 28px;display:flex;gap:17px;align-items:flex-start;font-size:9px}.footer-mark{font-size:26px;line-height:1}.legal-footer strong{font-size:10px}.legal-footer p{margin:5px 0;line-height:1.6}.legal-footer address{font-style:normal;line-height:1.6}.footer-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:9px}.footer-right a{text-underline-offset:3px}.html-badge{font-size:8px;border:1px solid #686856;padding:3px 5px;background:#ddd6be}.taskbar{position:fixed;z-index:50;bottom:0;left:0;right:0;height:35px;border-top:1px solid var(--line);background:var(--paper);display:flex;align-items:stretch;gap:0;padding:0 16px}.taskbar-logo{font-size:25px;line-height:32px;padding-right:18px}.taskbar>a{display:flex;align-items:center;padding:0 20px;text-decoration:none;font-size:10px;border-left:1px solid #b8b7a9}.taskbar>a:hover,.taskbar>a[aria-current="true"]{background:var(--mint)}.taskbar-end{margin-left:auto;font-size:8px;align-self:center}.noscript{background:var(--paper);padding:20px;margin-bottom:35px}@media(min-width:1500px){.desktop{padding-top:100px;min-height:910px}}@media(max-width:1050px){.desktop{padding:65px 30px 60px 109px;grid-template-columns:minmax(0,1.5fr) minmax(235px,1fr);gap:25px}.intro h1{font-size:45px;letter-spacing:-2px}.window-body{padding:19px}.contact-body{padding:18px}.projects-window{width:calc(100% + 20px);transform:translate(-20px,0)}.desktop-signoff{display:none}.intro-actions{gap:15px}.text-link{font-size:9px}}@media(max-width:740px){.menubar{padding:0 13px;gap:20px;height:42px}.brand{font-size:12px;gap:7px}.menubar nav{margin-left:auto;gap:16px;font-size:11px}.local-time{display:none}.desktop{display:flex;flex-direction:column;padding:36px 17px 36px;gap:25px;min-height:0}.desktop-note,.desktop-icons{display:none}.window{width:100%;transform:none!important}.intro h1{font-size:clamp(39px,10vw,61px);margin:24px 0 20px;letter-spacing:-2px}.intro-copy{font-size:14px}.eyebrow{font-size:8px}.intro-actions{gap:20px;flex-wrap:wrap}.postcard{height:175px}.about-window{order:0}.projects-window{order:1}.contact-window{order:2}.services-label{order:3;width:100%;margin:0;padding:0 10px}.contact-body{padding:23px}.contact-body h3{font-size:30px}.contact-body p{font-size:14px}.email-link{font-size:14px}.mail-art{float:right;margin:0 0 18px 12px}.contact-location{clear:both;gap:5px;font-size:9px}.project-list>a{padding:15px 0}.project-list strong{font-size:13px}.project-list small{font-size:10px}.projects-intro{font-size:10px}.legal-footer{margin:0 17px 35px;padding:23px 0 28px;flex-wrap:wrap;font-size:9px}.footer-right{width:100%;margin:3px 0 0 43px;align-items:flex-start}.taskbar{padding:0 12px;height:36px}.taskbar>a{padding:0 17px}.taskbar-end{display:none}.titlebar{touch-action:auto;cursor:default}.window-close{width:14px;height:14px}.titlebar h2{font-size:12px}.window-status{font-size:8px}.made-note{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Dubai postcard direction: sand, faded terracotta, creek green. */
:root{--paper:#f4efdf;--peach:#d9b294;--mint:#b6c8b3;--ink:#303c34;--line:#3f493d;--muted:#616756}
.postcard{height:205px;background:#e9b089}.postcard img{width:100%;height:100%;object-fit:cover;display:block}.postcard-stamp{top:11px;bottom:auto;right:11px;color:#425847;background:#eee4c8;transform:rotate(2deg);font-size:7px}.contact-window{background:#e9edda}.mail-art{background:#c9a16f;color:#344d40}.pdf-tile{background:#caa080}.auth-tile{background:#a5b9aa}.translator-tile{background:#d5c18a}.desktop-signoff{color:#4d604d}.html-badge{background:#cbbd91}.legal-footer{color:#404d3f}@media(max-width:740px){.postcard{height:180px}}
/* Retro-future: restrained phosphor accents over a warm analogue desktop. */
.time-label{display:flex;justify-content:space-between;margin:0 0 7px;font-size:7px;letter-spacing:1px;color:#3a5f52}.period{color:#527c65}.intro h1{font-size:clamp(37px,3.8vw,55px);letter-spacing:-2.6px}.postcard::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#183e2b0b 3px 4px)}.postcard-stamp{color:#c6f7d5;background:#344e40;border-color:#263c30}.retro-button.primary:hover{background:#c7f0d1}.window-status .status-dot{background:#9dffc0;box-shadow:0 0 5px #78d5a066}.mail-art{background:#b6d4be}.taskbar-end{letter-spacing:1px}.titlebar{background:linear-gradient(90deg,#f4efdf,#dce5cc88,#f4efdf)}@media(max-width:740px){.intro h1{font-size:clamp(36px,9.8vw,61px);letter-spacing:-2px}}
.capability-strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.capability-strip span{padding:3px 7px;border:1px solid #8d9e87;font-size:8px;letter-spacing:.5px;background:#e0e8d3}.intro-actions{margin-top:22px}.intro h1{font-size:clamp(40px,4vw,58px)}.desktop{grid-template-columns:minmax(0,610px) minmax(255px,1fr)}@media(max-width:1050px){.desktop{grid-template-columns:minmax(0,1.5fr) minmax(235px,1fr)}}@media(max-width:740px){.intro h1{font-size:clamp(38px,10.3vw,61px)}}
.desktop-icons svg path+path{fill:none}
.project-filters{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #b9bcaa;padding:0 0 10px}.project-filters button{font:9px "Courier New",monospace;color:var(--ink);border:1px solid #9ea68f;background:transparent;padding:4px 6px;cursor:pointer}.project-filters button[aria-pressed=true]{background:#c4d5bd;border-color:#485941;box-shadow:1px 1px 0 #485941}.project-list{max-height:326px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#899880 #e8e5d4}.project-row{display:flex;gap:10px;align-items:center;padding:11px 5px 11px 0;border-bottom:1px solid #d1d0c3;text-decoration:none}.project-row[hidden]{display:none}.project-row small{line-height:1.5}.project-row:last-child{border:0}.app-tile{height:36px;width:36px;font-size:10px;overflow:hidden}.app-tile img{width:100%;height:100%;object-fit:cover;image-rendering:auto}.web-tile{background:#d4c396}.tools-tile{background:#b4c9b4}.projects-window .titlebar h2{font-size:10px}.animation-toggle{font:8px "Courier New",monospace;background:none;color:#3f5946;border:0;padding:0 2px;text-decoration:underline;cursor:pointer;text-underline-offset:3px}.postcard[data-paused=true] *{animation-play-state:paused!important}.postcard>svg{height:100%;width:100%}.postcard{isolation:isolate}.postcard .world{animation-direction:normal}.postcard .boat{animation-direction:normal}.legal-footer{position:relative;z-index:0}@media(max-width:740px){.project-list{max-height:430px}.project-row{padding:12px 3px 12px 0}.projects-window .titlebar h2{font-size:10px}.project-row small{font-size:9px}.project-filters button{min-height:30px;padding:5px 8px}}
@keyframes postcard-cycle{0%,100%{opacity:0}5%,94%{opacity:1}}
.postcard>svg{animation:postcard-cycle 32s linear infinite}
@media(prefers-reduced-motion:reduce){.postcard>svg{animation:none}}
/* Interactive studio folders. */
.js .finder-window{position:absolute;left:24%;top:145px;width:min(590px,70%);z-index:8;max-height:calc(100dvh - 110px);overflow:auto}.js .finder-window[hidden]{display:none}.js .company-window{left:34%;top:170px;width:min(460px,62%)}.finder-window .titlebar{position:sticky;top:0;z-index:2;background:var(--paper)}.finder-path{font-size:9px;color:#65765d;border-bottom:1px dotted #99a18b;padding-bottom:10px;margin:0 0 22px}.finder-heading{font:normal 32px/1.1 Georgia,serif;letter-spacing:-1px;margin:0 0 16px}.finder-description{font:13px/1.6 Arial,sans-serif;max-width:470px;color:#59634f}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:23px}.tool-card{display:flex;gap:13px;padding:17px 0;border-top:1px solid #c1c7b2}.tool-card>svg{width:32px;height:32px;flex:none;shape-rendering:crispEdges}.tool-card h3{margin:0 0 5px;font-size:12px}.tool-card p{font:11px/1.55 Arial,sans-serif;margin:0;color:#5f6955}.workflow-steps{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.workflow-steps span{border:1px solid #b0b89f;font-size:8px;padding:5px}.tool-footnote{font-size:8px;line-height:1.6;color:#6c7564;margin:19px 0 0}.company-details{margin:20px 0 0}.company-details dt{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#637259;margin:15px 0 4px}.company-details dd{font-size:11px;line-height:1.7;margin:0;overflow-wrap:anywhere}.company-details a{text-underline-offset:3px}.desktop-icons a:focus-visible{outline-offset:1px}.desktop-icons a[aria-expanded=true] span{background:#cad6bc;outline:1px solid #63745a}.window-active .titlebar{background:#e3ead5}.desktop-icons a{min-height:67px}.postcard>svg{animation-duration:42s}.postcard svg .neon-sign{filter:drop-shadow(0 0 2px #8adbb5)}@media(max-width:740px){.desktop-icons{position:static;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;order:-1;margin:-8px 0 0}.desktop-icons a{font-size:8px;min-height:58px;gap:6px}.desktop-icons svg{width:32px;height:29px}.js .finder-window,.js .company-window{position:relative;left:auto;top:auto;width:100%;max-height:none;order:0;overflow:visible}.tool-grid{grid-template-columns:1fr}.finder-heading{font-size:28px}.taskbar-extra{display:none!important}.desktop{padding-top:25px}.desktop-icons a[aria-expanded=true] span{outline:0;background:#d3dfc7}}@media(prefers-reduced-motion:reduce){.postcard svg *{animation:none!important}}
/* Window content must never resize the desktop behind it. */
.project-list{height:326px;min-height:326px;max-height:326px;overflow-anchor:none;scrollbar-gutter:stable}.about-window[hidden],.contact-window[hidden],.projects-window[hidden]{display:block;visibility:hidden;pointer-events:none}.desktop{overflow-anchor:none}.project-row{flex-shrink:0}@media(max-width:740px){.project-list{height:430px;min-height:430px;max-height:430px}}
.pixel-tile{border:0;border-radius:0;box-shadow:none;background:none!important;overflow:visible}.pixel-tile img{image-rendering:pixelated;width:36px;height:36px}.pixel-star svg{width:19px;height:19px;display:block}.footer-mark svg,.tiny-star svg{width:27px;height:27px}.taskbar-logo svg{width:21px;height:21px;margin-top:6px}.postcard svg .neon-sign use{image-rendering:pixelated}.window{overflow-anchor:none}
html{scroll-behavior:auto}.tool-card>svg,.neon-sign{shape-rendering:crispEdges}.tool-card:nth-child(2)>svg path{stroke:#527c60}
.founder-quote{margin:19px 0 0;padding:10px 0 10px 13px;border-left:2px solid #9ba98d}.founder-quote p{font:italic 16px/1.4 Georgia,serif;margin:0 0 7px;max-width:390px}.founder-quote footer{display:flex;align-items:center;gap:12px;font-size:8px;color:#67725c}.founder-quote button{font:8px "Courier New",monospace;border:0;background:transparent;color:#3d5943;padding:3px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.full-founder-quote{margin:0}.full-founder-quote p{font:normal 18px/1.6 Georgia,serif;color:#354b3d;margin:0 0 18px}.full-founder-quote footer{font:10px "Courier New",monospace;padding:3px 0 15px}.story-dates{border-top:1px solid #c1c7b2;display:flex;flex-wrap:wrap;gap:15px;padding-top:14px;font-size:8px;color:#637259}.js .story-window{top:100px;left:23%;width:min(600px,72%)}@media(max-width:740px){.js .story-window{left:auto;top:auto;width:100%}.full-founder-quote p{font-size:17px}}
@media(max-width:740px){.js .finder-window,.js .company-window,.js .story-window{position:fixed;left:12px;right:12px;top:55px;width:auto;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}.eyebrow{flex-wrap:wrap}.titlebar h2{white-space:normal;line-height:1.1}}
/* A small, playable postcard — no page-wide keyboard capture. */
.postcard{height:240px;cursor:crosshair}.postcard:focus-visible{outline:2px solid #577f60;outline-offset:3px}.postcard[data-control=manual]>svg{animation:none!important;opacity:1}.postcard[data-control=manual] .world,.postcard[data-control=manual] .boat{animation:none!important}.boat-controls{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}.boat-controls button{font:9px "Courier New",monospace;color:#3d5643;background:#e7e9d6;border:1px solid #8d9f86;cursor:pointer;min-height:30px;padding:5px 8px;box-shadow:1px 1px 0 #8d9f86}.steer-toggle[aria-pressed=true]{background:#bbd3b6}.direction-pad{display:flex;gap:4px;margin-left:auto}.direction-pad button{min-width:28px;padding:4px;font-size:14px}.boat-help{font-size:8px;line-height:1.5;color:#61725a;margin:7px 0 0}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.postcard[data-control=manual] .postcard-stamp{opacity:.7}@media(max-width:740px){.postcard{height:205px}.boat-controls button{min-height:36px}.direction-pad button{min-width:32px}.boat-help{font-size:8px}.autopilot-button{margin-left:auto}}
/* Clear pixel close controls, with a comfortably sized hit target. */
.window-close{width:18px;height:18px;display:grid;place-items:center;flex:none;box-shadow:inset 1px 1px 0 #fff8,inset -1px -1px 0 #58634e55}.window-close::before{inset:-7px}.window-close::after{content:"";width:10px;height:10px;background:var(--ink);clip-path:polygon(0 0,20% 0,50% 30%,80% 0,100% 0,100% 20%,70% 50%,100% 80%,100% 100%,80% 100%,50% 70%,20% 100%,0 100%,0 80%,30% 50%,0 20%)}.window-close:hover{background:#d4b49d}.window-close:active{box-shadow:inset 1px 1px 0 #58634e55}.desktop-icons{z-index:40}.desktop-icons a{position:relative;cursor:grab;user-select:none;touch-action:pan-y}.desktop-icons a:active{cursor:grabbing}.icon-dragging{z-index:100;filter:drop-shadow(3px 4px 1px #344b3d55)}.desktop-icons svg{pointer-events:none}
/* Larger, specific case descriptions inside a stable-size directory. */
.projects-window{width:calc(100% + 105px);transform:translate(-45px,0)}.case-open{width:100%;background:transparent;border:0;border-bottom:1px solid #c4c9b5;text-align:left;font:inherit;color:inherit;cursor:pointer;padding:16px 5px 16px 0;gap:14px}.case-open:hover{background:#dce5ce88}.case-open .app-tile,.case-open .app-tile img{width:44px;height:44px}.case-open strong{font-size:13px;line-height:1.35}.case-row-copy{min-width:0}.case-tags{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:7px}.case-tags span{font-size:9px;line-height:1.55;color:#64715b}.case-tags span:not(:last-child)::after{content:" /";color:#8a967b}.project-arrow{flex:none}.projects-intro{font-size:10px;line-height:1.5}.js .case-detail-window{width:min(580px,70%);left:26%;top:125px}.case-deliverables{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.case-deliverables span{border:1px solid #9eaf91;background:#e0e8d2;font-size:10px;padding:7px 9px}.case-description{font:15px/1.75 Arial,sans-serif;color:#4b604c}.case-credit{font-size:9px;line-height:1.65;color:#6a7860;margin:20px 0}.case-detail-window [hidden]{display:none!important}.project-list{padding-right:5px}.project-filters button{font-size:10px;min-height:29px}@media(max-width:1050px) and (min-width:741px){.projects-window{width:calc(100% + 40px);transform:translate(-25px,0)}}@media(max-width:740px){.projects-window{width:100%;transform:none}.case-open strong{font-size:14px}.case-tags span{font-size:10px}.case-open .app-tile,.case-open .app-tile img{width:42px;height:42px}.js .case-detail-window{position:fixed;left:12px;right:12px;top:55px;width:auto;max-height:calc(100dvh - 110px);overflow-y:auto}.desktop-icons{z-index:auto}.desktop-icons a{cursor:pointer}.window-close{height:20px;width:20px}.window-close::before{inset:-7px}}
.postcard{height:auto!important;aspect-ratio:7/3}.postcard>svg{position:absolute;inset:0;height:100%;width:100%}.postcard svg .tube-sign{filter:none}.postcard svg .neon-sign text{font-variant-ligatures:none}

/* Pixel Pulse 95: a short, skippable startup before the desktop unfolds. */
.boot-screen[hidden]{display:none!important}.boot-screen{position:fixed;inset:0;z-index:9999;background:#133d44;color:#f2eedb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;overflow:hidden;background-image:radial-gradient(ellipse at 45% 40%,#37686588,transparent 65%);font-family:"Courier New",monospace}.boot-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#071e2414 3px 4px)}.boot-brand{display:flex;align-items:center;gap:24px;position:relative;z-index:1}.boot-logo{display:block;width:94px;height:94px;color:#e9c880;filter:drop-shadow(5px 5px 0 #0c2e33)}.boot-logo svg{width:100%;height:100%;shape-rendering:crispEdges}.boot-brand strong{font:700 clamp(34px,6vw,68px)/1.1 Georgia,serif;letter-spacing:-2px;display:block}.boot-brand strong span{font:12px "Courier New",monospace;vertical-align:top;letter-spacing:0}.boot-brand p{margin:10px 0 0;font-size:12px;letter-spacing:2px;color:#bcd0bc}.boot-caption{font-size:15px;letter-spacing:4px;margin-top:35px}.boot-cursor{animation:boot-blink .7s steps(1) infinite}.boot-progress{margin-top:36px;width:min(330px,75vw);height:17px;border:2px solid #8ea99b;box-shadow:inset 2px 2px #0a2f35;padding:3px;background:#163f44;overflow:hidden}.boot-progress span{display:block;height:100%;width:34%;background:repeating-linear-gradient(90deg,#dfc887 0 8px,transparent 8px 11px);animation:boot-scan 1s linear infinite;transform:translateX(-120%)}.boot-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(430px,85vw);font-size:10px;margin-top:18px;color:#bfd0bf;z-index:1}.boot-bottom button{font:inherit;color:inherit;background:none;border:0;padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.boot-bottom button:focus-visible{outline:1px dashed #dfc887;outline-offset:4px}.boot-version{position:absolute;bottom:35px;letter-spacing:3px;font-size:9px;color:#9db7aa}.boot-leaving{opacity:0;transition:opacity 180ms ease;pointer-events:none}.booting{overflow:hidden}@keyframes boot-scan{to{transform:translateX(400%)}}@keyframes boot-blink{50%{opacity:0}}@media(max-width:540px){.boot-brand{gap:14px}.boot-logo{width:62px;height:62px}.boot-brand strong{letter-spacing:-1px}.boot-brand p{font-size:8px;letter-spacing:1px}.boot-bottom{font-size:9px}.boot-caption{font-size:12px}}@media(prefers-reduced-motion:reduce){.boot-screen{display:none!important}.booting{overflow:auto}}

/* An arranged desktop: six readable windows, with the Creek at its centre. */
@media(min-width:741px){
 .js .desktop{display:block;width:min(1600px,100%);height:850px;min-height:850px;padding:0;margin:0 auto}
 .js .desktop>.window{position:absolute;transform:none;max-height:none;overflow:hidden;min-width:0}
 .js .desktop>.window .window-body{padding:16px}
 .js .desktop>.window>.titlebar{position:relative;top:auto;flex-shrink:0;height:29px}
 .js .desktop>.window .titlebar h2{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .js .about-window{left:8%;top:37px;width:34%;height:276px}
 .js .about-window .intro{height:calc(100% - 29px);overflow-y:auto;scrollbar-width:thin}
 .js .intro h1{font-size:45px;line-height:.97;margin:14px 0 12px;letter-spacing:-2px}
 .js .intro h1 br{display:none}.js .intro h1 br::after{content:" "}
 .js .intro-copy{font-size:12px;line-height:1.55;max-width:none}
 .js .about-window .eyebrow{font-size:7px;flex-wrap:wrap;gap:4px}
 .js .founder-quote{margin:12px 0 0;padding:0 0 0 10px}.js .founder-quote p{font-size:13px;line-height:1.35}.js .founder-quote footer{font-size:7px}
 .js .about-window .capability-strip{margin-top:12px;gap:4px}.js .capability-strip span{font-size:7px;padding:2px 4px}
 .js .intro-actions{margin:13px 0 4px;gap:16px}.js .retro-button{min-height:30px;font-size:9px;padding:5px 10px}
 .js .contact-window{left:44%;top:52px;width:24%;height:214px}
 .js .contact-body .mail-art{float:right;width:35px;height:35px;font-size:26px;margin:0 0 5px 8px}
 .js .contact-body h3{font-size:22px;margin:0 0 9px}.js .contact-body p{font-size:11px;margin-bottom:12px}.js .contact-location{margin-top:12px;padding-top:8px;font-size:7px}.js .email-link{font-size:10px}
 .js .projects-window{left:70%;top:76px;width:28%;height:423px}
 .js .projects-body{height:calc(100% - 29px);display:flex;flex-direction:column}
 .js .projects-intro{font-size:9px;margin-bottom:8px}.js .project-filters{gap:3px;padding-bottom:8px;flex-shrink:0}.js .project-filters button{font-size:8px;min-height:24px;padding:3px 5px}
 .js .project-list{height:auto;min-height:0;max-height:none;flex:1}.js .case-open{padding:13px 3px 13px 0;gap:10px}.js .case-open strong{font-size:12px}.js .case-tags span{font-size:8px}.js .case-open .app-tile,.js .case-open .app-tile img{width:36px;height:36px}.js .projects-window .window-status{margin-top:9px;font-size:7px;flex-shrink:0}
 .js .tools-window{left:8%;top:348px;width:25%;height:333px}
 .js .tools-window .window-body{height:calc(100% - 29px);overflow-y:auto;scrollbar-width:thin}
 .js .finder-heading{font-size:23px;margin-bottom:10px}.js .finder-path{font-size:7px;margin-bottom:12px;padding-bottom:7px}.js .finder-description{font-size:11px;line-height:1.5}
 .js .tool-grid{gap:0 12px;margin-top:14px}.js .tool-card{gap:8px;padding:12px 0}.js .tool-card>svg{width:22px;height:22px}.js .tool-card h3{font-size:10px;margin-bottom:4px}.js .tool-card p{font-size:9px;line-height:1.45}
 .js .company-window{left:76%;top:535px;width:22%;height:258px}
 .js .company-window .window-body{height:calc(100% - 29px);overflow-y:auto;scrollbar-width:thin}
 .js .company-window .finder-heading{font-size:20px}.js .company-details{margin-top:10px}.js .company-details dt{font-size:7px;margin-top:11px}.js .company-details dd{font-size:9px;line-height:1.55}
 .js .voyage-window{left:34.5%;top:296px;width:40%;height:auto}
 .js .voyage-window .window-body{padding:14px}.js .voyage-window .time-label{font-size:7px}.js .voyage-window .window-status{margin-top:11px}
 .js .boat-controls{gap:5px;margin-top:8px}.js .boat-controls button{font-size:8px;min-height:26px;padding:4px 6px}.js .direction-pad{gap:3px}.js .direction-pad button{min-width:24px;font-size:12px}.js .boat-help{font-size:7px;margin:6px 0}
 .js .services-label{position:absolute;left:10%;bottom:65px;margin:0;width:59%}.js .services-label p{font-size:9px}.js .desktop-signoff{display:block;right:27%;bottom:49px;font-size:25px}
 .js .desktop-icons{z-index:0;top:77px;left:10px;width:65px;gap:16px}.js .desktop-icons a{font-size:8px;min-height:59px}.js .desktop-icons svg{width:34px;height:32px}
 .js .desktop>.window{z-index:2}.js .icon-dragging{z-index:0}
 .js .story-window,.js .case-detail-window{left:27%;top:125px;width:46%;height:auto;max-height:650px;overflow-y:auto}
}
@media(min-width:741px) and (max-width:1050px){.js .desktop{height:850px}.js .about-window{left:10%;width:39%}.js .contact-window{left:51%;width:24%}.js .projects-window{left:77%;width:21%}.js .projects-window .titlebar h2{font-size:10px}.js .tools-window{left:10%;width:27%}.js .voyage-window{left:38.5%;width:39%}.js .company-window{left:79%;width:19%}.js .intro h1{font-size:38px}.js .tool-grid{grid-template-columns:1fr}.js .project-filters button{font-size:7px}.js .case-open{gap:5px}.js .case-open .app-tile,.js .case-open .app-tile img{width:26px;height:26px}.js .case-open strong{font-size:10px}.js .case-tags span{font-size:7px}.js .company-window .finder-heading{font-size:17px}.js .voyage-window .boat-help{font-size:6px}}
@media(max-width:740px){.desktop-icons{grid-template-columns:repeat(6,minmax(0,1fr))}.voyage-window{order:1}.projects-window{order:2}.contact-window{order:3}.services-label{order:4}.desktop-icons a{font-size:7px}.desktop-icons svg{width:29px;height:27px}}

/* Oversized pixel pointers and a clear invitation to take the helm. */
@media(pointer:fine){html,body,.window,.postcard{cursor:url("assets/cursor-arrow.svg") 2 2,default}a,button,.case-open,.desktop-icons a,.postcard:hover{cursor:url("assets/cursor-hand.svg") 15 3,pointer}.titlebar{cursor:url("assets/cursor-hand.svg") 15 3,grab}}
.boat-controls .steer-toggle,.js .boat-controls .steer-toggle{min-height:43px;padding:10px 14px;background:#dfbf70;border:2px solid #44583f;box-shadow:3px 3px 0 #44583f;font-weight:bold;font-size:11px;color:#263c31;letter-spacing:.1px}.boat-controls .steer-toggle:hover{background:#f2d78c;transform:translateY(-1px)}.boat-controls .steer-toggle:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #44583f}.boat-controls .steer-toggle[aria-pressed=true]{background:#accdb5}.steer-invite{font-size:7px;letter-spacing:1px;color:#6a6c46;flex-basis:100%;order:4;margin:1px 0 0 2px}.postcard[data-control=manual]+.boat-controls .steer-invite{visibility:hidden}.boat-controls,.js .boat-controls{gap:8px;row-gap:5px}.boat-controls .direction-pad button,.js .boat-controls .direction-pad button{min-width:36px;min-height:42px;font-size:19px;padding:6px;background:#e0e8d2;border:1px solid #718567;box-shadow:2px 2px 0 #718567}.boat-controls .direction-pad button:hover{background:#c1d9be}.boat-controls .autopilot-button,.js .boat-controls .autopilot-button{min-height:42px;font-size:10px;padding:8px 10px}.sound-toggle{margin-left:auto;border:0;border-left:1px solid #b8b7a9;background:transparent;color:var(--ink);padding:0 13px;font:9px "Courier New",monospace}.sound-toggle:hover{background:#d3dfc7}.taskbar-end{margin-left:12px}.js .voyage-window .boat-help{font-size:8px}@media(max-width:1050px){.boat-controls .direction-pad{margin-left:0}.boat-controls .autopilot-button{margin-left:auto}.steer-invite{display:none}.sound-toggle{font-size:8px;padding:0 8px}}@media(max-width:740px){.sound-toggle{margin-left:auto;font-size:8px}.taskbar>a{padding:0 10px}.boat-controls .steer-toggle,.js .boat-controls .steer-toggle{font-size:11px;min-height:44px}.boat-controls .direction-pad button,.js .boat-controls .direction-pad button{min-width:38px;min-height:44px}.boat-controls .direction-pad{order:3;margin-left:0}.boat-controls .autopilot-button{margin-left:auto}.taskbar-logo{padding-right:10px}}

@media(min-width:741px){.js .desktop-signoff{right:29%;bottom:18px;font-size:22px}.js .made-note{margin-right:15px}.js .about-window{height:292px}.js .intro h1{font-size:42px}}

@media(min-width:741px){.js .desktop-icons{inset:0;width:auto;height:auto;display:block;pointer-events:none;z-index:0}.js .desktop-icons a{position:absolute;width:72px;pointer-events:auto}.js .desktop-icons a:nth-child(1){left:1.5%;top:39px}.js .desktop-icons a:nth-child(2){left:1%;top:210px}.js .desktop-icons a:nth-child(3){left:2.5%;top:611px}.js .desktop-icons a:nth-child(4){left:23%;top:717px}.js .desktop-icons a:nth-child(5){left:85%;top:4px}.js .desktop-icons a:nth-child(6){left:46%;top:728px}.js .services-label{width:49%;bottom:30px;left:9%}.js .made-note{display:none}.js .desktop-signoff{right:28%;bottom:27px}}

.sailing-guide{display:none;position:absolute;z-index:2;top:12px;left:12px;right:12px;max-width:315px;padding:10px 12px;background:#f4efdfed;border:1px solid #46604d;box-shadow:3px 3px 0 #24463766;pointer-events:none}.postcard[data-control=manual] .sailing-guide{display:block}.sailing-guide strong{display:block;font-size:11px;line-height:1.5;color:#254b3b}.sailing-guide>span{display:block;font-size:8px;margin-top:4px;color:#50634f}.journey-meter{height:5px;background:#c6cbb5;margin-top:9px;overflow:hidden}.journey-meter>span{display:block;height:100%;width:10%;background:#527c60}.sailing-guide small{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.7px;margin-top:4px}.boat-controls .direction-pad button.key-down,.js .boat-controls .direction-pad button.key-down,.boat-controls .direction-pad button:active{background:#dfbf70;color:#233d30;box-shadow:inset 2px 2px 0 #536c4c;transform:translate(2px,2px);border-color:#36533e}.postcard[data-control=manual]{border:2px solid #5b805c}.postcard[data-control=manual] .postcard-stamp{display:none}@media(max-width:740px){.sailing-guide{top:8px;left:8px;padding:7px 9px;max-width:260px}.sailing-guide strong{font-size:9px}.sailing-guide>span{font-size:7px}.journey-meter{margin-top:5px}}

/* Keep the folder rail clear and the game instructions outside the illustration. */
@media(min-width:741px){.js .desktop-icons a:nth-child(1){left:15px;top:65px}.js .desktop-icons a:nth-child(2){left:8px;top:157px}.js .desktop-icons a:nth-child(3){left:24px;top:249px}.js .desktop-icons a:nth-child(4){left:12px;top:341px}.js .desktop-icons a:nth-child(5){left:23px;top:433px}.js .desktop-icons a:nth-child(6){left:8px;top:525px}.js .about-window{left:9%;width:34%}.js .tools-window{left:9%;width:22%}.js .voyage-window{left:32.5%;top:300px;width:45%}.js .projects-window{left:74%;width:24%}.js .company-window{left:79%;width:19%;top:540px}.js .contact-window{left:45%;width:26%}.js .desktop{height:925px;min-height:925px}.js .services-label{bottom:40px}.js .desktop-signoff{bottom:40px}}
.sailing-guide,.postcard[data-control=manual] .sailing-guide{display:block;position:static;max-width:none;margin:10px 0 0;padding:9px 11px;background:#e5ead5;border:1px solid #9baa8c;box-shadow:none;pointer-events:auto}.sailing-guide strong{font-size:11px}.sailing-guide>span{font-size:8px}.sailing-guide .journey-meter{height:4px;margin-top:6px}.sailing-guide small{font-size:6px}.voyage-window .postcard{border:1px solid var(--line)}.voyage-window:has(.postcard[data-control=auto]) .journey-meter,.voyage-window:has(.postcard[data-control=auto]) .sailing-guide small{display:none}
@media(max-width:1050px) and (min-width:741px){.js .about-window,.js .tools-window{left:12%}.js .about-window{width:38%}.js .tools-window{width:25%}.js .contact-window{left:52%;width:24%}.js .voyage-window{left:38%;width:40%}.js .projects-window{left:79%;width:19%}.js .company-window{left:80%;width:18%}.js .sailing-guide strong{font-size:10px}}
@media(max-width:740px){.sailing-guide{padding:8px;margin-top:8px}.sailing-guide strong{font-size:10px}.sailing-guide>span{font-size:8px}}

/* One readable instruction, with equally positive directions. */
.voyage-window .time-label,.voyage-window .boat-help,.voyage-window .steer-invite,.voyage-window .window-status>span{display:none}.sailing-guide,.js .voyage-window .sailing-guide{padding:13px 15px;margin-top:12px}.sailing-guide strong,.js .sailing-guide strong{font-size:16px;line-height:1.45}.sailing-keys{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:bold;margin-top:10px;color:#4b644d}.sailing-keys span{background:#f4efdf;padding:4px 9px;border:1px solid #b1bca0;box-shadow:1px 1px #b1bca0}.voyage-window .journey-meter{height:5px;margin-top:12px}.voyage-window .window-status{justify-content:flex-end;margin-top:12px}.voyage-window .animation-toggle{font-size:12px}.boat-controls .steer-toggle,.js .boat-controls .steer-toggle{font-size:13px;min-height:46px;padding:10px 14px}.boat-controls .autopilot-button,.js .boat-controls .autopilot-button{font-size:12px;min-height:46px}.boat-controls .direction-pad button,.js .boat-controls .direction-pad button{font-size:21px;min-width:40px;min-height:46px}.voyage-window .titlebar h2,.js .voyage-window .titlebar h2{font-size:14px}.voyage-window .postcard-stamp{font-size:9px}@media(max-width:740px){.sailing-guide strong,.js .sailing-guide strong{font-size:15px}.sailing-keys{font-size:12px}.boat-controls .steer-toggle,.js .boat-controls .steer-toggle{font-size:13px}.voyage-window .animation-toggle{font-size:12px}.voyage-window .titlebar h2,.js .voyage-window .titlebar h2{font-size:13px}.sailing-keys span{padding:4px 6px}}

/* A single retro gamepad: cross, screen, two physical action buttons. */
.gamepad.boat-controls,.js .gamepad.boat-controls{display:grid;grid-template-columns:108px minmax(0,1fr) 94px;align-items:center;gap:14px;margin-top:12px;padding:14px;background:#b9bbaa;border:2px solid #586052;border-radius:9px;box-shadow:inset 2px 2px #e9e9d7,inset -3px -3px #7a8270,3px 4px #43524155}
.gamepad .direction-pad,.js .gamepad .direction-pad{display:grid;grid-template-columns:repeat(3,36px);grid-template-rows:repeat(3,36px);gap:0;margin:0;filter:drop-shadow(2px 3px 0 #515d4d66)}
.gamepad .direction-pad button,.js .gamepad .direction-pad button{min-width:0;min-height:0;width:36px;height:36px;background:#39483c;color:#e9edd8;border:0;border-radius:2px;font-size:22px;box-shadow:inset 1px 1px #74816b,inset -2px -2px #203526;padding:0}
.gamepad .direction-pad button[data-steer=up]{grid-column:2;grid-row:1}.gamepad .direction-pad button[data-steer=left]{grid-column:1;grid-row:2}.gamepad .direction-pad button[data-steer=right]{grid-column:3;grid-row:2}.gamepad .direction-pad button[data-steer=down]{grid-column:2;grid-row:3}.dpad-center{grid-column:2;grid-row:2;background:#39483c;position:relative}.dpad-center::after{content:"";position:absolute;inset:10px;border:1px solid #7d8973;border-radius:50%}
.gamepad .direction-pad button.key-down,.js .gamepad .direction-pad button.key-down,.gamepad .direction-pad button:active{background:#ddb870;color:#263f30;box-shadow:inset 2px 2px #897149;transform:translate(1px,1px)}
.gamepad .sailing-guide,.js .gamepad .sailing-guide{display:block;position:static;border:1px solid #788568;background:#d3dec0;padding:10px;margin:0;box-shadow:inset 2px 2px #7f906b55;min-width:0;border-radius:2px}.gamepad .journey-stage{font-size:12px;line-height:1.35;margin-bottom:7px;color:#506345;font-weight:bold}.gamepad .sailing-guide strong,.js .gamepad .sailing-guide strong{font-size:15px;line-height:1.35;display:block;min-height:41px}.gamepad .journey-meter,.voyage-window:has(.postcard[data-control=auto]) .gamepad .journey-meter{display:block;height:4px;margin-top:9px;background:#a8b594}.gamepad-legend{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;margin-top:6px;font-weight:bold;color:#56704b}.gamepad .animation-toggle{font-size:16px;line-height:1;width:30px;height:27px;background:#aebc99;border:1px solid #6d805e;padding:2px;color:#31442b}
.gamepad-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.gamepad .steer-toggle,.js .gamepad .steer-toggle,.gamepad .autopilot-button,.js .gamepad .autopilot-button{border-radius:50%;width:62px;height:46px;min-height:46px;padding:0;border:2px solid #674c3e;background:#ba7655;color:#fff0d0;box-shadow:2px 3px #674c3e;font-size:12px;font-weight:bold;letter-spacing:.7px}.gamepad .autopilot-button,.js .gamepad .autopilot-button{background:#5a7a66;border-color:#3b5544;box-shadow:2px 3px #3b5544;margin:0}.gamepad .steer-toggle[aria-pressed=true]{background:#d19b62}.gamepad .steer-toggle:hover{background:#d39268}.gamepad .autopilot-button:hover{background:#72937b}.gamepad button:active{translate:1px 1px}
@media(max-width:1050px) and (min-width:741px){.gamepad.boat-controls,.js .gamepad.boat-controls{grid-template-columns:84px minmax(0,1fr) 54px;gap:8px;padding:10px}.gamepad .direction-pad,.js .gamepad .direction-pad{grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,28px)}.gamepad .direction-pad button,.js .gamepad .direction-pad button{width:28px;height:28px}.gamepad .steer-toggle,.js .gamepad .steer-toggle,.gamepad .autopilot-button,.js .gamepad .autopilot-button{width:50px;font-size:10px}.gamepad .sailing-guide strong,.js .gamepad .sailing-guide strong{font-size:13px}.gamepad .journey-stage{font-size:11px}}
@media(max-width:740px){.gamepad.boat-controls,.js .gamepad.boat-controls{grid-template-columns:108px 1fr;gap:12px;padding:12px}.gamepad .sailing-guide{grid-column:1 / -1;grid-row:1}.gamepad .direction-pad{grid-column:1;grid-row:2}.gamepad-actions{grid-column:2;grid-row:2;flex-direction:row;justify-content:center;gap:14px}.gamepad .sailing-guide strong,.js .gamepad .sailing-guide strong{font-size:16px;min-height:0}.gamepad .journey-stage{font-size:13px}.gamepad-legend{font-size:12px}.gamepad .steer-toggle,.js .gamepad .steer-toggle,.gamepad .autopilot-button,.js .gamepad .autopilot-button{width:64px;height:48px;min-height:48px;font-size:12px}}
/* One typewriter/computer family throughout the desktop, game and startup. */
:root{--retro-font:"Courier New",Courier,monospace}body,body *{font-family:var(--retro-font)!important}.intro h1,.js .intro h1{font-weight:700;letter-spacing:-2px;font-size:clamp(30px,3.3vw,44px)}.titlebar h2{font-weight:700}.finder-heading,.contact-body h3{font-weight:700;letter-spacing:-1px}.intro-copy,.finder-description,.contact-body p,.case-description,.tool-card p{line-height:1.6}.founder-quote p,.full-founder-quote p{font-style:normal}.boot-brand strong{font-weight:700;letter-spacing:-2px}.postcard svg text{font-family:var(--retro-font)!important}.postcard svg text[font-size="25"],.postcard svg text[font-size="27"]{font-style:normal;font-size:21px;font-weight:bold}.desktop-signoff,.made-note{font-style:normal;font-weight:bold;letter-spacing:-1px}@media(max-width:740px){.intro h1,.js .intro h1{font-size:36px;letter-spacing:-2px}}

.inbox-item{position:relative}.inbox-dot{position:absolute;right:12px;top:0;width:9px;height:9px;background:#b44f3d;border:1px solid #6d3129;border-radius:50%;box-shadow:0 0 0 3px #f3e7d066;animation:mail-notice 1.7s ease-in-out infinite}.inbox-item[data-unread=false] .inbox-dot{opacity:0;animation:none}.desktop-icons .inbox-item svg{overflow:visible}.desktop-icons .envelope-flap{transform-origin:24px 10px;transition:transform .35s ease}.desktop-icons .inbox-open .envelope-flap{transform:scaleY(-1)}@keyframes mail-notice{0%,100%{opacity:1;box-shadow:0 0 0 2px #bc594c33}50%{opacity:.4;box-shadow:0 0 0 5px #bc594c05}}@media(prefers-reduced-motion:reduce){.inbox-dot{animation:none}.envelope-flap{transition:none}}