.page-logo-designing{overflow-x:hidden;background:#fff;color:var(--dp-black)}
.page-logo-designing .section{padding-block:clamp(76px,9vw,128px)}

/* Logo design banner — clean editorial composition built from the site's own design system. */
.logo-banner{
  position:relative;
  overflow:hidden;
  background:transparent;
}
.logo-banner__inner{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  align-items:center;
  gap:clamp(42px,7vw,110px);
  min-height:clamp(560px,48vw,720px);
  padding-block:clamp(56px,7vw,96px);
}
.logo-banner__content{
  max-width:680px;
  min-width:0;
}
.logo-banner__content .hero-subtitle-mask{
  justify-content:flex-start;
  margin-bottom:10px;
}
.logo-banner__content h1{
  max-width:11ch;
  margin:0;
  font-size:var(--dp-hero-h1);
  line-height:.9;
  letter-spacing:-.03em;
}
.logo-banner__content h1>span{display:block;white-space:nowrap}
.logo-banner__description{
  max-width:58ch;
  margin-top:20px;
  color:var(--dp-muted);
  font-size:var(--dp-body-lg);
  line-height:1.7;
}
.logo-banner__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.logo-banner__proof{
  display:flex;
  flex-wrap:wrap;
  gap:9px 22px;
  margin-top:28px;
  color:#514a5b;
  font:700 .72rem/1.4 "DM Sans",Arial,sans-serif;
  letter-spacing:.025em;
}
.logo-banner__proof span{display:inline-flex;align-items:center;gap:8px}
.logo-banner__proof span::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:var(--dp-purple);
  box-shadow:0 0 0 4px rgba(20,10,35,0.080);
}
.logo-banner__showcase{
  position:relative;
  min-height:clamp(450px,42vw,620px);
  min-width:0;
  display:grid;
  place-items:center;
}
.logo-banner__main-logo{
  position:relative;
  z-index:2;
  width:min(70%,500px);
  display:grid;
  justify-items:center;
  gap:12px;
}
.logo-banner__main-logo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 24px 28px rgba(25,16,40,.12));
  animation:logoBannerFloat 7s ease-in-out infinite;
}
.logo-banner__main-logo>span,.logo-banner__secondary-logo>span{
  color:#62596f;
  font:700 .68rem/1 "DM Sans",Arial,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.logo-banner__secondary-logo{
  position:absolute;
  z-index:3;
  width:clamp(132px,15vw,205px);
  display:grid;
  justify-items:center;
  gap:7px;
}
.logo-banner__secondary-logo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 18px 22px rgba(25,16,40,.13));
  transition:transform 480ms var(--dp-ease-premium),filter 360ms ease;
}
.logo-banner__secondary-logo:hover img{
  transform:translateY(-5px) scale(1.04);
  filter:drop-shadow(0 24px 28px rgba(25,16,40,.18));
}
.logo-banner__secondary-logo--top{top:3%;right:1%}
.logo-banner__secondary-logo--bottom{left:1%;bottom:4%}
.logo-banner__showcase-label{
  position:absolute;
  right:3%;
  bottom:0;
  margin:0;
  color:#8a8195;
  font:700 .65rem/1.3 "DM Sans",Arial,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
@keyframes logoBannerFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-8px,0)}}

.logo-banner__workspace-image{
  display:block;
  width:100%;
  height:auto;
  max-width:760px;
  margin-inline:auto;
  object-fit:contain;
  filter:drop-shadow(0 26px 36px rgba(25,16,40,.14));
  animation:logoWorkspaceFloat 8s ease-in-out infinite;
}
@keyframes logoWorkspaceFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}

@media(max-width:980px){
  .logo-banner__inner{grid-template-columns:1fr;gap:28px;padding-block:58px 72px}
  .logo-banner__content{max-width:760px}
  .logo-banner__showcase{min-height:0}
  .logo-banner__workspace-image{max-width:760px}
}
@media(max-width:640px){
  .logo-banner__inner{gap:18px;min-height:0;padding-block:44px 56px}
  .logo-banner__content h1{max-width:100%;font-size:var(--dp-hero-h1);line-height:.92}
  .logo-banner__content h1>span{white-space:normal}
  .logo-banner__description{margin-top:15px;font-size:1rem;line-height:1.6}
  .logo-banner__actions{margin-top:22px}
  .logo-banner__actions .btn{width:100%}
  .logo-banner__proof{margin-top:22px;gap:9px 16px}
  .logo-banner__showcase{min-height:0}
  .logo-banner__workspace-image{width:100%;max-width:560px}
}
@media(prefers-reduced-motion:reduce){
  .logo-banner__workspace-image{animation:none!important}
}

/* Selected logo projects — 12 donor marks reserved for future dedicated project pages */
.logo-wall{background:#f7f7f7;border-bottom:1px solid rgba(18,14,27,.07)}
.logo-wall__head{max-width:880px;margin-bottom:28px}
.logo-wall__head .hero-subtitle-mask{margin-bottom:12px}
.logo-wall__head h2{margin:0}
.logo-wall__intro{margin-top:14px;max-width:760px;font-size:clamp(1rem,1.1vw,1.08rem);line-height:1.7;color:#655d71}
.logo-wall__filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.logo-filter{appearance:none;border:1px solid rgba(19,14,27,.1);background:#fff;border-radius:999px;padding:11px 16px;font:700 .9rem/1 "DM Sans",sans-serif;color:#2f2938;cursor:pointer;transition:transform .3s var(--dp-ease-premium),background-color .3s ease,color .3s ease,box-shadow .3s ease}
.logo-filter:hover,.logo-filter.is-active{background:var(--dp-purple);border-color:var(--dp-purple);color:#fff;box-shadow:0 14px 28px rgba(112,40,223,.22);transform:translateY(-1px)}
.logo-wall__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.logo-mark-card{min-width:0;min-height:288px;perspective:900px}
.logo-mark-card[hidden]{display:none!important}
.logo-mark-card a{position:relative;display:flex;flex-direction:column;height:100%;padding:16px;border-radius:24px;background:linear-gradient(180deg,#fff 0%,#f8f8f8 100%);border:1px solid rgba(20,16,28,.08);box-shadow:0 18px 36px rgba(26,17,39,.06);overflow:hidden;transition:transform .34s var(--dp-ease-premium),box-shadow .34s ease,border-color .34s ease}
.logo-mark-card a::before{content:"";position:absolute;inset:-25% auto auto -15%;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,transparent,transparent 68%);pointer-events:none}
.logo-mark-card a:hover{transform:translateY(-7px) rotateX(1.4deg);box-shadow:0 30px 54px rgba(43,25,72,.14);border-color:rgba(112,40,223,.22)}
.logo-mark-card__media{position:relative;display:grid;place-items:center;min-height:208px;padding:18px 14px;border-radius:19px;background:radial-gradient(circle at 50% 38%,transparent,transparent 43%),linear-gradient(180deg,#fff 0%,#f8f8f8 100%);border:1px solid rgba(17,12,26,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.logo-mark-card__media::after{content:"";position:absolute;left:18%;right:18%;bottom:15px;height:16px;border-radius:50%;background:rgba(76,40,128,.12);filter:blur(13px);pointer-events:none}
.logo-mark-card__media img{position:relative;z-index:1;display:block;width:min(100%,280px);height:174px;object-fit:contain;filter:drop-shadow(0 12px 12px rgba(28,18,42,.12));transition:transform .34s var(--dp-ease-premium),filter .34s ease}
.logo-mark-card a:hover .logo-mark-card__media img{transform:scale(1.055) translateY(-3px);filter:drop-shadow(0 16px 15px rgba(43,24,68,.18))}
.logo-mark-card__meta{padding:16px 5px 3px}
.logo-mark-card__meta h3{margin:0;display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(1.28rem,1.55vw,var(--dp-card-title));line-height:.98;letter-spacing:-.018em;font-weight:500;text-transform:uppercase}
.logo-mark-card__meta p{margin-top:7px;font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#8b8397}

/* Logo type gallery — supplied reference composition translated into the Digital Promotix system */
.logo-types{position:relative;overflow:hidden;background:#fff;color:var(--dp-black)}
.logo-types::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 5%,transparent,transparent 31%),linear-gradient(180deg,#fff 0%,#f8f9f9 100%);pointer-events:none}
.logo-types__shell{position:relative;z-index:1}
.logo-types__head{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(280px,.7fr) auto;align-items:end;gap:clamp(28px,5vw,78px);margin-bottom:34px}
.logo-types__head .hero-subtitle-mask{margin-bottom:10px;justify-content:flex-start}
.logo-types__head h2{margin:0;font-size:clamp(3.4rem,5.8vw,6.3rem);line-height:.82;letter-spacing:-.035em;font-weight:500}
.logo-types__intro{align-self:center;max-width:40ch;margin:18px 0 0;font-size:clamp(.96rem,1vw,1.08rem);line-height:1.62;color:#4f4860}
.logo-types__controls{display:flex;align-self:center;justify-self:end;gap:12px}
.logo-types__arrow{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(28,21,40,.08);border-radius:50%;background:rgba(255,255,255,.88);color:#887e9d;box-shadow:0 13px 28px rgba(48,32,78,.1);cursor:pointer;transition:transform .3s var(--dp-ease-premium),background .3s ease,color .3s ease,box-shadow .3s ease}
.logo-types__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.logo-types__arrow:hover{transform:translateY(-3px);background:var(--dp-purple);color:#fff;box-shadow:0 16px 34px rgba(112,40,223,.24)}
.logo-types__tabs{display:flex;gap:8px;padding:4px 0 18px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain}
.logo-types__tabs::-webkit-scrollbar{display:none}
.logo-type-tab{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:46px;flex:0 0 auto;padding:0 16px;border:1px solid transparent;border-radius:12px;background:rgba(249,247,253,.72);font:700 .82rem/1 "DM Sans",sans-serif;color:#1e1927;white-space:nowrap;cursor:pointer;transition:all .3s var(--dp-ease-premium)}
.logo-type-tab__mark{width:12px;height:12px;border:2px solid currentColor;border-radius:4px 8px 4px 8px;transform:rotate(-12deg);opacity:.82}
.logo-type-tab:hover{background:#f6f6f6;color:var(--dp-purple);transform:translateY(-1px)}
.logo-type-tab.is-active{background:linear-gradient(135deg,#7d38ed 0%,var(--dp-purple) 72%);color:#fff;box-shadow:0 12px 28px rgba(112,40,223,.28)}
.logo-types__viewport{overflow-x:auto;overflow-y:hidden;padding:10px 2px 20px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain}
.logo-types__viewport::-webkit-scrollbar{display:none}
.logo-types__track{display:flex;gap:14px;width:max-content;min-width:100%}
.logo-type-card{position:relative;flex:0 0 calc((min(var(--dp-wide),calc(100vw - (var(--dp-gutter)*2))) - 56px)/5);min-width:0;scroll-snap-align:start;border:1px solid rgba(21,15,31,.07);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(39,26,63,.07);overflow:hidden;transition:transform .34s var(--dp-ease-premium),box-shadow .34s ease,border-color .34s ease}
.logo-type-card[hidden]{display:none!important}
.logo-type-card::before{content:"";position:absolute;inset:auto -22% -55% 34%;height:82%;border-radius:50%;background:radial-gradient(circle,transparent,transparent 67%);pointer-events:none;transition:transform .6s var(--dp-ease-premium)}
.logo-type-card:hover{transform:translateY(-7px);border-color:rgba(112,40,223,.2);box-shadow:0 26px 48px rgba(44,27,72,.13)}
.logo-type-card:hover::before{transform:scale(1.2) translate(-6%,-7%)}
.logo-type-card__media{position:relative;display:grid;place-items:center;height:210px;padding:26px 20px;background:#fff}
.logo-type-card__media::after{content:"";position:absolute;left:24%;right:24%;bottom:25px;height:13px;border-radius:50%;background:rgba(38,24,58,.1);filter:blur(12px);pointer-events:none}
.logo-type-card__media img{position:relative;z-index:1;width:100%;height:152px;object-fit:contain;opacity:1;filter:saturate(1.08) contrast(1.12) drop-shadow(0 10px 11px rgba(30,19,45,.09));transition:transform .34s var(--dp-ease-premium)}
.logo-type-card:hover .logo-type-card__media img{transform:scale(1.055) translateY(-3px)}
.logo-type-card__caption{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 17px;border-top:1px solid rgba(22,16,31,.06)}
.logo-type-card__caption h3{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(1.28rem,1.55vw,var(--dp-card-title));font-weight:500;line-height:.98;letter-spacing:-.018em;color:#17121e}
.logo-type-card__caption small{flex:0 0 auto;font:700 .62rem/1.2 "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#93899f;text-align:right}
.logo-types__footer{display:flex;justify-content:space-between;gap:18px;margin-top:4px;font:700 .7rem/1.4 "DM Sans",sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#958c9e}
.logo-types__footer [data-logo-types-status]{color:#5f566d}

/* Brand identity product showcase — reference-matched mosaic, scoped to Logo Designing. */
.identity-products{background:#0c0911;color:#fff;overflow:hidden}
.identity-products__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,520px);align-items:end;gap:clamp(26px,5vw,78px);margin-bottom:28px}
.identity-products__head h2{margin:0;color:#fff;font-size:var(--dp-h2);font-weight:500;line-height:.94;letter-spacing:-.012em}
.identity-products__head>p{margin:0;color:rgba(255,255,255,.68);font-size:clamp(.92rem,1vw,1.03rem);line-height:1.65}
.identity-products__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
.identity-product-card{position:relative;min-width:0;overflow:hidden;border-radius:18px;background:#17111f;box-shadow:0 18px 46px rgba(0,0,0,.26)}
.identity-product-card--top,.identity-product-card--bottom{grid-column:span 4;aspect-ratio:1/1}

.identity-product-card>a{position:relative;display:block;width:100%;height:100%;overflow:hidden;color:#fff;isolation:isolate}
.identity-product-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 760ms var(--dp-ease-premium),filter 520ms ease}
.identity-product-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,3,7,0) 38%,rgba(4,3,7,.18) 54%,rgba(4,3,7,.95) 100%);z-index:1;transition:background 420ms ease}
.identity-product-card__copy{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:clamp(16px,2vw,24px)}
.identity-product-card__copy h3{margin:0;color:#fff;font-family:"Barlow Condensed",Arial,sans-serif;font-size:var(--dp-card-title);font-weight:500;line-height:.95;letter-spacing:-.012em;text-transform:none;pointer-events:auto}
.identity-product-card__copy h3 .dp-title-accent{font-weight:700;--dp-title-hover-color:#fff}
.identity-product-card__copy>p{margin:7px 0 0;color:rgba(255,255,255,.88);font:500 clamp(.76rem,.9vw,.92rem)/1.35 "DM Sans",sans-serif}
.identity-product-card__copy>span{display:block;margin-top:5px;color:rgba(255,255,255,.72);font:500 clamp(.68rem,.78vw,.8rem)/1.35 "DM Sans",sans-serif}
.identity-product-card__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}
.identity-product-card__cta.btn{margin:0;flex:0 0 auto}
.identity-product-card__cta.btn .btn-icon svg{display:block}
.identity-product-card__swatches{display:flex;gap:7px;font-style:normal}
.identity-product-card__swatches b{display:block;width:24px;height:24px;border-radius:50%;background:var(--swatch);border:1px solid rgba(255,255,255,.16);box-shadow:0 3px 10px rgba(0,0,0,.2)}
.identity-product-card:hover:not(:has(.identity-product-card__copy:hover)) img{transform:scale(1.055)}
.identity-product-card:hover:not(:has(.identity-product-card__copy:hover)) .identity-product-card__shade{background:linear-gradient(180deg,rgba(4,3,7,.04) 28%,rgba(4,3,7,.24) 52%,rgba(4,3,7,.97) 100%)}
@media(max-width:1180px){.identity-product-card--top,.identity-product-card--bottom{grid-column:span 6;aspect-ratio:1/1}}
@media(max-width:760px){.identity-products__head{grid-template-columns:1fr}.identity-products__grid{gap:10px}.identity-product-card--top,.identity-product-card--bottom{grid-column:1/-1;aspect-ratio:.92/1}.identity-product-card__copy{padding:20px}.identity-product-card__swatches b{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.identity-product-card img,.identity-product-card__copy h3 .dp-title-accent{transition:none!important}}

/* Tools We Use — reference composition translated into the locked DP design system. */
.logo-tools{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#fff;
  color:var(--dp-black);
}

.logo-tools__inner{position:relative;z-index:1}
.logo-tools__head{text-align:center;margin:0 auto clamp(30px,4vw,48px)}
.logo-tools__head .hero-subtitle-mask{justify-content:center;margin-bottom:9px}
.logo-tools__head h2{margin:0;font-size:var(--dp-h2);line-height:.94;font-weight:500}
.logo-tools__grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.logo-tool-card{
  position:relative;
  min-height:194px;
  padding:20px 12px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  border:1px solid rgba(255,255,255,.9);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(246,242,251,.52));
  box-shadow:0 14px 28px rgba(56,40,72,.08),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:transform 420ms var(--dp-ease-premium),box-shadow 360ms ease,border-color 360ms ease;
  animation-delay:calc(var(--tool-order) * 65ms);
}
.logo-tool-card::before{
  content:"";
  position:absolute;
  inset:auto 18% 10px;
  height:18px;
  border-radius:50%;
  background:transparent;
  filter:blur(14px);
  opacity:0;
  transition:opacity 300ms ease,transform 420ms var(--dp-ease-premium);
}
.logo-tool-card__icon{
  width:92px;
  height:92px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  border-radius:20px;
  transform-style:preserve-3d;
  transition:transform 500ms var(--dp-ease-premium),filter 360ms ease;
}
.logo-tool-card__icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:16px;
  filter:drop-shadow(0 11px 12px rgba(22,14,31,.14));
}
.logo-tool-card h3{margin:0;width:100%;text-align:center;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(1.08rem,1.35vw,1.34rem);font-weight:500;line-height:1;letter-spacing:-.012em;color:#17121e;white-space:nowrap;text-wrap:nowrap}
.logo-tool-card:hover,.logo-tool-card:focus-within{
  transform:translateY(-9px);
  border-color:rgba(112,40,223,.24);
  box-shadow:0 24px 44px rgba(64,43,88,.16),inset 0 1px 0 rgba(255,255,255,.96);
}
.logo-tool-card:hover::before,.logo-tool-card:focus-within::before{opacity:1;transform:scale(1.16)}
.logo-tool-card:hover .logo-tool-card__icon,.logo-tool-card:focus-within .logo-tool-card__icon{
  transform:translateY(-4px) rotateX(5deg) rotateY(-5deg) scale(1.045);
  filter:saturate(1.06);
}
@media(max-width:1100px){
  .logo-tools__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .logo-tool-card{min-height:186px}
  .identity-product-card--bottom{aspect-ratio:.92/1}
}
@media(max-width:760px){
  .logo-tools__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .logo-tool-card{min-height:174px;padding:18px 10px 14px}
  .logo-tool-card__icon{width:82px;height:82px}
  .logo-tools__desktop-break{display:none}
  .identity-product-card--top,.identity-product-card--bottom{aspect-ratio:.9/1}
}
@media(max-width:390px){
  .logo-tools__grid{grid-template-columns:1fr 1fr}
  .logo-tool-card__icon{width:74px;height:74px}
}
@media(prefers-reduced-motion:reduce){
  .logo-tool-card,.logo-tool-card::before,.logo-tool-card__icon{transition:none!important;animation:none!important}
}

.logo-tools__head > p.logo-tools__description{
  margin:12px auto 0;
  color:#302a38;
  font:500 clamp(.98rem,1.2vw,1.12rem)/1.35 "DM Sans",sans-serif;
}


@media(max-width:760px){
  .logo-type-card__caption{align-items:flex-start;flex-direction:column;gap:6px;}
  .logo-type-card__caption h3{font-size:clamp(1.28rem,1.55vw,var(--dp-card-title));white-space:nowrap;}
  .logo-tool-card h3{font-size:clamp(1.02rem,4.1vw,1.2rem);white-space:nowrap;text-wrap:nowrap;}
}
@media(prefers-reduced-motion:reduce){
  .identity-product-card__copy h3 .dp-title-accent{transition:none!important;}
}



/* Final CTA — supplied Velora Fashion brand-showcase background */
.logo-final-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(500px,38vw,620px);
  display:flex;
  align-items:center;
  background:#f7f7f7;
}
.logo-final-cta__media{
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url("../images/logo-designing/velora-fashion-final-cta.webp");
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}
.logo-final-cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.78) 27%,rgba(255,255,255,.12) 58%,rgba(255,255,255,0) 100%);
}
.logo-final-cta__inner{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  min-height:inherit;
}
.logo-final-cta__content{
  width:min(610px,100%);
  padding-block:clamp(18px,3vw,34px);
}
.logo-final-cta__content .hero-subtitle-mask{
  margin-bottom:10px;
  justify-content:flex-start;
}
.logo-final-cta__content h2{
  max-width:650px;
  margin:0;
  font-size:var(--dp-h2);
  line-height:.92;
  letter-spacing:-.018em;
}
.logo-final-cta__content h2>span{
  display:block;
}
.logo-final-cta__copy{
  max-width:570px;
  margin-top:20px;
  color:#4f4859;
  font:500 var(--dp-body-lg)/1.65 "DM Sans",Arial,sans-serif;
}
.logo-final-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.logo-final-cta__actions .btn{
  min-width:206px;
  justify-content:center;
}

@media(max-width:900px){
  .logo-final-cta{
    min-height:540px;
  }
  .logo-final-cta__media{
    background-position:58% center;
  }
  .logo-final-cta::before{
    background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 36%,rgba(255,255,255,.28) 70%,rgba(255,255,255,.04) 100%);
  }
}
@media(max-width:620px){
  .logo-final-cta{
    min-height:650px;
    align-items:flex-start;
  }
  .logo-final-cta__media{
    background-size:auto 100%;
    background-position:left center;
  }
  .logo-final-cta::before{
    background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 45%,rgba(255,255,255,.26) 100%);
  }
  .logo-final-cta__inner{
    align-items:flex-start;
    padding-top:clamp(46px,12vw,76px);
  }
  .logo-final-cta__content{
    width:100%;
  }
  .logo-final-cta__content h2{
    font-size:var(--dp-h2);
  }
  .logo-final-cta__copy{
    margin-top:16px;
    font-size:1rem;
    line-height:1.6;
  }
  .logo-final-cta__actions{
    display:grid;
    gap:10px;
    margin-top:24px;
  }
  .logo-final-cta__actions .btn{
    width:100%;
    min-width:0;
  }
}
@media(max-width:380px){
  .logo-final-cta{
    min-height:610px;
  }
  .logo-final-cta__inner{
    padding-top:38px;
  }
  .logo-final-cta__copy{
    font-size:.94rem;
  }
}
@media(prefers-reduced-motion:reduce){
  .logo-final-cta .dp-title-accent{transition:none!important}
}


/* v31 — global logo title sizing */
.logo-types__head h2{font-size:var(--dp-h2)!important;line-height:.94;letter-spacing:-.012em;font-weight:500;}

/* Selected logo marks — showcase-only cards. No navigation or product links. */
.logo-mark-card{position:relative;display:flex;flex-direction:column;height:100%;border-radius:24px;background:linear-gradient(180deg,#fff 0%,#f8f8f8 100%);border:1px solid rgba(20,16,28,.08);box-shadow:0 18px 36px rgba(26,17,39,.06);overflow:hidden;transition:transform .34s var(--dp-ease-premium),box-shadow .34s ease,border-color .34s ease}
.logo-mark-card:hover{transform:translateY(-7px);box-shadow:0 30px 54px rgba(43,25,72,.14);border-color:rgba(112,40,223,.22)}
.logo-mark-card__media{flex:1 0 auto}
.logo-mark-card__meta{position:relative;z-index:2;padding:14px 16px 17px;background:#fff;border-top:1px solid rgba(20,16,28,.06)}
.logo-mark-card__meta h3{margin:0;font-family:"Barlow Condensed",Arial,sans-serif;font-size:clamp(1.35rem,1.65vw,var(--dp-card-title));font-weight:500;line-height:.98;letter-spacing:-.018em;color:#17121e}
.logo-mark-card__meta h3 .dp-title-accent{font-weight:700}
.logo-mark-card__meta p{margin:7px 0 0;font:600 .68rem/1.25 "DM Sans",Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#93899f}
@media(max-width:1100px){.logo-wall__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.logo-wall__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.logo-mark-card__media{min-height:190px}.logo-mark-card__meta{padding:12px 13px 14px}}
@media(max-width:520px){.logo-wall__grid{grid-template-columns:1fr}.logo-mark-card__media{min-height:230px}}
@media(prefers-reduced-motion:reduce){.logo-mark-card{transition:none!important}.logo-mark-card__media img{transition:none!important}}