@layer reset,tokens,base,layout,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}img,svg{display:block;max-width:100%}}@layer tokens{:root{color-scheme:light dark;--bg: #f7f6f2;--bg-alt: #efede7;--surface: #ffffff;--surface-2: #f3f1ec;--text: #17161c;--muted: #55535c;--border: #e2dfd7;--border-strong: #cbc7bd;--accent: #b93d1d;--focus: #b93d1d;--ok: #16703f;--partial: #845600;--invite: #55535c;--button: #17161c;--on-button: #ffffff;--logo-tile: #17161c;--logo-s: #ffffff;--logo-dot: #ff6a4d;--contact-bg: #17161c;--contact-border: #17161c;--contact-text: #ffffff;--contact-muted: #d0ced7;--shadow-sm: 0 1px 2px rgb(23 22 28 / 6%);--shadow: 0 1px 2px rgb(23 22 28 / 5%), 0 8px 24px -6px rgb(23 22 28 / 10%);--shadow-lg: 0 2px 4px rgb(23 22 28 / 6%), 0 24px 48px -12px rgb(23 22 28 / 18%);--font: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--radius: 20px;--radius-sm: 12px;--radius-xs: 8px;--gutter: clamp(1rem, 4vw, 2rem);--container: 72rem;--section-space: clamp(3.5rem, 8vw, 6.5rem);--ease: cubic-bezier(.2, .7, .2, 1)}@media(prefers-color-scheme:dark){:root{--bg: #101014;--bg-alt: #16161b;--surface: #1b1b21;--surface-2: #23232a;--text: #f2f1f5;--muted: #b2b0ba;--border: #2d2c34;--border-strong: #45434d;--accent: #ff9275;--focus: #ff9275;--ok: #62d49c;--partial: #f0c14f;--invite: #b2b0ba;--button: #f2f1f5;--on-button: #101014;--logo-tile: #f2f1f5;--logo-s: #101014;--logo-dot: #ff6a4d;--contact-bg: #1d1c23;--contact-border: #34323c;--contact-text: #f2f1f5;--contact-muted: #c4c2cc;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 8px 24px -6px rgb(0 0 0 / 50%);--shadow-lg: 0 2px 4px rgb(0 0 0 / 40%), 0 24px 48px -12px rgb(0 0 0 / 60%)}}}@layer base{html{background:var(--bg);color:var(--text);font-family:var(--font);font-size:100%;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-padding-top:1.5rem}body{min-height:100dvh;display:flex;flex-direction:column;font-size:1.0625rem;overflow-wrap:break-word}main{flex:1}main:focus{outline:none}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;text-wrap:balance}p,li,dd{text-wrap:pretty}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-color:color-mix(in oklab,currentColor 40%,transparent);transition:text-decoration-color .15s ease}a:hover{text-decoration-color:currentColor}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}::selection{background:color-mix(in oklab,var(--accent) 25%,transparent)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}}@layer layout{.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;padding-inline:max(var(--gutter),env(safe-area-inset-left)) max(var(--gutter),env(safe-area-inset-right))}.section{padding-block:var(--section-space)}.section-alt{background:var(--bg-alt);border-block:1px solid var(--border)}.section-head{max-width:40rem;margin-bottom:clamp(1.75rem,4vw,2.75rem)}.section-title{font-size:clamp(1.75rem,1.35rem + 1.6vw,2.5rem);font-weight:800;letter-spacing:-.03em}.section-lead{margin-top:.75rem;color:var(--muted);font-size:1.125rem}}@layer components{.skip-link{position:absolute;top:.75rem;left:.75rem;z-index:10;padding:.6rem 1rem;border-radius:var(--radius-xs);background:var(--button);color:var(--on-button);font-weight:600;text-decoration:none;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}.site-header{padding-top:env(safe-area-inset-top)}.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 1rem;min-height:4.5rem}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.1875rem;letter-spacing:-.03em;text-decoration:none}.logo{width:2rem;height:2rem;flex:none}.logo-tile{fill:var(--logo-tile)}.logo-s{stroke:var(--logo-s)}.logo-dot{fill:var(--logo-dot)}.nav-list{display:flex;gap:clamp(.25rem,1.5vw,.75rem)}.nav-link{display:block;padding:.5rem .65rem;border-radius:var(--radius-xs);color:var(--muted);font-weight:600;font-size:.975rem;text-decoration:none;transition:color .15s ease,background-color .15s ease}.nav-link:hover{color:var(--text);background:color-mix(in oklab,var(--text) 6%,transparent)}.nav-link[aria-current=page]{color:var(--text);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--accent);text-underline-offset:.45em}@media(max-width:30rem){.header-inner{column-gap:.5rem}.brand{gap:.5rem;font-size:1.0625rem}.logo{width:1.75rem;height:1.75rem}.nav-list{gap:0}.nav-link{padding-inline:.45rem;font-size:.9375rem}}.icon{width:1.5rem;height:1.5rem;flex:none}.icon-inline{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.18em}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.875rem;padding:.65rem 1.2rem;border:1px solid transparent;border-radius:999px;font-weight:650;font-size:1rem;line-height:1.2;text-decoration:none;transition:transform .15s var(--ease),box-shadow .15s var(--ease),background-color .15s ease,border-color .15s ease}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.button:active{transform:none;box-shadow:none}.button-primary{background:var(--button);color:var(--on-button)}.button-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.button-app{background:var(--app, var(--button));color:var(--on-app, var(--on-button))}.text-link{display:inline-flex;align-items:center;gap:.35rem;font-weight:650;text-decoration:none}.text-link:hover{text-decoration:underline;text-decoration-color:currentColor}.text-link .icon-inline{transition:transform .15s var(--ease)}.text-link:hover .icon-inline{transform:translate(2px)}.hero{padding-block:clamp(2.5rem,7vw,6rem) clamp(.5rem,3vw,2.5rem);overflow-x:clip}.hero-grid{display:grid;gap:clamp(2.5rem,6vw,4rem);align-items:center}.hero-title{max-width:14ch;font-size:clamp(2.6rem,1.6rem + 4.6vw,4.75rem);font-weight:850;line-height:1.02;letter-spacing:-.045em}.hero-lead{max-width:36rem;margin-top:1.4rem;color:var(--muted);font-size:clamp(1.125rem,1.05rem + .35vw,1.3125rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.hero-points{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.75rem;color:var(--muted);font-size:.9375rem;font-weight:550}.hero-points li{display:inline-flex;align-items:center;gap:.4rem}.hero-points .icon-inline{color:var(--ok)}.hero-art{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;gap:clamp(.9rem,2.5vw,1.5rem);rotate:-6deg}.hero-tile{display:grid;place-items:center;width:clamp(5rem,16vw,8.5rem);aspect-ratio:1;border-radius:26%;box-shadow:var(--shadow-lg);transition:rotate .4s var(--ease)}.hero-tile:nth-child(2){translate:0 1.5rem}.hero-tile:nth-child(4){translate:0 1.5rem}.hero-icon{width:100%;height:100%;border-radius:inherit;outline:1px solid color-mix(in oklab,var(--text) 8%,transparent);outline-offset:-1px}.hero-tile-next{border:2px dashed var(--border-strong);box-shadow:none;color:var(--muted)}.hero-tile-next .icon{width:32%;height:32%}@media(min-width:52rem){.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}.hero-art{justify-content:end;padding-inline-end:clamp(0rem,3vw,2rem)}}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20.5rem),1fr));gap:clamp(1rem,2.5vw,1.5rem)}.project-card{display:flex;border:1px solid var(--border);border-radius:var(--radius);background:radial-gradient(120% 70% at 0% 0%,color-mix(in oklab,var(--app) 13%,transparent),transparent 62%),var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s ease}.project-card:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--app) 45%,var(--border));box-shadow:var(--shadow-lg)}.card-body{display:flex;flex-direction:column;gap:1rem;width:100%;padding:clamp(1.25rem,3vw,1.75rem)}.card-head{display:flex;align-items:center;gap:1rem}.app-icon{width:3.5rem;height:3.5rem;flex:none;border-radius:24%;box-shadow:var(--shadow);outline:1px solid color-mix(in oklab,var(--text) 8%,transparent);outline-offset:-1px}.card-title{font-size:1.4375rem;font-weight:800;letter-spacing:-.03em}.card-tagline{color:var(--muted);font-size:.975rem;line-height:1.4}.card-summary{flex:1}.card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-top:.25rem;padding-top:1.1rem;border-top:1px solid var(--border)}.access{display:inline-flex;align-items:center;gap:.45rem;font-size:.9375rem;font-weight:650}.access-open{color:var(--ok)}.access-partial{color:var(--partial)}.access-invite{color:var(--invite)}.tags{display:flex;flex-wrap:wrap;gap:.4rem}.tags li{padding:.2rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.8125rem;font-weight:550;line-height:1.5}.tags-small li{font-size:.78125rem}.principles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17.5rem),1fr));gap:clamp(1rem,2.5vw,1.5rem)}.principle{padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.principle p{margin-top:.4rem;color:var(--muted);font-size:.975rem}.principle-icon{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:1rem;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent)}.principle-title{font-size:1.1875rem;font-weight:750}.principles-compact .principle{padding:1.25rem}.contact-card{display:grid;gap:1.75rem;padding:clamp(1.5rem,5vw,3.25rem);border:1px solid var(--contact-border);border-radius:calc(var(--radius) + 8px);background:radial-gradient(70% 120% at 100% 0%,color-mix(in oklab,var(--logo-dot) 20%,transparent),transparent 65%),var(--contact-bg);color:var(--contact-text)}.contact-card .section-lead{color:var(--contact-muted)}.contact-card a:focus-visible{outline-color:var(--contact-text)}.contact-email{display:inline-flex;align-items:center;gap:.75rem;max-width:100%;font-size:clamp(1.25rem,1rem + 1.5vw,2rem);font-weight:750;letter-spacing:-.02em;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em;text-decoration-color:var(--logo-dot)}.contact-email span{min-width:0;overflow-wrap:anywhere}.contact-note{margin-top:1rem;color:var(--contact-muted);font-size:.975rem}@media(min-width:52rem){.contact-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:clamp(1.5rem,4vw,2.5rem);color:var(--muted);font-size:.9375rem}.breadcrumbs li+li:before{content:"/";margin-inline-end:.4rem;color:var(--border-strong)}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs [aria-current=page]{color:var(--text);font-weight:600}.project-hero{padding-block:1rem clamp(2.5rem,6vw,4rem);background:radial-gradient(90% 120% at 0% 0%,color-mix(in oklab,var(--app) 12%,transparent),transparent 70%)}.project-hero-inner{display:grid;gap:1.5rem;align-items:start}.app-icon-large{width:6.5rem;height:6.5rem;box-shadow:var(--shadow-lg)}.project-title{font-size:clamp(2.5rem,1.8rem + 3vw,3.75rem);font-weight:850;letter-spacing:-.045em}.project-tagline{margin-top:.35rem;color:var(--app);font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:650}.project-summary{max-width:40rem;margin-top:1rem;color:var(--muted);font-size:1.125rem}.project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.75rem}@media(min-width:40rem){.project-hero-inner{grid-template-columns:auto minmax(0,1fr);gap:2rem}}.project-layout{display:grid;gap:clamp(2rem,5vw,3.5rem);padding-bottom:var(--section-space)}@media(min-width:60rem){.project-layout{grid-template-columns:minmax(0,1fr) 20rem;align-items:start}.project-facts{position:sticky;top:1.5rem}}.project-main{display:grid;gap:clamp(2.5rem,5vw,3.5rem);min-width:0}.project-section>p+p{margin-top:1rem}.project-section-title{margin-bottom:1rem;font-size:clamp(1.5rem,1.25rem + 1vw,1.875rem);font-weight:800}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem}.feature{padding:1.25rem;border:1px solid var(--border);border-left:3px solid var(--app);border-radius:var(--radius-sm);background:var(--surface)}.feature-title{font-size:1.0625rem;font-weight:750}.feature p{margin-top:.3rem;color:var(--muted);font-size:.975rem}.checklist{display:grid;gap:.75rem}.checklist li{display:flex;gap:.65rem}.checklist .icon-inline{margin-top:.3em;color:var(--ok)}.project-facts{padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.facts-title{font-size:1.125rem;font-weight:750}.facts{display:grid;gap:.9rem;margin-top:1rem}.facts dt{color:var(--muted);font-size:.8125rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.facts dd{margin-top:.15rem;font-weight:500}.facts dd .tags{margin-top:.35rem}.facts-subtitle{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:1rem;font-weight:750}.link-list{display:grid;gap:.5rem;margin-top:.75rem}.link-list a{display:inline-flex;align-items:baseline;gap:.35rem;font-weight:550}.link-list .icon-inline{align-self:center}.prose-page{max-width:calc(48rem + 2 * var(--gutter));padding-block:clamp(2rem,6vw,4.5rem) var(--section-space)}.page-head{margin-bottom:clamp(2rem,5vw,3rem)}.eyebrow{margin-bottom:.75rem;color:var(--accent);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-title{font-size:clamp(2.4rem,1.7rem + 3vw,3.5rem);font-weight:850;letter-spacing:-.045em}.page-lead{margin-top:1rem;color:var(--muted);font-size:clamp(1.125rem,1.05rem + .35vw,1.3125rem)}.prose-section+.prose-section{margin-top:clamp(2.5rem,5vw,3.25rem)}.prose-section h2{margin-bottom:.9rem;font-size:clamp(1.5rem,1.3rem + .8vw,1.875rem);font-weight:800}.prose-section>p+p,.prose-section>p+ul,.prose-section>ul+p{margin-top:1rem}.prose-section a{text-decoration-color:var(--accent)}.faq{display:grid;gap:1rem}.faq-item{padding:1.25rem 1.4rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.faq dt{font-weight:750;font-size:1.0625rem}.faq dd{margin-top:.35rem;color:var(--muted)}.privacy-apps{display:grid;gap:.75rem;margin-top:1.25rem}.privacy-app{padding:1.1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.privacy-app dt{font-weight:750}.privacy-app dd{margin-top:.25rem;color:var(--muted)}.updated{color:var(--muted);font-size:.9375rem}.link-list-large{gap:.75rem}.link-list-large a{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:1.125rem;font-weight:700;text-decoration:none;transition:border-color .15s ease}.link-list-large a:hover{border-color:var(--border-strong)}.link-list-large .icon-inline{margin-inline-start:auto}.link-note{color:var(--muted);font-size:.975rem;font-weight:500}.site-footer{padding-block:clamp(2.5rem,6vw,4rem) max(1.5rem,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-alt);color:var(--muted);font-size:.9375rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:2rem}.footer-brand{grid-column:1 / -1}.footer-brand .brand{color:var(--text)}.footer-brand p{margin-top:.6rem}@media(min-width:52rem){.footer-grid{grid-template-columns:2fr repeat(3,1fr)}.footer-brand{grid-column:auto}}.footer-title{margin-bottom:.75rem;color:var(--text);font-size:.875rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.footer-nav ul{display:grid;gap:.4rem}.footer-nav a,.footer-contact a{text-decoration:none}.footer-nav a:hover,.footer-contact a:hover{color:var(--text);text-decoration:underline}.footer-nav .icon-inline{margin-inline-end:.35rem}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.875rem}}@layer utilities{.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms;animation-duration:.01ms}}@media(forced-colors:active){.project-card,.principle,.feature,.faq-item,.project-facts,.privacy-app,.contact-card{border:1px solid CanvasText}.button{border:1px solid ButtonText}}@media print{.site-header nav,.skip-link,.hero-art,.card-actions .button{display:none}.contact-card{background:none;color:inherit;border:1px solid}}[data-app=brim]{--app:#0b64bf;--on-app:#ffffff}[data-app=dayjar]{--app:#8f1d2c;--on-app:#ffffff}[data-app=magpie]{--app:#236b99;--on-app:#ffffff}@media(prefers-color-scheme:dark){[data-app=brim]{--app:#62b1ff;--on-app:#101014}[data-app=dayjar]{--app:#ff9aa8;--on-app:#101014}[data-app=magpie]{--app:#7cc0ee;--on-app:#101014}}