.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-play-pause{z-index:10;position:absolute;inset-block-end:var(--space-xs);inset-inline-start:var(--space-xs)}.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:44rem}.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;line-height:1.5;font-size:var(--fs-base)}@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)}.work-page{--work-wide:100cqi}.work-hero-container{--hero-max-h:min(var(--hero-h), 70svh);--mount:min(100%, calc(var(--hero-max-h) * var(--aspect) / .9));width:var(--mount);padding:calc(var(--mount) * .05) calc(var(--mount) * .05) calc(var(--mount) * .075);background:var(--work-image-bg);border:var(--border-width-hairline) solid var(--border-primary);view-transition-name:work-item-transition;position:relative}.work-hero-container img,.work-hero-container video{width:100%;height:auto;display:block}.work-hero-container .hero-portrait{display:none}.work-hero-container>.play-pause{position:absolute;inset-block-end:var(--space-m);inset-inline-end:var(--space-m)}.work-hero-container>.play-pause[data-media=portrait]{display:none}@media (width<=768px) and (orientation:portrait){.work-hero-container:has(.hero-portrait){--aspect:var(--portrait-aspect);--hero-max-h:80svh}.work-hero-container:has(.hero-portrait) .hero-landscape,.work-hero-container>.play-pause[data-media=landscape]{display:none}.work-hero-container>.play-pause[data-media=portrait]:not([hidden]){display:inline-flex}.work-hero-container .hero-portrait{aspect-ratio:var(--portrait-aspect);display:block}}@media screen and (width<=600px){.work-hero-container{--mount:min(100%, calc(var(--hero-max-h) * var(--aspect)));background:0 0;border:none;padding:0}}body:has(.work-page) h1.page-title{font-size:max(1.5rem, min(clamp(2.25rem, 1rem + 4.6vw, 5.5rem), 100cqi / var(--title-ch,12) * 1.55));letter-spacing:-.035em;padding-top:0;font-style:normal;line-height:.92}.work-spec{gap:var(--space-s) var(--space-l);max-width:44rem;margin-block:var(--space-l) 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>picture>img,.work .work-figure[data-orientation=portrait] img{margin-inline:0}.work .work-figure[data-orientation=landscape]{width:var(--work-wide)}.work .swiper-container{width:var(--work-wide);left:0;transform:none}.work .work-figure figcaption{gap:var(--space-s);max-width:44rem;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<=600px){.work .work-figure[data-orientation=landscape]{width:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter))}.work .work-figure[data-orientation=landscape] figcaption{padding-inline:var(--gutter)}}.work-neighbours{gap:var(--space-xs) var(--space-fluid-l);margin-top:var(--space-2xl);padding-top:var(--space-l);border-top:var(--border-width-hairline) solid var(--border-primary);grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;display:grid}.neighbour{grid-row:1/span 3;grid-template-rows:subgrid;min-width:0;color:var(--text-primary);justify-items:start;text-decoration:none;display:grid}.neighbour-older{grid-column:1}.neighbour-newer{text-align:right;grid-column:2;justify-items: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{--mount:min(100%, calc(18rem * var(--aspect) / .9));width:var(--mount);padding:calc(var(--mount) * .05) calc(var(--mount) * .05) calc(var(--mount) * .075);background:var(--work-image-bg);border:var(--border-width-hairline) solid var(--border-primary);transition:border-color var(--transition-fast);align-self:end;display:block}.neighbour-still img,.neighbour-still video{width:100%;height:auto;display:block}.neighbour-title{font-size:var(--fs-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading);text-wrap:balance;text-decoration-thickness:var(--border-width-hairline);text-underline-offset:.12em;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 var(--transition-base)}.back-link:hover{color:var(--accent)}.neighbour:hover .neighbour-still{border-color:var(--border-secondary)}.neighbour:hover .neighbour-title{text-decoration-line:underline}}@media screen and (width<=600px){.neighbour-still{--mount:min(100%, calc(18rem * var(--aspect)));background:0 0;border:none;padding:0}}@media screen and (width<=480px){.work-neighbours{grid-template-columns:1fr}.neighbour-older,.neighbour-newer{text-align:left;grid-area:auto/1/span 3;justify-items:start}}@media screen and (width>=1200px){body:has(.work-page){--work-rail:13rem;--work-gap:var(--space-fluid-l)}body:has(.work-page) :is(.page-shell-title-wrap,.page-shell-prelude){padding-inline-start:calc(var(--gutter) + var(--work-rail) + var(--work-gap))}.work-page{--work-wide:calc(100cqi - var(--work-rail) - var(--work-gap));grid-template-columns:[full-start] var(--work-rail) [text-start] minmax(0, 44rem) [text-end] minmax(0, 1fr) [full-end];column-gap:var(--work-gap);align-content:start;display:grid}.work-hero-container{grid-area:1/text-start/auto/full-end;align-self:end}.work-spec{top:calc(var(--masthead-clearance) + var(--space-fluid-l));grid-area:1/full-start/auto/text-start;grid-template-columns:minmax(0,1fr);align-self:start;gap:0;max-width:none;margin:0;padding-block:0;position:sticky}.work-spec>div{padding-block:var(--space-xs)}.work-spec>div+div{border-top:var(--border-width-hairline) solid var(--border-primary)}.work-post{grid-area:2/text}.work-neighbours{grid-area:3/text-start/auto/full-end}}