.service-gallery{display:flex;gap:10px;min-height:500px;padding:10px;background:#07131f;perspective:1400px}.service-panel{--panel-color:#02bdd2;position:relative;flex:1 1 0;min-width:0;overflow:hidden;isolation:isolate;cursor:pointer;transition:flex-grow .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1),filter .65s ease;transform:rotateY(-6deg);background:#0c2638}.service-panel:nth-child(even){transform:rotateY(6deg)}.service-panel.is-active{flex-grow:4.3;transform:rotateY(0);cursor:default}.service-panel:focus-visible{outline:2px solid var(--cyan);outline-offset:-4px}.service-panel__image{position:absolute;inset:-1px;background-image:var(--panel-image);background-size:cover;background-position:center;filter:grayscale(1);transform:scale(1.13);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .6s ease}.service-panel:nth-child(2) .service-panel__image{background-position:70% center}.service-panel:nth-child(3) .service-panel__image{background-position:28% center}.service-panel:nth-child(4) .service-panel__image{background-position:87% center}.service-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06111df4 0%,#07131f59 50%,var(--panel-color) 180%);transition:background .6s ease}.service-panel:not(.is-active)::after{background:linear-gradient(0deg,#06111dfa 0%,#07131fc2 100%)}.service-panel.is-active .service-panel__image{transform:scale(1);filter:grayscale(0)}.service-panel__index{position:absolute;z-index:2;top:26px;left:24px;color:var(--panel-color);font:500 10px 'DM Mono';letter-spacing:.1em}.service-panel__title{position:absolute;z-index:2;left:24px;bottom:28px;margin:0;color:#eff5f3;font-size:clamp(22px,2.25vw,39px);line-height:.9;letter-spacing:-.07em;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;transition:transform .55s ease}.service-panel.is-active .service-panel__title{writing-mode:initial;transform:none;white-space:normal;max-width:330px}.service-panel__detail{position:absolute;z-index:2;left:24px;bottom:25px;width:min(290px,calc(100% - 48px));opacity:0;transform:translateY(18px);transition:opacity .35s ease,transform .45s ease;pointer-events:none}.service-panel.is-active .service-panel__detail{opacity:1;transform:translateY(0);pointer-events:auto}.service-panel__detail h3{display:none}.service-panel__detail p{font-size:14px;line-height:1.55;color:#d9e6e7;margin:88px 0 19px}.service-panel__detail a{display:inline-block;color:#fff;text-decoration:none;border-bottom:1px solid var(--panel-color);padding-bottom:7px;font-size:11px;font-weight:800}.service-panel__detail a b{color:var(--panel-color);margin-left:20px;font-size:15px}.service-panel.is-active .service-panel__title{bottom:185px}.service-panel.is-active .service-panel__title+.service-panel__detail{display:block}@media(max-width:800px){.service-gallery{flex-direction:column;min-height:0;padding:8px}.service-panel,.service-panel:nth-child(even){height:110px;min-height:110px;transform:none}.service-panel.is-active{height:340px;flex-grow:0}.service-panel__title{writing-mode:initial;transform:none;bottom:24px}.service-panel.is-active .service-panel__title{bottom:174px}.service-panel__detail p{margin-top:64px}}