@layer reset, base, pages, components;@layer reset{*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{hanging-punctuation:first last}body{min-height:100vh}img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance}@media(prefers-reduced-motion: no-preference){:has(:target){scroll-behavior:smooth;scroll-padding-top:3rem}}}@layer base{@font-face{font-family:"Castle";src:url("/assets/fonts/UPCastle-VariableVF.woff2") format("woff2");font-weight:normal;font-style:normal}@font-face{font-family:"SuissWorks";src:url("/assets/fonts/SuisseWorks-Book-WebS.woff2") format("woff2"),url("/assets/fonts/SuisseWorks-Book-WebS.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"SuissWorks";src:url("/assets/fonts/SuisseWorks-BookItalic-WebS.woff2") format("woff2"),url("/assets/fonts/SuisseWorks-BookItalic-WebS.woff") format("woff");font-weight:normal;font-style:italic}:root{--col-brand-1: rgba(var(--col-page), 1);--col-brand-2: rgba(var(--col-page), 0.5);--col-brand-3: rgba(var(--col-page), 0.2);--col-background: #efefef;--col-text: #0a0a0a}:root{--fs-sm: clamp(0.8125rem, -0.05390625vw + 0.8340625rem, 0.769375rem);--fs-base: clamp(1.0625rem, 0.078125vw + 1.03125rem, 1.125rem);--fs-lg: clamp(1.5rem, 1.40625vw + 0.9375rem, 2.625rem);--max-textWidth: 58ch;--navItem-h: 40px;--navItem-sh: 30px;--navGap: 4px;--heightTitle: var(--navItem-h);--heightTitleHeadroom: calc(100svh - var(--heightTitle));--heightTopRow: 30svh;--heightBottomRow: calc(100svh - var(--heightTopRow))}html{font-size:var(--fs-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.28;letter-spacing:.01em;-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}html *{color:var(--page-color, black) !important}body{font-family:"Castle","Times New Roman",serif;color:var(--col-text);background-color:var(--col-background);font-size:var(--fs-base);line-height:1.2}p{font-size:var(--fs-base);margin-bottom:.3rem}h1,h2,h3,h4,h5{font-weight:true;font-size:var(--fs-base)}.text-caption{font-size:var(--fs-base)}small{font-size:var(--fs-base)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}a:hover{opacity:.6;transition:opacity 150ms ease-in-out}a:visited{opacity:.8}pre code{display:block;font-family:Spot Mono,monospace;padding:.5em 1em;overflow-x:auto}code{color:var(--col-text-secondary);background:var(--col-background-secondary);border-radius:.25em;padding-inline:.25rem}.main__text ul{margin:0 auto;max-width:var(--max-textWidth);margin-top:2rem}.main__text ul li{margin:0;padding:0}@media screen and (max-width: 820px){.main__text ul li{margin-left:1rem}}.main__text ul li p{padding:0 !important;margin:0 !important}}@layer pages{.main{padding:.3rem .6rem}[data-template=home] .main{height:100svh;width:100%}[data-template=home] .main figure{position:absolute;bottom:.5rem;right:.5rem;width:max(30vw,300px)}.main *{margin-inline:auto}.main .work__title{font-style:italic;text-align:center;margin-top:33svh;margin-bottom:.3rem}.main .caption,.main .caption *,.main figcaption{font-size:var(--fs-sm);text-align:center;margin-bottom:.3rem}.main h2{font-size:var(--fs-sm);margin-bottom:.3rem;margin-top:2rem}.main ul{margin-inline:1rem}.main{padding:.3rem .6rem}.main p{max-width:160ch}[data-template=works] .main .work__row{display:flex}[data-template=works] .main .work__teaser{position:relative;--teaser-width: calc(1 / 6 * var(--teaser-span));margin:0;flex:var(--teaser-width);width:100%}[data-template=works] .main .work__teaser:hover{opacity:1;transition:opacity 150ms ease-in-out}[data-template=works] .main .work__teaser:hover img{opacity:.2;transition:opacity 150ms ease-in-out}[data-template=works] .main .work__teaser img{width:100%}[data-template=works] .main .work__teaser-title{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;opacity:0}[data-template=works] .main .work__teaser:hover .work__teaser-title{opacity:1;transition:opacity 150ms ease-in-out}[data-template=works] .main .work__row.right{justify-content:end}[data-template=works] .main .work__row.left{justify-content:start}[data-template=works] .main .work__row.center{justify-content:center}body[data-template=work] figure{max-width:800px}body[data-template=work] figure.portrait{max-width:600px}body[data-template=work] figure.landscape{max-width:900px}}@layer components{nav{padding:.3rem .6rem}nav ul{list-style:none;display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr 1fr}nav ul li a{text-decoration:none}nav ul li:nth-child(2){text-align:center}nav ul li:last-child{text-align:right}.splide{height:100%;width:100vw}.splide.static{visibility:visible !important;height:calc(100svh - 2*var(--heightTitle))}.splide.static .splide__list{flex-direction:column-reverse !important}.splide.static .splide__slide{width:50%}@media screen and (max-width: 820px){.splide.static .splide__slide{width:100%;height:100%;flex:1;padding-block:5svh !important}}.splide__track{height:100%}.splide__slide{height:calc(100% - var(--heightTitle));width:100%;display:flex;justify-content:center;align-items:center;padding-inline:var(--heightTitle)}.splide__slide figure{transform:scale(0.36);transition:transform 900ms cubic-bezier(0.25, 1, 0.5, 1);will-change:transform}@media screen and (min-width: 819px){.splide__slide{padding-inline:clamp(var(--heightTitle),5vw,200px);padding-block:12svh}}@media screen and (max-width: 820px){.splide__slide{height:50%;padding-inline:.75rem}.splide__slide figure{transform:scale(0.5);padding-block:calc(var(--heightTitle)*2)}.splide__slide.is-prev figure{transform:translate3d(0, 25%, 0) scale(0.5)}.splide__slide.is-next figure{transform:translate3d(0, -25%, 0) scale(0.5)}}.splide__slide.is-active figure{transform:scale(1)}@media screen and (max-width: 820px){.splide__slide.is-active figure{padding:0}}.splide__slide figure,.splide__slide picture{height:100%;width:100%}.splide__slide img{width:100%;height:100%;object-fit:contain}.splide__arrow{top:47.5% !important;background:rgba(0,0,0,0) !important;display:none !important}@media(hover: hover)and (min-width: 820px){.splide__arrow{display:flex !important}}@media screen and (max-width: 820px){.splide__arrow{display:flex !important}}.splide__arrow--next{right:.5em !important;border-radius:0 !important;height:100svh !important;width:33vw !important;display:flex !important;justify-content:flex-end !important;align-items:center !important}@media screen and (max-width: 820px){.splide__arrow--next{width:100vw !important;height:25svh !important;bottom:0 !important;display:flex !important;top:unset !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__arrow--next svg{display:none !important}}.splide__arrow--prev{left:.5em !important;right:unset !important;border-radius:0 !important;height:100svh !important;width:33vw !important;display:flex !important;justify-content:flex-start !important;align-items:center !important}@media screen and (max-width: 820px){.splide__arrow--prev{width:100vw !important;left:0 !important;right:0 !important;height:calc(25svh - var(--heightTitle)) !important;bottom:unset !important;display:flex !important;top:0 !important;transform:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__arrow--prev svg{display:none !important}}.splide:not(.is-overflow) .splide__arrows{display:none}}