:root{color-scheme:light;--paper:#fff;--white:#fff;--ink:#0a0c10;--muted:#5a6072;--line:#dbe5ee;--sky:#a0d4ee;--cloud-pill:#b1dff6;--cloud-mist:#ddeef8;--blurple:#4242fa;--wordmark:#302dcc;--raspberry:#d0005e;--slate-button:#262d40;--harbor-slate:#294e60;--focus:var(--blurple);--wrap:1120px;--radius:17px;--mono:ui-monospace, SFMono-Regular, Consolas, monospace}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:24px}body{color:var(--ink);background:var(--paper);flex-direction:column;min-height:100vh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;line-height:1.6;display:flex}main{flex:1}a{color:var(--slate-button);text-underline-offset:.2em}a:hover{color:var(--ink)}a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px;border-radius:3px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(2.35rem,5vw,3.25rem);font-weight:780}h2{font-size:clamp(1.85rem,3.4vw,2.55rem);font-weight:750}h3{font-size:clamp(1.2rem,2.7vw,1.55rem);font-weight:740}p+p{margin-top:1em}.wrap{width:min(var(--wrap), calc(100% - 2 * clamp(20px, 5.5vw, 64px)));margin-inline:auto}.reading{max-width:690px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:2;background:var(--white);padding:8px 14px;position:absolute;top:12px;left:12px;transform:translateY(-200%)}.skip:focus{transform:none}.site-header{background:var(--sky)}.header-inner,.footer-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.header-inner{min-height:75px}.brand{color:var(--wordmark);letter-spacing:-.025em;align-items:center;gap:10px;font-size:.94rem;font-weight:750;line-height:1.15;text-decoration:none;display:inline-flex}.brand:hover{color:var(--wordmark);text-decoration:underline}.brand-mark{flex:none;width:35px;height:35px}.header-nav,.site-footer nav{gap:clamp(8px,2.3vw,28px);display:flex}.header-nav a,.site-footer nav a{min-height:44px;color:var(--ink);align-items:center;font-size:.9rem;font-weight:630;text-decoration:none;display:inline-flex}.header-nav a:hover,.site-footer nav a:hover,nav a[aria-current]{text-decoration:underline}.site-footer{background:linear-gradient(var(--sky), #7dc4e8);padding-block:28px}.site-footer p{color:var(--harbor-slate);margin-top:8px;font-size:.83rem}.site-footer .brand-mark{width:29px;height:29px}.home-opening{background:var(--sky);padding-bottom:clamp(20px,3vw,36px);position:relative}.home-opening:after{content:"";background:radial-gradient(ellipse 33% 145% at 12% 150%, var(--paper) 98%, transparent 100%), radial-gradient(ellipse 41% 150% at 67% 155%, var(--paper) 98%, transparent 100%), radial-gradient(ellipse 38% 155% at 100% 162%, var(--cloud-mist) 98%, transparent 100%);border-bottom:5px solid var(--paper);pointer-events:none;height:clamp(22px,4vw,48px);position:absolute;inset:auto 0 0}.home-hero{grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,58px);padding-block:clamp(40px,5vw,68px);display:grid}.eyebrow{color:var(--raspberry);font:600 .72rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:9px;margin-bottom:16px;display:flex}.signal{background:currentColor;border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block}.home-hero h1{letter-spacing:-.065em;font-size:clamp(2.65rem,5.5vw,4.65rem);line-height:1.01}.home-hero h1 span{display:block}.home-hero h1 .hero-accent{max-width:12ch}.home-hero .eyebrow,.home-hero .lede,.home-hero .action{color:var(--harbor-slate)}.home-hero .signal{background:var(--harbor-slate)}.hero-illustration{isolation:isolate;background:radial-gradient(ellipse 38% 38% at 48% 53%, var(--cloud-mist) 98%, transparent 100%), radial-gradient(ellipse 46% 45% at 55% 49%, var(--cloud-pill) 98%, transparent 100%), var(--sky);justify-self:end;width:100%;max-width:440px}.hero-illustration img{mix-blend-mode:multiply;filter:brightness(1.14);width:100%}.lede{color:var(--muted);max-width:54ch;margin-top:17px;font-size:clamp(1.07rem,1.65vw,1.25rem)}.hero-copy .lede{max-width:40ch;margin-top:23px}.action,.back-link{align-items:center;gap:.7em;min-height:44px;font-size:.93rem;font-weight:720;line-height:1.3;text-decoration:none;display:inline-flex}.action:hover,.back-link:hover{text-decoration:underline}.action span[aria-hidden]{flex-shrink:0;font-size:1.1em}.hero-action{margin-top:17px}.button{color:var(--paper);background:var(--slate-button);border-radius:4px;padding:11px 15px}.button:hover{background:var(--ink);color:var(--paper)}.studio-card{background:var(--cloud-mist);border:1px solid var(--line);border-radius:var(--radius);justify-self:end;width:100%;max-width:386px;padding:10px}.studio-card img{border-radius:10px;width:100%}.studio-card figcaption{font:500 .65rem/1.4 var(--mono);color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;padding:11px 3px 2px;display:flex}.studio-card figcaption span:first-child{white-space:nowrap;color:var(--slate-button);text-transform:uppercase}.home-section{border-top:1px solid var(--line);padding-block:clamp(36px,5vw,64px)}.home-opening+.home-section{border-top:0}.section-top{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:22px;display:flex}.section-index{margin-bottom:8px}.app-list{gap:18px;display:grid}.app-list--multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.app-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px;padding:11px;display:grid}.app-list--multiple .app-card{grid-template-rows:1fr auto;grid-template-columns:1fr}.app-card-copy{padding:clamp(16px,3vw,34px)}.app-meta,.actions{flex-wrap:wrap;align-items:center;gap:8px 17px;display:flex}.badge{background:var(--cloud-pill);color:var(--ink);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:5px 9px;font-size:.75rem;font-weight:720;display:inline-flex}.badge span{background:var(--harbor-slate);border-radius:100%;width:6px;height:6px}.category{color:var(--muted);font:550 .72rem/1.4 var(--mono);letter-spacing:.03em;text-transform:uppercase}.app-card h3{margin-top:16px;font-size:clamp(1.65rem,3.7vw,2.45rem)}.tagline{margin-top:5px;font-weight:650}.description,.app-summary{color:var(--muted);max-width:55ch;margin-top:8px}.app-card .actions,.reading>.actions,.app-hero .actions{margin-top:20px}.app-art{background:color-mix(in srgb, var(--app-accent,var(--cloud-pill)) 24%, var(--cloud-mist));min-height:200px;color:var(--slate-button);border-radius:11px;place-items:center;display:grid;overflow:hidden}.app-art--tidy{background:var(--app-accent,var(--cloud-mist))}.tidy-art{width:100%;height:100%;min-height:0;max-height:340px;display:block}.project-grid,.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project{background:var(--cloud-mist);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:flex-start;padding:clamp(20px,3vw,30px);display:flex}.project .eyebrow{margin-bottom:10px}.project h3+p{color:var(--muted);margin:9px 0 12px}.project .action{margin-top:auto}.project-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 32px;padding-block:22px;display:grid}.project-row+.project-row{border-top:1px solid var(--line)}.project-row .eyebrow{margin-bottom:6px}.project-description{color:var(--muted);margin-top:7px}.about-band,.app-story{background:var(--cloud-mist)}.about-band-inner{justify-content:space-between;align-items:center;gap:16px;padding-block:clamp(32px,5vw,60px);display:flex}.about-band h2{font-size:clamp(1.7rem,3vw,2.15rem)}.about-band h2+p{color:var(--muted);margin-top:8px}.about-band .action{flex-shrink:0}.page-section{padding-block:clamp(44px,7vw,94px)}.page-intro{margin-bottom:32px}.about-page,.app-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(22px,5vw,70px);display:grid}.about-page .lede{margin-bottom:18px}.back-link{margin-bottom:20px}.app-hero .app-meta{margin-bottom:13px}.app-hero .lede{margin-top:9px;font-weight:650}.app-hero .app-summary,.app-hero .category:not(span){margin-top:12px}.app-story{padding-block:clamp(32px,6vw,67px)}.app-resources{padding-block:24px}.app-resources .actions{gap:4px 24px}.screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-top:20px}.screenshot-grid img{object-fit:contain;border-radius:10px;justify-self:center;max-height:550px}.home-section>h2+.project-grid{margin-top:20px}.info-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--line);margin-top:20px;padding:clamp(16px,3vw,24px)}.info-card h2,.support-faq h2{letter-spacing:-.02em;margin-bottom:6px;font-size:1.35rem}.email{overflow-wrap:anywhere;padding-block:8px;font-weight:650;display:inline-block}.plain-list{margin:0;padding:0;list-style:none}.prose,.support-faq{margin-top:24px}.prose h2{margin-block:24px 8px;font-size:1.52rem}.prose h3{margin-block:18px 6px;font-size:1.2rem}details{border-bottom:1px solid var(--line);padding:11px 0}details p{color:var(--muted);margin-top:8px}summary{cursor:pointer;padding-block:6px;font-weight:650}@media (width<=730px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:24px}.home-hero h1{font-size:clamp(2.5rem,7vw,3.5rem)}}@media (width<=570px){.header-inner{min-height:64px}.brand{gap:7px;font-size:.84rem}.brand-mark{width:29px;height:29px}.home-hero,.app-card,.app-list--multiple,.project-grid,.about-page,.app-hero{grid-template-columns:minmax(0,1fr)}.home-hero{gap:24px}.hero-illustration{justify-self:center;max-width:285px;margin-block:-12px -23px}.project-row{grid-template-columns:1fr;gap:3px}.studio-card{justify-self:start;max-width:290px}.app-art{min-height:160px}.tidy-art{max-height:210px}.about-band-inner,.footer-inner{flex-direction:column;align-items:flex-start;gap:8px}.site-footer nav{gap:22px}}