.project-gallery{background:radial-gradient(ellipse at 100% 50%, color-mix(in srgb, var(--sky-gold) 5%, transparent), transparent 55%), var(--sky-paper)}.project-carousel-stage{position:relative}.project-carousel{--card-width:84%;grid-auto-flow:column;grid-auto-columns:var(--card-width);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;padding:16px 0;display:grid;position:relative;overflow-x:auto}.project-carousel:before,.project-carousel:after{content:""}.project-carousel{grid-template-columns:calc(8% - 24px) repeat(4, var(--card-width)) calc(8% - 24px)}.project-carousel::-webkit-scrollbar{display:none}.sky-shell .project-carousel>.project-band{scroll-snap-align:center;scroll-snap-stop:always;min-width:0;min-height:0;height:max(360px, calc(100svh - var(--site-header-height) - 164px));text-align:left;border:1px solid var(--sky-line);max-height:820px;box-shadow:0 10px 24px #00000010, inset 0 1px color-mix(in srgb, var(--sky-gold) 20%, transparent);border-radius:22px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;justify-items:stretch;gap:16px;padding:24px 40px;transition:opacity .5s,transform .6s;display:grid}.sky-shell .project-carousel>.project-band[inert]{opacity:.5;transform:scale(.96)}.sky-shell .project-carousel .project-intro{align-self:center;padding:0}.sky-shell .project-carousel .project-intro h2{color:var(--sky-gold);margin:0 0 4px;font-size:clamp(34px,3.2vw,48px);font-weight:600;line-height:1.1}.sky-shell .project-carousel .project-category{margin:0}.project-media{place-items:center;width:100%;height:100%;min-height:0;display:grid;container-type:size}.sky-shell .project-carousel .device-pair{justify-content:center;align-self:center;width:min(100%,1000px,180cqh);height:auto;min-height:0}.project-details{width:100%}.sky-shell .project-carousel .project-capabilities{opacity:1;color:var(--sky-ink);margin:0 0 12px;font-size:clamp(18px,1.7vw,26px);font-weight:600;line-height:1.4}.project-details .text-link{min-height:44px;color:var(--sky-gold);justify-content:flex-start}.sky-shell .project-carousel .project-disclosure{margin:4px 0 0;display:block}.sky-shell[data-home=true] .showcase-index{justify-content:center;min-height:64px}.sky-shell .showcase-index .project-tabs{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(100%,880px);padding:0;display:grid;overflow:visible}.sky-shell .showcase-index .project-tabs a{white-space:normal;justify-content:center;align-items:center;padding:16px 12px;font-weight:600;display:flex}.sky-shell .showcase-index .project-tabs a[aria-current]:after{height:2px;left:25%;right:25%}.project-float{z-index:5;width:48px;height:48px;color:var(--sky-ink);background:0 0;border:0;place-items:center;transition:color .2s,transform .2s;display:grid;position:absolute;top:calc(50% - 24px)}.project-float-prev{left:calc(8% - 52px)}.project-float-next{right:calc(8% - 52px)}.project-float:hover{color:var(--sky-gold)}.project-float-prev:hover{transform:translate(-3px)}.project-float-next:hover{transform:translate(3px)}.project-playback,.project-pagination{justify-content:center;align-items:center;display:flex}.project-playback{min-height:52px;color:var(--sky-ink);gap:12px;padding-bottom:8px}.project-playback button{width:44px;height:44px;color:inherit;background:0 0;border:0;place-items:center;display:grid}.project-dot{background:color-mix(in srgb, var(--sky-ink) 30%, transparent);border-radius:99px;width:8px;height:8px;transition:background-color .25s,transform .25s;display:block;position:relative;overflow:hidden}[aria-current]>.project-dot{background:var(--sky-gold);transform:scale(1.3)}@media (width>=768px) and (height<=820px){.sky-shell .project-carousel .project-intro h2{font-size:34px}.sky-shell .project-carousel .project-category{font-size:16px;line-height:1.45}.sky-shell .project-carousel .project-capabilities{font-size:18px;line-height:1.4}.sky-shell .project-carousel>.project-band{gap:8px;padding-block:14px}}@media (width>=901px){.sky-shell .project-carousel>.project-band{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:12px 32px;max-height:980px}.sky-shell .project-carousel .project-intro{grid-area:1/1;align-self:start}.sky-shell .project-carousel .project-details{text-align:right;grid-area:1/2;align-self:start;min-width:0}.sky-shell .project-carousel .project-capabilities{text-wrap:balance;margin-bottom:4px}.sky-shell .project-carousel .project-details .text-link{justify-content:flex-end;min-height:44px;font-size:clamp(20px,1.6vw,26px);font-weight:600;line-height:1.4}.sky-shell .project-carousel .project-details .text-link svg{width:22px;height:22px}.sky-shell .project-carousel .project-band .project-details .project-disclosure{letter-spacing:.1em;margin-top:2px;font-size:11px;line-height:1.4}.sky-shell .project-carousel .project-media{grid-area:2/1/auto/-1}.sky-shell .project-carousel .device-pair{width:min(100%,1280px,210cqh)}}@media (width<=767px){.project-carousel{--card-width:100%;grid-template-columns:0 repeat(4,100%) 0;gap:0;padding:0}.sky-shell .project-carousel>.project-band{border:0;border-radius:0;gap:18px;height:auto;max-height:none;padding:24px 20px}.sky-shell .project-carousel .project-intro h2{font-size:34px}.sky-shell .project-carousel .device-pair{width:min(100%,180cqh);min-height:0}.project-media{height:clamp(220px,60vw,420px)}.sky-shell .project-carousel .project-capabilities{margin-bottom:8px;font-size:17px}.sky-shell[data-home=true] .showcase-index{min-height:56px}.sky-shell .showcase-index .project-tabs a{padding:16px 5px;font-size:13px}.project-float{width:44px;height:44px;top:42%}.project-float-prev{left:0}.project-float-next{right:0}}@media (width<=380px){.sky-shell .project-carousel .project-intro h2{font-size:31px}}@media (prefers-reduced-motion:reduce){.sky-shell .project-carousel>.project-band,.project-float,.project-dot{transition:none}}.home-hero:after{content:"";z-index:-1;background:radial-gradient(ellipse at 20% 100%, color-mix(in srgb, var(--sky-gold) 9%, transparent), transparent 65%), linear-gradient(transparent, var(--sky-paper));pointer-events:none;height:22%;position:absolute;inset:auto 0 0}.sky-shell .home-hero .home-explore{color:var(--sky-ink);text-shadow:0 1px 15px var(--sky-paper);gap:12px;margin-bottom:28px}.sky-shell .home-hero .home-explore span{letter-spacing:.34em;padding-left:.34em;font-family:Syne,sans-serif;font-size:clamp(18px,1.6vw,24px);font-weight:500;line-height:1.4}.sky-shell .home-projects-intro{isolation:isolate;padding:clamp(44px, 7vh, 76px) var(--gutter);text-align:center;color:var(--sky-ink);background:radial-gradient(ellipse at 95% 90%, color-mix(in srgb, var(--sky-gold) 7%, transparent), transparent 45%), radial-gradient(ellipse at 50% 45%, color-mix(in srgb, var(--sky-gold) 8%, transparent), transparent 65%), var(--sky-paper);flex-direction:column;align-items:center;gap:clamp(28px,4vh,44px);display:flex;position:relative;overflow:clip}.home-projects-intro:before,.home-projects-intro:after{content:"";z-index:-1;pointer-events:none;border:1px solid color-mix(in srgb, var(--sky-gold) 23%, transparent);border-radius:50%;width:75%;height:230px;position:absolute;transform:rotate(-14deg)}.home-projects-intro:before{top:-190px;left:-18%}.home-projects-intro:after{bottom:-200px;right:-20%}.home-projects-intro h2{text-wrap:balance;max-width:820px;margin:0;font-size:clamp(27px,3vw,44px);font-weight:400;line-height:1.2}.home-projects-intro h2 em{color:var(--sky-gold);font-style:normal}.project-directions-grid{grid-template-columns:repeat(4,1fr);gap:24px;width:min(100%,1040px);display:grid}.project-directions-grid a{color:var(--sky-ink);flex-direction:column;align-items:center;gap:18px;padding:12px 4px;font-size:20px;font-weight:600;display:flex}.direction-icon{border:1px solid color-mix(in srgb, var(--sky-gold) 45%, transparent);width:88px;height:88px;color:var(--sky-gold);background:color-mix(in srgb, var(--sky-paper) 80%, transparent);border-radius:24px;place-items:center;transition:border-color .22s,background-color .22s;display:grid}.direction-icon svg{stroke-width:1.25px;width:38px;height:38px}.project-directions-grid a:hover .direction-icon{background:color-mix(in srgb, var(--sky-gold) 12%, transparent);border-color:var(--sky-gold)}.home-projects-intro>p{color:var(--sky-muted);margin:0;font-size:18px}.home-projects-intro>p em{color:inherit}@media (width<=767px){.sky-shell .home-projects-intro{gap:28px;padding-block:40px}.project-directions-grid{grid-template-columns:repeat(2,1fr);gap:20px 24px;width:min(100%,360px)}.project-directions-grid a{gap:12px;font-size:16px}.direction-icon{border-radius:22px;width:88px;height:88px}.direction-icon svg{width:36px;height:36px}.home-projects-intro>p{max-width:280px;font-size:15px}}
