/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */@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-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-leading:initial;--tw-font-weight:initial;--tw-outline-style:solid;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.video-container{width:100%;height:auto;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));position:relative;overflow:hidden}.video-container picture{grid-area:1/1/1/-1}.video-container.static-fallback{background-color:#0000}.project-video{z-index:4;border-radius:var(--radius-lg,.5rem);object-fit:cover;object-position:center;width:100%;height:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;--tw-ease:var(--ease-in,cubic-bezier(.4,0,1,1));transition-duration:.5s;transition-timing-function:var(--ease-in,cubic-bezier(.4,0,1,1));will-change:transform,opacity;position:relative}.project-video.loaded{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1}.project-video.hidden{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}.video-skeleton{inset:calc(var(--spacing,.25rem)*0);z-index:20;will-change:background-position;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;width:100%;height:100%;min-height:300px;position:absolute;overflow:hidden}.video-skeleton.loading{animation:2s infinite skeleton-shimmer}.skeleton-content{background-color:var(--color-gray-50,oklch(98.5% .002 247.839));justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.skeleton-shimmer{top:calc(var(--spacing,.25rem)*0);background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2s infinite skeleton-slide;position:absolute;left:-100%}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-slide{0%{left:-100%}to{left:100%}}.video-fadein{animation:.6s ease-in-out forwards videoFadeIn}@keyframes videoFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.video-overlay{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:10;width:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;position:absolute}.video-title{margin-bottom:calc(var(--spacing,.25rem)*2);font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5/2.25)));--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-shadow:0 2px 4px #00000080}.video-subtitle{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);opacity:.9;text-shadow:0 1px 2px #00000080}.video-play-button{z-index:4;height:calc(var(--spacing,.25rem)*20);width:calc(var(--spacing,.25rem)*20);cursor:pointer;--tw-border-style:none;background-color:#ffffffe6;border-style:none;border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab,red,red)){.video-play-button{background-color:color-mix(in oklab,var(--color-white,#fff)90%,transparent)}}.video-play-button{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;will-change:transform;transition-duration:.3s;transform:translate(-50%,-50%);box-shadow:0 4px 20px #0000004d}.video-play-button:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);background-color:var(--color-white,#fff);box-shadow:0 6px 25px #0006}.video-play-button:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.video-play-button:focus{outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:var(--color-blue-500,oklch(62.3% .214 259.815))}.play-icon{margin-left:calc(var(--spacing,.25rem)*1);height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);color:var(--color-gray-800,oklch(27.8% .033 256.848))}.video-fallback{width:100%;height:auto;display:none}.fallback-image{border-radius:var(--radius-lg,.5rem);object-fit:cover;object-position:center;width:100%;height:auto;max-height:720px}.video-container:hover .video-overlay{opacity:1}.video-container:hover .project-video{scale:1.02}.video-container:focus-within .video-overlay{opacity:1}.video-container.loaded{animation:.6s ease-out fadeInUp}.video-container.loading{pointer-events:none}.video-container.error{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-red-200,oklch(88.5% .062 18.334));background-color:var(--color-red-100,oklch(93.6% .032 17.717))}.video-container.full-width{border-radius:0;width:100vw;margin-left:calc(50% - 50vw)}.video-container.rounded-lg{border-radius:var(--radius-lg,.5rem)}.video-container.rounded-xl{border-radius:var(--radius-xl,.75rem)}.video-container.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.video-container.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (max-width:768px){.video-overlay{padding:calc(var(--spacing,.25rem)*6)}.video-title{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)))}.video-subtitle{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.video-play-button{height:calc(var(--spacing,.25rem)*15);width:calc(var(--spacing,.25rem)*15)}.play-icon{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}.video-skeleton{min-height:200px}}@media (max-width:480px){.video-overlay{padding:calc(var(--spacing,.25rem)*4)}.video-title{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}.video-subtitle{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.video-play-button{height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12)}.play-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5)}}@media (prefers-contrast:high){.video-overlay{background:linear-gradient(#0000,#000000b3,#000000f2)}.video-play-button{border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-black,#000);background-color:var(--color-white,#fff)}}@media (prefers-reduced-motion:reduce){.project-video,.video-play-button,.video-overlay,.video-skeleton{transition-property:none;animation:none}.video-container:hover .project-video{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}@media (prefers-color-scheme:dark){.video-skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%)}.skeleton-content{background-color:var(--color-gray-800,oklch(27.8% .033 256.848))}.video-container.error{border-color:var(--color-red-800,oklch(44.4% .177 26.899));background-color:var(--color-red-900,oklch(39.6% .141 25.723))}}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
