.home-shell{isolation:isolate;color-scheme:light;background:var(--paper);height:100dvh;position:relative;overflow:hidden}.project-showcase{--page-margin:var(--layout-margin);--grid-gap:var(--layout-gutter);--span-1:var(--layout-span-1);--span-2:var(--layout-span-2);--span-3:var(--layout-span-3);--span-4:var(--layout-span-4);--media-width:calc(var(--page-margin) + var(--span-4));--media-top:140px;--title-left:calc(var(--page-margin) + (2 * var(--layout-column)) + (2 * var(--grid-gap)));--title-width:var(--span-4);--title-white-width:calc(var(--media-width) - var(--title-left));--title-size:clamp(96px, 12.5vw, 160px);--title-left-bleed:.08em;--title-box-height:calc(var(--title-size) * 1.6);--vertical-margin:48px;--title-top:calc(100% - var(--vertical-margin) - var(--title-box-height));--metadata-title-gap:24px;--control-band-height:140px;--control-width:clamp(104px, 10.664vw, 136.5px);--control-height:64px;--control-top:calc(var(--title-top) - var(--control-band-height));--metadata-left:calc(var(--page-margin) + (4 * var(--layout-column)) + (4 * var(--grid-gap)));--metadata-clip-offset:calc(var(--metadata-left) - var(--media-width));isolation:isolate;background:var(--paper);width:100%;height:100%;color:var(--ink);position:relative;overflow:hidden}.project-showcase:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.showcase-media{z-index:1;top:var(--media-top);width:var(--media-width);background:var(--ink);touch-action:pan-y;position:absolute;bottom:0;left:0;overflow:hidden}.showcase-media:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(to bottom, transparent 40.33%, rgb(from var(--ink) r g b / 40%) 100%);position:absolute;inset:0}.showcase-media__track{backface-visibility:hidden;touch-action:pan-y;height:100%;display:flex}.showcase-media__slide{flex:0 0 100%;min-width:0;height:100%;position:relative;overflow:hidden}.showcase-media__image{transform-origin:50%;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden;transform:scale(1.025)}.project-slide__image{object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.project-slide__link{z-index:5;-webkit-tap-highlight-color:transparent;touch-action:pan-y;user-select:none;-webkit-user-drag:none;position:absolute;inset:0}.showcase-media,.showcase-media .project-slide__link{cursor:none}.showcase-content{z-index:7;grid-template-columns:repeat(var(--layout-columns), minmax(0, 1fr));column-gap:var(--grid-gap);padding-inline:var(--page-margin);pointer-events:none;grid-template-rows:1fr;display:grid;position:absolute;inset:0}.site-nav{z-index:2;grid-area:1/1/auto/-1;grid-template-columns:subgrid;margin-top:var(--vertical-margin);color:var(--ink);pointer-events:none;align-self:start;font-size:clamp(14px,1.40625vw,18px);line-height:1.2;display:grid}.site-nav a,.showcase-project-info,.showcase-footer a{pointer-events:auto}.home-shell .brand-link{flex-direction:column;grid-column:1;min-width:0;display:flex}.home-shell .info-link{grid-area:1/3;align-self:end}.home-shell .status-block--location{flex-direction:column;grid-column:2;min-width:0;display:flex}.brand-link strong,.status-block strong,.showcase-description strong{letter-spacing:.01em;text-transform:uppercase;font-family:Work Sans,system-ui,sans-serif;font-style:italic;font-weight:800}.brand-link span,.status-block span,.info-link{color:var(--ink);font-family:Atkinson Hyperlegible,Arial,sans-serif;font-weight:400}.swiss-time{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:12ch}.showcase-metadata-lane{z-index:2;top:var(--control-top);left:var(--metadata-left);width:var(--span-1);height:var(--control-band-height);align-items:center;min-width:0;display:flex;position:absolute;overflow:hidden}.showcase-description{flex-direction:column;font-size:clamp(14px,1.40625vw,18px);line-height:1.3;display:flex}.showcase-description strong{font-size:inherit;line-height:1.2}.showcase-mobile-description{display:none}.showcase-project-info{z-index:8;top:var(--control-top);position:absolute;right:0}.carousel-actions{flex-direction:column;gap:12px;display:flex}.carousel-actions button{width:var(--control-width);height:var(--control-height);background:var(--ink);color:var(--paper);cursor:pointer;transition:background-color var(--motion-ui) ease, color var(--motion-ui) ease, transform var(--motion-press) var(--ease-out);border:0;place-items:center;padding:0;display:grid}.carousel-actions button:disabled{cursor:default}.carousel-icon{fill:currentColor;width:32px;height:32px;display:block}.carousel-actions button:focus-visible:not(:disabled){background:var(--interactive-hover);color:var(--paper);outline:2px solid var(--paper);outline-offset:-2px}.carousel-actions button:active:not(:disabled){transform:scale(.97)}@media (hover:hover) and (pointer:fine){.carousel-actions button:hover:not(:disabled){background:var(--interactive-hover);color:var(--paper)}}.showcase-counter{width:var(--control-width);height:var(--control-band-height);background:var(--ink);color:var(--paper);font-variant-numeric:tabular-nums;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;font-family:Work Sans,system-ui,sans-serif;font-size:32px;font-style:italic;line-height:38.4px;display:flex;position:relative;overflow:hidden}.showcase-counter__current-window{text-align:center;width:40px;height:38.4px;display:block;position:relative;overflow:hidden}.showcase-counter strong{font-weight:900;line-height:38.4px;display:block}.showcase-counter__total{font-weight:300;line-height:38.4px;display:block}.showcase-counter--static{z-index:6;top:var(--control-top);position:absolute;left:0}.showcase-footer{z-index:8;margin-bottom:var(--vertical-margin);color:var(--paper);text-transform:uppercase;grid-area:1/1;align-self:end;font-family:Atkinson Hyperlegible,Arial,sans-serif;font-size:16px;line-height:1.2}.showcase-title-semantic{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.showcase-title{z-index:5;top:var(--title-top);left:var(--title-left);width:var(--title-width);height:var(--title-box-height);pointer-events:none;color:var(--paper);font-family:Work Sans,system-ui,sans-serif;font-size:var(--title-size);letter-spacing:0;text-align:left;text-transform:uppercase;white-space:pre-line;font-style:italic;font-weight:800;line-height:.8;position:absolute;overflow:visible}.showcase-title__white-layer{inset:0 auto 0 calc(0px - var(--title-left-bleed));width:calc(100% + var(--title-left-bleed));clip-path:inset(0 calc(100% - var(--title-white-width) - var(--title-left-bleed)) 0 0);position:absolute}.showcase-title__black-clip{inset:0 auto 0 calc(0px - var(--title-left-bleed));width:calc(100% + var(--title-left-bleed));clip-path:inset(0 0 0 calc(var(--title-white-width) + var(--title-left-bleed)));color:var(--ink);position:absolute}.showcase-title__text{inset:0 auto auto var(--title-left-bleed);width:var(--title-width);white-space:pre-line;display:block;position:absolute}.showcase-title__measure{visibility:hidden}.hover-button{z-index:9;left:0;top:var(--media-top);pointer-events:none;color:var(--ink);text-transform:uppercase;will-change:transform;align-items:center;font-family:Work Sans,system-ui,sans-serif;font-size:16px;font-style:italic;font-weight:800;line-height:1.3;display:flex;position:absolute}.hover-button__content{opacity:0;visibility:hidden;transition:opacity var(--motion-ui) var(--ease-out), transform var(--motion-ui) var(--ease-out), visibility 0s linear var(--motion-ui);align-items:center;display:flex;transform:scale(.97)}.hover-button__label{border:2px solid var(--ink);background:var(--paper);border-radius:999px;align-items:center;height:48px;padding:0 24px;display:inline-flex}.hover-button__arrow{isolation:isolate;place-items:center;width:64px;height:64px;display:grid;position:relative}.hover-button__arrow-square{z-index:-1;border:2px solid var(--ink);background:var(--paper);width:48px;height:48px;animation:6s linear infinite cursor-square-rotate;position:absolute}.hover-button__arrow svg{width:24px;height:24px;overflow:visible}.hover-button__arrow path{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter}@keyframes cursor-square-rotate{to{transform:rotate(360deg)}}@media (hover:hover) and (pointer:fine){.showcase-media:hover+.hover-button .hover-button__content{opacity:1;visibility:visible;transition-delay:0s;transform:scale(1)}}.carousel-transition{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.carousel-transition__metadata{z-index:8;top:var(--control-top);left:var(--media-width);width:calc(var(--span-1) + var(--metadata-clip-offset));height:var(--control-band-height);padding-left:var(--metadata-clip-offset);align-items:center;display:grid;position:absolute;overflow:hidden}.carousel-transition__metadata .showcase-description{grid-area:1/1}.carousel-transition__counter{z-index:8;top:var(--control-top);position:absolute;left:0}.carousel-transition__counter .showcase-counter__current-window{width:var(--control-width);overflow:visible}.carousel-transition__counter-number{position:absolute;inset:0}.carousel-transition__title{position:absolute;inset:0;overflow:hidden}.carousel-transition__metadata .showcase-description,.carousel-transition__counter-number,.carousel-transition__title-value{will-change:opacity, transform}.carousel-transition__copy--outgoing{opacity:1;transform:translate(0,0)}.carousel-transition__copy--incoming{opacity:0;transform:translate(100%)}.carousel-transition[data-direction="-1"] .carousel-transition__copy--incoming{transform:translate(-100%)}.project-showcase--transitioning>.showcase-title,.project-showcase--transitioning .showcase-counter--static,.project-showcase--transitioning .showcase-metadata-lane,.project-showcase--transitioning .showcase-mobile-description{opacity:0}.project-slide__link:focus-visible,.site-nav a:focus-visible,.showcase-footer a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media (width>=768px){.home-shell .brand-link{line-height:1.2}.home-shell .brand-link strong{letter-spacing:0}.home-shell .brand-link span{font-family:Atkinson Hyperlegible Next,Atkinson Hyperlegible,Arial,sans-serif}}@media (width<=767.98px){.project-showcase{--media-width:100vw;--media-top:50%;--title-left:var(--page-margin);--title-width:var(--span-4);--title-size:clamp(52px, 14.545vw, 64px);--title-line-height:calc(var(--title-size) * .8);--title-box-height:calc(var(--title-line-height) * 2);--mobile-title-padding:clamp(12px, 2.51dvh, 24px);--title-top:calc(var(--media-top) - var(--title-line-height));--mobile-title-split:var(--title-line-height);--mobile-copy-bottom:calc(var(--title-top) - var(--mobile-title-padding));--control-band-height:104px;--control-width:clamp(48px, 13.864vw, 61px);--control-height:48px;--control-top:calc(var(--title-top) + var(--title-box-height) + var(--mobile-title-padding))}.showcase-media:after{background:linear-gradient(to bottom, rgb(from var(--ink) r g b / 40%) 0%, transparent 59.67%)}.site-nav{grid-template-columns:subgrid;grid-template-rows:auto auto;row-gap:48px;margin-top:16px;font-size:16px}.home-shell .brand-link{grid-area:1/1/auto/3}.home-shell .info-link{grid-area:2/1/auto/3;align-self:start}.home-shell .status-block--location{grid-area:1/3/auto/5}.showcase-metadata-lane{top:var(--mobile-copy-bottom);left:var(--page-margin);width:var(--span-3);align-items:flex-end;height:auto;margin:0;position:absolute;transform:translateY(-100%)}.showcase-description,.showcase-description strong{font-size:16px}.showcase-description{line-height:1.3}.showcase-description strong{line-height:1.2}.showcase-mobile-description{display:none}.showcase-project-info{right:0}.carousel-actions{gap:8px}.carousel-icon{width:24px;height:24px}.showcase-counter{font-size:24px;line-height:28.8px}.showcase-counter__current-window{width:30px;height:28.8px}.showcase-counter strong,.showcase-counter__total{line-height:28.8px}.showcase-footer{margin-bottom:max(16px, env(safe-area-inset-bottom));grid-column:1/5;font-size:16px}.showcase-title__white-layer{inset:0 auto 0 calc(0px - var(--title-left-bleed));width:calc(100% + var(--title-left-bleed));clip-path:inset(var(--mobile-title-split) 0 0)}.showcase-title__black-clip{inset:0 auto 0 calc(0px - var(--title-left-bleed));width:calc(100% + var(--title-left-bleed));height:100%;clip-path:inset(0 0 var(--mobile-title-split) 0)}.carousel-transition__metadata{top:var(--mobile-copy-bottom);left:var(--page-margin);width:var(--span-3);align-items:end;height:auto;padding-left:0;transform:translateY(-100%)}.showcase-media,.showcase-media .project-slide__link{cursor:auto}.hover-button{display:none}}@media (height<=680px) and (width>=768px){.project-showcase{--media-top:112px;--title-size:min(12.5vw, 132px);--vertical-margin:32px}}@media (prefers-reduced-motion:reduce){.hover-button__arrow-square{animation-duration:1ms!important;animation-iteration-count:1!important}}