section.hero.svelte-1uha8ag{position:relative;min-height:calc(100svh - 5.1rem);background-image:url(../../../photos/sujit-bangarshettar-Xc8kkH42rsk-unsplash.jpg);background-size:cover;background-position:center center;overflow:hidden}.overlay.svelte-1uha8ag{position:absolute;inset:0;background:linear-gradient(90deg,#0a0d105c,#0a0d108a 43%,#0a0d10cc),linear-gradient(180deg,#0a0d1042,#0a0d1024 48%,#0a0d107a);z-index:1}.scanlines.svelte-1uha8ag{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.014) 2px,rgba(255,255,255,.014) 4px);z-index:2;pointer-events:none}.content.svelte-1uha8ag{position:relative;z-index:3;width:100%;padding:clamp(3rem,8vh,6rem) clamp(2rem,6vw,7rem) 3rem}.hero-layout.svelte-1uha8ag{display:grid;grid-template-columns:minmax(21rem,.75fr) minmax(34rem,1.25fr);gap:clamp(2.5rem,4vw,4.5rem);align-items:start;width:100%;max-width:104rem;margin:0 auto}.hero-copy.svelte-1uha8ag{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;max-width:40rem}.hero-headings.svelte-1uha8ag{display:flex;flex-direction:column;gap:.75rem}.hero-title.svelte-1uha8ag{margin:0;font-family:var(--font-heading);font-size:clamp(1.5rem,4vw,3rem);font-weight:400;letter-spacing:.02em;line-height:1.2;text-align:left;color:#fffffff2;text-wrap:balance;text-shadow:0 .5rem 2rem rgba(0,0,0,.28)}.hero-subtitle.svelte-1uha8ag{margin:0;font-family:var(--font-body);font-size:clamp(1rem,2vw,1.5rem);font-weight:400;letter-spacing:.04em;line-height:1.4;text-align:left;color:#fffc;text-wrap:balance;text-shadow:0 .5rem 2rem rgba(0,0,0,.28)}.hero-links.svelte-1uha8ag ul:where(.svelte-1uha8ag){display:flex;flex-direction:column;gap:.2rem;margin:0;padding:.15rem 0 .15rem 1.25rem;list-style:none;border-left:1px solid rgba(255,255,255,.85)}.hero-links.svelte-1uha8ag a:where(.svelte-1uha8ag){display:inline-flex;align-items:center;gap:.6rem;padding:.35rem 0;font-family:var(--font-body);font-size:1.05rem;letter-spacing:.06em;color:#fff;text-decoration:none;text-shadow:0 .2rem 1rem rgba(0,0,0,.55)}.hero-links.svelte-1uha8ag .arrow:where(.svelte-1uha8ag){width:1em;height:1em;flex-shrink:0;transition:transform .18s ease}.hero-links.svelte-1uha8ag a:where(.svelte-1uha8ag):hover span:where(.svelte-1uha8ag){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.hero-links.svelte-1uha8ag a:where(.svelte-1uha8ag):hover .arrow:where(.svelte-1uha8ag){transform:translate(.25rem)}.hero-links.svelte-1uha8ag a:where(.svelte-1uha8ag):focus-visible{outline:1px solid #ffffff;outline-offset:.25rem}.project-overview.svelte-1uha8ag{display:flex;flex-direction:column;gap:1.15rem;max-width:53rem;max-height:calc(100svh - 8.1rem - clamp(3rem,8vh,6rem));overflow-y:auto;padding-right:1.25rem;padding-bottom:1rem;color:#ffffffe6;font-family:var(--font-body);font-size:clamp(1.05rem,1vw,1.2rem);line-height:1.6;text-shadow:0 .2rem 1rem rgba(0,0,0,.65)}.overview-wrap.svelte-1uha8ag{position:relative;max-width:53rem}.overview-wrap.has-more.svelte-1uha8ag .project-overview:where(.svelte-1uha8ag){-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 4.5rem),transparent),linear-gradient(#000,#000);mask-image:linear-gradient(to bottom,#000 calc(100% - 4.5rem),transparent),linear-gradient(#000,#000);-webkit-mask-size:calc(100% - 12px) 100%,12px 100%;mask-size:calc(100% - 12px) 100%,12px 100%;-webkit-mask-position:left top,right top;mask-position:left top,right top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.project-overview.svelte-1uha8ag::-webkit-scrollbar{width:6px}.project-overview.svelte-1uha8ag::-webkit-scrollbar-track{background:#ffffff24;border-radius:3px}.project-overview.svelte-1uha8ag::-webkit-scrollbar-thumb{background:#fff9;border-radius:3px}.project-overview.svelte-1uha8ag::-webkit-scrollbar-thumb:hover{background:#fffc}@supports not selector(::-webkit-scrollbar){.project-overview.svelte-1uha8ag{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.6) rgba(255,255,255,.14)}}.more-cue.svelte-1uha8ag{position:absolute;left:50%;bottom:.25rem;display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .9rem .4rem 1rem;font-family:var(--font-body);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#0a0d10c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.45);border-radius:999px;cursor:pointer;opacity:0;pointer-events:none;transform:translate(-50%,.5rem);transition:opacity .2s ease,transform .2s ease,background-color .15s ease}.overview-wrap.has-more.svelte-1uha8ag .more-cue:where(.svelte-1uha8ag){opacity:1;pointer-events:auto;transform:translate(-50%)}.more-cue.svelte-1uha8ag:hover{background:#0a0d10eb}.more-cue.svelte-1uha8ag:focus-visible{outline:1px solid #ffffff;outline-offset:.2rem}.more-cue.svelte-1uha8ag svg:where(.svelte-1uha8ag){width:1em;height:1em}.project-overview.svelte-1uha8ag p:where(.svelte-1uha8ag),.project-overview.svelte-1uha8ag ul:where(.svelte-1uha8ag){margin:0}.project-overview.svelte-1uha8ag ul:where(.svelte-1uha8ag){list-style:disc;padding-left:1.5rem}.project-overview.svelte-1uha8ag li:where(.svelte-1uha8ag){padding-left:.35rem;margin-bottom:.15rem}.project-overview.svelte-1uha8ag strong:where(.svelte-1uha8ag){font-weight:700}.photo-credit.svelte-1uha8ag{position:absolute;bottom:.6rem;right:.75rem;z-index:4;font-size:.6rem;color:#ffffff73;margin:0}.photo-credit.svelte-1uha8ag a:where(.svelte-1uha8ag){color:inherit;text-decoration:none}.photo-credit.svelte-1uha8ag a:where(.svelte-1uha8ag):hover{color:#ffffffb3}@media(max-width:1100px){.hero-layout.svelte-1uha8ag{grid-template-columns:1fr;gap:2.75rem}.hero-copy.svelte-1uha8ag,.overview-wrap.svelte-1uha8ag,.project-overview.svelte-1uha8ag{max-width:50rem}.project-overview.svelte-1uha8ag{max-height:none;overflow-y:visible;padding-right:0;padding-bottom:0}.overview-wrap.has-more.svelte-1uha8ag .project-overview:where(.svelte-1uha8ag){-webkit-mask-image:none;mask-image:none}.more-cue.svelte-1uha8ag{display:none}}@media(max-width:768px){section.hero.svelte-1uha8ag{min-height:calc(100svh - 7rem)}.content.svelte-1uha8ag{padding:5rem 1.5rem 4rem}.hero-copy.svelte-1uha8ag{gap:1.25rem;max-width:100%}.hero-title.svelte-1uha8ag{font-size:clamp(2rem,10vw,3rem);line-height:1}.hero-links.svelte-1uha8ag a:where(.svelte-1uha8ag){font-size:1rem}.project-overview.svelte-1uha8ag{gap:1.25rem;font-size:1rem;line-height:1.6}}
