.quiet{width:100%;max-width:var(--portfolio-width);padding:1.25rem var(--page-gutter) clamp(3rem, 8vw, 5rem);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.quiet-main{width:100%;min-width:0;max-width:40rem;margin-inline:auto}.quiet-nav{display:none}@media (min-width:72rem){.quiet{grid-template-columns:minmax(0,1fr) minmax(0,40rem) minmax(0,1fr);column-gap:3rem}.quiet-main{grid-area:1/2}.quiet-nav{top:calc(var(--header-height) + 2.5rem);grid-area:1/1;place-self:start end;display:block;position:sticky}}.quiet-nav ol{text-align:right;gap:.125rem;display:grid}.quiet-nav a{min-height:1.75rem;color:var(--muted-foreground);align-items:center;gap:.5rem;font-size:.8125rem;transition:color .16s;display:inline-flex}.quiet-nav a:before{content:"";background:var(--primary);width:0;height:1px;transition:width .22s}.quiet-nav a:hover,.quiet-nav a[aria-current]{color:var(--foreground)}.quiet-nav a[aria-current]:before{width:.875rem}.quiet-nav a:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:.25rem}.quiet-main .meadow{margin-top:0}.q-intro{scroll-margin-top:calc(var(--header-height) + 1rem);padding-top:1.25rem}.q-top{position:relative}.q-top .nb-trigger{margin:0;position:absolute;bottom:.65rem;right:0}@media (max-width:36rem){.q-top .nb-trigger{width:fit-content;margin:.25rem 0 1rem;display:flex;position:relative;bottom:auto}}.q-car{pointer-events:none;--bmw-edge:#00000014;height:4.25rem;margin-bottom:.4rem;position:relative}.dark .q-car{--bmw-edge:#ffffff38}.q-car-body{transform-origin:50% 92%;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform;position:absolute;bottom:0;left:0}.q-car-body svg{width:100%;height:auto;display:block;overflow:visible}.q-car-smoke{width:100%;height:calc(100% + 1rem);position:absolute;bottom:0;left:0;right:0}.q-id{align-items:center;gap:.875rem;display:flex}.q-avatar{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:2.75rem;height:2.75rem;transition:transform .3s;position:relative;overflow:hidden}.q-avatar:hover{transform:rotate(-6deg)scale(1.05)}.q-avatar:focus-visible{outline:2px solid var(--focus-color);outline-offset:3px}.q-id h1{color:var(--foreground);letter-spacing:-.025em;font-size:1.5rem;font-weight:550;line-height:1.3}.q-id h1 span{color:var(--muted-foreground);letter-spacing:-.015em;font-weight:400}.q-meta{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.125rem;font-size:.75rem;display:flex}.q-live{background:#2f9e64;border-radius:50%;width:.4rem;height:.4rem;margin-right:.15rem;position:relative}.dark .q-live{background:#4cc38a}.q-live:after{content:"";border-radius:inherit;background:inherit;animation:2.4s ease-out infinite q-pulse;position:absolute;inset:0}.q-prose{color:var(--secondary-copy);text-wrap:pretty;gap:.875rem;margin-top:1.5rem;font-size:.9375rem;line-height:1.75;display:grid}.q-prose a{color:var(--foreground);text-underline-offset:.22em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, var(--foreground) 32%, transparent);text-decoration-color:color-mix(in srgb, var(--foreground) 32%, transparent);transition:color .16s,text-decoration-color .16s}.q-prose a:hover{color:var(--primary);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.q-prose .reveal-word{font-weight:400}.q-actions{flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;display:flex}.q-button{border:1px solid var(--border);background:var(--card);min-height:2.5rem;color:var(--foreground);border-radius:.625rem;align-items:center;gap:.45rem;padding:0 .875rem;font-size:.8125rem;font-weight:500;transition:border-color .16s,background-color .16s,transform .12s;display:inline-flex}.q-button svg{width:.875rem;height:.875rem}.q-button .q-ext{width:.75rem;height:.75rem;color:var(--muted-foreground)}.q-button:hover{border-color:color-mix(in srgb, var(--foreground) 28%, var(--border))}.q-button:active{transform:scale(.97)}.q-button:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.q-button.is-primary{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.q-button.is-primary:hover{opacity:.88}.q-section{scroll-margin-top:calc(var(--header-height) + 1.5rem);margin-top:clamp(3rem,8vw,4.5rem)}.q-label{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;min-height:2rem;padding-bottom:.625rem;display:flex}.q-label h2{color:var(--muted-foreground);font-family:var(--font-mono);letter-spacing:.04em;font-size:.75rem;font-weight:400}.q-slash{color:var(--primary);margin-right:.45rem}.q-pill{border:1px solid var(--border);min-height:1.875rem;color:var(--secondary-copy);border-radius:999px;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.75rem;transition:color .16s,border-color .16s;display:inline-flex}.q-pill svg{width:.75rem;height:.75rem}.q-pill:hover{color:var(--foreground);border-color:color-mix(in srgb, var(--foreground) 28%, var(--border))}.q-count{color:var(--muted-foreground);font-size:.75rem}.q-date{color:var(--muted-foreground);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem}.q-leader{background-image:linear-gradient(90deg, color-mix(in srgb, var(--foreground) 26%, transparent) 50%, transparent 50%);background-size:4px 1px;flex:1;align-self:center;min-width:1.25rem;height:1px;margin-top:.25em}.q-arrow{width:.875rem;height:.875rem;color:var(--muted-foreground);flex-shrink:0;transition:transform .16s,color .16s}.q-list>li+li{border-top:1px solid var(--border)}.q-oss{grid-template-columns:4.25rem minmax(0,1fr) auto .875rem;align-items:baseline;gap:.75rem;padding-block:.8rem;display:grid}.q-pr{color:var(--muted-foreground);font-family:var(--font-mono);font-size:.75rem}.q-oss-title{min-width:0;color:var(--foreground);font-size:.875rem;line-height:1.5;transition:color .16s}.q-repo{color:var(--muted-foreground);font-family:var(--font-mono);margin-bottom:.125rem;font-size:.6875rem;display:block}.q-status{font-family:var(--font-mono);color:var(--muted-foreground);font-size:.6875rem}.q-status.is-merged{color:#8250df}.dark .q-status.is-merged{color:#b392f0}.q-oss:hover .q-oss-title{color:var(--primary)}.q-oss:hover .q-arrow,.q-post:hover .q-arrow{color:var(--primary);transform:translate(1px,-1px)}.q-oss:focus-visible,.q-post:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:.375rem}.q-tools>div{grid-template-columns:7.5rem minmax(0,1fr);gap:1rem;padding-block:.7rem;display:grid}.q-tools>div+div{border-top:1px solid var(--border)}.q-tools dt{color:var(--muted-foreground);font-family:var(--font-mono);font-size:.75rem;line-height:1.7}.q-tools dd{color:var(--secondary-copy);font-size:.875rem;line-height:1.6}.q-posts>li+li{border-top:0}.q-post{grid-template-columns:5.75rem minmax(0,auto) minmax(1.25rem,1fr) .875rem;align-items:baseline;gap:.75rem;padding-block:.6rem;display:grid}.q-post-title{color:var(--foreground);font-size:.875rem;line-height:1.5;transition:color .16s}.q-post:hover .q-post-title{color:var(--primary)}.projects-page{max-width:calc(40rem + 2 * var(--page-gutter));padding-top:clamp(2.5rem,7vw,4.5rem)}.projects-page .page-back{margin-bottom:1.75rem;font-size:.8125rem}.projects-heading{margin-bottom:2.5rem}.projects-heading h1{color:var(--foreground);letter-spacing:-.03em;font-size:1.75rem;font-weight:550}.projects-heading p{max-width:34rem;color:var(--secondary-copy);margin-top:.75rem;font-size:.9375rem;line-height:1.7}.q-cards{gap:1.25rem;margin-top:1.25rem;display:grid}@media (min-width:36rem){.q-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.pc{border:1px solid var(--border);background:var(--card);border-radius:1rem;flex-direction:column;height:100%;padding:.5rem;transition:border-color .2s,box-shadow .3s,translate .3s cubic-bezier(.23,1,.32,1);display:flex}.pc-media{aspect-ratio:16/10;border:1px solid var(--border);background:var(--secondary);border-radius:.625rem;display:block;position:relative;overflow:hidden}.pc-media img{transition:scale .6s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.pc:hover{border-color:color-mix(in srgb, var(--foreground) 20%, var(--border));translate:0 -2px;box-shadow:0 16px 32px -24px #0006}.pc:hover .pc-media img{scale:1.03}}.pc-body{flex-direction:column;flex:1;padding:.875rem .5rem .5rem;display:flex}.pc-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.pc-head h3{color:var(--foreground);letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.pc-head h3 a{transition:color .16s}.pc-head h3 a:hover{color:var(--primary)}.pc-head h3 a:focus-visible,.pc-links a:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px;border-radius:.2rem}.pc-desc{color:var(--secondary-copy);margin-top:.35rem;font-size:.8125rem;line-height:1.6}.pc-tags{color:var(--muted-foreground);font-size:.6875rem;font-family:var(--font-mono);margin-top:.6rem}.pc-links{flex-wrap:wrap;gap:.25rem 1rem;margin-top:auto;padding-top:.75rem;font-size:.75rem;display:flex}.pc-links a{min-height:1.75rem;color:var(--secondary-copy);align-items:center;gap:.25rem;transition:color .16s;display:inline-flex}.pc-links a:hover{color:var(--primary)}.pc-links svg{width:.75rem;height:.75rem}.q-exps{margin-top:.5rem}.q-xp{grid-template-columns:1.75rem minmax(0,1fr);gap:.875rem;padding-block:1.1rem;display:grid}.q-xp+.q-xp{border-top:1px solid var(--border)}.q-logo{border:1px solid var(--border);background:var(--secondary);width:1.75rem;height:1.75rem;color:var(--secondary-copy);font-family:var(--font-mono);border-radius:.4rem;place-items:center;margin-top:.1rem;font-size:.5625rem;font-weight:600;display:grid;overflow:hidden}.q-logo svg{width:100%;height:100%}.q-xp-head,.q-xp-toggle{grid-template-columns:minmax(0,1fr) auto 1.1rem;align-items:baseline;gap:.15rem 1rem;width:100%;display:grid}.q-xp-title{text-align:left;gap:.1rem;min-width:0;display:grid}.q-xp-role{color:var(--foreground);letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.q-xp-org{color:var(--muted-foreground);letter-spacing:0;font-size:.8125rem;font-weight:400}.q-xp-summary{color:var(--secondary-copy);margin-top:.55rem;font-size:.875rem;line-height:1.6}.q-xp-toggle{cursor:pointer;text-align:left;border-radius:.375rem}@media (max-width:36rem){.q-xp-head,.q-xp-toggle{grid-template-columns:minmax(0,1fr) 1.1rem}.q-xp-title{grid-area:1/1}.q-xp-head .q-date,.q-xp-toggle .q-date{grid-area:2/1}.q-xp-chevron{grid-area:1/2/3/3}}.q-xp-toggle:focus-visible{outline:2px solid var(--focus-color);outline-offset:4px}.q-xp-chevron{width:1.1rem;height:1.1rem;color:var(--muted-foreground);align-self:center;transition:rotate .25s cubic-bezier(.23,1,.32,1),color .16s}.q-xp-toggle:hover .q-xp-chevron,.q-xp-toggle[aria-expanded=true] .q-xp-chevron{color:var(--foreground)}.q-xp-toggle[aria-expanded=true] .q-xp-chevron{rotate:180deg}.q-xp-panel{grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.23,1,.32,1);display:grid}.q-xp-panel[data-open]{grid-template-rows:1fr;transition-duration:.25s}.q-xp-clip{min-height:0;overflow:hidden}.q-xp-flap{transform-origin:top;opacity:0;transition:transform .15s cubic-bezier(.23,1,.32,1),opacity .15s cubic-bezier(.23,1,.32,1);position:relative;transform:perspective(640px)rotateX(-72deg)}.q-xp-panel[data-open] .q-xp-flap{opacity:1;transition-duration:.28s;transition-timing-function:cubic-bezier(.32,.72,0,1);transform:perspective(640px)rotateX(0)}.q-xp-crease{background:linear-gradient(to bottom, var(--background), transparent 80%);pointer-events:none;transition:opacity .15s ease-out;position:absolute;inset:0}.q-xp-panel[data-open] .q-xp-crease{opacity:0;transition-duration:.28s}.q-xp-points{gap:.4rem;padding-top:.7rem;display:grid}.q-xp-points li{color:var(--secondary-copy);padding-left:1rem;font-size:.875rem;line-height:1.6;position:relative}.q-xp-points li:before{content:"";background:color-mix(in srgb, var(--primary) 70%, transparent);border-radius:50%;width:.3rem;height:.3rem;position:absolute;top:.68em;left:.1rem}.dock-wrap{justify-items:center;gap:.6rem;margin-top:3.25rem;margin-bottom:1.25rem;display:grid}.dock{--dock-size:2.25rem;max-width:100%;height:calc(var(--dock-size) + 1.1rem);border:1px solid var(--border);background:var(--card);border-radius:1.1rem;align-items:flex-end;gap:.35rem;padding:0 .55rem .55rem;display:flex;box-shadow:0 10px 30px -18px #00000059}.dock-slot{flex-shrink:0;justify-content:center;display:flex;position:relative}.dock-item{width:var(--dock-size);height:var(--dock-size);border:1px solid var(--border);background:var(--background);color:var(--secondary-copy);transform-origin:50% 100%;border-radius:.7rem;place-items:center;transition:color .2s,border-color .2s;display:grid}.dock-item svg{width:50%;height:50%}.dock-item:hover,.dock-item:focus-visible{color:var(--brand);border-color:color-mix(in srgb, var(--brand) 35%, var(--border))}.dock-item:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.dock-item:active{scale:.96}.dock-separator{background:var(--border);flex-shrink:0;align-self:stretch;width:1px;margin:.45rem .15rem 0}.dock-tip{z-index:2;background:var(--foreground);color:var(--background);white-space:nowrap;pointer-events:none;border-radius:.375rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:500;animation:.16s both dock-tip;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)}.dock-tip.is-instant{animation:none}.dock-dot{background:var(--foreground);border-radius:50%;width:.2rem;height:.2rem;position:absolute;bottom:-.4rem;left:50%;transform:translate(-50%)}.dock-caption{min-height:1.25rem;color:var(--muted-foreground);text-align:center;font-size:.75rem}@keyframes dock-tip{0%{opacity:0;transform:translate(-50%,.25rem)}}.dock-label{display:none}@media (max-width:36rem){.dock-wrap{margin-top:1.25rem}.dock{--dock-size:2.75rem;border-radius:1.25rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem .5rem;width:100%;height:auto;padding:1rem .75rem;display:grid}.dock-separator,.dock-tip{display:none}.dock-slot{flex-direction:column;align-items:center;gap:.45rem}.dock-item{border-radius:.8rem}.dock-dot{top:calc(var(--dock-size) + .15rem);bottom:auto}.dock-label{max-width:100%;color:var(--secondary-copy);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;display:block;overflow:hidden}}.quiet .feed-preview{padding:.25rem 0 0}.quiet .feed-preview .journal-list>li+li{border-top:0}.quiet .feed-preview .journal-list .journal-entry{grid-template-columns:5.75rem minmax(0,1fr) .875rem;gap:.75rem;padding-block:.6rem}.quiet .feed-preview .journal-list .journal-entry>time{text-transform:lowercase;font-size:.75rem}.quiet .feed-preview .journal-entry-copy :is(h2,h3){color:var(--foreground);font-size:.875rem;font-weight:400;line-height:1.5}.quiet .feed-preview .feed-explore{margin-top:.75rem;font-size:.75rem}@media (max-width:30rem){.quiet .feed-preview .journal-list .journal-entry{grid-template-columns:minmax(0,1fr) .875rem;gap:.15rem .75rem}.quiet .feed-preview .journal-list .journal-entry>time{grid-area:auto/1/auto/-1}.quiet .feed-preview .journal-entry-arrow{grid-area:2/2}}@keyframes q-pulse{0%{opacity:.55;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}@media (max-width:30rem){.q-post{grid-template-columns:minmax(0,1fr) .875rem;gap:.15rem .75rem}.q-post .q-date{grid-column:1/-1}.q-post .q-leader{display:none}.q-oss{grid-template-columns:minmax(0,1fr) auto .875rem}.q-pr{display:none}.q-tools>div{grid-template-columns:minmax(0,1fr);gap:.15rem}}@media (prefers-reduced-motion:reduce){.q-live:after{animation:none}.q-avatar,.q-arrow,.quiet-nav a:before,.pc,.pc-media img,.q-xp-panel,.q-xp-chevron{transition:none}.q-xp-flap{transition:opacity .15s;transform:none}.q-xp-crease{display:none}.dock-tip{animation:none}}