.ButtonLink{background-color:wheat;color:var(--black);border:none;outline:none;padding:8px 16px;cursor:pointer}.Gallery{width:100%;aspect-ratio:3.5/3.8;margin-bottom:var(--inline-padding);display:flex;flex-direction:column}@media (max-width: 48em){.Gallery{max-height:60vh}}.Gallery img{-o-object-fit:cover;object-fit:cover}.Gallery .embla{overflow:hidden}.Gallery .embla__container{display:flex}.Gallery .embla__slide{flex:0 0 min(100%,60px);min-width:0}.Gallery .control-container{overflow:auto;width:100%;max-width:100%;padding-bottom:12px}.Gallery .control-container::-webkit-scrollbar{height:6px;width:100%}.Gallery .control-container::-webkit-scrollbar-thumb{background-color:#78563e;cursor:pointer}.Gallery .controls{display:flex;gap:12px;margin-top:12px;grid-auto-flow:column}.Gallery .control-item{overflow:clip}.Gallery .control-item.active button>*{filter:blur(0px);opacity:1}.Gallery button{cursor:pointer;height:60px;aspect-ratio:3.5/3.8;padding:0;outline:0;border:none}.Gallery button:focus-visible{border:3px solid orange}.Gallery button>*{transform:scale(1.2);opacity:.6;filter:blur(2px);transition-property:filter,opacity;transition-duration:.3s;transition-timing-function:ease-out}.Gallery button:hover>*{filter:blur(0px);opacity:1}.Video{width:100%;height:100%}.PortfolioCase{grid-column:2/-2;padding-top:var(--inline-padding);padding-bottom:0;display:grid;grid-template-columns:1fr;align-items:start;justify-items:center;place-items:start center;position:relative}@media (min-width: 48em){.PortfolioCase:not(:has(.video-hero)){grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;-moz-column-gap:32px;column-gap:32px}}.PortfolioCase .video-hero{grid-column:1/-1;width:100%}.PortfolioCase .media{width:100%;overflow:hidden}.PortfolioCase .media:not(:has(.video-hero)){position:sticky;top:calc(var(--header-height) + 32px)}@media (max-width: 48em){.PortfolioCase .media:not(:has(.video-hero)){position:static;top:auto;top:initial}}.PortfolioCase .title{text-transform:uppercase;margin-bottom:8px;text-align:center}.PortfolioCase .subtitle{text-transform:uppercase;margin-bottom:32px;text-align:center}.PortfolioCase .content{white-space:pre-wrap;max-width:40em;margin-bottom:32px}.PortfolioCase .container{padding-bottom:32px}.PortfolioCase .buttons{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:12px}