#services{background:radial-gradient(ellipse at 90% 10%,#f9e9df 0,transparent 48%),radial-gradient(ellipse at 5% 80%,#e4ebef 0,transparent 40%),#f7f6f2}#services .category-grid{gap:26px;align-items:stretch}#services .category-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #fff;background:linear-gradient(140deg,#fff,#eef2f3);border-radius:38px 10px 38px 38px;min-height:320px;padding:30px;box-shadow:0 12px 30px #101d3108;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}#services .category-card:nth-child(3n+2){border-radius:10px 38px 38px 38px;background:linear-gradient(135deg,#fff4e8,#f7e6d9)}#services .category-card:nth-child(3n){border-radius:38px 38px 10px 38px;background:linear-gradient(140deg,#20354d,#101d31);color:white;border-color:#2d425a}#services .category-card:before{content:'';position:absolute;width:180px;height:180px;inset-inline-end:-65px;top:-70px;border:1px solid #f47d433b;border-radius:43% 57% 64% 36%;z-index:-1;transition:transform .7s ease}#services .category-card:after{content:'';position:absolute;width:110px;height:110px;inset-inline-end:-35px;top:-40px;border-radius:50%;background:#f47d4315;z-index:-1}#services .category-icon{width:68px;height:68px;display:grid;place-items:center;color:#ad542b;border-radius:22px 22px 22px 8px;background:#f7dfcc;box-shadow:0 6px 0 #e9c8ae55;transition:transform .4s ease}#services .category-icon svg{width:40px;height:40px}#services .category-number{position:absolute;top:35px;inset-inline-end:30px;font:500 13px monospace;letter-spacing:2px;opacity:.7}#services .category-card h3{margin:25px 0 10px;font-size:23px;max-width:95%;line-height:1.6}#services .category-card p{margin:0 0 20px;line-height:1.95}#services .category-action{display:flex;align-items:center;gap:10px;padding-top:12px}#services .category-action:before{content:'↗';display:grid;place-items:center;width:30px;height:30px;border:1px solid #be714b55;border-radius:50%;font:18px Arial;transition:transform .3s}#services .category-card:nth-child(3n) p{color:#c7d2df}#services .category-card:nth-child(3n) .category-number,#services .category-card:nth-child(3n) .category-action{color:#ffb28b}#services .category-card:nth-child(3n) .category-icon{background:#ffffff10;color:#ffae80;box-shadow:0 6px 0 #0002}@media(hover:hover){#services .category-card:hover{transform:translateY(-9px);box-shadow:0 22px 42px #101d3118;border-color:#f47d4399}#services .category-card:hover:before{transform:rotate(70deg) scale(1.25)}#services .category-card:hover .category-icon{transform:rotate(-8deg) translateY(-3px)}#services .category-card:hover .category-action:before{transform:rotate(45deg)}}#services .category-card:focus-visible{outline:3px solid #f47d43;outline-offset:5px}.work-heading{display:flex;align-items:center;gap:24px;margin-top:28px}.work-heading h1{margin:10px 0}.work-logo{width:104px;height:104px;background:white;border-radius:24px;padding:12px;object-fit:contain}.work-preview{margin:45px 0}.work-preview img{display:block;width:100%;height:auto;border-radius:24px;border:1px solid #dedfdc;background:#fff}.work-preview figcaption{color:#66717f;line-height:1.9;font-size:13px;margin-top:16px}.detail-card p{line-height:1.95;color:#66717f}.nav .links{gap:18px}.work-menu .services-dropdown{inset-inline-start:auto;inset-inline-end:0}@media(min-width:1151px) and (max-width:1350px){.nav{gap:18px}.nav .links{gap:12px;font-size:12px}.nav .btn{padding:12px}.nav .brand b{font-size:16px}}@media(max-width:600px){#services .category-card{min-height:270px;padding:26px}#services .category-grid{gap:18px}.work-heading{align-items:flex-start;gap:16px}.work-logo{width:76px;height:76px}.work-heading h1{font-size:32px}}@media(prefers-reduced-motion:reduce){#services .category-card,#services .category-card:before,#services .category-icon,#services .category-action:before{transition:none!important;animation:none!important;transform:none!important}}

/* Detailed portfolio screens preserve their native geometry. */
.project-art .screen{aspect-ratio:8/5;object-fit:contain}.project-dialog{width:min(1440px,96vw)}.work-preview img{aspect-ratio:8/5;object-fit:contain}

.portfolio-placeholder{display:grid;place-items:center;min-height:220px;padding:32px;color:var(--project-color);font-size:26px;font-weight:700}.catalogue-interest{grid-column:1/-1;padding:16px;border:1px solid #c5d9e6;border-radius:12px;background:#edf5f8;line-height:1.8}.catalogue-interest button{margin-inline-start:12px;font:inherit;cursor:pointer}
