html{background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;scrollbar-width:thin;scrollbar-color:var(--ink-ghost) var(--paper-sunken)}html.is-locked{overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--s-4);top:calc(-1 * var(--s-10));z-index:10;background:var(--paper-raised);padding:var(--s-3) var(--s-5);border:var(--hairline) solid var(--rule);border-radius:var(--r-lg);transition:top var(--dur-fast) var(--ease);position:absolute}.skip-link:focus{top:var(--s-4)}.btn-row{gap:var(--s-3);flex-wrap:wrap;display:flex}.lead--solid{color:var(--ink-soft)}.tag-row{gap:var(--s-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-header{justify-content:space-between;align-items:center;gap:var(--s-5);padding-block:var(--s-6);display:flex}.site-header>:last-child{margin-inline-start:auto}.back-link{align-items:center;gap:var(--s-2);font-size:var(--t-caption);font-weight:var(--w-medium);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-muted);text-decoration:none;display:inline-flex}.back-link,.lang-toggle__item{-webkit-tap-highlight-color:transparent;position:relative}.back-link:after,.lang-toggle__item:after{content:"";width:max(100%, var(--tap-min));height:var(--tap-min);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lang-toggle{align-items:center;gap:var(--s-4);font-size:var(--t-caption);font-weight:var(--w-medium);letter-spacing:var(--ls-label);text-transform:uppercase;display:inline-flex}.lang-toggle__sep{width:var(--hairline);background:var(--rule);height:.9em}.lang-toggle__item{color:var(--ink-ghost);transition:color var(--dur-fast) var(--ease);text-decoration:none}.lang-toggle__item[aria-current=true]{color:var(--ink)}@media (hover:hover){.back-link:hover,.lang-toggle__item:hover{color:var(--accent)}}.back-link:active,.lang-toggle__item:active{color:var(--accent-deep)}.site-footer{justify-content:space-between;align-items:center;gap:var(--s-4);border-top:var(--hairline) solid var(--rule);padding-block:var(--s-6) var(--s-8);flex-wrap:wrap;display:flex}.hero{padding-block:clamp(var(--s-7), 9vw, var(--s-10)) var(--section-gap)}.hero__name{margin-top:var(--s-4);margin-bottom:var(--s-5)}.hero__intro{margin-top:var(--s-6);margin-bottom:var(--s-7)}.rotator{font-family:var(--font-display);font-weight:var(--w-display);font-size:var(--t-h2);line-height:var(--lh-snug);letter-spacing:var(--ls-display);color:var(--ink);margin:0}.rotator__slot{vertical-align:top;display:inline-block;position:relative}.rotator__sizer{visibility:hidden;white-space:nowrap}.rotator__word{white-space:nowrap;color:var(--accent);opacity:0;transition:opacity var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);font-style:italic;position:absolute;inset-block-start:0;inset-inline-start:0;transform:translateY(6px)}.rotator__word[data-active=true]{opacity:1;transform:translateY(0)}.projects-list{gap:var(--s-9);flex-direction:column;display:flex}.project-row{gap:var(--s-8);grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.project-row__body{grid-area:1/2}.project-row__plate{grid-area:1/1}.project-row--flip .project-row__body{grid-column:1}.project-row--flip .project-row__plate{grid-column:2}.project-row__index{font-family:var(--font-display);font-size:var(--t-caption);letter-spacing:var(--ls-label);color:var(--accent-label)}.project-row__title{margin-block:var(--s-2) var(--s-4)}.project-row__link{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}.project-row__link:after{content:"";border-radius:var(--r-lg);z-index:1;position:absolute;inset:0}@media (hover:hover){.project-row__link:hover{color:var(--accent)}}.project-row__link:active{color:var(--accent)}.project-row__tagline{margin-bottom:var(--s-5)}.project-row__actions{z-index:1;position:relative}.type-plate{aspect-ratio:4/3;background:var(--paper-raised);border:var(--hairline) solid var(--rule);border-radius:var(--r-lg);padding:var(--s-6);transition:border-color var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}@media (hover:hover){.project-row:hover .type-plate{border-color:var(--accent);transform:translateY(-6px)}.project-row:hover .type-plate--image img{transform:scale(1.05)}}.project-row:has(.project-row__link:active) .type-plate{border-color:var(--accent-soft);transform:translateY(1px)}.type-plate__index{font-family:var(--font-display);font-weight:var(--w-display);letter-spacing:var(--ls-display);color:var(--accent-deep);font-size:clamp(4.5rem,11vw,8.5rem);line-height:.9}.type-plate__rules{gap:var(--s-2);margin-top:var(--s-4);display:flex}.type-plate__rules>span{height:var(--hairline);width:var(--s-6);background:var(--rule)}.type-plate__rules>span:first-child{background:var(--accent-mist)}.type-plate__stack{font-size:var(--t-caption);color:var(--ink-muted);line-height:var(--lh-snug)}.type-plate--image{padding:0}.type-plate--image img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease)}.type-plate-caption{margin-top:var(--s-3)}.unpublished{margin-top:var(--s-8);text-align:center}.unpublished__count{font-family:var(--font-display);font-weight:var(--w-display);letter-spacing:var(--ls-display);color:var(--accent-deep);margin:0;font-size:clamp(3rem,7vw,5rem);line-height:.9}.unpublished__plus{vertical-align:.55em;color:var(--accent-soft);margin-inline-end:.04em;font-size:.55em}.unpublished__label{margin:var(--s-2) 0 0;font-size:var(--t-eyebrow);text-transform:uppercase;letter-spacing:var(--ls-label);color:var(--accent-label)}.unpublished__note{margin:var(--s-4) auto 0;max-width:46ch;font-size:var(--t-small);line-height:var(--lh-body);color:var(--ink-muted)}.section:has(.unpublished){padding-block-end:calc(var(--section-gap) / 3)}.case-header{padding-block:var(--s-7) var(--section-gap)}.case-header__title{margin-block:var(--s-3) var(--s-5)}.case-header__meta{gap:var(--s-5);margin-top:var(--s-6);flex-direction:column;align-items:flex-start;display:flex}.case-section+.case-section{margin-top:var(--section-gap)}@supports (grid-template-rows:subgrid){@media (min-width:721px){.compare--rows{grid-template-rows:repeat(var(--compare-rows), auto);row-gap:var(--s-4)}.compare--rows>.compare__side{grid-template-rows:subgrid;grid-row:1/-1;display:grid}.compare--rows>.compare__side>ul{grid-template-rows:subgrid;grid-row:2/-1;display:grid}.compare--rows li{margin-bottom:0}.compare--rows .compare__head{margin-bottom:var(--s-2)}}}.gallery{align-items:start;gap:var(--s-6);margin-top:var(--s-7);grid-template-columns:repeat(auto-fit,minmax(min(100%,28rem),1fr));padding:0;list-style:none;display:grid}.gallery figure{margin:0;max-width:40rem;margin-inline:auto}.gallery figcaption{margin-top:var(--s-3)}.gallery__trigger{border-radius:var(--r-lg);cursor:zoom-in;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.gallery__trigger img{border:var(--hairline) solid var(--rule);border-radius:var(--r-lg);width:100%;height:auto;transition:border-color var(--dur-base) var(--ease);display:block}.gallery__hint{right:var(--s-3);bottom:var(--s-3);width:var(--s-6);height:var(--s-6);background:var(--paper-raised);border:var(--hairline) solid var(--rule);border-radius:var(--r-md);color:var(--ink-muted);font-size:var(--t-caption);transition:color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);place-items:center;line-height:1;display:grid;position:absolute}@media (hover:hover){.gallery__trigger:hover img{border-color:var(--accent-soft)}.gallery__trigger:hover .gallery__hint{color:var(--accent);border-color:var(--accent-soft)}}.lightbox{background:0 0;border:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;overflow:hidden}.lightbox[open]{display:block}.lightbox::backdrop{background:color-mix(in srgb, var(--ink) 88%, transparent)}.lightbox :focus-visible{outline-color:var(--paper)}.lightbox__stage{overscroll-behavior:contain;scrollbar-width:auto;scrollbar-color:auto;padding:calc(var(--s-4) + var(--tap-min) + var(--s-4)) var(--s-5);justify-content:safe center;align-items:safe center;display:flex;position:absolute;inset:0;overflow:auto}.lightbox__figure{justify-content:center;align-items:center;gap:var(--s-3);flex-direction:column;height:100%;min-height:0;margin:0;display:flex}.lightbox__img{object-fit:contain;cursor:zoom-in;flex:1;width:100%;min-height:0}.lightbox[data-zoomed=true] .lightbox__stage{align-items:safe flex-start}.lightbox[data-zoomed=true] .lightbox__figure{width:max(100%,40rem);height:auto}.lightbox[data-zoomed=true] .lightbox__img{object-fit:fill;cursor:zoom-out;flex:none;width:max(100%,40rem);max-width:none;height:auto;max-height:none}.lightbox__caption{color:var(--accent-mist);text-align:center;max-width:var(--measure)}.lightbox__bar,.lightbox__nav{align-items:center;gap:var(--s-3);padding-inline:var(--s-5);pointer-events:none;flex-wrap:wrap;display:flex;position:absolute;left:0;right:0}.lightbox__bar{top:var(--s-4);justify-content:space-between}.lightbox__nav{bottom:var(--s-4);justify-content:center}.lightbox__btn{pointer-events:auto}.lightbox__actions{gap:var(--s-3);display:flex}.lightbox__counter{font-size:var(--t-eyebrow);font-weight:var(--w-medium);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--accent-mist);margin:0}.lightbox__btn{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--tap-min);padding:var(--s-2) var(--s-5);font-family:var(--font-ui);font-size:var(--t-small);font-weight:var(--w-medium);color:var(--paper);border:var(--hairline) solid color-mix(in srgb, var(--paper) 34%, transparent);border-radius:var(--r-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;display:inline-flex}.lightbox__btn:active{transform:translateY(1px)}@media (hover:hover){.lightbox__btn:hover{background:color-mix(in srgb, var(--paper) 14%, transparent);border-color:var(--paper)}}.gallery--empty{border:var(--hairline) dashed var(--rule);border-radius:var(--r-lg);padding:var(--s-7);margin-top:var(--s-7);text-align:center}.contact__email{font-family:var(--font-display);font-weight:var(--w-display);font-size:clamp(1.625rem, 6.4vw, var(--t-h1));line-height:var(--lh-tight);letter-spacing:var(--ls-display);color:var(--ink);overflow-wrap:break-word;margin-block:var(--s-5);-webkit-tap-highlight-color:transparent;text-decoration:none;display:inline-block;position:relative}.contact__email:after{content:"";width:100%;min-height:var(--tap-min);height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (hover:hover){.contact__email:hover{color:var(--accent)}}.contact__email:active{color:var(--accent)}.copy-email{position:relative}.copy-email:not([data-state=idle]) .copy-email__value{visibility:hidden}.copy-email__feedback{white-space:nowrap;color:var(--accent-deep);opacity:0;transition:opacity var(--dur-fast) var(--ease);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.copy-email:not([data-state=idle]) .copy-email__feedback{opacity:1}.contact__email .copy-email__feedback{justify-content:flex-start;align-items:flex-start}@media (max-width:720px){.project-row{gap:var(--s-5);grid-template-columns:1fr}.project-row__plate,.project-row--flip .project-row__plate{grid-area:1/1}.project-row__body,.project-row--flip .project-row__body{grid-area:2/1}.type-plate:not(.type-plate--image){aspect-ratio:auto;gap:var(--s-6)}.type-plate:not(.type-plate--image) .type-plate__stack{margin:0}.projects-list{gap:var(--s-8)}.site-header{padding-block:var(--s-5)}.site-footer{justify-content:flex-start}}