/* Portfolio detail: crisp controls, glass surfaces and complete mobile content. */
#zyv-portfolio .zyv-project-dialog{
  width:min(1320px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 64px);
  margin:auto;padding:0;border:1px solid #dec29a5c;border-radius:30px;overflow:auto;
  color:#f4f0e8;background:radial-gradient(ellipse at 95% 0,#a6742a22,transparent 50%),linear-gradient(140deg,#282a27f2,#171a18f5 62%,#211d16f7);
  box-shadow:inset 0 1px 0 #fff5da26,0 38px 120px #000a,0 0 0 1px #080b09;
  font-family:Sora,Manrope,Arial,sans-serif;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a78e6580 transparent;
  backdrop-filter:blur(30px) saturate(135%);-webkit-backdrop-filter:blur(30px) saturate(135%)
}
#zyv-portfolio .zyv-project-dialog::backdrop{background:#050807c9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#zyv-portfolio .zyv-project-dialog .zyv-project-dialog-content{padding:clamp(22px,3vw,44px);margin:0;min-width:0;max-height:none;overflow:visible;background:none;border:0;box-shadow:none}
#zyv-portfolio .zyv-project-dialog-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid #f4d1a31f}
#zyv-portfolio .zyv-project-dialog .zyv-project-dialog-eyebrow{margin:0;color:#bea985;font:500 10px/1.5 Sora,Manrope,sans-serif;letter-spacing:.14em}
#zyv-portfolio .zyv-project-dialog-eyebrow span{display:inline-block;margin-left:18px;color:#8e938b;letter-spacing:.06em}
#zyv-portfolio .zyv-project-dialog .zyv-project-dialog-close{position:static;display:grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:1px solid #ddc19b55;border-radius:50%;background:linear-gradient(135deg,#fff4df12,#fff3d904);color:#f0dbba;font-size:0;line-height:1;transform:none;box-shadow:inset 0 1px 0 #fff3dc18;cursor:pointer}
#zyv-portfolio .zyv-project-dialog .zyv-project-dialog-close:before,#zyv-portfolio .zyv-project-dialog .zyv-project-dialog-close:after{display:none!important;content:none!important}
#zyv-portfolio .zyv-project-dialog-close svg{display:block;width:20px;height:20px;flex:none;transform:none}
#zyv-portfolio .zyv-project-dialog .zyv-project-dialog-close:hover{background:#e1bd8230;border-color:#e1bd82}
#zyv-portfolio .zyv-project-dialog-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);align-items:center;gap:clamp(26px,3.3vw,50px);min-width:0}
#zyv-portfolio .zyv-project-dialog .zyv-project-dialog-image-wrap{position:relative;display:block;width:100%;min-width:0;height:auto;aspect-ratio:auto;max-height:none;padding:0;margin:0;border:1px solid #ebd2ac45;border-radius:18px;overflow:hidden;background:#f5f4ef;box-shadow:0 20px 45px #0007,inset 0 1px 0 #fff4df33}
#zyv-portfolio .zyv-project-preview-bar{display:flex;align-items:center;gap:5px;height:27px;padding:0 12px;background:linear-gradient(100deg,#383931,#282d28);border-bottom:1px solid #e6c99c20}
#zyv-portfolio .zyv-project-preview-bar i{width:5px;height:5px;display:block;border-radius:50%;background:#d7bf96}
#zyv-portfolio .zyv-project-preview-bar i:nth-child(2){opacity:.65}#zyv-portfolio .zyv-project-preview-bar i:nth-child(3){opacity:.35}
#zyv-portfolio .zyv-project-dialog .zyv-project-dialog-image{display:block;width:100%;height:auto;max-width:100%;max-height:60dvh;margin:0;border:0;border-radius:0;object-fit:contain;object-position:center;background:#f5f4ef}
#zyv-portfolio .zyv-project-dialog-summary{min-width:0;padding:5px 0}
#zyv-portfolio .zyv-project-dialog-sector{margin:0 0 17px;color:#d6b482;font:500 10px/1.7 Sora,Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
#zyv-portfolio .zyv-project-dialog .zyv-project-dialog-title{margin:0 0 22px;padding:0;max-width:none;color:#f5f0e7;font:600 clamp(28px,3.1vw,45px)/1.12 Sora,Manrope,sans-serif;letter-spacing:-.055em;overflow-wrap:anywhere;text-wrap:balance}
#zyv-portfolio .zyv-project-dialog .zyv-project-dialog-description{margin:0;padding:0;max-width:none;color:#bfc0b5;font:400 13px/1.85 Manrope,Arial,sans-serif;letter-spacing:0;white-space:normal}
#zyv-portfolio .zyv-project-dialog-description p{margin:0 0 12px;font:inherit;color:inherit;overflow-wrap:anywhere}
#zyv-portfolio .zyv-project-dialog .zyv-project-dialog-visit{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:47px;width:auto;max-width:100%;padding:13px 18px;margin:26px 0 0;border:1px solid #efcfa752;border-radius:13px;background:linear-gradient(120deg,#f3d7af19,#e6b37008);color:#f2ddbb;font:500 11px/1.5 Sora,Manrope,sans-serif;text-decoration:none;box-shadow:inset 0 1px 0 #fff0d210;cursor:pointer}
#zyv-portfolio .zyv-project-dialog .zyv-project-dialog-visit[hidden]{display:none!important}
#zyv-portfolio .zyv-project-dialog-visit svg{display:block;width:18px;height:18px;flex:none}
#zyv-portfolio .zyv-project-dialog a:focus-visible,#zyv-portfolio .zyv-project-dialog button:focus-visible{outline:2px solid #f4d3a5;outline-offset:4px}
#zyv-portfolio.zyv-portfolio-gallery #zyv-project-tycoon-crm .zyv-device-phone{display:block!important;left:auto;right:0;top:60%;width:17.8%;height:auto;max-height:none;aspect-ratio:390/844;z-index:3;transform:translateY(-50%)}
#zyv-portfolio.zyv-portfolio-gallery #zyv-project-tycoon-crm .zyv-hardware-device{width:min(84%,150cqh);left:0;top:50%;transform:translate3d(0,calc(-50% + 10px - var(--case-presence,1)*10px),0)}
#zyv-portfolio #zyv-project-tycoon-crm .zyv-project-mobile{object-fit:contain;object-position:center;background:#f6f7fb}
@media(min-width:900px) and (min-height:450px){#zyv-portfolio #zyv-project-tycoon-crm .zyv-project-caption{right:24%;left:1%;justify-content:flex-end}}
#zyv-portfolio .zyv-phone-detail-label{position:absolute;z-index:4;bottom:10px;left:9px;right:9px;text-align:center;padding:5px 3px;border:1px solid #f0d3aa45;border-radius:7px;background:#171c18e8;color:#e4d2b1;font:500 7px/1.2 Manrope,sans-serif;letter-spacing:.015em;backdrop-filter:blur(8px)}
@media(max-width:899px),(max-height:449px){
 #zyv-portfolio .zyv-project-dialog{width:calc(100vw - 30px);max-height:calc(100dvh - 30px);border-radius:23px}
 #zyv-portfolio .zyv-project-dialog .zyv-project-dialog-content{padding:22px}
 #zyv-portfolio .zyv-project-dialog-topbar{padding-bottom:16px;margin-bottom:23px}
 #zyv-portfolio .zyv-project-dialog-layout{grid-template-columns:minmax(0,1fr);gap:26px}
 #zyv-portfolio .zyv-project-dialog-summary{grid-row:1;padding:0}
 #zyv-portfolio .zyv-project-dialog .zyv-project-dialog-image-wrap{grid-row:2;border-radius:13px}
 #zyv-portfolio .zyv-project-dialog .zyv-project-dialog-image{max-height:60dvh}
 #zyv-portfolio .zyv-project-dialog .zyv-project-dialog-title{font-size:clamp(28px,5vw,40px);margin-bottom:17px}
 #zyv-portfolio .zyv-project-dialog-sector{margin-bottom:11px;font-size:9px}
 #zyv-portfolio .zyv-project-dialog .zyv-project-dialog-visit{margin-top:17px}
 #zyv-portfolio.zyv-portfolio-gallery #zyv-project-tycoon-crm .zyv-hardware-device{width:94%;left:0;top:42%}
 #zyv-portfolio.zyv-portfolio-gallery #zyv-project-tycoon-crm .zyv-device-phone{width:23%;right:1%;top:80%}
 #zyv-portfolio.zyv-portfolio-gallery #zyv-project-tycoon-crm .zyv-project-caption{left:1%;right:28%;justify-content:flex-start}
}
@media(max-width:480px){
 #zyv-portfolio .zyv-project-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:20px}
 #zyv-portfolio .zyv-project-dialog .zyv-project-dialog-content{padding:17px}
 #zyv-portfolio .zyv-project-dialog-topbar{gap:10px;margin-bottom:21px;padding-bottom:14px}
 #zyv-portfolio .zyv-project-dialog .zyv-project-dialog-eyebrow{font-size:8px;letter-spacing:.1em}
 #zyv-portfolio .zyv-project-dialog-eyebrow span{margin-left:10px}
 #zyv-portfolio .zyv-project-dialog .zyv-project-dialog-title{font-size:31px}
 #zyv-portfolio .zyv-project-dialog .zyv-project-dialog-description{font-size:13px;line-height:1.75}
 #zyv-portfolio .zyv-project-dialog .zyv-project-dialog-close{width:42px;height:42px;min-width:42px;min-height:42px}
 #zyv-portfolio .zyv-project-preview-bar{height:22px}
 #zyv-portfolio .zyv-phone-detail-label{bottom:6px;left:5px;right:5px;padding:4px 1px;font-size:6px}
}
@media(prefers-reduced-motion:reduce){#zyv-portfolio .zyv-project-dialog *{transition:none!important;animation:none!important}}