.studio-directory{min-height:100vh;color:#091e3d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f4f7fb url(/brand/service-background-v1.webp) top/1600px no-repeat;min-height:100svh;padding:0 40px}.studio-directory__inner{max-width:1440px;margin:0 auto}.studio-hero{isolation:isolate;padding:62px 0 50px;position:relative;overflow:hidden}.studio-hero__copy{z-index:1;position:relative}.studio-hero__eyebrow{letter-spacing:.45em;color:#5b77a8;margin:0 0 24px;font-size:11px;font-weight:800}.studio-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(40px,4.6vw,68px);font-weight:900;line-height:1.23}.studio-hero h1 span{color:#075aff}.studio-hero__description{color:#546c91;margin:20px 0 0;font-size:19px;line-height:1.65}.studio-hero__symbol{z-index:0;opacity:.1;pointer-events:none;width:600px;max-width:60%;height:auto;position:absolute;top:10px;right:-4px}.studio-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}@media (min-width:1280px){.studio-service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}}.studio-service-card{color:#091e3d;background:#ffffffeb;border:1px solid #dde5f1;border-radius:22px;flex-direction:column;min-width:0;padding:8px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 8px 25px #14355f08}.studio-service-card:focus-visible{outline-offset:5px;outline:3px solid #075aff}.studio-cover{aspect-ratio:1.65;border-radius:15px;position:relative;overflow:hidden}.studio-cover img{object-fit:cover;width:100%;height:100%;display:block}.studio-cover--content{background:#edf3fc;place-items:center;display:grid}.studio-cover--content img{position:absolute;inset:0}.studio-cover__content-icon{color:#075aff;background:linear-gradient(145deg,#fff,#edf4ff);border:1px solid #fff;border-radius:28px;place-items:center;width:124px;height:124px;display:grid;position:relative;transform:rotate(-8deg);box-shadow:0 12px 32px #183d721c}.studio-service-card__body{flex:1;padding:21px 16px 13px}.studio-service-card__heading{align-items:center;gap:13px;display:flex}.studio-service-card__icon{color:#075aff;background:linear-gradient(135deg,#e8f0ff,#f5f8ff);border-radius:14px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.studio-service-card h2{letter-spacing:-.045em;flex-wrap:wrap;align-items:center;gap:7px;margin:0;font-size:23px;font-weight:800;display:flex}.studio-service-card p{color:#597194;margin:5px 0 0;font-size:13px;line-height:1.55}.studio-service-card__badge{color:#4e6c9c;letter-spacing:0;background:#f5f8fe;border:1px solid #d9e3f4;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:600}.studio-service-card__arrow{color:#075aff;flex-shrink:0;margin-left:auto;transition:transform .2s}.studio-service-card__bottom{color:#6b80a0;border-top:1px solid #e8edf5;justify-content:space-between;align-items:center;gap:10px;margin-top:19px;padding-top:13px;font-size:10px;line-height:1.6;display:flex}.studio-service-card__bottom>span:last-child{color:#1854b7;flex-shrink:0;font-weight:700}.studio-footer{color:#5c76a5;letter-spacing:.35em;justify-content:center;align-items:center;gap:25px;padding:37px 0 28px;font-size:10px;font-weight:700;display:flex}.studio-footer span{background:#d4deed;flex:1;height:1px}@media (hover:hover){.studio-service-card:hover{border-color:#a9c6ff;transform:translateY(-5px);box-shadow:0 18px 38px #13377412}.studio-service-card:hover .studio-service-card__arrow{transform:translate(4px)}}@media (max-width:1100px) and (min-width:801px){.studio-directory{padding:0 26px}.studio-service-grid{gap:15px}.studio-service-card__body{padding:17px 8px 11px}.studio-service-card__heading{gap:9px}.studio-service-card__icon{width:42px;height:42px}.studio-service-card h2{font-size:20px}.studio-service-card p{font-size:11px}}@media (max-width:800px){.studio-directory{padding:0 22px}.studio-hero{padding:44px 0 35px}.studio-hero__eyebrow{margin-bottom:20px;font-size:9px}.studio-hero h1{font-size:clamp(30px,6vw,48px)}.studio-hero__description{margin-top:16px;font-size:15px}.studio-hero__symbol{opacity:.065;width:330px;max-width:80%;top:10px;right:-100px}.studio-service-grid{grid-template-columns:minmax(0,1fr);gap:20px;max-width:560px;margin:0 auto}.studio-cover{aspect-ratio:1.7}.studio-service-card__body{padding:19px 14px 13px}.studio-footer{gap:15px;padding-top:30px;font-size:8px}}@media (prefers-reduced-motion:reduce){.studio-service-card,.studio-service-card__arrow{transition:none}.studio-service-card:hover{transform:none}}