.showcase-page{background:var(--mist);color:var(--ink)}
.showcase-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(22,22,72,.1);backdrop-filter:blur(12px)}
.showcase-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.showcase-header .brand img{width:150px}
.showcase-nav{display:flex;align-items:center;gap:20px;font-size:11px;font-weight:700}
.showcase-nav a{white-space:nowrap}
.showcase-nav a:hover,.showcase-nav a:focus-visible{color:var(--pink)}
.showcase-hero{padding:86px 0 74px;background:var(--navy);color:#fff}
.showcase-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:end}
.showcase-hero h1{max-width:780px;margin-bottom:24px;font-size:clamp(3rem,7vw,6.7rem)}
.showcase-hero h1 em{color:var(--pink);font-style:normal}
.showcase-hero p:not(.eyebrow){max-width:650px;margin:0;color:rgba(255,255,255,.78);font-size:18px;line-height:1.7}
.showcase-hero-aside{padding:26px;border:1px solid rgba(255,255,255,.25);border-left:4px solid var(--pink)}
.showcase-hero-aside strong{display:block;margin-bottom:8px;color:var(--pink);font-size:19px}
.showcase-hero-aside span{display:block;color:rgba(255,255,255,.78);font-size:13px}
.showcase-main{padding:76px 0 110px}
.portfolio-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.portfolio-filter{padding:10px 15px;border:1px solid var(--navy);background:transparent;color:var(--navy);font-size:12px;font-weight:700;cursor:pointer}
.portfolio-filter:hover,.portfolio-filter:focus-visible,.portfolio-filter[aria-pressed=true]{background:var(--pink);border-color:var(--pink);color:var(--navy)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.portfolio-card{display:flex;flex-direction:column;min-width:0;background:#fff;box-shadow:0 8px 25px rgba(22,22,72,.08)}
.portfolio-card[hidden]{display:none}
.portfolio-card-media{height:250px;overflow:hidden;background:#dfe2e8}
.portfolio-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.portfolio-card:hover .portfolio-card-media img{transform:scale(1.045)}
.portfolio-card-body{display:flex;flex:1;flex-direction:column;padding:22px}
.portfolio-card-kicker{margin:0 0 9px;color:var(--pink);font-size:10px;font-weight:700;letter-spacing:.16em}
.portfolio-card h2{margin-bottom:10px;color:var(--navy);font-size:23px}
.portfolio-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.portfolio-card-note{margin-top:auto!important;padding-top:18px;color:var(--navy)!important;font-size:11px!important;font-weight:700}
.portfolio-disclaimer{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin-top:30px;padding:20px 22px;background:var(--sand);border-left:4px solid var(--pink);color:var(--ink);font-size:12px}
.portfolio-disclaimer strong{color:var(--navy)}
.showcase-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:42px;padding:30px;background:#fff;box-shadow:var(--shadow)}
.showcase-cta p{max-width:580px;margin:0;color:var(--muted);font-size:14px}
.showcase-cta .button{margin-left:auto}
.showcase-footer{padding:28px 0;background:var(--navy);color:#fff;font-size:12px}
.showcase-footer-inner{display:flex;justify-content:space-between;gap:20px}
.showcase-footer a{color:#fff}.showcase-footer a:hover{color:var(--pink)}
@media (max-width:850px){.showcase-hero-grid{grid-template-columns:1fr;gap:36px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-nav{gap:12px;font-size:10px}}
@media (max-width:600px){.showcase-header-inner{min-height:66px}.showcase-header .brand img{width:126px}.showcase-nav{gap:9px;font-size:9px}.showcase-nav a:nth-child(2),.showcase-nav a:nth-child(3){display:none}.showcase-hero{padding:64px 0 58px}.showcase-main{padding:54px 0 74px}.portfolio-grid{grid-template-columns:1fr}.portfolio-card-media{height:235px}.portfolio-disclaimer{grid-template-columns:1fr;gap:5px}.showcase-cta{display:grid}.showcase-cta .button{margin-left:0}.showcase-footer-inner{display:grid}}