/* V6.6.6 — Pinned scroll story / grayscale center focus. Homepage only. */
html body.signature-live.scp-body main.scp-main{font-family:var(--dsb-font-sans);color:#fff}
html body.signature-live.scp-body main.scp-main>section.sct-work{--sct-gutter:clamp(22px,5.3vw,100px);--sct-card:clamp(320px,58vw,840px);position:relative;isolation:isolate;overflow:visible;z-index:2;background:transparent!important;color:#fff!important;padding:0;margin:0;border:0;max-width:none;scroll-margin-top:90px}
html body.scp-body main.scp-main .sct-work :is(h2,h3,p){margin:0;letter-spacing:normal;text-transform:none;font-style:normal}
html body.scp-body main.scp-main .sct-work :is(h2,h3){font-weight:400!important;max-width:none;color:#fff;text-wrap:balance}
html body.scp-body main.scp-main .sct-work h2{font-size:clamp(26px,2.4vw,39px)!important;line-height:1.25!important;letter-spacing:-.025em}
html body.scp-body main.scp-main .sct-work a{color:inherit;text-decoration:none}
.sct-section-head,.sct-carousel-controls{position:relative;z-index:2}
.sct-section-head{margin-bottom:12px}
html body.scp-body main.scp-main .sct-label{display:flex;align-items:center;gap:12px;font:400 11px/1.5 var(--dsb-font-mono);color:#d6e3dd;margin-bottom:20px}
.sct-label i{display:block;width:7px;height:7px;background:#d5fb09;border-radius:50%;box-shadow:0 0 14px #d5fb091a}
.sct-work-grid{position:relative;z-index:1;display:flex;gap:clamp(30px,4vw,72px);margin-inline:calc(-1 * var(--sct-gutter));padding:64px max(22px,calc((100% + 2 * var(--sct-gutter) - var(--sct-card))/2)) 80px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;perspective:1800px;outline-offset:-8px}
.sct-work-grid::-webkit-scrollbar{display:none}
.sct-work-grid.is-enhanced{cursor:grab}
.sct-work-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.sct-work-grid.is-dragging *{cursor:grabbing!important}
.sct-project{position:relative;min-width:0;flex:0 0 var(--sct-card);scroll-snap-align:center;scroll-snap-stop:normal;transform-origin:50% 60%;--sct-arc:0px;--sct-yaw:0deg;--sct-roll:0deg;--sct-scale:1;--sct-opacity:1;transform:translate3d(0,var(--sct-arc),0) rotateY(var(--sct-yaw)) rotateZ(var(--sct-roll)) scale(var(--sct-scale));opacity:var(--sct-opacity);backface-visibility:hidden}
.sct-project-space{position:relative;padding-bottom:35px}
.sct-project-space:before{content:"";position:absolute;bottom:13px;left:4%;right:4%;height:18%;border-radius:50%;background:#000;filter:blur(18px);opacity:.65;transform:scaleY(.45);pointer-events:none}
html body.scp-body main.scp-main .sct-project-plane{position:relative;display:block;aspect-ratio:1.6;overflow:hidden;background:#06352e;border:1px solid #ffffff26;box-shadow:0 24px 30px -20px #000c,0 2px 4px #0005;backface-visibility:hidden}
.sct-project-plane:after{content:"";position:absolute;inset:0;border:1px solid #ffffff12;pointer-events:none}
.sct-project-plane img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;-webkit-user-drag:none;filter:grayscale(1);transition:filter .65s ease,transform 1.3s cubic-bezier(.16,1,.3,1)}
.sct-project.is-current .sct-project-plane img{filter:grayscale(0)}
@media(hover:hover) and (pointer:fine){.sct-project-plane:hover img{transform:scale(1.02)}}
.sct-project-meta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 3px 0;text-shadow:0 2px 18px #00211e}
html body.scp-body main.scp-main .sct-project-meta h3{font-size:clamp(21px,1.9vw,29px)!important;line-height:1.25!important}
html body.scp-body main.scp-main .sct-project-meta p{font-size:11px;line-height:1.6;color:#b6cdc4;margin-top:7px}
html body.scp-body main.scp-main .sct-site-link{display:inline-flex;gap:16px;align-items:center;min-height:44px;font-size:10px;white-space:nowrap}
.sct-site-link b{font-size:23px;font-weight:400;transition:transform .4s}
.sct-site-link span{color:#c2d6cc}.sct-site-link:hover b{transform:translate(2px,-2px);color:#d5fb09}
.sct-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:-12px}
.sct-carousel-controls[hidden]{display:none!important}
.sct-carousel-navigation{display:flex;align-items:center;gap:20px}
.sct-carousel-count{min-width:60px;text-align:center;color:#b6cdc4;font:400 10px/1.5 var(--dsb-font-mono)}
html body.scp-body main.scp-main .sct-carousel-navigation button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:1px solid #ffffff36;border-radius:50%;background:transparent!important;color:#fff!important;font:400 20px/1 var(--dsb-font-sans);cursor:pointer;transition:border-color .25s,color .25s}
html body.scp-body main.scp-main .sct-carousel-navigation button:hover:not(:disabled){color:#d5fb09!important;border-color:#d5fb09}
.sct-carousel-navigation button:disabled{opacity:.3;cursor:default}
html body.scp-body main.scp-main .sct-link{display:inline-flex;gap:22px;align-items:center;min-height:44px;font-size:12px;transition:color .3s}
html body.scp-body main.scp-main .sct-link:hover{color:#d5fb09}
html body.scp-body main.scp-main .sct-work :is(a,button,[tabindex]):focus-visible{outline:2px solid #d5fb09!important;outline-offset:6px}
html body.scp-body main.scp-main .sct-work-grid:focus-visible{outline-offset:-8px}
body.scp-body .ke7-footer-lead{display:none!important}
.sct-pin{padding:clamp(64px,7vw,112px) var(--sct-gutter) 40px}
html body.signature-live.scp-body main.scp-main>section.sct-work.is-scroll-story{height:calc(var(--sct-pin-height) + var(--sct-travel));--sct-card:clamp(220px,min(58vw,calc((var(--sct-pin-height) - 420px)*1.6)),840px)}
.sct-work.is-scroll-story .sct-pin{position:sticky;top:var(--scp-header);height:var(--sct-pin-height);padding:24px var(--sct-gutter) 68px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.sct-work.is-scroll-story .sct-section-head{flex:none;margin-bottom:0}
.sct-work.is-scroll-story .sct-work-grid{flex:none;scroll-snap-type:none;padding-top:28px;padding-bottom:40px}
.sct-work.is-scroll-story .sct-project-space{padding-bottom:28px}
.sct-work.is-scroll-story .sct-carousel-controls{flex:none;margin-top:0;border-top:1px solid #ffffff29;padding-top:12px}
.sct-work:not(.is-scroll-story) .sct-carousel-controls{margin-top:0}
@media(max-width:600px){.sct-pin{padding:54px var(--sct-gutter) 24px}html body.signature-live.scp-body main.scp-main>section.sct-work.is-scroll-story{--sct-card:min(82vw,calc((var(--sct-pin-height) - 320px)*1.35))}.sct-work.is-scroll-story .sct-pin{padding-block:20px 64px}.sct-carousel-controls .sct-link{font-size:10px!important;gap:8px!important}.sct-work.is-scroll-story .sct-work-grid{padding-top:32px;padding-bottom:36px}}
@media(min-width:1800px){html body.signature-live.scp-body main.scp-main>section.sct-work{--sct-gutter:max(96px,calc((100vw - 1580px)/2))}}
@media(max-width:780px){html body.signature-live.scp-body main.scp-main>section.sct-work{--sct-card:76vw}.sct-project-meta{align-items:flex-start}.sct-site-link span{display:none}.sct-project-space{padding-bottom:28px}.sct-project-space:before{filter:blur(12px)}}
@media(max-width:600px){html body.signature-live.scp-body main.scp-main>section.sct-work{--sct-gutter:22px;--sct-card:82vw;scroll-margin-top:76px}.sct-work-grid{gap:22px;padding-top:42px;padding-bottom:58px}.sct-project-plane{aspect-ratio:1.35!important}.sct-project-space{padding-bottom:25px}.sct-project-meta{gap:12px}html body.scp-body main.scp-main .sct-work h2{font-size:27px!important}html body.scp-body main.scp-main .sct-label{font-size:10px;margin-bottom:16px}.sct-carousel-controls{margin-top:0}.sct-carousel-navigation{gap:10px}}
@media(prefers-reduced-motion:reduce){html body.scp-body main.scp-main .sct-work *{animation:none!important;transition:none!important}.sct-project{transform:none!important;opacity:1!important}}
/* Homepage footer belongs to the same dark spatial scene. Shared template untouched. */
html body.signature-live.scp-body .ke7-footer{z-index:1;background:transparent!important;color:#fff!important;border-color:#ffffff26}
html body.signature-live.scp-body .ke7-footer :is(.ke7-footer-nav a,.ke7-footer-contact a,.ke7-footer-bottom a,.ke7-footer-contact strong){color:#e2eee7!important;font-weight:400}
html body.signature-live.scp-body .ke7-footer :is(.ke7-footer-brand p,.ke7-footer-nav>span,.ke7-footer-contact>span,.ke7-footer-bottom){color:#a7beb4!important}
html body.signature-live.scp-body .ke7-footer :is(.ke7-footer-wordmark,.ke7-footer-bottom,.ke7-footer-contact){border-color:#ffffff26}
html body.signature-live.scp-body .ke7-footer-wordmark{font-weight:400!important;letter-spacing:-.04em;color:#e2eee7!important}
html body.signature-live.scp-body .ke7-footer-brand img{filter:none!important}
html body.signature-live.scp-body .ke7-footer a:after{background:#d5fb09}
html body.signature-live.scp-body .ke7-footer-bottom{padding-right:125px}