.swiper-container{width:100%;height:100%;position:relative}@media screen and (width>=1024px){.swiper-container{width:min(1080px,100vw - 2em);margin-left:0;margin-right:0;position:relative;left:50%;transform:translate(-50%)}}.swiper{--swiper-navigation-size:1.5em;width:100%;height:100%}.swiper-button-next:after,.swiper-button-prev:after{font-weight:var(--font-weight-bold)}.swiper-button-next,.swiper-button-prev{--swiper-navigation-color:var(--color-text-highlight)}.swiper-button-next svg,.swiper-button-prev svg{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size)}.swiper-pagination{--swiper-pagination-color:var(--accent);--swiper-pagination-bullet-inactive-color:var(--color-text-muted);--swiper-pagination-bullet-inactive-opacity:.4}.palette{margin-block:var(--space-l)}.palette-name{text-align:center;margin-bottom:var(--space-m);font-weight:var(--font-weight-bold);font-size:var(--fs-md);display:block}.palette-grid{gap:var(--space-s);grid-template-columns:1fr 1fr;display:grid}.palette-item{flex-direction:column;align-items:center;width:100%;display:flex;container-type:inline-size}.color-block{border-radius:var(--radius-card);width:100%;height:6.25rem}.color-label{margin-top:var(--space-2xs);font-weight:var(--font-weight-bold);font-size:var(--fs-sm);display:block}.color-name{font-family:monospace;font-size:var(--fs-sm);color:var(--color-text-muted);font-weight:var(--font-weight-bold)}.work-post{max-width:700px;margin-inline:auto}.work{margin-block:var(--space-l);--content-gap-prose:.875em;--content-gap-heading-above:1.5em;--content-gap-heading-below:.4em;--content-gap-block:1.25em;--content-gap-list-item:.35em}.work p{font-weight:var(--font-weight-book);text-wrap:pretty;letter-spacing:-.01em;font-size:18px;line-height:1.5}@media screen and (width>=768px){.work p{letter-spacing:-.01em;font-size:20px;line-height:1.55}}.work p+p{margin-top:var(--content-gap-prose)}.work a strong,.work blockquote strong,.work thead th strong{color:inherit}.work img{margin:auto;margin-top:var(--space-xl);margin-bottom:var(--space-xl);display:block}.work blockquote{font-weight:var(--font-weight-regular);color:var(--color-text-muted);border-left:4px solid var(--accent);quotes:"“" "”" "‘" "’";margin-top:var(--content-gap-block);margin-bottom:var(--content-gap-block);padding-left:1em;font-style:italic}.work blockquote p:first-of-type:before{content:open-quote}.work blockquote p:last-of-type:after{content:close-quote}.work code{color:var(--accent);font-weight:var(--font-weight-bold);font-size:var(--fs-sm)}.work code:before,.work code:after{content:"`"}.work table{table-layout:auto;text-align:left;width:100%;margin-top:var(--content-gap-block);margin-bottom:var(--content-gap-block);font-size:.875em;line-height:1.71429}.work thead{color:var(--color-text-muted);font-weight:var(--font-weight-bold);border-bottom-width:1px;border-bottom-color:var(--color-border)}.work thead th{vertical-align:bottom;padding-bottom:.571429em;padding-left:.571429em;padding-right:.571429em}.work tbody tr{border-bottom-width:1px;border-bottom-color:var(--color-text-subtle)}.work tbody tr:last-child{border-bottom-width:0}.work tbody td{vertical-align:top;padding:.571429em}.work video{margin-top:var(--content-gap-block);margin-bottom:var(--content-gap-block)}.work li{margin-top:var(--content-gap-list-item);margin-bottom:var(--content-gap-list-item)}.work ol{margin-top:var(--content-gap-block);margin-bottom:var(--content-gap-block);padding-left:1.625em;line-height:1.4;list-style-type:decimal}.work ol>li{padding-left:.375em}.work ol>li::marker,.work ul>li::marker{color:var(--accent)}.work ul>li{padding-left:.375em}.work ul{margin-top:var(--content-gap-block);margin-bottom:var(--content-gap-block);padding-inline-start:1.625em;line-height:1.4;list-style-type:disc}.work>ul>li p{margin-top:.75em;margin-bottom:.75em}.work>ul>li>:first-child{margin-top:1.25em}.work>ul>li>:last-child{margin-bottom:1.25em}.work>ol>li>:first-child{margin-top:1.25em}.work>ol>li>:last-child{margin-bottom:1.25em}.work ul ul,.work ul ol,.work ol ul,.work ol ol{margin-top:.75em;margin-bottom:.75em}.work ul>li>*,.work ol>li>*{display:inline}.work hr{border-color:var(--color-text-subtle);border-top-width:1px;margin-top:3em;margin-bottom:3em}.work hr+*,.work h2+*,.work h3+*,.work h4+*,.work h5+*,.work h6+*{margin-top:0}.work thead th:first-child{padding-left:0}.work thead th:last-child{padding-right:0}.work tbody td:first-child{padding-left:0}.work tbody td:last-child{padding-right:0}.work>:first-child{margin-top:0}.work>:last-child{margin-bottom:0}.work h1{letter-spacing:-.015em;margin-top:0;margin-bottom:.888889em;line-height:1.11111}.work h2{margin-top:var(--content-gap-heading-above);margin-bottom:var(--content-gap-heading-below);line-height:1}.work h3{margin-top:var(--content-gap-heading-above);margin-bottom:var(--content-gap-heading-below);line-height:1.6}.work h4{margin-top:var(--content-gap-heading-above);margin-bottom:var(--content-gap-heading-below);line-height:1.5}.work h5,.work h6{margin-top:var(--content-gap-heading-above);margin-bottom:var(--content-gap-heading-below);line-height:1.4}.work :is(h1,h2,h3,h4,h5,h6){color:var(--text-primary)}main{--content-width:1000px}.work-hero-container{view-transition-name:work-item-transition;justify-content:center;width:100%;margin:0 auto;padding:1.5%;display:flex;position:relative}.work-hero-container img,.work-hero-container video{object-fit:contain;width:100%;height:auto;max-height:620px;display:block}body:has(.work-page) h1.page-title{padding-top:0;font-size:clamp(2rem,5vw,3.5rem);font-style:normal}.work-spec{gap:var(--space-s) var(--space-l);max-width:700px;margin:var(--space-l) auto var(--space-xl);padding-block:var(--space-s);border-block:var(--border-width-hairline) solid var(--border-primary);grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));display:grid}.work-spec>div{gap:var(--space-4xs);flex-direction:column;min-width:0;display:flex}.work-spec dt{font-family:var(--ff-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.work-spec dd{font-size:var(--fs-sm);color:var(--text-primary);text-wrap:pretty;margin:0;line-height:1.35}.work .work-figure{margin-block:var(--space-xl)}.work .work-figure img{margin-block:0}.work .work-figure[data-orientation=landscape]{width:min(100cqi,960px);margin-inline:calc(50% - min(50cqi,480px))}.work .work-figure figcaption{gap:var(--space-s);margin-top:var(--space-xs);font-family:var(--ff-mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--text-tertiary);text-wrap:pretty;line-height:1.45;display:flex}.work .work-figure .figure-n{color:var(--text-secondary);flex:none}@media screen and (width<=960px){.work .work-figure[data-orientation=landscape] figcaption{padding-inline:var(--gutter)}}.work-neighbours{gap:var(--space-fluid-l);max-width:700px;margin:var(--space-2xl) auto 0;padding-top:var(--space-l);border-top:var(--border-width-hairline) solid var(--border-primary);grid-template-columns:1fr 1fr;display:grid}.neighbour{gap:var(--space-xs);min-width:0;color:var(--text-primary);flex-direction:column;text-decoration:none;display:flex}.neighbour-older{grid-column:1}.neighbour-newer{text-align:right;grid-column:2;align-items:flex-end}.neighbour-label{font-family:var(--ff-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.neighbour-still{width:100%;aspect-ratio:var(--aspect-ratio-card-desktop);padding:var(--space-s);background:var(--work-image-bg);border:var(--border-width-hairline) solid var(--border-primary);transition:border-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.neighbour-still img,.neighbour-still video{object-fit:contain;width:100%;height:auto;max-height:100%;display:block}.neighbour-title{font-size:var(--fs-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading);text-wrap:balance;transition:color var(--transition-fast);line-height:1.25}.back-link{white-space:nowrap;font-size:var(--fs-sm);font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none}.back-link:before{content:"↖";margin-right:.5ex;font-size:.95em}@media screen and (hover:hover){.back-link{transition:color .2s}.back-link:hover{color:var(--accent)}.neighbour:hover .neighbour-still{border-color:var(--border-secondary)}.neighbour:hover .neighbour-title{color:var(--text-highlight)}}@media screen and (width<=480px){.work-neighbours{grid-template-columns:1fr}.neighbour-older,.neighbour-newer{text-align:left;grid-column:1;align-items:flex-start}}