.project-synilo{grid-column:1/-1!important;margin-top:0!important}.synilo-cover{display:block!important;height:auto!important;aspect-ratio:1.65;position:relative;overflow:hidden;background:#465aff!important;color:#f1f2ef;isolation:isolate}.synilo-card-routes{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#cbd4ff40;stroke-width:1;transform:translateY(var(--cover-y,0px))}.synilo-card-pulse{stroke:#f1f2efbb;stroke-dasharray:2 80 2 190;animation:syniloCardSignal 18s linear infinite}.synilo-card-meta{position:absolute;top:30px;left:30px;right:30px;display:flex;justify-content:space-between;font:7px/1.4 monospace;letter-spacing:.05em;z-index:3;color:#dce1ff}.synilo-card-copy{position:absolute;top:29%;left:7%;width:44%;z-index:3}.synilo-card-copy>img{width:100%;height:auto}.synilo-card-copy>span{font-size:clamp(18px,2.4vw,37px);line-height:1.12;font-weight:400;letter-spacing:-.04em;display:block;margin-top:28px;color:#e6eaff}.synilo-card-device{position:absolute;top:18%;right:15%;width:22%;height:73%;border:2px solid #a9aebf;border-radius:29px;background:#151823;padding:6px;box-shadow:0 25px 50px #111b7b66;transform:translateY(var(--phone-y,0px)) rotate(8deg);display:block;z-index:2}.synilo-card-screen{height:100%;width:100%;display:block;position:relative;background:#f1f2ef;color:#0b0d12;border-radius:23px;padding:10px 15px;overflow:hidden}.synilo-card-island{position:absolute;left:36%;right:36%;top:7px;height:12px;background:#10131b;border-radius:12px}.synilo-card-status{display:flex;justify-content:space-between;font-size:6px;font-weight:600}.synilo-card-status i{font-style:normal}.synilo-card-appword{width:34%;margin-top:24px;filter:brightness(0)}.synilo-card-greeting{font-size:clamp(13px,1.75vw,26px);letter-spacing:-.055em;line-height:1.1;display:block;margin:20px 0 14px}.synilo-card-insight{background:#465aff;display:block;padding:12px;color:white;border-radius:4px}.synilo-card-insight>span{display:block;font:5px monospace;color:#cdd6ff}.synilo-card-insight>b{font-size:clamp(11px,1.3vw,18px);line-height:1.1;font-weight:450;display:block;letter-spacing:-.04em;margin:10px 0}.synilo-card-insight>small{font-size:6px;line-height:1.5;color:#d3dbff}.synilo-card-metric{margin-top:20px;display:block}.synilo-card-metric>small{font:5px monospace;display:block;color:#5a6280}.synilo-card-metric>b{font-size:clamp(18px,2.5vw,35px);letter-spacing:-.07em;font-weight:450;display:block;margin-top:5px}.synilo-card-bars{height:35px;display:flex;gap:6px;align-items:end;margin-top:12px}.synilo-card-bars>i{flex:1;height:60%;background:#bbc8ff;border-radius:2px}.synilo-card-bars>i:nth-child(2n){height:85%}.synilo-card-bars>i:nth-child(3n){height:100%}.synilo-card-bars>i:last-child{height:75%;background:#465aff}.synilo-card-foot{display:block;font:4px monospace;margin-top:12px;color:#6b748b}.synilo-card-symbol{position:absolute;right:7%;bottom:14%;width:11%;aspect-ratio:1;background:#0b0d12;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg);border-radius:20%;z-index:4;box-shadow:0 20px 35px #111b7b44}.synilo-card-symbol>img{width:62%}.synilo-cover .project-open{right:30px;bottom:30px;z-index:5;background:transparent;color:white}.project-synilo .project-note{max-width:none}@keyframes syniloCardSignal{to{stroke-dashoffset:-1100}}body.paused .synilo-card-pulse,body.motion-off .synilo-card-pulse{animation-play-state:paused}@media(max-width:900px){.synilo-card-device{padding:4px;border-radius:23px}.synilo-card-screen{padding:9px 11px;border-radius:18px}.synilo-card-appword{margin-top:17px}.synilo-card-greeting{margin:15px 0 11px}.synilo-card-insight{padding:9px}.synilo-card-insight>b{margin:7px 0}.synilo-card-metric{margin-top:12px}.synilo-card-bars{height:28px;gap:4px}.synilo-card-foot{font-size:3px;margin-top:8px}}@media(max-width:650px){.synilo-cover{aspect-ratio:.85}.synilo-card-meta{left:20px;right:20px;top:20px;font-size:5px;gap:35px}.synilo-card-meta>span:last-child{text-align:right;max-width:85px}.synilo-card-copy{left:8%;width:76%;top:16%}.synilo-card-copy>span{font-size:19px;margin-top:15px}.synilo-card-device{top:46%;right:20%;width:37%;height:56%;border-radius:21px;transform:translateY(var(--phone-y,0px)) rotate(8deg)}.synilo-card-screen{border-radius:16px;padding:9px 10px}.synilo-card-status{font-size:5px}.synilo-card-island{height:9px;top:6px}.synilo-card-appword{margin-top:14px}.synilo-card-greeting{font-size:14px;margin:14px 0 10px}.synilo-card-insight{padding:9px}.synilo-card-insight>span{font-size:4px}.synilo-card-insight>b{font-size:12px}.synilo-card-insight>small{font-size:5px}.synilo-card-metric{margin-top:12px}.synilo-card-metric>b{font-size:21px}.synilo-card-bars{height:25px}.synilo-card-symbol{width:19%;right:9%;bottom:8%;border-radius:21%}.synilo-cover .project-open{left:23px;right:auto;bottom:25px;width:23px;height:23px}}@media(prefers-reduced-motion:reduce){.synilo-card-pulse{animation:none}.synilo-card-routes,.synilo-card-device{transform:none}}
.synilo-card-appword,.synilo-card-symbol>img{display:block;height:auto;object-fit:contain}.synilo-card-symbol{min-height:0}
@media(max-width:650px){.project-synilo{margin-bottom:55px}.synilo-cover{aspect-ratio:.68}.synilo-card-copy{top:14%;width:80%}.synilo-card-copy>span{font-size:18px;margin-top:15px}.synilo-card-device{top:48%;height:46%;width:35%;right:23%;border-radius:18px}.synilo-card-screen{border-radius:13px;padding:9px 8px}.synilo-card-appword{margin-top:13px}.synilo-card-greeting{font-size:12px;margin:10px 0 8px}.synilo-card-insight{padding:7px}.synilo-card-insight>b{font-size:10px;margin:7px 0}.synilo-card-insight>small{font-size:4px}.synilo-card-metric{margin-top:10px}.synilo-card-metric>b{font-size:18px}.synilo-card-symbol{right:8%;bottom:18%;width:19%;aspect-ratio:1}.synilo-card-bars,.synilo-card-foot{display:none}}
/* Shared field / identity refresh */
.synilo-cover{background:#111b1e!important}.synilo-card-field{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;transform:translateY(var(--cover-y,0px)) scale(1.1);opacity:.8}.synilo-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b151a48,transparent 70%);pointer-events:none;z-index:1}.synilo-card-routes{opacity:.35;stroke:#d3dfd94d}.synilo-card-pulse{stroke:#d3dfd980}.synilo-card-meta{font:7px/1.5 Inter,Arial,sans-serif;letter-spacing:.08em;color:#d4ded8}.synilo-card-copy{top:25%;left:7%;width:38%}.synilo-card-copy>span{font-weight:380;font-size:clamp(18px,2.1vw,33px);color:#e3e8e1;letter-spacing:-.035em;line-height:1.15;margin-top:24px}.synilo-card-device{top:19%;right:13%;width:22%;height:72%;transform:translateY(var(--phone-y,0px)) rotate(7deg);border-color:#b5c1be;box-shadow:0 25px 50px #05101866;z-index:2}.synilo-card-screen{background:#f1f2eb}.synilo-card-appword{width:36%;margin-top:20px}.synilo-card-greeting{font-weight:430;font-size:clamp(13px,1.6vw,24px);margin-top:16px}.synilo-card-insight{background:linear-gradient(135deg,#b7d4cc,#d9d6e7,#efd4c8);color:#172023;border-radius:7px}.synilo-card-insight>span{color:#4d6469;font-family:Inter;font-size:5px}.synilo-card-insight>b{font-weight:450}.synilo-card-insight>small{color:#4b6268;font-size:6px}.synilo-card-metric>small{color:#5e7277;font-family:Inter}.synilo-card-bars>i{background:#c1d5ca}.synilo-card-bars>i:nth-child(2n){background:#c5c0df}.synilo-card-bars>i:last-child{background:#5f7477}.synilo-card-symbol{background:linear-gradient(135deg,#b7d4cc,#c5c0e8,#f3c9b8);right:7%;bottom:14%;box-shadow:0 20px 35px #0b151a4d}.synilo-card-symbol>img{width:70%;filter:brightness(0)}.synilo-card-foot{color:#687c80;font-family:Inter}
@media(max-width:650px){.synilo-cover{aspect-ratio:.68}.synilo-card-field{object-position:58% center;opacity:.72}.synilo-card-copy{top:13%;left:9%;width:67%}.synilo-card-copy>span{font-size:19px;line-height:1.15;margin-top:18px}.synilo-card-meta{font-size:4px;letter-spacing:.06em}.synilo-card-device{top:55%;height:41%;width:35%;right:22%;transform:translateY(var(--phone-y,0px)) rotate(7deg)}.synilo-card-greeting{font-size:11px;margin:8px 0}.synilo-card-appword{margin-top:11px;width:34%}.synilo-card-insight{padding:6px}.synilo-card-insight>b{font-size:9px;margin:5px 0}.synilo-card-insight>span{font-size:3px}.synilo-card-insight>small{font-size:4px}.synilo-card-symbol{right:8%;bottom:14%;width:19%}.synilo-card-metric{margin-top:7px}.synilo-card-metric>small{font-size:4px}.synilo-card-metric>b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.synilo-card-field{transform:none}}

/* Confluence / bespoke identity */
.synilo-card-copy{width:48%;top:25%}.synilo-card-appword{width:48%}.synilo-card-routes{opacity:.24}.synilo-cover:after{background:linear-gradient(90deg,#0b151a88,transparent 75%)}
@media(max-width:650px){.synilo-card-copy{width:83%;left:8%;top:17%}.synilo-card-copy>span{font-size:19px;margin-top:20px}.synilo-card-device{top:48%;height:46%;width:38%;right:22%}.synilo-card-appword{width:48%}.synilo-card-field{object-position:68% center}.synilo-card-symbol{bottom:17%}}

/* Dark signal: discreet identity, luminous product. */
.synilo-card-copy{width:28%;top:27%}.synilo-card-copy>span{font-size:clamp(17px,1.8vw,27px);margin-top:28px}.synilo-card-screen{background:#0d141d;color:#e6edf8}.synilo-card-appword{filter:none;width:42%}.synilo-card-insight{background:linear-gradient(130deg,#1b3542,#2c2847 65%,#46303d);color:#eaf1fb;border:1px solid #bcc7ef33}.synilo-card-insight>span,.synilo-card-insight>small{color:#b0bed3}.synilo-card-metric>small,.synilo-card-foot{color:#9eafc7}.synilo-card-bars>i{background:#3c586d}.synilo-card-bars>i:nth-child(2n){background:#64597d}.synilo-card-bars>i:last-child{background:#aec1d8}.synilo-card-symbol{background:linear-gradient(135deg,#183743,#35264c,#503234);border:1px solid #bfd1ee3b}.synilo-card-symbol>img{filter:none;width:56%}.synilo-card-field{filter:saturate(1.2) contrast(1.05);opacity:.95}.synilo-cover:after{background:linear-gradient(90deg,#080c1255,transparent 60%)}
@media(max-width:650px){.synilo-card-copy{width:54%;left:8%;top:17%}.synilo-card-copy>span{font-size:17px;margin-top:23px;width:140%}.synilo-card-appword{width:42%}.synilo-card-device{top:48%;height:46%;width:38%;right:22%}.synilo-card-symbol{width:17%}}

/* Keep the phone legible in the portfolio's editorial grid. */
#work .project-synilo .synilo-cover{container-type:inline-size}
#work .project-synilo .synilo-card-copy>span{font-size:3.7cqw;width:150%;margin-top:5cqw}
#work .project-synilo .synilo-card-device{border-radius:5cqw;padding:1cqw}
#work .project-synilo .synilo-card-screen{border-radius:4cqw;padding:2cqw}
#work .project-synilo .synilo-card-status{font-size:.9cqw}
#work .project-synilo .synilo-card-island{top:1.1cqw;height:1.8cqw}
#work .project-synilo .synilo-card-appword{margin-top:3cqw}
#work .project-synilo .synilo-card-greeting{font-size:2.9cqw;margin:3cqw 0 2cqw}
#work .project-synilo .synilo-card-insight{padding:1.7cqw;border-radius:1.3cqw}
#work .project-synilo .synilo-card-insight>span{font-size:.75cqw}
#work .project-synilo .synilo-card-insight>b{font-size:2.3cqw;margin:1.8cqw 0;line-height:1.13}
#work .project-synilo .synilo-card-insight>small{font-size:.9cqw}
#work .project-synilo .synilo-card-metric{margin-top:2.5cqw}
#work .project-synilo .synilo-card-metric>small{font-size:.8cqw}
#work .project-synilo .synilo-card-metric>b{font-size:4.2cqw;margin-top:1cqw}
#work .project-synilo .synilo-card-bars,#work .project-synilo .synilo-card-foot{display:none}
#work .project-synilo .project-open{left:7%;right:auto;bottom:7%;width:22px;height:22px}
@media(max-width:650px){
 #work .project-synilo .synilo-card-copy{top:17%;width:46%}
 #work .project-synilo .synilo-card-copy>span{font-size:4.6cqw;margin-top:4cqw;width:150%}
 #work .project-synilo .synilo-card-device{top:40%;width:40%;height:54%;right:16%}
 #work .project-synilo .synilo-card-greeting{font-size:3.7cqw}
 #work .project-synilo .synilo-card-insight>b{font-size:3.1cqw}
 #work .project-synilo .synilo-card-insight>small{font-size:1.1cqw}
 #work .project-synilo .synilo-card-metric>b{font-size:5.3cqw}
 #work .project-synilo .synilo-card-symbol{right:8%;bottom:15%}
}
#work .project-synilo .synilo-card-insight>small{display:block;line-height:1.5}