html{scrollbar-gutter:stable}
.project-live-window{position:absolute;inset:0;overflow:hidden;overscroll-behavior:contain;pointer-events:none;visibility:hidden;background:#12232a}
.scene-projects .project-gallery.is-project-rail{overflow:clip}
.has-live-preview .project-live-window{visibility:visible;pointer-events:auto}
.project-live-frame{display:block;width:1280px;border:0;transform-origin:0 0;background:#12232a}
.lenis.lenis-smooth .project-live-frame,.lenis.lenis-smooth .website-preview-frame{pointer-events:auto}
.scene-projects .project-gallery.is-project-rail.project-previews-ready .project-link{display:none}
.is-enhanced .scene-projects .project-gallery.is-project-rail .project-visual{height:clamp(190px,calc(100svh - 530px),520px);aspect-ratio:auto}
@media(min-width:761px){.scene-projects .section-heading{margin-bottom:14px;align-items:center}.scene-projects .section-heading h2{font-size:clamp(38px,3.2vw,52px);line-height:1.08}.scene-projects .section-kicker{margin-bottom:8px}}
.scene-projects .project-controls,.is-enhanced .scene-projects .project-controls{position:relative;inset:auto;display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:24px;margin:0 var(--gutter) 18px}
.scene-projects .project-controls[hidden]{display:none}
.scene-projects .project-browse{display:block;min-width:0;cursor:grab}
.project-browse-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#d5ded9;font-size:13px;line-height:1.3}
.project-browse .project-counter{white-space:nowrap;font-size:12px}
.project-browse .project-counter span{font-size:16px}
#project-position{display:block;width:100%;height:32px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:grab;touch-action:pan-y;accent-color:#e4bc7c}
#project-position:active{cursor:grabbing}
#project-position::-webkit-slider-runnable-track{height:5px;border-radius:4px;background:#c7d4cc45}
#project-position::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:64px;height:24px;margin-top:-9.5px;border:1px solid #ffe4b6;border-radius:20px;background:linear-gradient(100deg,#d5ab6b,#f5d69c);box-shadow:0 2px 7px #0005}
#project-position::-moz-range-track{height:5px;border-radius:4px;background:#c7d4cc45}
#project-position::-moz-range-thumb{width:64px;height:22px;border:1px solid #ffe4b6;border-radius:20px;background:#e4bc7c}
#project-position:focus-visible{outline:2px solid #edce9d;outline-offset:3px;border-radius:5px}
.project-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e1d7c32b;padding:0 2px;color:#bac5c5;font-size:12px;user-select:none}
.scene-projects .project-gallery.is-project-rail .project-info{padding:10px 2px 0;line-height:1.2}
.scene-projects .project-gallery.is-project-rail .project-info h3{font-size:clamp(22px,1.6vw,28px);margin-top:5px}
.scene-projects .project-gallery.is-project-rail .project-info p{max-width:none;line-height:1.4;margin-top:6px}
.project-open-preview.glass-control{min-height:44px;margin:0;padding:6px 14px;color:#f0d2a0;font:inherit;font-size:12px;cursor:pointer}
.project-title-button{border:0;padding:0;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;background:transparent;cursor:pointer}
.project-title-button:hover,.project-open-preview:hover{text-decoration:underline;text-underline-offset:4px}
.project-open-preview:focus-visible,.project-title-button:focus-visible{outline:2px solid #edce9d;outline-offset:3px}
.website-preview-dialog{position:fixed;inset:0;width:min(1440px,calc(100vw - 64px));height:calc(100dvh - 56px);max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:1px solid #bec3b85c;border-radius:12px;background:#10262d;color:#eee9dc;box-shadow:0 30px 100px #0009}
.website-preview-dialog[open]{display:flex;flex-direction:column}
.website-preview-dialog::backdrop{background:#051017dc;backdrop-filter:blur(8px)}
.website-preview-toolbar{flex:0 0 auto;display:flex;align-items:center;gap:24px;padding:10px 18px;background:#10262d;border-bottom:1px solid #bec3b82c}
.website-preview-toolbar h2{font-size:18px;line-height:1.2;letter-spacing:-.02em;margin:0 auto 0 0}
.website-preview-toolbar a,.website-preview-toolbar button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#eee9dc;font:inherit;font-size:14px;white-space:nowrap}
.website-preview-toolbar button{cursor:pointer;padding:8px 20px;border:1px solid #e4bc7c80;border-radius:24px;background:#ffffff0b}
.website-preview-toolbar a{color:#edce9d;text-underline-offset:4px}
.website-preview-toolbar :is(a,button):focus-visible{outline:2px solid #edce9d;outline-offset:3px}
.website-preview-frame{display:block;width:100%;flex:1 1 auto;min-height:0;border:0;background:#fff}
@media(max-width:760px){.website-preview-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.website-preview-toolbar{gap:12px;padding:8px 12px;flex-wrap:wrap}.website-preview-toolbar h2{font-size:16px;flex:1 1 50%}.website-preview-toolbar a{font-size:12px}.website-preview-toolbar button{padding:8px 15px}.scene-projects .project-gallery.is-project-rail .project-info{padding-top:10px}.scene-projects .project-gallery.is-project-rail .project-info p{display:none}.is-enhanced .scene-projects .project-gallery.is-project-rail .project-visual{height:clamp(190px,32vh,270px)}.is-enhanced .scene-projects .project-controls{bottom:116px}}
@media(min-width:761px) and (max-height:760px){.scene-projects .project-gallery.is-project-rail .project-info{padding-top:10px}.scene-projects .project-gallery.is-project-rail .project-link{margin-top:8px}}
@media(max-width:760px){.scene-projects .project-controls,.is-enhanced .scene-projects .project-controls{gap:10px;margin:0 var(--gutter) 14px;bottom:auto}.scene-projects .project-controls .round-button{min-width:67px;padding:8px 12px}.project-browse-label{font-size:11px;gap:4px}.project-browse-label .project-counter{font-size:10px}.project-browse-label .project-counter span{font-size:12px}#project-position::-webkit-slider-thumb{width:40px}#project-position::-moz-range-thumb{width:40px}.is-enhanced .scene-projects .section-heading{margin-bottom:12px}.is-enhanced .scene-projects .project-gallery.is-project-rail .project-visual{height:clamp(180px,calc(100svh - 445px),390px)}.scene-projects .project-gallery.is-project-rail .project-info{padding-top:8px}.scene-projects .project-gallery.is-project-rail .project-info h3{font-size:22px}}
@media(min-width:761px) and (max-height:760px){.is-enhanced .scene-projects{padding-top:88px}.scene-projects .section-heading{margin-bottom:12px}.scene-projects .section-heading h2{font-size:38px}.scene-projects .section-kicker{display:none}.scene-projects .section-heading>p{max-width:360px;font-size:14px;line-height:1.5}.scene-projects .project-controls,.is-enhanced .scene-projects .project-controls{margin-bottom:12px}.is-enhanced .scene-projects .project-gallery.is-project-rail .project-visual{height:clamp(160px,calc(100svh - 450px),350px)}}