*,*:before,*:after{box-sizing:border-box}body{margin:0}h1,h2,p,ul{margin-block:0}h1,h2,p{overflow-wrap:break-word}h1,h2{text-wrap:balance}p{text-wrap:pretty}ul{list-style:none;padding-inline-start:0}button{padding-inline:0}img{display:block;max-inline-size:100%}body{font-family:Times New Roman,Times,serif;font-weight:400;font-style:normal;line-height:1.2;color:#000}@media (width >= 70em){body{font-size:1.125em}}h1,h2{font-size:1em;font-weight:400;text-transform:uppercase}button{border:none;background:none;color:inherit;font:inherit;cursor:pointer}body{padding-block:1.5em;padding-inline:7.5%}main{max-width:108rem;margin-inline:auto}@media (width >= 36em){main{display:grid;grid-template-columns:minmax(auto,47%) 1fr minmax(auto,47%);grid-column-gap:.7em}.project{grid-column:1 / -1}}@media (width >= 70em){body{padding-inline:5%}main{grid-template-columns:minmax(max-content,15%) 1fr 40% 2fr 35%}}.title{grid-column:1 / -1;font-family:Arial,Helvetica,sans-serif;text-align:center;margin-block-end:1.5em;font-size:.935em}@media (width >= 24.25em){.title span{display:inline-block}}.project{display:flex;flex-direction:column;row-gap:1em}.project:has(+.project){margin-block-end:1.5em}.project{padding-block-start:1.5em;border-block-start:1px solid black}.project__dates li:before,.project__dates div:before{content:"["}.project__dates li:after,.project__dates div:after{content:"]"}.project__images img{inline-size:100%;block-size:auto}.project__category:after{content:" :"}.project__description{margin-block-start:1em}.project__description:has(+.project__credits){margin-block-end:1em}.project__credits{margin-block-start:auto}@media (width >= 36em){.project{display:grid;grid-template-columns:subgrid}.project__images{grid-column:1}.project__body{display:flex;flex-direction:column;grid-column:3}}@media (width >= 70em){.project__images{grid-column:3}.project__body{grid-column:5}}.carousel{position:relative}.carousel:hover{cursor:pointer}.carousel__slider{grid-row:1;display:grid;grid-auto-columns:100%;grid-auto-flow:column;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}@media (prefers-reduced-motion: no-preference){.carousel__slider{scroll-behavior:smooth}}.carousel__slide{scroll-snap-align:start}.project[hidden]{display:none}button:hover,button:focus-visible{text-decoration:underline}p button[aria-pressed=true]{text-decoration:underline}
