@layer components{.works-entrance-art__frame{fill:#0308172e}.works-list-section,.work-detail__summary,.work-record,.work-offer{background:var(--color-paper-soft)}.works-list-section__head,.work-section-head{gap:1rem;max-width:50rem;display:grid}.works-list-section__head .eyebrow,.work-section-head .eyebrow,.work-offer .eyebrow{flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem;display:flex}.works-list-section__head .eyebrow small,.work-section-head .eyebrow small,.work-offer .eyebrow small{color:var(--color-muted);font-size:inherit;letter-spacing:.08em}.works-list-section__head>p:last-child,.work-section-head>p:last-child{max-width:42rem;color:var(--color-ink-soft);line-height:1.9}.section-heading>span{display:block}.page-entrance[aria-labelledby=works-heading] .page-entrance__lead{white-space:pre-line}.works-list-section__head{max-width:none}.works-list-section__head .page-section__title{text-wrap:pretty}.work-badge{border:1px solid var(--color-rule);border-radius:var(--radius-pill);min-height:1.75rem;color:var(--color-ink-soft);background:var(--color-surface);letter-spacing:.08em;align-items:center;padding:.25rem .65rem;font-size:.7rem;font-weight:800;display:inline-flex}.work-badge--own{border-color:color-mix(in oklab, var(--color-accent-strong), transparent 48%);color:var(--color-accent-strong)}.work-badge--example{border-style:dashed}.works-filter{border-block:1px solid var(--color-rule);gap:.8rem;margin-top:clamp(2rem,4vw,3rem);padding-block:1rem;display:none}.works-filter[data-work-filter-ready=true]{display:grid}.works-filter__label{color:var(--color-muted);font-size:var(--type-meta);letter-spacing:.06em;font-weight:800}.works-filter__buttons{flex-wrap:wrap;gap:.55rem;display:flex}.works-filter button{border:1px solid var(--color-rule);border-radius:var(--radius-pill);min-height:44px;color:var(--color-ink-soft);font-size:var(--type-small);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.55rem;padding:.55rem .85rem;font-weight:750;transition:border-color .16s,color .16s,background-color .16s;display:inline-flex}.works-filter button small{color:var(--color-muted);font-family:var(--font-display);font-size:.68rem;font-weight:800}.works-filter button[aria-pressed=true]{border-color:var(--color-accent-strong);color:var(--color-accent-strong);background:color-mix(in oklab, var(--color-accent-strong), transparent 92%)}@media (hover:hover) and (pointer:fine){.works-filter button:hover{border-color:var(--color-accent-strong);color:var(--color-accent-strong)}}.works-list{gap:1.5rem 1rem;margin-top:clamp(2rem,5vw,4rem);padding:0;list-style:none;display:grid}.work-case{min-width:0}.work-case[hidden]{display:none}.work-case>article{border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-rows:auto auto 1fr auto auto auto;gap:1.2rem;min-width:0;height:100%;padding:clamp(1.15rem,1rem + 1vw,1.7rem);display:grid;position:relative;box-shadow:0 14px 34px #0c152c0f}.work-case>article>.work-badge{place-self:start}.work-case h3{overflow-wrap:anywhere;align-self:start;font-size:clamp(1.25rem,1.08rem + .7vw,1.7rem);font-weight:850;line-height:1.42}.work-case__summary{color:var(--color-ink-soft);font-size:var(--type-small);overflow-wrap:anywhere;text-wrap:pretty;align-self:start;line-height:1.85}@supports (grid-template-rows:subgrid){.work-case{grid-template-rows:subgrid;grid-row:span 6;row-gap:1.2rem;display:grid}.work-case>article{grid-template-rows:subgrid;grid-row:span 6}}.work-case__fact{border-left:2px solid var(--color-accent-strong);background:var(--color-paper-soft);gap:.25rem;padding:.8rem .9rem;display:grid}.work-case__fact>span,.work-case__fact>p{color:var(--color-muted);font-size:.7rem}.work-case__fact strong{color:var(--color-accent-strong);font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(1rem,.9rem + .45vw,1.25rem)}.work-tags{align-content:flex-start;align-self:start;align-items:flex-start}.work-tags li{overflow-wrap:anywhere;align-self:flex-start;max-width:100%}.work-tags,.work-chip-list{flex-wrap:wrap;gap:.45rem;padding:0;list-style:none;display:flex}.work-tags li,.work-chip-list li{border:1px solid var(--color-rule);border-radius:var(--radius-pill);color:var(--color-ink-soft);background:var(--color-surface);padding:.35rem .65rem;font-size:.7rem;font-weight:700}.work-case__link{place-self:end start;min-height:44px}.work-entrance-meta{gap:.45rem;margin-top:1.25rem;display:grid}.work-entrance-meta div{border-top:1px solid #dfe6ff2e;grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem;padding-top:.45rem;display:grid}.work-entrance-meta dt{color:var(--page-entrance-ink-low);font-size:.7rem;font-weight:750}.work-entrance-meta dd{color:var(--page-entrance-ink-mid);font-size:.75rem;line-height:1.6}.work-back-link{min-height:44px;color:var(--page-entrance-ink-mid);font-size:var(--type-small);align-items:center;gap:.5rem;margin-top:.5rem;text-decoration:none;display:inline-flex}.work-detail__badge{margin-top:1.25rem}.work-detail__badge+.work-entrance-meta{margin-top:.75rem}.work-back-link:hover{color:var(--page-entrance-ink);text-underline-offset:.25rem;text-decoration:underline}.work-detail__pitch{max-width:46rem;color:var(--color-ink);font-size:clamp(1.05rem,.95rem + .55vw,1.35rem);font-weight:650;line-height:1.95}.work-evidence{gap:.75rem;margin-top:clamp(1.5rem,4vw,2.5rem);display:grid}.work-evidence article{border-top:1px solid var(--color-rule);gap:.35rem;min-width:0;padding-top:1rem;display:grid}.work-evidence span,.work-evidence p{color:var(--color-muted);font-size:var(--type-small);line-height:1.7}.work-evidence strong{color:var(--color-accent-strong);font-family:var(--font-display);overflow-wrap:anywhere;font-size:clamp(1.25rem,1rem + 1vw,2rem)}.work-method__grid,.work-handover__grid,.work-offer__inner{gap:clamp(1.5rem,4vw,4rem);margin-top:clamp(2rem,5vw,4rem);display:grid}.work-method__grid article{border-top:1px solid var(--color-rule);min-width:0;padding-top:1.25rem}.work-method__grid h3,.work-handover h3,.work-offer h3{font-size:var(--type-card-title);font-weight:850;line-height:1.5}.work-method__grid ul{color:var(--color-ink-soft);gap:.8rem;margin-top:1rem;padding:0;line-height:1.85;list-style:none;display:grid}.work-method__grid li{padding-left:1rem;position:relative}.work-method__grid li:before{background:var(--color-accent-strong);content:"";border-radius:50%;width:.32rem;height:.32rem;position:absolute;top:.75em;left:0}.work-record__inner{max-width:58rem}.work-body__content{color:var(--color-ink-soft);font-size:var(--type-body);gap:1.15rem;margin-top:clamp(2rem,5vw,4rem);line-height:1.95;display:grid}.work-body__content h2{color:var(--color-ink);font-size:var(--type-card-title);margin-top:1.7rem;font-weight:850;line-height:1.5}.work-body__content ul,.work-body__content ol{gap:.55rem;padding-left:1.3rem;display:grid}.work-body__content ul{list-style:outside}.work-body__content ol{list-style:decimal}.work-screenshots{gap:1rem;margin-top:2rem;display:grid}.work-screenshots figure{border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.work-screenshots img{width:100%;height:auto;display:block}.work-screenshots figcaption{color:var(--color-ink-soft);font-size:var(--type-small);padding:.8rem 1rem}.work-handover__deliverables,.work-handover__scope{min-width:0}.work-handover__deliverables ol{border-top:1px solid var(--color-rule);margin-top:1rem;padding:0;list-style:none}.work-handover__deliverables li{border-bottom:1px solid var(--color-rule);grid-template-columns:auto minmax(0,1fr);gap:1rem;padding-block:.9rem;display:grid}.work-handover__deliverables li span{color:var(--color-ink-soft);font-family:var(--font-display);font-size:var(--type-meta);font-weight:800}.work-handover__deliverables p{color:var(--color-ink-soft);line-height:1.75}.work-handover__scope{gap:1.75rem;display:grid}.work-handover__scope section{border-top:1px solid var(--color-rule);padding-top:1rem}.work-chip-list{margin-top:.9rem}.work-offer__inner{border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface);padding:clamp(1.3rem,4vw,2.75rem)}.work-offer__inner>header,.work-offer__inner>div{gap:1rem;min-width:0;display:grid}.work-offer__inner p{color:var(--color-ink-soft);line-height:1.85}.work-offer__links{gap:.35rem;margin-top:.5rem;display:grid}.work-offer__link{justify-self:start;min-height:44px}.work-pager{border-block:1px solid var(--color-rule);background:var(--color-paper)}.work-pager__inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.75rem;padding-block:1rem;display:grid}.work-pager a{min-width:0;min-height:56px;color:var(--color-ink);align-content:center;gap:.25rem;text-decoration:none;display:grid}.work-pager a:last-child{text-align:right}.work-pager small{color:var(--color-muted);font-size:.68rem;font-weight:750}.work-pager strong{font-size:var(--type-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-pager__list{border-inline:1px solid var(--color-rule);justify-content:center;align-items:center;padding-inline:1rem;font-weight:800;color:var(--color-accent-strong)!important;text-align:center!important}.work-metric-chart{border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface);gap:1.25rem;margin-top:clamp(2rem,5vw,4rem);padding:clamp(1.1rem,3vw,2rem);display:grid}.work-metric-chart__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;display:flex}.work-metric-chart__head h3{font-size:var(--type-card-title);font-weight:850}.work-metric-chart__head p,.work-metric-chart figcaption{color:var(--color-muted);font-size:var(--type-small);line-height:1.7}.work-metric-chart__plot{--metric-columns:minmax(7rem, .3fr) minmax(12rem, 1fr);gap:1.35rem;display:grid}.work-metric-chart__scale,.work-metric-chart__row{grid-template-columns:var(--metric-columns);gap:.65rem 1rem;min-width:0;display:grid}.work-metric-chart__scale{color:var(--color-muted);font-family:var(--font-display);font-size:.65rem}.work-metric-chart__scale-values{grid-column:2;min-height:1rem;position:relative}.work-metric-chart__scale-values span{left:var(--value);white-space:nowrap;position:absolute;transform:translate(-50%)}.work-metric-chart__label{gap:.2rem;display:grid}.work-metric-chart__label strong{font-size:var(--type-small)}.work-metric-chart__label span,.work-metric-chart__row>p{color:var(--color-muted);font-size:.68rem;line-height:1.55}.work-metric-chart__track{border-inline:1px solid var(--color-rule);align-self:center;height:1.15rem;position:relative}.work-metric-chart__track:before,.work-metric-chart__track:after{content:"";pointer-events:none;position:absolute}.work-metric-chart__track:before{border-top:1px solid var(--color-rule);top:50%;left:0;right:0}.work-metric-chart__track:after{border-left:1px solid var(--color-rule);top:0;bottom:0;left:50%}.work-metric-chart__range{z-index:1;top:50%;left:var(--from);width:max(3px, calc(var(--to) - var(--from)));border-radius:var(--radius-pill);background:var(--color-accent-strong);box-sizing:border-box;border:1px solid #0000;height:.6rem;position:absolute;transform:translateY(-50%)}.work-metric-chart__range--after{background:var(--color-accent-2-on-paper)}.work-metric-chart__point{z-index:1;top:50%;left:var(--value);border:2px solid var(--color-surface);background:var(--color-accent-strong);width:.7rem;height:.7rem;box-shadow:0 0 0 1px var(--color-accent-strong);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.work-metric-chart__point--before{background:var(--color-ink-soft);box-shadow:0 0 0 1px var(--color-ink-soft)}.work-metric-chart__values{font-family:var(--font-display);flex-wrap:wrap;grid-column:2;gap:.35rem 1rem;font-size:.72rem;display:flex}.work-metric-chart__values span{color:var(--color-ink-soft)}.work-metric-chart__values strong{color:var(--color-accent-strong)}.work-metric-chart__row>p{grid-column:2}@media (width>=48rem){.works-filter{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem 2rem}.work-evidence,.work-method__grid,.work-handover__grid,.work-offer__inner,.work-screenshots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=70rem){.works-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=47.99rem){.works-entrance-art{max-width:31rem;margin-inline:auto}.work-entrance-meta div{grid-template-columns:4.5rem minmax(0,1fr)}.work-metric-chart{overflow:hidden}.work-metric-chart__plot{--metric-columns:minmax(0, 1fr)}.work-metric-chart__scale-values,.work-metric-chart__values,.work-metric-chart__row>p{grid-column:1}.work-metric-chart__track{min-width:0}.work-pager__inner{grid-template-columns:1fr 1fr}.work-pager__list{border:0;border-bottom:1px solid var(--color-rule);grid-area:1/1/auto/-1}}@media (forced-colors:active){.work-badge,.works-filter button,.work-case>article,.work-metric-chart,.work-offer__inner{border-color:canvastext}.work-metric-chart__track{background:0 0;border-color:canvastext}.work-metric-chart__track:before,.work-metric-chart__track:after{border-color:canvastext}.work-metric-chart__range{forced-color-adjust:none;background:canvas;border:1px solid canvastext}.work-metric-chart__point{box-shadow:none;forced-color-adjust:none;background:canvas;border:2px solid canvastext}}@media print{.works-filter,.work-pager{display:none!important}.work-case[hidden]{display:list-item}.work-metric-chart__range,.work-metric-chart__point{print-color-adjust:exact}}@media (prefers-reduced-motion:reduce){.works-filter button{transition:none}}}