/* Only the single project block. Uses existing home color variables; no theme or global layout changes. */
#iflow-home .ifp-projects{--ifp-border:var(--line-d,#dce5ef);--ifp-text:var(--ink-d,#102a47);--ifp-muted:var(--muted-d,#58708b);--ifp-accent:var(--blue-d,#2866ae);background:var(--paper,#f4f7fb);color:var(--ifp-text)}
#iflow-home .ifp-projects .ifp-project{display:grid;grid-template-columns:.91fr 1.09fr;background:var(--paper-2,#fff);border:1px solid var(--ifp-border);border-radius:20px;overflow:hidden;box-shadow:0 18px 50px -40px #1e4369}
#iflow-home .ifp-projects .ifp-photo{position:relative;display:block;overflow:hidden;background:var(--paper,#e2eaf3);border-radius:10px;min-width:0}
#iflow-home .ifp-projects .ifp-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
#iflow-home .ifp-projects .ifp-project-cover{border-radius:0;min-height:540px}
#iflow-home .ifp-projects .ifp-project-cover img{position:absolute;inset:0;object-position:50% 38%}
#iflow-home .ifp-projects .ifp-photo-open{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;background:rgba(255,255,255,.92);color:#153a63;border-radius:50%;font-size:20px;line-height:1;transition:background .2s,transform .2s}
#iflow-home .ifp-projects .ifp-project-content{padding:38px 38px 25px;min-width:0;display:flex;flex-direction:column}
#iflow-home .ifp-projects .ifp-project-kind{font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--ifp-accent)}
#iflow-home .ifp-projects .ifp-project-content h3{font-size:clamp(24px,2.4vw,31px);line-height:1.22!important;letter-spacing:-.025em;margin:15px 0 17px;color:var(--ifp-text)}
#iflow-home .ifp-projects .ifp-project-intro{font-size:16px;color:var(--ifp-muted);line-height:1.65;margin:0 0 22px;max-width:40ch}
#iflow-home .ifp-projects .ifp-project-tags{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 32px;padding:0;list-style:none}
#iflow-home .ifp-projects .ifp-project-tags li{font-size:11.5px;line-height:1.4;padding:7px 10px;color:var(--ifp-muted);background:var(--paper,#f0f5fb);border:1px solid var(--ifp-border);border-radius:7px;white-space:nowrap}
#iflow-home .ifp-projects .ifp-gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;margin-bottom:13px;font-size:14px;font-weight:650;color:var(--ifp-text)}
#iflow-home .ifp-projects .ifp-gallery-count{font-weight:400;color:var(--ifp-muted);font-size:12px}
#iflow-home .ifp-projects .ifp-project-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#iflow-home .ifp-projects .ifp-project-thumbs .ifp-photo{aspect-ratio:1.12}
#iflow-home .ifp-projects .ifp-project-thumbs .ifp-photo-open{width:24px;height:24px;bottom:7px;right:7px;font-size:16px}
#iflow-home .ifp-projects .ifp-project-thumbs .ifp-photo:nth-child(2) img{object-position:50% 42%}
#iflow-home .ifp-projects .ifp-gallery-hint{font-size:11px;line-height:1.5;color:var(--ifp-muted);margin:12px 0 0}
#iflow-home .ifp-projects .ifp-gallery-hint span{display:inline-block;margin-left:4px}
#iflow-home .ifp-projects .ifp-lightbox:not([open]){display:none}
#iflow-home .ifp-projects .ifp-lightbox{border:0;border-radius:16px;padding:14px 20px;color:#eaf2fb;background:#0b1d31;max-width:min(1100px,94vw);width:fit-content;max-height:94vh;overflow:auto;box-shadow:0 20px 100px #0009}
#iflow-home .ifp-projects .ifp-lightbox::backdrop{background:rgba(5,15,28,.85);backdrop-filter:blur(5px)}
#iflow-home .ifp-projects .ifp-lightbox-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#bed0e4;padding-bottom:10px;gap:25px}
#iflow-home .ifp-projects .ifp-lightbox button{border:1px solid #47617e;color:#eef5ff;background:#18334f;border-radius:8px;min-width:38px;height:38px;padding:0;cursor:pointer;font-size:20px;line-height:1}
#iflow-home .ifp-projects .ifp-lightbox button:focus-visible{outline:2px solid #b6d6ff;outline-offset:3px}
#iflow-home .ifp-projects .ifp-photo:focus-visible{outline:2px solid var(--ifp-accent);outline-offset:4px}
#iflow-home .ifp-projects .ifp-lightbox-image{max-height:72vh;max-width:84vw;width:auto;height:auto;object-fit:contain;border-radius:5px;margin:auto}
#iflow-home .ifp-projects .ifp-lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}
#iflow-home .ifp-projects .ifp-lightbox-caption{font-size:13px;line-height:1.5;text-align:center;color:#d5e2f0;margin:0;max-width:65ch}
@media(hover:hover) and (pointer:fine){
 #iflow-home .ifp-projects .ifp-photo:hover img{transform:scale(1.025)}
 #iflow-home .ifp-projects .ifp-photo:hover .ifp-photo-open{background:#fff;transform:translate(1px,-1px)}
}
@media(max-width:960px){
 #iflow-home .ifp-projects .ifp-project-content{padding:28px}
 #iflow-home .ifp-projects .ifp-project-cover{min-height:540px}
 #iflow-home .ifp-projects .ifp-desktop-break{display:none}
 #iflow-home .ifp-projects .ifp-project-tags{margin-bottom:25px}
}
@media(max-width:700px){
 #iflow-home .ifp-projects .ifp-project{grid-template-columns:1fr}
 #iflow-home .ifp-projects .ifp-project-cover{min-height:0;aspect-ratio:1.38}
 #iflow-home .ifp-projects .ifp-project-cover img{object-position:50% 30%}
 #iflow-home .ifp-projects .ifp-project-content{padding:27px 24px 23px}
 #iflow-home .ifp-projects .ifp-project-content h3{font-size:27px}
 #iflow-home .ifp-projects .ifp-project-tags li{font-size:11px;padding:7px 9px}
 #iflow-home .ifp-projects .ifp-gallery-hint{font-size:12px}
}
@media(max-width:560px){
 #iflow-home .ifp-projects{padding:54px 0}
 #iflow-home .ifp-projects .wrap{padding-left:20px;padding-right:20px}
 #iflow-home .ifp-projects .sec-head{margin-bottom:27px;gap:18px}
 #iflow-home .ifp-projects .ifp-project-intro{font-size:15px}
 #iflow-home .ifp-projects .ifp-gallery-heading{font-size:13px}
 #iflow-home .ifp-projects .ifp-project-thumbs{gap:7px}
 #iflow-home .ifp-projects .ifp-lightbox{padding:12px;max-width:95vw}
 #iflow-home .ifp-projects .ifp-lightbox-image{max-width:87vw}
 #iflow-home .ifp-projects .ifp-lightbox-caption{font-size:12px}
}

/* IFLOW_PROJECT_TAG_MARKERS_20261019_BEGIN — override Aspro's decorative list dashes only here. */
#iflow-home .ifp-projects .ifp-project-tags li::before { content: none; display: none; }
/* IFLOW_PROJECT_TAG_MARKERS_20261019_END */

/* IFLOW_PROJECT_DIALOG_20261019_BEGIN — native modal centering against Aspro's margin reset. */
#iflow-home .ifp-projects .ifp-lightbox[open] {
  inset: 0;
  margin: auto !important;
  animation: ifpDialogOpen20261019 .22s ease-out;
}
#iflow-home .ifp-projects .ifp-lightbox-image {
  max-height: min(72vh, calc(94vh - 160px));
}
@keyframes ifpDialogOpen20261019 {
  from { opacity: .82; }
  to { opacity: 1; }
}
/* IFLOW_PROJECT_DIALOG_20261019_END */

/* IFLOW_PROJECT_CASE_LINKS_20261019_BEGIN — links and restrained photo frames; gallery and modal behavior stay unchanged. */
#iflow-home .ifp-projects .ifp-photo::after{content:"";position:absolute;inset:0;border:1px solid rgba(18,40,69,.14);border-radius:inherit;pointer-events:none}
#iflow-home .ifp-projects .ifp-project-thumbs .ifp-photo{box-shadow:0 7px 16px -13px rgba(18,40,69,.45)}
#iflow-home .ifp-projects .ifp-project-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}
#iflow-home .ifp-projects .ifp-project-action{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:52px;padding:12px 15px;border:1px solid var(--ifp-accent);border-radius:10px;background:var(--ifp-accent);color:#fff;font-size:13px;font-weight:650;line-height:1.4;text-decoration:none;transition:background-color .2s,border-color .2s,box-shadow .2s}
#iflow-home .ifp-projects .ifp-project-action>span{color:inherit}
#iflow-home .ifp-projects .ifp-project-action-secondary{color:var(--ifp-text);background:var(--paper-2,#fff);border-color:var(--ifp-border)}
#iflow-home .ifp-projects .ifp-project-action small{font-size:10px;font-weight:500;color:inherit;white-space:nowrap}
#iflow-home .ifp-projects .ifp-project-action [aria-hidden]{flex:none;font-size:19px;transition:transform .2s}
#iflow-home .ifp-projects .ifp-project-action:focus-visible{outline:2px solid var(--ifp-accent);outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 #iflow-home .ifp-projects .ifp-project-action:hover{box-shadow:0 5px 16px -10px var(--ifp-accent)}
 #iflow-home .ifp-projects .ifp-project-action:hover [aria-hidden]{transform:translateX(3px)}
 #iflow-home .ifp-projects .ifp-project-action-secondary:hover{background:var(--paper,#f0f5fb);border-color:var(--ifp-accent)}
}
@media(max-width:960px){#iflow-home .ifp-projects .ifp-project-actions{grid-template-columns:1fr}}
/* IFLOW_PROJECT_CASE_LINKS_20261019_END */

/* IFLOW_PROJECT_TAGS_ALIGN_20261019_BEGIN */
#iflow-home .ifp-projects .ifp-project-tags{align-items:center}
#iflow-home .ifp-projects .ifp-project-tags>li{margin:0!important}
/* IFLOW_PROJECT_TAGS_ALIGN_20261019_END */

/* IFLOW_MEDIA_STYLE_PROJECT_20261019_V2_BEGIN — original project photographs, frame only. */
#iflow-home .ifp-projects .ifp-project{border-color:#bcd3f4;box-shadow:0 18px 44px -28px rgba(15,35,64,.32)}
#iflow-home .ifp-projects .ifp-project-thumbs .ifp-photo{border-radius:12px;box-shadow:0 8px 22px -16px rgba(15,35,64,.4)}
#iflow-home .ifp-projects .ifp-photo::after{border-color:rgba(188,211,244,.85);box-shadow:inset 0 -3px 0 rgba(54,94,220,.48)}
#iflow-home .ifp-projects .ifp-photo-open{background:#f5f9ff;color:#1457c8;box-shadow:0 0 0 1px rgba(188,211,244,.8),0 3px 10px rgba(15,35,64,.12)}
#iflow-home .ifp-projects .ifp-gallery-more{margin-top:14px}
#iflow-home .ifp-projects .ifp-gallery-more>summary{padding:11px 13px;border:1px solid #bcd3f4;border-radius:10px;background:#f4f8fd;color:#1457c8;font-size:13px;font-weight:650;line-height:1.5;cursor:pointer}
#iflow-home .ifp-projects .ifp-gallery-more[open]>summary{margin-bottom:12px}
#iflow-home .ifp-projects .ifp-gallery-more>.ifp-project-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(hover:hover) and (pointer:fine){
 #iflow-home .ifp-projects .ifp-photo:hover .ifp-photo-open{background:#365edc;color:#fff}
}
/* IFLOW_MEDIA_STYLE_PROJECT_20261019_V2_END */

/* IFLOW_HOME_PROJECT_OVERVIEW_20261019_BEGIN — compact summary; full gallery remains on its article. */
#iflow-home .ifp-overview-section{padding:64px 0}
#iflow-home .ifp-overview-heading{align-items:end;margin-bottom:28px}
#iflow-home .ifp-overview-heading>p{margin:0 0 3px;max-width:280px;color:var(--ifp-muted);font-size:13px;line-height:1.6}
#iflow-home .ifp-projects .ifp-overview{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);border-radius:20px;background:var(--paper-2,#fff);box-shadow:0 18px 42px -34px rgba(22,52,86,.36)}
#iflow-home .ifp-overview-copy{min-width:0;padding:36px 40px 32px;display:flex;flex-direction:column;align-items:flex-start}
#iflow-home .ifp-overview-kicker{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:var(--ifp-accent);font-size:11px;line-height:1.5;font-weight:650;letter-spacing:.07em;text-transform:uppercase}
#iflow-home .ifp-overview-kicker>span{width:6px;height:6px;flex:none;border-radius:50%;background:var(--ifp-accent);box-shadow:0 0 0 4px rgba(40,102,174,.09)}
#iflow-home .ifp-overview-copy h3{margin:0 0 17px;color:var(--ifp-text);font-size:clamp(27px,2.5vw,35px);line-height:1.18!important;letter-spacing:-.025em;font-weight:700}
#iflow-home .ifp-overview-intro{max-width:49ch;margin:0 0 13px;font-size:16px;line-height:1.65;color:var(--ifp-text)}
#iflow-home .ifp-overview-description{max-width:57ch;margin:0 0 22px;font-size:13px;line-height:1.7;color:var(--ifp-muted)}
#iflow-home .ifp-overview .ifp-project-tags{gap:7px;margin:0 0 27px!important}
#iflow-home .ifp-overview .ifp-project-tags li{margin:0!important;font-size:11px;line-height:1.4;padding:6px 9px;border-radius:6px}
#iflow-home .ifp-overview .ifp-project-tags li::before{content:none!important;display:none!important}
#iflow-home .ifp-overview .ifp-project-actions{width:100%;margin-top:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#iflow-home .ifp-overview .ifp-project-action{min-height:48px;padding:12px 14px;font-size:12px}
#iflow-home .ifp-overview-photo{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:20px 24px 48px;background:radial-gradient(ellipse at 10% 0,rgba(54,94,220,.16),transparent 65%),#102841;border-left:1px solid #c8d9ee;overflow:hidden;text-decoration:none}
#iflow-home .ifp-overview-photo img{display:block;width:100%;height:330px;object-fit:contain;border-radius:10px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
#iflow-home .ifp-overview-photo::after{content:"";position:absolute;inset:12px;border:1px solid rgba(147,185,233,.2);border-radius:13px;pointer-events:none}
#iflow-home .ifp-overview-photo-note{position:absolute;bottom:19px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#d9e7f8;font-size:11px;line-height:1.5}
#iflow-home .ifp-overview-photo-note>span{color:inherit}
#iflow-home .ifp-overview-photo-note>span:last-child{font-size:19px;transition:transform .25s}
#iflow-home .ifp-overview-photo:focus-visible{outline:3px solid #79a8ff;outline-offset:-5px}
@media(hover:hover) and (pointer:fine){#iflow-home .ifp-overview-photo:hover img{transform:scale(1.02)}#iflow-home .ifp-overview-photo:hover .ifp-overview-photo-note>span:last-child{transform:translate(2px,-2px)}}
@media(max-width:1000px){#iflow-home .ifp-overview-copy{padding:30px}#iflow-home .ifp-overview-photo{padding:18px 18px 46px}#iflow-home .ifp-overview-photo img{height:320px}#iflow-home .ifp-overview .ifp-project-action{font-size:11px}}
@media(max-width:760px){#iflow-home .ifp-overview-heading>p{display:none}#iflow-home .ifp-projects .ifp-overview{grid-template-columns:1fr}#iflow-home .ifp-overview-copy{padding:29px 27px}#iflow-home .ifp-overview-photo{border-left:0;border-top:1px solid #c8d9ee;padding:17px 22px 43px}#iflow-home .ifp-overview-photo img{height:245px}#iflow-home .ifp-overview-photo-note{bottom:16px}#iflow-home .ifp-overview-description{font-size:13px}#iflow-home .ifp-overview .ifp-project-action{font-size:12px}}
@media(max-width:460px){#iflow-home .ifp-overview-section{padding:48px 0}#iflow-home .ifp-overview-heading{margin-bottom:24px}#iflow-home .ifp-overview-copy{padding:26px 22px}#iflow-home .ifp-overview-copy h3{font-size:28px}#iflow-home .ifp-overview-intro{font-size:15px}#iflow-home .ifp-overview .ifp-project-tags{gap:6px;margin-bottom:22px!important}#iflow-home .ifp-overview .ifp-project-tags li{font-size:10.5px;padding:6px 8px}#iflow-home .ifp-overview .ifp-project-actions{grid-template-columns:1fr}#iflow-home .ifp-overview .ifp-project-action{min-height:46px}#iflow-home .ifp-overview-photo img{height:225px}}
/* IFLOW_HOME_PROJECT_OVERVIEW_20261019_END */
