.empty{padding-top:var(--page-margin)}.grid{gap:calc(var(--page-margin) * 3);padding:var(--page-margin) 0 0;display:grid}.sample{justify-items:center;gap:.75em;display:grid}.project-row{--row-ratio:4;--row-gaps:2;gap:var(--gap-images);overscroll-behavior-x:contain;scrollbar-width:none;justify-self:stretch;display:flex;overflow-x:auto;container-type:inline-size}.project-row::-webkit-scrollbar{display:none}.row-scroll{height:var(--row-scroll-height);background:var(--color-line);justify-self:stretch;display:none;position:relative}.row-scroll[data-active]{display:block}.row-scroll__thumb{top:0;left:calc(var(--row-progress,0) * (1 - var(--row-visible,1)) * 100%);width:calc(var(--row-visible,1) * 100%);background:var(--color-text-muted);height:100%;position:absolute}.project-row img{width:auto;max-width:none;height:var(--project-row-height);flex:none}@media (width>=40.0625em){.project-row{--row-min-ratio:4;margin-left:var(--project-row-indent)}.row-scroll{margin-left:var(--project-row-indent)}.project-row img{height:min(var(--project-row-max-height), calc(( 100vw - 2 * var(--page-margin) - var(--project-row-indent) - var(--row-gaps) * var(--gap-images) ) / min(var(--row-ratio), var(--row-min-ratio))));height:min(var(--project-row-max-height), calc((100cqw - min(var(--row-gaps), 2) * var(--gap-images)) / min(var(--row-ratio), var(--row-min-ratio))))}}.sample__info{grid-template-columns:1fr;gap:.75em;width:100%;display:grid}.sample__title{font-size:var(--size-caption);font-weight:var(--font-weight-normal)}.sample__number{margin-right:1em}.sample__description{font-size:var(--size-meta)}.sample__description p+p{margin-top:1em}@media (width>=40.0625em){.sample__info{grid-template-columns:1fr 1fr;align-items:start}}.sketches{grid-template-columns:repeat(var(--sketch-columns), minmax(0, 1fr));gap:calc(var(--gap-images) * 2) var(--gap-images);padding:var(--page-margin) 0 0;align-items:start;display:grid}.sketches img{width:100%;aspect-ratio:var(--sample-frame-ratio);object-fit:contain}.sketches__caption{font-size:var(--size-meta);gap:1em;margin-top:1em;display:flex}.about{gap:calc(var(--page-margin) * 2);padding-top:var(--content-offset-top);display:grid}.about__text{max-width:40em;font-size:var(--size-about-text-phone)}.about__text p+p{margin-top:calc(1em * var(--line-height-body));margin-top:1lh}.about__photo{width:var(--about-photo-width-phone);height:auto}@media (width>=60.0625em){.about{grid-template-columns:var(--column-contact-start) calc(var(--column-photo-start) - var(--column-contact-start)) minmax(0, 1fr);align-items:start;gap:0}.about__text{font-size:var(--size-body);max-width:var(--about-text-width);grid-column:1}.about>.contact-block{grid-column:2}.about__photo{width:min(var(--about-photo-width), 100%);grid-column:3}}.project{gap:calc(var(--page-margin) * 2);padding-top:var(--page-margin);display:grid}.project__back{font-size:var(--size-header);justify-self:start;position:relative}.project__back:after{content:"";width:max(100%, var(--touch-target));height:var(--touch-target);position:absolute;top:50%;left:0;transform:translateY(-50%)}.project__intro{max-width:40em}.project__intro h1{font-size:var(--size-menu);font-weight:var(--font-weight-normal);line-height:var(--line-height-menu)}.project__intro p{margin-top:1em}.project__year{color:var(--color-text-muted)}.project__gallery{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--gallery-min-width)), 1fr));gap:var(--gap-images);padding:0;display:grid}.project__gallery img{width:100%;height:auto}.project__gallery figcaption{font-size:var(--size-caption);margin-top:.4em}.contact-block{font-size:var(--size-contact);font-style:normal;line-height:var(--line-height-contact)}.contact-block p+p{margin-top:calc(1em * var(--line-height-contact));margin-top:1lh}.contact-block__line{display:block}.contact-block--text{font-size:var(--size-about-text-phone);line-height:var(--line-height-body)}@media (width>=60.0625em){.contact-block--text{font-size:var(--size-body)}}.contact-block a{min-height:var(--touch-target-text);align-items:center;display:inline-flex}.contact{padding-top:var(--content-offset-top)}
