/* Real-project portfolio only. The design catalogue keeps its own layout. */
.portfolio-showcase{--portfolio-cyan:#65edf4;--portfolio-muted:#afbdca;overflow:clip;background:radial-gradient(ellipse at 0 8%,rgba(163,66,187,.12),transparent 43%),#080e16}
.portfolio-showcase .portfolio-hero{padding:42px 0 36px;position:relative;background:radial-gradient(ellipse at 84% 20%,rgba(39,219,232,.07),transparent 55%);border-bottom:1px solid rgba(163,197,211,.1)}
.portfolio-showcase .portfolio-hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:54px}
.portfolio-showcase .portfolio-hero-copy{min-width:0;padding:8px 0}
.portfolio-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;color:#bfd3db}
.portfolio-kicker i,.portfolio-photo-stamp i{display:inline-block;width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#68f5bc;box-shadow:0 0 12px rgba(104,245,188,.45)}
.portfolio-showcase h1{margin:14px 0 12px;font-size:clamp(2.2rem,3.8vw,3.8rem);line-height:1.35!important;letter-spacing:0}
.portfolio-showcase h1>span{color:var(--portfolio-cyan);text-shadow:0 0 30px rgba(62,221,236,.15)}
.portfolio-hero-copy>p{max-width:480px;color:var(--portfolio-muted);font-size:.95rem;line-height:2;margin:0}
.portfolio-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:24px}
.portfolio-hero-actions .btn{gap:22px;min-height:46px}
.portfolio-design-link{color:#e1e8ec;font-size:.82rem;display:inline-flex;gap:10px;align-items:center;padding:10px 0}
.portfolio-design-link:hover{color:var(--portfolio-cyan)}
.portfolio-hero-gallery{position:relative;min-width:0;padding:18px;border:1px solid rgba(192,210,222,.25);border-radius:22px;background:linear-gradient(145deg,#14202c,#0b121b 65%);box-shadow:0 24px 55px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05)}
.portfolio-hero-gallery:before{content:'';position:absolute;inset:14% 8%;background:linear-gradient(125deg,rgba(38,214,234,.14),rgba(244,68,180,.13));filter:blur(42px);pointer-events:none}
.portfolio-photo-wall{position:relative;display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:1fr 1fr;gap:9px;height:340px;transform:none}
.portfolio-hero-photo{margin:0;min-width:0;min-height:0;overflow:hidden;border-radius:10px;border:1px solid rgba(199,227,238,.13);background:#04070b;box-shadow:none}
.portfolio-hero-photo:first-child{grid-row:span 2}.portfolio-hero-photo:first-child img{object-fit:contain}
.portfolio-hero-photo:only-child{grid-column:1/-1}
.portfolio-hero-photo img{display:block;width:100%;height:100%;object-fit:cover}
.portfolio-showcase .portfolio-work-section{padding:28px 0 46px;scroll-margin-top:100px}
.portfolio-gallery-note{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:0 0 22px;margin-bottom:25px;border-bottom:1px solid rgba(163,197,211,.12)}
.portfolio-gallery-note>div{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.portfolio-count{color:#c5f9e8;font-size:.78rem}
.portfolio-note-text{font-size:.75rem;color:#99adbc}
.portfolio-gallery-note>a{font-size:.76rem;color:#b4c8d1;display:inline-flex;gap:10px;align-items:center}
.portfolio-gallery-note>a:hover{color:var(--portfolio-cyan)}
.portfolio-showcase .compact-head{margin-bottom:20px;align-items:center}
.portfolio-showcase .compact-head .eyebrow{font-size:.7rem;color:#8fa6b5}
.portfolio-showcase .compact-head h2{margin:5px 0 0;font-size:1.9rem}
.portfolio-showcase .portfolio-grid>.portfolio-card{position:relative;border-radius:18px;border:1px solid rgba(145,186,206,.18);background:#060c12;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.portfolio-showcase .portfolio-project-label{position:absolute;inset:11px 11px auto auto;z-index:2;color:#e4f2f1;background:rgba(5,15,21,.88);border:1px solid rgba(151,202,211,.2);border-radius:8px;padding:5px 9px;font-size:.58rem;pointer-events:none}
.portfolio-showcase .portfolio-grid>.portfolio-card .overlay{background:linear-gradient(120deg,#101d27,#0a141e)!important;border-top:1px solid rgba(145,186,206,.12);padding:13px 14px!important}
.portfolio-showcase .portfolio-grid>.portfolio-card .overlay h3{font-size:1rem!important;color:#dbe8ed}
.portfolio-showcase .portfolio-grid>.portfolio-card>img{padding:6px!important;height:255px!important;max-height:255px!important}
.portfolio-showcase .portfolio-separation-cta{margin-top:32px;background:#0c1822;box-shadow:none;padding:20px 24px}
.portfolio-showcase .portfolio-separation-cta h3{font-size:1.3rem}
.portfolio-showcase .portfolio-pagination a.active{background:#6aedeb;color:#071317;border-color:#6aedeb}
@media(hover:hover){.portfolio-showcase .portfolio-card:hover{transform:translateY(-4px);border-color:rgba(101,237,244,.5);box-shadow:0 16px 32px rgba(0,0,0,.3)}}
@media(max-width:1000px){.portfolio-showcase .portfolio-hero-layout{gap:30px}.portfolio-photo-wall{height:290px}.portfolio-showcase h1{font-size:2.8rem}}
@media(max-width:720px){.portfolio-showcase .portfolio-hero{padding:26px 0 20px}.portfolio-showcase .portfolio-hero-layout{grid-template-columns:1fr;gap:24px}.portfolio-showcase h1{font-size:2.55rem}.portfolio-hero-copy>p{font-size:.87rem}.portfolio-hero-actions{margin-top:18px;gap:15px}.portfolio-hero-gallery{max-width:520px;width:100%;margin-inline:auto;padding:13px}.portfolio-photo-wall{height:245px;transform:none;gap:7px}.portfolio-photo-stamp{padding:8px 12px;bottom:0}.portfolio-showcase .portfolio-work-section{padding-top:22px}.portfolio-gallery-note{margin-bottom:20px;gap:12px}.portfolio-gallery-note>div{gap:8px 14px}.portfolio-showcase .compact-head h2{font-size:1.65rem}.portfolio-showcase .portfolio-grid>.portfolio-card>img{height:210px!important;max-height:210px!important}.portfolio-showcase .portfolio-grid>.portfolio-card .overlay{padding:10px!important}.portfolio-showcase .portfolio-grid>.portfolio-card .overlay h3{font-size:.87rem!important}.portfolio-showcase .portfolio-project-label{font-size:.55rem;padding:4px 6px;inset:8px 8px auto auto}}
@media(max-width:380px){.portfolio-hero-actions{gap:8px 16px}.portfolio-showcase h1{font-size:2.25rem}.portfolio-photo-wall{height:220px}.portfolio-showcase .portfolio-grid>.portfolio-card>img{height:180px!important;max-height:180px!important}.portfolio-note-text{font-size:.7rem}.portfolio-showcase .compact-head{gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.portfolio-showcase .portfolio-card{transition:none!important;transform:none!important}}


.portfolio-photo-wall:has(.portfolio-hero-photo:nth-child(2):last-child){grid-template-rows:1fr}

/* Straight, signed presentation of real work; no invented endorsements. */
.portfolio-showroom-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.portfolio-showroom-brand{display:flex;align-items:center;gap:11px;min-width:0}
.portfolio-showroom-brand img{width:44px;height:44px;object-fit:contain;flex:0 0 44px}
.portfolio-showroom-brand>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.portfolio-showroom-brand [lang=en]{align-self:flex-start;letter-spacing:.2em;font-size:.7rem;font-weight:700;color:#d8bc88}
.portfolio-showroom-brand strong{font-size:.75rem;font-weight:500;color:#e6eef4}
.portfolio-showroom-label{font-size:.65rem;color:#b4c4cf;border-inline-start:1px solid rgba(190,212,225,.2);padding-inline-start:12px;white-space:nowrap}
.portfolio-showroom-signature{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding-top:17px;border-top:1px solid rgba(180,206,222,.16)}
.portfolio-showroom-signature>div:first-child{min-width:0;display:flex;flex-direction:column;gap:6px}
.portfolio-showroom-signature strong{font-family:var(--rn-interface-display);font-size:1.5rem;font-weight:400;color:#f3ede2;line-height:1.5}
.portfolio-showroom-signature>div:first-child>span{font-size:.66rem;color:#a4b9c7;line-height:1.9}
.portfolio-showroom-count{display:flex;align-items:center;flex-direction:column;flex:0 0 auto;border-inline-start:1px solid rgba(180,206,222,.16);padding-inline-start:18px}
.portfolio-showroom-count b{font-size:1.9rem;font-weight:700;color:#d8bc88;line-height:1.4}
.portfolio-showroom-count>span{font-size:.6rem;color:#c5d1da;white-space:nowrap}
@media(max-width:720px){.portfolio-showroom-heading{margin-bottom:12px}.portfolio-showroom-brand strong{font-size:.65rem}.portfolio-showroom-signature{margin-top:13px;padding-top:13px;gap:12px}.portfolio-showroom-signature strong{font-size:1.28rem}.portfolio-showroom-count{padding-inline-start:13px}.portfolio-showroom-count b{font-size:1.65rem}.portfolio-showroom-signature>div:first-child>span{font-size:.61rem}}
@media(max-width:380px){.portfolio-showroom-label{display:none}.portfolio-showroom-signature strong{font-size:1.14rem}.portfolio-showroom-count{padding-inline-start:10px}.portfolio-showroom-count>span{font-size:.55rem}}
.portfolio-hero-gallery>.ig-hero-title{font-size:1.5rem;margin:0 0 16px;color:#e6f8f8;line-height:1.6}
.portfolio-photo-wall:has(.portfolio-hero-photo:nth-child(2):last-child)>.portfolio-hero-photo{grid-row:1;grid-column:auto}
@media(max-width:720px){.portfolio-hero-gallery>.ig-hero-title{font-size:1.3rem}}

/* Keep explicitly selected slots; an empty slot never promotes another image. */
.portfolio-hero-gallery .portfolio-photo-wall{grid-template-rows:repeat(2,minmax(0,1fr))!important}
.portfolio-photo-wall .portfolio-hero-photo[data-hero-slot="1"]{grid-column:1!important;grid-row:1 / 3!important}
.portfolio-photo-wall .portfolio-hero-photo[data-hero-slot="2"]{grid-column:2!important;grid-row:1!important}
.portfolio-photo-wall .portfolio-hero-photo[data-hero-slot="3"]{grid-column:2!important;grid-row:2!important}
.portfolio-photo-wall .portfolio-hero-photo[data-hero-slot="1"]:only-child{grid-column:1 / -1!important}
.portfolio-photo-wall .portfolio-hero-photo[data-hero-slot="2"] img,.portfolio-photo-wall .portfolio-hero-photo[data-hero-slot="3"] img{object-fit:cover}

/* A complete brand composition until the owner selects featured photographs. */
.portfolio-brand-stage{position:relative;isolation:isolate;overflow:hidden;min-width:0;border:1px solid #314553;border-radius:24px;padding:22px;background:radial-gradient(ellipse at 30% 42%,#203e4a66,transparent 55%),linear-gradient(135deg,#141826,#08131c 65%);box-shadow:0 22px 60px #0004,inset 0 1px #ffffff0a}
.portfolio-brand-stage:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#94bdcf08 1px,transparent 1px),linear-gradient(90deg,#94bdcf08 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(transparent,#000 35%,transparent)}
.portfolio-stage-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding-bottom:18px;border-bottom:1px solid #b0d7e31c}
.portfolio-stage-top>[lang=en]{color:#b5c8d4;font-size:.6rem;letter-spacing:.13em}
.portfolio-stage-live{display:inline-flex;align-items:center;gap:7px;color:#9bd6c8;font-size:.66rem}
.portfolio-stage-live i{width:6px;height:6px;border-radius:50%;background:#6cf3c0;box-shadow:0 0 12px #6cf3c05c}
.portfolio-stage-center{display:flex;align-items:center;justify-content:center;gap:26px;padding:32px 0;min-height:235px}
.portfolio-stage-logo{flex:0 0 150px;position:relative}.portfolio-stage-logo:before{content:"";position:absolute;inset:15px;border-radius:50%;background:#a145e333;filter:blur(25px);z-index:-1}
.portfolio-stage-logo img{display:block;width:150px;height:150px;object-fit:contain}
.portfolio-stage-center p{margin:0;color:#b5c9d5;font-size:.88rem;line-height:2.1}.portfolio-stage-center strong{font-family:var(--rn-interface-display);font-weight:400;font-size:clamp(1.7rem,2.1vw,2.2rem);color:#f1f6fa;line-height:1.6}
.portfolio-stage-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.portfolio-stage-process>span{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid #8bacbc29;background:#07111b88;border-radius:11px;color:#e1edf3;font-size:.8rem}.portfolio-stage-process b{color:#74dce5;font-size:.67rem;font-weight:400}
.portfolio-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;margin-top:20px;border-top:1px solid #b0d7e31c}.portfolio-stage-footer>div{display:flex;gap:10px;align-items:center}.portfolio-stage-footer b{color:#68edf4;font-size:1.8rem;line-height:1.3}.portfolio-stage-footer>div>span{color:#a9bdcc;font-size:.7rem}.portfolio-stage-footer>a{color:#dcecf1;font-size:.73rem;display:flex;gap:14px;align-items:center}.portfolio-stage-footer>a:hover{color:#65edf4}
.portfolio-stage-admin{color:#839eae;font-size:.65rem;line-height:1.9;margin:14px 0 0}
@media(max-width:1000px){.portfolio-brand-stage{padding:18px}.portfolio-stage-center{gap:16px;padding:24px 0;min-height:210px}.portfolio-stage-logo{flex-basis:115px}.portfolio-stage-logo img{width:115px;height:115px}.portfolio-stage-center strong{font-size:1.7rem}}
@media(max-width:720px){.portfolio-brand-stage{max-width:560px;width:100%;margin-inline:auto}.portfolio-stage-center{min-height:190px}.portfolio-stage-top>[lang=en]{font-size:.55rem}.portfolio-stage-live{font-size:.6rem}.portfolio-stage-admin{font-size:.62rem}.portfolio-stage-footer{padding-top:16px;margin-top:16px}}
@media(max-width:380px){.portfolio-stage-center{gap:12px}.portfolio-stage-logo{flex-basis:90px}.portfolio-stage-logo img{width:90px;height:90px}.portfolio-stage-center strong{font-size:1.5rem}.portfolio-stage-process>span{gap:6px}.portfolio-stage-footer>div>span{font-size:.62rem}}