.snapshot{object-fit:cover;width:100%;height:100%;padding-left:var(--spacing-responsive-px);padding-right:var(--spacing-responsive-px)}.snapshot-container{width:100%;height:600px;margin-top:var(--spacing-section);padding-left:var(--spacing-responsive-px);padding-right:var(--spacing-responsive-px);gap:2px;display:flex}.snapshot-half{object-fit:cover;width:100%}.slider{width:100%}.project-status{padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*24);text-align:center;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5/1)))}
@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-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-duration:initial}}}.work-details-header{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing,.25rem)*10);flex-direction:column;width:100%;margin-top:150px;margin-bottom:60px;display:flex}@media (min-width:48rem){.work-details-header{gap:calc(var(--spacing,.25rem)*20);flex-direction:row}}.work-details-header{padding-left:var(--spacing-responsive-px);padding-right:var(--spacing-responsive-px)}.header-left{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;max-width:700px;display:flex}.project-title{--tw-leading:1.1;--tw-font-weight:var(--font-weight-bold,700);font-size:24px;line-height:1.1;font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:#303030}@media (min-width:40rem){.project-title{font-size:32px}}@media (min-width:48rem){.project-title{font-size:28px}}.live-site-link{margin-top:calc(var(--spacing,.25rem)*3);align-items:center;gap:calc(var(--spacing,.25rem)*1.5);--tw-font-weight:var(--font-weight-bold,700);width:fit-content;font-size:15px;font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:#303030;text-transform:uppercase;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:.2s;transition-duration:.2s;display:inline-flex}.live-site-link:hover{opacity:.7}.live-site-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);object-fit:contain}.project-date{margin-bottom:calc(var(--spacing,.25rem)*3);width:fit-content;padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*1.5);--tw-font-weight:var(--font-weight-medium,500);font-size:14px;font-weight:var(--font-weight-medium,500);--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);color:#f1f1f1;background-color:#737373;border-radius:3.40282e38px}.header-right{gap:calc(var(--spacing,.25rem)*4);flex-direction:column;flex-shrink:0;display:flex}@media (min-width:48rem){.header-right{padding-top:calc(var(--spacing,.25rem)*4)}}.info-block{flex-direction:column;display:flex}.info-label{--tw-font-weight:var(--font-weight-medium,500);font-size:14px;font-weight:var(--font-weight-medium,500);--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);color:#303030;text-transform:uppercase}.info-value{--tw-leading:var(--leading-tight,1.25);font-size:16px;line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:#696969}.skills-list{gap:calc(var(--spacing,.25rem)*.5);--tw-leading:var(--leading-tight,1.25);font-size:16px;line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:#696969;flex-direction:column;display:flex}.skills-list li{list-style-type:none}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}
@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-font-weight:initial;--tw-tracking:initial}}}.project-section{flex-direction:column;display:flex}@media (min-width:48rem){.project-section{gap:calc(var(--spacing,.25rem)*8);flex-direction:row}}.project-section{gap:var(--spacing-title-content);margin-top:var(--spacing-section);padding-left:var(--spacing-responsive-px);padding-right:var(--spacing-responsive-px)}.section-title-wrapper{flex-shrink:0}@media (min-width:48rem){.section-title-wrapper{width:250px}}.section-title{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5/1)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:#1a1a1a;text-transform:uppercase}.section-content{gap:calc(var(--spacing,.25rem)*6);flex-direction:column;flex:1;display:flex}.content-prose{color:#666;max-width:800px;font-size:1rem;line-height:1.6}.content-prose>*+*{margin-top:1rem}.content-prose--lead{color:#333;font-weight:700}.content-prose h2{color:#1a1a1a;margin-top:1.5rem;font-size:1.4rem;font-weight:700;line-height:1.3}.content-prose h3{color:#1a1a1a;margin-top:1.25rem;font-size:1.15rem;font-weight:600;line-height:1.35}.content-prose h4{color:#1a1a1a;margin-top:1rem;font-size:1rem;font-weight:600}.content-prose p{margin:0}.content-prose strong,.content-prose b{color:#333;font-weight:700}.content-prose em,.content-prose i{font-style:italic}.content-prose u{text-underline-offset:2px;text-decoration:underline}.content-prose s,.content-prose del{opacity:.75;text-decoration:line-through}.content-prose a{color:#1a1a1a;text-underline-offset:3px;text-decoration:underline}.content-prose ul,.content-prose ol{padding-left:1.4rem}.content-prose ul{list-style:outside}.content-prose ol{list-style:decimal}.content-prose li{margin:.35rem 0}.content-prose li p{margin:0}.content-prose ul ul,.content-prose ol ol,.content-prose ul ol,.content-prose ol ul{margin-top:.3rem}.content-prose ul ul{list-style:circle}.content-prose blockquote{color:#555;border-left:3px solid #ccc;margin-left:0;padding-left:1rem;font-style:italic}.content-prose img{border-radius:12px;max-width:100%;height:auto;margin:.5rem 0}.content-prose pre{color:#f4f4f4;background:#1e1e1e;border-radius:12px;padding:1rem 1.25rem;font-size:.9rem;overflow-x:auto}.content-prose pre code{color:inherit;background:0 0;padding:0}.content-prose :not(pre)>code{background:#ececec;border-radius:5px;padding:.12rem .35rem;font-size:.9em}.content-prose hr{border:none;border-top:1px solid #e0e0e0;margin:1.75rem 0}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}