.project-hero[data-astro-cid-jjpcwygo]{position:relative;width:100%;height:100vh;min-height:600px;display:flex;align-items:center;background-color:var(--color-bg);overflow:hidden}.hero-image-ball[data-astro-cid-jjpcwygo]{position:absolute;background-image:linear-gradient(#0902008e,#09020066),var(--hero-bg);background-size:cover;background-attachment:fixed;background-position:center;z-index:0;transition:all 1.2s cubic-bezier(.85,0,.15,1)}.ball-top-left[data-astro-cid-jjpcwygo]{top:0;left:0;width:100%;height:100%;clip-path:circle(40% at 25% 30%);background-attachment:scroll}.ball-bottom-right[data-astro-cid-jjpcwygo]{bottom:0;right:0;width:100%;height:100%;clip-path:circle(38% at 73% 92%);background-attachment:scroll}.hero-content[data-astro-cid-jjpcwygo]{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding-bottom:var(--space-xl);padding-left:calc(var(--space-xxl) + var(--space-md));gap:var(--gap-large)}.hero-main-text[data-astro-cid-jjpcwygo]{max-width:500px;display:flex;flex-direction:column;gap:var(--gap-small);h1{margin-bottom:var(--space-xs)}span{color:var(--color-cream);font-weight:400;margin:auto 16px}}.hero-role[data-astro-cid-jjpcwygo]{position:absolute;right:calc(var(--space-xxl) + var(--space-md));bottom:5rem;text-align:left;display:flex;flex-direction:column;gap:var(--space-sm);span{color:var(--color-cream)}}@media(max-width:1024px){.project-hero[data-astro-cid-jjpcwygo]{min-height:100dvh}.ball-top-left[data-astro-cid-jjpcwygo]{clip-path:circle(150% at 50% 50%);filter:blur(12px) brightness(.3)}.ball-bottom-right[data-astro-cid-jjpcwygo]{clip-path:circle(65% at 50% 40%);filter:contrast(1.1) brightness(.8);box-shadow:inset 0 0 40px #00000080}.hero-content[data-astro-cid-jjpcwygo]{flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;padding-top:0;padding-left:0}.hero-main-text[data-astro-cid-jjpcwygo]{align-items:center}.hero-role[data-astro-cid-jjpcwygo]{right:2rem;gap:var(--space-xs);bottom:9rem}}.sidebar-overlay[data-astro-cid-h5jgv5uv],.close-toggle[data-astro-cid-h5jgv5uv]{display:none}.project-sidebar[data-astro-cid-h5jgv5uv]{position:sticky;top:var(--space-xl);height:max-content;width:250px;flex-shrink:0;.sidebar-wrapper{display:flex;padding-top:var(--space-xxl);flex-direction:column;border:1px solid var(--color-muted-light);border-left:none;border-top:none;clip-path:inset(0px -50px -50px 0px);padding-left:0;box-shadow:var(--shadow-nav);background-color:var(--color-bg)}.sidebar-header{display:flex;flex-direction:column;gap:var(--space-xs);padding:0 var(--space-md) var(--space-md) 0;.nav-label{font-size:var(--fs-body-3);color:var(--color-orange-dark);font-family:var(--font-body)}.project-name{color:var(--color-accent-cream);font-weight:400;font-family:var(--font-body);font-size:var(--fs-body-1);padding-top:var(--space-xs)}}.sidebar-nav{ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm);li:first-child{span{color:var(--color-accent-cream)}svg{fill:var(--color-accent-cream)}}}.link-wrapper{display:flex;align-items:center;justify-content:space-between;&:hover{background-color:var(--color-orange-dark);border-right:3px solid var(--color-orange)}}.main-link{text-decoration:none;transition:all var(--duration-md);display:flex;align-items:center;gap:var(--space-xs);padding:12px 8px;flex:1;border-left:3px solid transparent;span{color:var(--color-cream);font-family:var(--fs-body-1);font-weight:400;&:is(:not(.nav-icon)){display:block;line-height:1;padding-top:10px}}&.active{background-color:var(--color-cream);svg{fill:var(--color-bg)}span{color:var(--color-bg)}border-left-color:var(--color-orange)}.nav-icon{display:inline-flex;align-items:center;justify-content:center}}.expand-btn{background:transparent;border:none;color:var(--color-accent-cream);cursor:pointer;padding:12px 8px;display:flex;align-items:center;justify-content:center;transition:color .3s ease;&:hover{color:var(--color-cream)}.chevron{transition:transform .3s cubic-bezier(.4,0,.2,1)}}.sub-nav{max-height:0;overflow:hidden;opacity:0;padding-left:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);transition:max-height .4s ease,opacity .3s ease,margin .3s ease;a{font-size:var(--fs-body-3);opacity:.8;color:var(--color-accent-cream);padding:8px;text-decoration:none;display:block;border-right:3px solid transparent;border-left:3px solid transparent;&:hover{opacity:1;color:var(--color-cream);background-color:var(--color-orange-dark);border-right-color:var(--color-orange)}&.active{opacity:1;color:var(--color-bg);background-color:var(--color-cream);border-left-color:var(--color-orange)}}}.nav-item.expanded{.sub-nav{max-height:400px;opacity:1;margin-top:var(--space-xs)}.chevron{transform:rotate(180deg)}}}.sidebar-footer{padding:var(--space-md) var(--space-md) var(--space-md) 0;text-align:center;.btn-primary{width:100%}}}@media(max-width:1024px){.project-sidebar[data-astro-cid-h5jgv5uv]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;pointer-events:none;.sidebar-overlay{display:block;position:absolute;inset:0;background-color:#0009;backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.sidebar-wrapper{position:absolute;top:0;left:0;width:85%;max-width:320px;height:100%;background-color:var(--color-bg);border:none;border-right:1px solid var(--color-muted-light);clip-path:none;padding:var(--space-xl) var(--space-lg);transform:translate(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);overflow-y:auto}.sidebar-header{flex-direction:row;justify-content:space-between;align-items:flex-start;padding-right:0;.close-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-accent-cream);cursor:pointer;padding:8px}}&.mobile-open{pointer-events:auto;.sidebar-overlay{opacity:1}.sidebar-wrapper{transform:translate(0)}}}}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;z-index:4;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;cursor:zoom-out}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-overlay img{max-width:90%;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 10px 30px #00000080;transform:scale(.95);transition:transform .3s ease}.lightbox-overlay.active img{transform:scale(1)}@media(min-width:769px){p{font-size:24px;line-height:32px}}.btn-primary{width:220px}.other-cases{.separator-glow{margin-bottom:var(--space-xl)}.work-section{padding-bottom:var(--space-xxl)!important;.card-content{.btn-primary{width:100%}}}}.project-layout{display:flex;gap:var(--space-xl);align-items:flex-start;padding-top:var(--space-xxl);padding-bottom:var(--space-xxl)}.project-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xl);max-width:650px;margin-left:auto;margin-right:auto;section,div[id]{scroll-margin-top:100px;display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-xs)}.quotes-section{display:flex;justify-content:center;.quote-card{display:flex;flex-direction:column;max-width:340px;align-self:center;padding:var(--space-sm) var(--space-xs);background-color:var(--color-brown);gap:var(--space-lg);&.full{max-width:100%;width:100%;padding-left:var(--space-xl);padding-right:var(--space-xl)}}}.project-image{width:100%;height:auto;display:flex;flex-direction:column;cursor:zoom-in;overflow:hidden;&.large-stretch{width:calc(100% + 80px);margin-left:-40px;margin-right:-40px;border-radius:20px;max-height:230px;@media(max-width:768px){width:100%;margin:0}}img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}&:hover img{transform:scale(1.02)}}.project-points{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:var(--space-md);&.three{grid-template-columns:repeat(3,auto)}@media(max-width:768px){grid-template-columns:repeat(2,1fr);justify-items:center;row-gap:var(--space-xl)}.project-number{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center;text-align:center;p{max-width:100px;@media(max-width:768px){max-width:130px}}}}.read-more-wrapper{display:flex;flex-direction:column;align-items:center;gap:0;.read-more-content{position:relative;width:100%;max-height:3.5em;overflow:hidden;transition:max-height .45s ease;&:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3em;background:linear-gradient(to bottom,transparent,var(--color-bg));pointer-events:none;transition:opacity .25s ease}}&.is-expanded{.read-more-content{&:after{opacity:0}}}.read-more-btn{background:none;border:none;color:var(--color-gold-accent);font-weight:400;font-family:var(--font-body);cursor:pointer;padding:0;margin-top:var(--space-sm);font-size:20px;transition:opacity .2s ease;line-height:1;&:hover{opacity:.7}}}}