html{scroll-behavior:smooth}
body,.site-header,.app-card,.admin-panel,.service-slide,.project-story,.button,.app-button,a,button,input,select,textarea{transition-timing-function:cubic-bezier(.22,1,.36,1)!important}
.account-access,.portal-dashboard-page{padding-top:16px!important}
.account-access .portal-nav,.portal-dashboard-page .portal-nav{margin-bottom:18px!important}
.account-access .app-header,.portal-dashboard-page .app-header{margin-bottom:18px!important}
.service-rail{padding:28px 5vw 48px!important;scroll-snap-type:none!important;perspective:1400px;scroll-behavior:auto!important;cursor:grab}
.service-rail.is-dragging{cursor:grabbing}
.service-slide{position:relative;isolation:isolate;flex:0 0 min(380px,82vw)!important;scroll-snap-align:none!important;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(79,178,255,.07) 48%,rgba(20,231,191,.05))!important;border:1px solid rgba(190,224,255,.23)!important;backdrop-filter:blur(28px) saturate(145%)!important;-webkit-backdrop-filter:blur(28px) saturate(145%)!important;box-shadow:0 28px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(255,255,255,.06)!important;transform:translateZ(0) scale(calc(1 - var(--cover-distance,1)*.08))!important;opacity:calc(1 - var(--cover-distance,1)*.18)!important;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s ease,box-shadow .65s ease!important}
.service-slide:after{content:"";position:absolute;z-index:-1;inset:-45% -70%;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.14) 48%,transparent 60%);transform:translateX(-42%) rotate(7deg);animation:glassSheen 7s ease-in-out infinite;pointer-events:none}
.service-slide.is-center{opacity:1!important;transform:translateZ(0) scale(1.025)!important;box-shadow:0 36px 100px rgba(0,0,0,.52),0 0 50px rgba(84,224,202,.13),inset 0 1px 0 rgba(255,255,255,.35)!important}
.service-slide-image{background:rgba(2,12,25,.34)!important}.service-slide-image img{opacity:.86;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .6s ease!important}.service-slide:hover .service-slide-image img{transform:scale(1.045);opacity:1}
.brand-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.brand-preview-grid>div{display:grid;gap:9px}.brand-preview-grid .brand-preview{margin:0}.light-preview{background:#f4f8ff!important}.dark-preview{background:#06101f!important}.brand-preview img,.brand-logo,img[src*="/api/logo.php"]{filter:none!important}
@keyframes glassSheen{0%,68%,100%{transform:translateX(-48%) rotate(7deg)}82%{transform:translateX(48%) rotate(7deg)}}
@media(max-width:720px){.account-access,.portal-dashboard-page{padding-top:8px!important}.brand-preview-grid{grid-template-columns:1fr}.service-rail{padding-inline:18px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-slide:after{animation:none}}

/* v13 homepage gallery: compact glossy services and attached project cards */
.service-showcase{margin-top:22px!important}.service-rail{gap:clamp(15px,1.5vw,28px)!important;padding:14px 5vw 34px!important}.service-slide{flex-basis:min(342px,78vw)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(68,178,255,.09) 48%,rgba(41,225,188,.07))!important;border-color:rgba(195,230,255,.28)!important;box-shadow:0 22px 66px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(255,255,255,.08)!important}.service-slide-image{height:160px!important;min-height:0!important;background:rgba(2,12,25,.22)!important;overflow:hidden}.service-slide-image img{width:100%!important;height:100%!important;object-fit:cover!important}.service-slide>small{margin-top:20px!important}.service-slide h3{font-size:clamp(1.3rem,1.6vw,1.7rem)!important;line-height:1.04!important}.service-slide p{font-size:14px!important;line-height:1.58!important}.service-slide a{margin-top:auto!important}.service-slide.is-center{box-shadow:0 30px 90px rgba(0,0,0,.42),0 0 54px rgba(84,224,202,.16),inset 0 1px 0 rgba(255,255,255,.4)!important}

.story-grid.project-gallery{display:block!important;position:relative;isolation:isolate;min-height:414px;margin-top:8px;overflow:hidden}.project-gallery-stage{position:relative;width:100%;height:350px;outline:0}.project-stack-card{position:absolute;top:50%;left:50%;display:block;width:min(360px,56vw);height:268px;overflow:hidden;isolation:isolate;color:#f7fbff;border:1px solid rgba(195,230,255,.33);border-radius:21px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(32,82,133,.18));box-shadow:0 22px 62px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.25);backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);opacity:var(--project-opacity,1);transform:translate(-50%,-50%) translateX(var(--project-x,0)) scale(var(--project-scale,1));transition:transform .75s cubic-bezier(.16,1,.3,1),opacity .58s ease,box-shadow .58s ease,border-color .58s ease;will-change:transform,opacity;cursor:pointer}.project-stack-card.is-instant{transition:none!important}.project-stack-card.is-recycling{pointer-events:none}.project-stack-card:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(2,9,20,.03) 20%,rgba(2,8,18,.42) 56%,rgba(2,7,16,.94) 100%)}.project-stack-card:after{content:"";position:absolute;z-index:3;inset:-40% -55%;pointer-events:none;background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);transform:translateX(-58%) rotate(8deg);animation:projectGlassSheen 9s ease-in-out infinite}.project-stack-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.05);transition:transform 1s cubic-bezier(.16,1,.3,1),filter .5s ease}.project-stack-card:hover img,.project-stack-card.is-active img{transform:scale(1.055);filter:saturate(1.05) contrast(1.08)}.project-stack-card.is-active{border-color:rgba(150,232,218,.72);box-shadow:0 32px 94px rgba(0,0,0,.52),0 0 56px rgba(86,222,194,.18),inset 0 1px 0 rgba(255,255,255,.42);cursor:default}.project-stack-copy{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:24px;color:#f6fbff;transition:padding .55s ease}.project-stack-copy span{color:#72c6ff;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}.project-stack-copy h3{max-width:320px;margin:8px 0 8px;letter-spacing:-.045em;font-size:clamp(1.2rem,1.75vw,1.62rem);line-height:1.03}.project-stack-copy p{max-width:330px;margin:0;color:rgba(232,243,255,.8);font-size:12px;line-height:1.5}.project-stack-copy small{display:block;margin-top:14px;color:#8cf0d0;font-size:10px;font-weight:800}.project-stack-card:not(.is-active) .project-stack-copy{padding:16px}.project-stack-card:not(.is-active) .project-stack-copy h3{font-size:clamp(.92rem,1.3vw,1.08rem);margin:6px 0 0}.project-stack-card:not(.is-active) .project-stack-copy p,.project-stack-card:not(.is-active) .project-stack-copy small{display:none}.project-stack-card:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.project-gallery-controls{position:absolute;z-index:50;bottom:6px;left:50%;display:flex;align-items:center;gap:14px;transform:translateX(-50%)}.project-gallery-button{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(183,223,255,.32);border-radius:50%;background:rgba(7,20,36,.64);color:var(--text);cursor:pointer;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .2s ease,border-color .2s ease,background .2s ease}.project-gallery-button:hover{border-color:var(--primary);background:rgba(39,128,116,.25);transform:translateY(-2px)}.project-gallery-button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.project-gallery-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes projectGlassSheen{0%,72%,100%{transform:translateX(-58%) rotate(8deg)}85%{transform:translateX(58%) rotate(8deg)}}

@media(max-width:720px){.service-rail{padding:12px 18px 28px!important}.service-slide{flex-basis:min(308px,78vw)!important}.service-slide-image{height:138px!important}.story-grid.project-gallery{min-height:390px}.project-gallery-stage{height:333px}.project-stack-card{width:72vw;height:276px;border-radius:20px}.project-stack-copy{padding:21px}.project-stack-copy h3{font-size:1.27rem}.project-stack-copy p{font-size:12px}.project-gallery-controls{bottom:2px}.project-stack-card:not(.is-active) .project-stack-copy{padding:14px}.project-stack-card:not(.is-active) .project-stack-copy h3{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){.project-stack-card,.project-stack-card img{transition:none!important}.project-stack-card:after{animation:none}}