@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base,components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.block{display:block}.flex{display:flex}.hidden{display:none}.h-full{height:100%}.w-full{width:100%}.min-w-0{min-width:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-3{gap:calc(var(--spacing) * 3)}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:var(--radius)}.object-cover{object-fit:cover}.object-center{object-position:center}.text-center{text-align:center}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.running{animation-play-state:running}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}.portfolio-section{--background:#fff;--foreground:#131313;--primary:#131313;--primary-foreground:#fff;--secondary:#f5f5f5;--radius:8px;padding:clamp(28px,3vw,44px) var(--edge) clamp(38px,5vw,70px);color:var(--foreground);background:var(--background)}.portfolio-header{gap:14px;margin-bottom:clamp(24px,3vw,40px)}.portfolio-header h2{letter-spacing:-.05em;margin:0;font-size:clamp(36px,4.65vw,72px);font-weight:400;line-height:1.05}.portfolio-header p{color:#757575;text-wrap:balance;max-width:560px;margin:0;font-size:15px;line-height:1.5}.portfolio-gallery{max-width:1380px;height:clamp(360px,31vw,480px);margin-inline:auto}.portfolio-card{color:#fff;isolation:isolate;transition:flex-grow .7s var(--ease);outline-offset:4px;background:#111;flex:1 1 0}.portfolio-card[data-expanded=true]{flex-grow:2.6}.portfolio-card:focus-visible{outline:3px solid var(--red)}.portfolio-image{transition:transform .8s var(--ease)}.portfolio-card--logo .portfolio-image{object-fit:contain}.portfolio-card[data-expanded=true] .portfolio-image{transform:scale(1.035)}.portfolio-card--logo[data-expanded=true] .portfolio-image{transform:translateY(-14%)scale(1.035)}.portfolio-shade{pointer-events:none;background:linear-gradient(#00000014,#0000 35%,#0003 55%,#000000d9)}.portfolio-arrow{width:36px;height:36px;transition:background .3s ease,transform .5s var(--ease);background:#00000020;border:1px solid #ffffff50;border-radius:50%;place-items:center;font-size:22px;display:grid;top:18px;right:18px}.portfolio-card[data-expanded=true] .portfolio-arrow{background:#ffffff20;transform:rotate(45deg)}.portfolio-caption{bottom:22px;left:20px;right:20px}.portfolio-category{letter-spacing:.075em;text-transform:uppercase;opacity:.75;margin-bottom:10px;font-size:9px;line-height:1.45}.portfolio-name{letter-spacing:-.035em;text-wrap:balance;overflow-wrap:anywhere;max-width:360px;font-size:clamp(18px,1.4vw,20px);font-weight:500;line-height:1.08}.portfolio-card[data-expanded=true] .portfolio-name{font-size:clamp(20px,1.7vw,24px)}.portfolio-details{opacity:0;transition:grid-template-rows .6s var(--ease),opacity .3s ease;grid-template-rows:0fr;display:grid}.portfolio-details-inner{min-height:0;overflow:hidden}.portfolio-description{color:#eee;text-wrap:pretty;max-width:360px;padding-top:16px;font-size:14px;line-height:1.45}.portfolio-visit{padding-top:18px;font-size:12px}.portfolio-card[data-expanded=true] .portfolio-details{opacity:1;grid-template-rows:1fr;transition-delay:0s,.15s}.portfolio-mobile-hint{display:none}@media(hover:hover)and (pointer:fine){.portfolio-gallery:not([data-enhanced]) .portfolio-card:hover,.portfolio-gallery:not([data-enhanced]) .portfolio-card:focus-visible{flex-grow:2.6}.portfolio-gallery:not([data-enhanced]) .portfolio-card:hover .portfolio-details,.portfolio-gallery:not([data-enhanced]) .portfolio-card:focus-visible .portfolio-details{opacity:1;grid-template-rows:1fr}}@media(max-width:1000px){.portfolio-gallery{gap:8px}.portfolio-caption{bottom:18px;left:14px;right:14px}.portfolio-category{font-size:8px}.portfolio-name{font-size:18px}.portfolio-arrow{width:30px;height:30px;top:12px;right:12px}}@media(max-width:760px){.portfolio-section{padding-top:24px;padding-bottom:50px}.portfolio-header{gap:12px;margin-bottom:24px}.portfolio-header h2{font-size:clamp(30px,6vw,44px)}.portfolio-header p{max-width:360px;font-size:13px}.portfolio-gallery{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;height:380px;margin-block:-4px;padding-block:4px;overflow-x:auto}.portfolio-gallery::-webkit-scrollbar{display:none}.portfolio-card,.portfolio-card[data-expanded=true]{scroll-snap-align:start;flex:0 0 min(82vw,360px)}.portfolio-card:focus-visible{outline-offset:-3px}.portfolio-card--logo .portfolio-image,.portfolio-card--logo[data-expanded=true] .portfolio-image{transform:translateY(-16%)}.portfolio-caption{bottom:22px;left:20px;right:20px}.portfolio-category{font-size:9px}.portfolio-name,.portfolio-card[data-expanded=true] .portfolio-name{font-size:25px}.portfolio-details{opacity:1;grid-template-rows:1fr}.portfolio-description{padding-top:12px;font-size:13px}.portfolio-visit{padding-top:14px}.portfolio-mobile-hint{color:#757575;justify-content:space-between;margin:14px 0 0;font-size:11px;display:flex}}@media(prefers-reduced-motion:reduce){.portfolio-card,.portfolio-image,.portfolio-details,.portfolio-arrow{transition:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}