.projects-hub{--projects-gold:var(--theme-accent);--projects-gold-soft:var(--theme-accent-soft);--projects-bg:var(--theme-bg-elevated);background:var(--projects-bg);z-index:50;width:100vw;height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.projects-hub-header{z-index:15;text-align:center;pointer-events:none;width:min(90vw,520px);position:absolute;top:5.5rem;left:50%;transform:translate(-50%)}.projects-hub-eyebrow{font-family:var(--font-body), var(--font-body-fallback);letter-spacing:.28em;text-transform:uppercase;color:var(--projects-gold);opacity:0;margin:0 0 .5rem;font-size:.65rem;font-weight:600;transform:translateY(-10px)}.projects-hub--ready .projects-hub-eyebrow{animation:.8s cubic-bezier(.22,1,.36,1) .2s forwards projectsHubFade}.projects-hub-title{font-family:var(--font-heading), var(--font-heading-fallback);letter-spacing:.04em;color:var(--theme-on-image-text);opacity:0;clip-path:inset(0 50%);margin:0 0 .35rem;font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:500}.projects-hub--ready .projects-hub-title{animation:1s cubic-bezier(.22,1,.36,1) .35s forwards projectsHubTitleReveal}.projects-hub-subtitle{color:var(--theme-on-image-muted);letter-spacing:.06em;opacity:0;margin:0;font-size:.85rem}.projects-hub--ready .projects-hub-subtitle{animation:.7s .7s forwards projectsHubFade}@keyframes projectsHubFade{to{opacity:1;transform:translateY(0)}}@keyframes projectsHubTitleReveal{to{opacity:1;clip-path:inset(0)}}.projects-panel{cursor:pointer;clip-path:var(--panel-clip);opacity:0;z-index:1;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:0;transition:clip-path .9s cubic-bezier(.4,0,.2,1),opacity .55s,filter .55s,transform .55s;position:absolute;inset:0;overflow:hidden;transform:scale(.97)}.projects-hub--ready .projects-panel{animation:.85s cubic-bezier(.22,1,.36,1) forwards projectsPanelEnter}.projects-hub--ready .projects-panel[data-panel="1"]{animation-delay:.45s}.projects-hub--ready .projects-panel[data-panel="2"]{animation-delay:.58s}.projects-hub--ready .projects-panel[data-panel="3"]{animation-delay:.71s}.projects-hub--ready .projects-panel[data-panel="4"]{animation-delay:.84s}@keyframes projectsPanelEnter{to{opacity:1;transform:scale(1)}}.projects-panel:focus-visible{outline:2px solid var(--projects-gold);outline-offset:-4px}.projects-panel-bg{background:var(--panel-bg);will-change:transform;transition:transform .75s cubic-bezier(.25,1,.5,1),filter .5s;position:absolute;inset:-8%}.projects-panel-frame{pointer-events:none;z-index:2;border:1px solid #0000;transition:border-color .4s;position:absolute;inset:0}.projects-panel-shine{background:linear-gradient(115deg, transparent 25%, var(--theme-accent-18) 48%, transparent 72%);opacity:0;pointer-events:none;z-index:3;transition:opacity .45s,transform .85s;position:absolute;inset:0;transform:translate(-130%)skew(-12deg)}.projects-panel-label{font-family:var(--font-heading), var(--font-heading-fallback);letter-spacing:.08em;text-transform:uppercase;color:var(--theme-on-image-text);text-shadow:var(--theme-on-image-shadow);pointer-events:none;white-space:nowrap;z-index:4;font-size:clamp(1.25rem,3.5vw,2.75rem);font-weight:500;transition:transform .5s cubic-bezier(.25,1,.5,1),letter-spacing .5s,color .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.projects-panel-cta{font-family:var(--font-body), var(--font-body-fallback);letter-spacing:.22em;text-transform:uppercase;color:#0000;opacity:0;pointer-events:none;z-index:4;font-size:.75rem;font-weight:600;transition:opacity .4s,transform .5s cubic-bezier(.25,1,.5,1),color .3s;position:absolute;top:calc(50% + 2.5rem);left:50%;transform:translate(-50%,14px)}.projects-panel[data-panel="1"] .projects-panel-label{top:30%;left:24%;transform:translate(-50%,-50%)}.projects-panel[data-panel="2"] .projects-panel-label{top:28%;left:76%;transform:translate(-50%,-50%)}.projects-panel[data-panel="3"] .projects-panel-label{top:72%;left:22%;transform:translate(-50%,-50%)}.projects-panel[data-panel="4"] .projects-panel-label{font-size:clamp(1rem,2.8vw,2.25rem);top:74%;left:74%;transform:translate(-50%,-50%)}.projects-panel[data-panel="1"] .projects-panel-cta{top:calc(30% + 2.25rem);left:24%}.projects-panel[data-panel="2"] .projects-panel-cta{top:calc(28% + 2.25rem);left:76%}.projects-panel[data-panel="3"] .projects-panel-cta{top:calc(72% + 2.25rem);left:22%}.projects-panel[data-panel="4"] .projects-panel-cta{top:calc(74% + 2.25rem);left:74%}.projects-panel:after{content:"";background:var(--theme-panel-scrim);pointer-events:none;z-index:1;transition:background .45s;position:absolute;inset:0}.projects-panel:hover:not(:disabled) .projects-panel-bg,.projects-panel:focus-visible:not(:disabled) .projects-panel-bg{filter:brightness(1.08)saturate(1.05);transform:scale(1.1)}.projects-panel:hover:not(:disabled) .projects-panel-frame,.projects-panel:focus-visible:not(:disabled) .projects-panel-frame{border-color:var(--projects-gold-soft)}.projects-panel:hover:not(:disabled) .projects-panel-shine,.projects-panel:focus-visible:not(:disabled) .projects-panel-shine{opacity:1;transform:translate(130%)skew(-12deg)}.projects-panel:hover:not(:disabled) .projects-panel-label,.projects-panel:focus-visible:not(:disabled) .projects-panel-label{letter-spacing:.14em;color:var(--projects-gold);transform:translate(-50%,-50%)scale(1.03)}.projects-panel:hover:not(:disabled) .projects-panel-cta,.projects-panel:focus-visible:not(:disabled) .projects-panel-cta{opacity:1;color:var(--projects-gold);transform:translate(-50%)}.projects-panel:hover:not(:disabled):after,.projects-panel:focus-visible:not(:disabled):after{background:var(--theme-panel-scrim-hover)}.projects-panel.is-expanding{z-index:10}.projects-panel.is-hidden{opacity:0;pointer-events:none}.projects-dividers{pointer-events:none;z-index:6;width:100%;height:100%;position:absolute;inset:0}.projects-divider-line{stroke:var(--projects-gold);stroke-width:.45px;vector-effect:non-scaling-stroke;stroke-dasharray:120;stroke-dashoffset:120px;opacity:.55}.projects-hub--ready .projects-divider-line--1{animation:1s .9s forwards projectsDividerDraw}.projects-hub--ready .projects-divider-line--2{animation:1s 1s forwards projectsDividerDraw}.projects-hub--ready .projects-divider-line--3{animation:1s 1.1s forwards projectsDividerDraw}.projects-hub--ready .projects-divider-line--4{animation:1s 1.2s forwards projectsDividerDraw}@keyframes projectsDividerDraw{to{stroke-dashoffset:0;opacity:.85}}.projects-hub.is-transitioning .projects-dividers{opacity:0;transition:opacity .4s}.projects-hub-grain{pointer-events:none;z-index:4;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.projects-fade-overlay{background:var(--projects-bg);opacity:0;pointer-events:none;z-index:20;transition:opacity .5s;position:absolute;inset:0}.projects-hub.is-fading .projects-fade-overlay{opacity:1}@media (max-width:768px){.projects-hub-header{top:4.5rem}.projects-panel-label{font-size:clamp(1rem,5vw,1.5rem)}.projects-panel[data-panel="4"] .projects-panel-label{white-space:normal;text-align:center;max-width:42vw;font-size:clamp(.85rem,4vw,1.25rem)}}@media (prefers-reduced-motion:reduce){.projects-hub-eyebrow,.projects-hub-title,.projects-hub-subtitle,.projects-panel,.projects-divider-line{opacity:1!important;clip-path:none!important;stroke-dashoffset:0!important;animation:none!important;transform:none!important}}