:root{--text-color: #343a40;--text-secondary-color: #6c757d;--text-link-color: #007bff;--background-color: #eaedf0;--secondary-background-color: #64ffda1a;--primary-color: #007bff;--secondary-color: #f8f9fa;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-rest: 0px 8px 56px rgba(15, 80, 100, .16);--shadow-hover: 0 0 11px rgba(15, 80, 100, .2);--shadow-soft: 0px 8px 56px rgba(15, 80, 100, .05);--font-body: "Lora", serif;--font-display: "Alata", sans-serif;--page-pad: clamp(1.5rem, 5vw, 4.5rem);--content-max: 1280px;--ease-link: cubic-bezier(.645, .045, .355, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-color);background:var(--background-color);text-align:left;-webkit-font-smoothing:antialiased}::selection{background:var(--primary-color);color:var(--text-color)}img{max-width:100%;display:block}a{color:var(--text-link-color);text-decoration:none}button{font:inherit;cursor:pointer}#root{min-height:100vh}.page{width:min(100%,var(--content-max));margin:0 auto;padding:0 var(--page-pad) 4rem}.section{padding:3.5rem 0 1rem}.section-label{margin:0 0 1.5rem;color:var(--text-secondary-color);font-size:1.25rem;font-weight:400}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.1rem;border:1px solid var(--primary-color);border-radius:var(--radius-sm);background:transparent;color:var(--primary-color);transition:none}.btn:hover,.btn:focus-visible{background:color-mix(in srgb,var(--secondary-color) 85%,transparent);outline:none;box-shadow:none}.btn-sm{padding:.4rem .85rem;font-size:.9rem}.btn i{font-size:.8em;margin-left:.15rem}.link-underline{position:relative;color:var(--text-link-color)}.link-underline:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--primary-color);transition:width .25s var(--ease-link)}.link-underline:hover:after,.link-underline:focus-visible:after{width:100%}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:fade-up .7s ease-out both}.animate-fade-in{animation:fade-in .8s ease-out both}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:clamp(1.75rem,4vw,3.25rem);align-items:center;min-height:min(88vh,760px);padding-top:clamp(2rem,6vh,4rem);position:relative}.hero:before{content:"";position:absolute;inset:8% -4% auto auto;width:min(42vw,420px);height:min(42vw,420px);background-image:radial-gradient(circle,rgba(0,123,255,.18) 1.2px,transparent 1.3px);background-size:18px 18px;opacity:.35;pointer-events:none;z-index:0}.hero-copy,.hero-media{position:relative;z-index:1}.hero-copy{z-index:2;padding-right:clamp(.5rem,2vw,1.25rem)}.hero-title{margin:0 0 1.25rem;font-family:var(--font-display);font-size:clamp(36px,6.5vw,64px);font-weight:400;line-height:1.1;color:var(--primary-color)}.hero-body{margin:0 0 1rem;max-width:none;color:var(--text-secondary-color)}.hero-body:last-of-type{margin-bottom:1.5rem}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.social-links{display:flex;align-items:center;gap:.85rem}.social-links a{color:var(--primary-color);font-size:1.25rem;transition:none}.social-links a:hover{opacity:.7}.hero-media{min-width:0;display:flex;justify-content:center}.carousel{--carousel-peek: 44px;--carousel-h: clamp(200px, 30vw, 320px);--carousel-nav-size: 2.4rem;position:relative;width:100%;max-width:100%;margin-inline:auto;-webkit-user-select:none;user-select:none;padding-bottom:1.35em}.carousel-stage{position:relative;width:min(100%,var(--carousel-stage-w, 100%));height:var(--carousel-h);margin-inline:auto;display:flex;align-items:center;justify-content:center;overflow:visible;pointer-events:none}.carousel-stage .carousel-slide,.carousel-stage .carousel-caption{pointer-events:auto}.carousel-track{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:50%;left:50%;width:auto;height:auto;border:0;padding:0;background:transparent;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-rest);transform-origin:center center;will-change:transform,opacity;transition:none}.carousel-slide.is-center{box-shadow:var(--shadow-rest)}.carousel-slide:not(.is-center){box-shadow:var(--shadow-soft)}.carousel-slide img{display:block;width:auto;height:var(--carousel-h);max-width:min(48vw,360px);object-fit:cover;background:transparent}.carousel-slide.is-center{z-index:5}.carousel-slide.is-side-1,.carousel-slide.is-side--1{z-index:4}.carousel-slide.is-side-2,.carousel-slide.is-side--2{z-index:3}.carousel-slide.is-hidden{opacity:0;pointer-events:none;z-index:1}.carousel-nav{position:absolute;top:calc(var(--carousel-h) / 2);transform:translateY(-50%);z-index:8;width:var(--carousel-nav-size);height:var(--carousel-nav-size);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--primary-color);border-radius:var(--radius-sm);background:var(--secondary-color);color:var(--primary-color);box-shadow:var(--shadow-soft);transition:none}.carousel-nav:hover,.carousel-nav:focus-visible{background:color-mix(in srgb,var(--secondary-color) 85%,transparent);outline:none}.carousel-nav-prev{left:0}.carousel-nav-next{right:0}.carousel-caption{position:absolute;left:50%;top:calc(100% + .15rem);z-index:6;width:min(100%,340px);margin:0;padding:0;transform:translate(-50%);text-align:center;color:var(--text-secondary-color);font-size:.8rem;line-height:1.35;opacity:.75;pointer-events:none}.carousel-caption-empty{opacity:0}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.project-card{background:var(--secondary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-rest);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease-out,box-shadow .3s ease-out}.project-card:hover,.project-card.is-open{transform:translateY(-7px);box-shadow:var(--shadow-hover)}.project-card.is-open{outline:2px solid var(--primary-color);outline-offset:3px}.project-card-media{overflow:hidden;aspect-ratio:16 / 11;background:#fff;min-height:0}.project-card-media img{width:100%;height:100%;object-fit:cover;display:block}.project-card-body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.65rem;flex:1}.project-card-body h3{margin:0;color:var(--primary-color);font-size:1.15rem;font-weight:600}.project-card-body p{margin:0;color:var(--text-secondary-color);flex:1}.project-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.35rem}.project-links{display:flex;gap:.7rem}.project-links a{color:var(--primary-color);font-size:1.05rem;transition:none}.project-links a:hover{opacity:.7}.project-card-summary{margin:0 0 .85rem;color:var(--text-secondary-color)}.project-card-summary a{position:relative;color:var(--text-link-color)}.project-card-summary a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--primary-color);transition:width .25s var(--ease-link)}.project-card-summary a:hover:after,.project-card-summary a:focus-visible:after{width:100%}.project-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:clamp(.75rem,3vw,1.5rem)}.project-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;margin:0;background:#141c2873;cursor:pointer}.project-modal-dialog{position:relative;z-index:1;width:min(920px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;background:var(--secondary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);overflow:hidden}.project-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem .85rem;border-bottom:1px solid color-mix(in srgb,var(--primary-color) 10%,transparent)}.project-modal-title{margin:0;color:var(--primary-color);font-size:clamp(1.25rem,2.5vw,1.55rem);line-height:1.25}.project-modal-close{flex:0 0 auto;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--primary-color) 25%,transparent);border-radius:var(--radius-sm);background:transparent;color:var(--primary-color)}.project-modal-close:hover,.project-modal-close:focus-visible{background:color-mix(in srgb,var(--primary-color) 8%,transparent);outline:none}.project-modal-body{overflow:auto;padding:1.15rem 1.25rem;-webkit-overflow-scrolling:touch}.project-modal-footer{display:flex;justify-content:center;padding:.85rem 1.25rem 1.15rem;border-top:1px solid color-mix(in srgb,var(--primary-color) 10%,transparent)}.project-modal-empty{margin:0;color:var(--text-secondary-color)}.project-modal-main{display:flex;flex-direction:column;gap:1.25rem}.project-modal-main.has-collage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:1.5rem;align-items:start}.project-modal-copy p{margin:0 0 .85rem;color:var(--text-secondary-color)}.project-modal-copy p:last-child{margin-bottom:0}.project-modal-copy a{position:relative;color:var(--text-link-color)}.project-modal-copy a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--primary-color);transition:width .25s var(--ease-link)}.project-modal-copy a:hover:after,.project-modal-copy a:focus-visible:after{width:100%}.project-modal-collage{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-content:start}.project-modal-collage img,.project-modal-media-full video,.project-modal-media-full iframe{width:100%;height:auto;display:block;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary-color) 6%,#ffffff);box-shadow:var(--shadow-soft)}.project-modal-collage img{object-fit:cover;aspect-ratio:4 / 3}.project-modal-media-full{grid-column:1 / -1;width:100%;min-width:0}.project-modal-media-full video,.project-modal-media-full iframe{aspect-ratio:16 / 9;background:#111}.project-modal-media-full video{object-fit:contain}.project-modal-media-full iframe{border:0}.project-modal-collage>:first-child:nth-last-child(odd){grid-column:1 / -1}@media (max-width: 960px){.hero{grid-template-columns:1fr;min-height:auto;text-align:left}.hero-copy{padding-right:0}.carousel{--carousel-peek: 32px;--carousel-h: clamp(180px, 48vw, 260px)}.projects-grid{grid-template-columns:repeat(2,1fr)}.project-modal-main.has-collage{grid-template-columns:1fr}}@media (max-width: 640px){.projects-grid{grid-template-columns:1fr}.carousel{--carousel-nav-size: 2.1rem}.project-modal{padding:0;place-items:stretch}.project-modal-dialog{width:100%;max-height:100%;height:100%;border-radius:0}.project-modal-collage{grid-template-columns:1fr 1fr}}