@import url("site-v26.css");

/* V27: keep the established component language; improve hierarchy and reading pace. */
.journey-intro h2{font-size:clamp(2rem,3.2vw,3.8rem)!important;line-height:1.02}
.marketing-hero .page-hero-copy h1{font-size:clamp(3rem,5.4vw,6.8rem)!important;line-height:.94}
.marketing-manifesto h2{font-size:clamp(2.1rem,3.5vw,4.2rem)!important;max-width:1100px}
.home-intelligence-head h2,.client-proof h2{font-size:clamp(2.1rem,3.5vw,4.2rem)!important}
.campaign-system{scroll-margin-top:6rem}
.assessment-launch{margin-top:1rem}

@media(max-width:720px){
  .journey-intro h2{font-size:2.25rem!important}
  .marketing-hero .page-hero-copy h1{font-size:3.2rem!important}
  .marketing-manifesto h2{font-size:2.25rem!important}
}


/* V28 — concise service-led marketing architecture */
.marketing-directory{padding:clamp(4rem,7vw,7rem) 4vw;background:#fff;color:#07101f}
.marketing-directory .section-head{margin-bottom:2rem}
.marketing-directory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#dce4ec;border:1px solid #dce4ec}
.marketing-directory-grid>a{min-height:18rem;padding:1.6rem;background:#fff;color:#07101f;display:flex;flex-direction:column;transition:.25s ease}
.marketing-directory-grid>a:hover,.marketing-directory-grid>a:focus-visible{background:#eefcf9;transform:translateY(-4px)}
.marketing-directory-grid span{font:700 .76rem/1 monospace;color:#00a98f;letter-spacing:.08em}
.marketing-directory-grid h3{font-size:clamp(1.3rem,1.7vw,1.85rem);line-height:1.05;margin:3.2rem 0 1rem}
.marketing-directory-grid p{font-size:.98rem;line-height:1.55;color:#4e5b6b}
.marketing-directory-grid b{margin-top:auto;padding-top:1.4rem;font-size:.88rem;color:#087b6b}
.directory-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.marketing-proof-teaser{padding:clamp(4rem,7vw,7rem) 4vw}
.marketing-proof-strip{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:.8rem}
.marketing-proof-strip figure{position:relative;min-height:24rem;overflow:hidden;margin:0;background:#0a1020}
.marketing-proof-strip img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.marketing-proof-strip figure:hover img{transform:scale(1.035)}
.marketing-proof-strip figcaption{position:absolute;left:1rem;bottom:1rem;padding:.5rem .7rem;background:rgba(4,8,20,.82);color:#fff;font:.72rem/1.2 monospace;letter-spacing:.08em}
.detail-page-hero{min-height:62vh;padding:clamp(8rem,14vw,12rem) 4vw 5rem;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 78% 22%,rgba(0,198,168,.22),transparent 28%),#050814;color:#fff}
.detail-page-hero h1{max-width:1050px;font-size:clamp(3rem,7vw,7rem);line-height:.92;margin:.8rem 0 1.4rem;letter-spacing:-.055em}
.detail-page-hero h1 em{color:#15d9bd;font-style:normal}
.detail-page-hero>p:not(.kicker){max-width:720px;font-size:1.1rem;color:#b9c6d6;line-height:1.6;margin-bottom:1.5rem}
.detail-page-hero .btn{align-self:flex-start}
.automation-intelligence-inline{padding:clamp(4rem,7vw,7rem) 4vw;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5vw;color:#07101f}
.automation-intelligence-inline>div h2{font-size:clamp(2.4rem,4vw,4.6rem);line-height:.98;margin:.8rem 0 1.2rem}
.automation-intelligence-inline>div p:last-child{max-width:650px;color:#536171;line-height:1.65}
.automation-intelligence-inline ol{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dce4ec;list-style:none;padding:1px;margin:0}
.automation-intelligence-inline li{background:#fff;padding:1.4rem;min-height:11rem}
.automation-intelligence-inline li span{font:700 .72rem/1 monospace;color:#00a98f}
.automation-intelligence-inline li b{display:block;font-size:1.15rem;margin:2rem 0 .55rem}
.automation-intelligence-inline li p{color:#5c6878;line-height:1.5;margin:0}
.world-service-tags{display:flex;gap:.4rem;flex-wrap:wrap;list-style:none;margin:1.1rem 0 1.35rem;padding:0}
.world-service-tags li{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.35rem .55rem;font:700 .67rem/1 monospace;letter-spacing:.05em;text-transform:uppercase}
html[dir="rtl"] .marketing-proof-strip figcaption{left:auto;right:1rem}
@media(max-width:1000px){.marketing-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-directory-grid>a:last-child{grid-column:1/-1}.automation-intelligence-inline{grid-template-columns:1fr}.marketing-proof-strip{grid-template-columns:1fr 1fr}.marketing-proof-strip figure:first-child{grid-column:1/-1}}
@media(max-width:640px){.marketing-directory-grid,.marketing-proof-strip,.automation-intelligence-inline ol{grid-template-columns:1fr}.marketing-directory-grid>a:last-child,.marketing-proof-strip figure:first-child{grid-column:auto}.marketing-directory-grid>a{min-height:14rem}.marketing-proof-strip figure{min-height:20rem}.detail-page-hero{min-height:56vh}.detail-page-hero h1{font-size:clamp(2.7rem,13vw,4.5rem)}}


/* V29 — strategy added to the original ARTGINE experience site */
.four-offers{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.four-offers .world-card{min-height:560px}
.four-offers .world-card:last-child{grid-column:auto!important}
.strategy-card{background:linear-gradient(150deg,#15102d,#071522 64%,#08131d)}
.strategy-card figure:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(5,8,20,.82))}
.strategy-page-hero{min-height:780px;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}
.strategy-page-hero .page-hero-copy h1{font-size:clamp(3.2rem,6vw,6.6rem)!important;line-height:.94}
.strategy-hero-visual{height:590px;position:relative;align-self:center}
.strategy-hero-visual figure{height:100%;margin:0;position:relative;overflow:hidden}
.strategy-hero-visual figure:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(5,8,20,.88))}
.strategy-hero-visual figcaption{position:absolute;z-index:2;left:1rem;bottom:1rem;padding:.5rem .65rem;background:rgba(5,8,20,.8);font:.7rem/1 monospace;letter-spacing:.1em}
.strategy-hero-visual>div{position:absolute;z-index:3;left:1rem;right:1rem;top:1rem;display:flex;gap:.6rem;align-items:center;padding:.75rem 1rem;background:rgba(5,8,20,.78);backdrop-filter:blur(12px)}
.strategy-hero-visual>div b{font:700 .68rem/1 monospace;letter-spacing:.08em}.strategy-hero-visual>div i{height:1px;flex:1;background:rgba(255,255,255,.28)}
.strategy-scope,.strategy-method,.strategy-intelligence,.strategy-deliverables,.strategy-boundary{padding:clamp(4.5rem,8vw,8rem) 4vw}
.strategy-scope h2,.strategy-method h2,.strategy-intelligence h2,.strategy-deliverables h2,.strategy-boundary h2{font-size:clamp(2.35rem,4vw,4.5rem)!important;line-height:1}
.strategy-scope-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dce4ec;border:1px solid #dce4ec}
.strategy-scope-grid article{min-height:18rem;padding:1.5rem;background:#fff;color:#07101f}.strategy-scope-grid span{font:700 .72rem/1 monospace;color:#00a98f}.strategy-scope-grid h3{font-size:1.45rem;line-height:1.08;margin:4rem 0 1rem}.strategy-scope-grid p{color:#536171;line-height:1.55;font-size:.95rem}
.strategy-method ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:0;border:1px solid var(--line)}.strategy-method li{min-height:18rem;padding:1.5rem;border-right:1px solid var(--line)}.strategy-method li:last-child{border-right:0}.strategy-method li span{font:700 .7rem/1 monospace;color:var(--blue)}.strategy-method li b{display:block;font-size:1.25rem;margin:4rem 0 .8rem}.strategy-method li p{color:var(--muted);line-height:1.55}
.strategy-intelligence{display:grid;grid-template-columns:.85fr 1.15fr;gap:5vw;color:#07101f}.strategy-intelligence>div:first-child>p:last-child{color:#536171;line-height:1.65;max-width:650px}.strategy-intelligence-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dce4ec}.strategy-intelligence-grid article{background:#fff;padding:1.5rem;min-height:12rem}.strategy-intelligence-grid b{font:.78rem/1.2 monospace;color:#087b6b}.strategy-intelligence-grid p{margin-top:3rem;color:#536171;line-height:1.55}
.strategy-deliverables details{border:1px solid var(--line)}.strategy-deliverables summary{cursor:pointer;display:flex;justify-content:space-between;padding:1.4rem;font-weight:700}.deliverable-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.deliverable-grid span{padding:1rem 1.4rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#c6cfdd}.deliverable-grid span:nth-child(even){border-right:0}
.boundary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce4ec}.boundary-grid article{background:#fff;color:#07101f;padding:1.6rem;min-height:18rem}.boundary-grid span{font:.72rem/1 monospace;color:#087b6b}.boundary-grid h3{font-size:1.7rem;margin:4rem 0 1rem}.boundary-grid p{color:#536171;line-height:1.55}
html[dir="rtl"] .strategy-hero-visual figcaption{left:auto;right:1rem}html[dir="rtl"] .strategy-method li{border-right:0;border-left:1px solid var(--line)}html[dir="rtl"] .strategy-method li:last-child{border-left:0}
@media(max-width:1050px){.four-offers{grid-template-columns:1fr 1fr!important}.strategy-page-hero{grid-template-columns:1fr;min-height:auto}.strategy-hero-visual{height:480px}.strategy-scope-grid{grid-template-columns:repeat(2,1fr)}.strategy-method ol{grid-template-columns:repeat(2,1fr)}.strategy-method li{min-height:14rem}.strategy-intelligence{grid-template-columns:1fr}}
@media(max-width:720px){.four-offers{grid-template-columns:1fr!important}.four-offers .world-card{min-height:0}.strategy-hero-visual{height:390px}.strategy-scope-grid,.strategy-method ol,.strategy-intelligence-grid,.deliverable-grid,.boundary-grid{grid-template-columns:1fr}.strategy-scope-grid article,.boundary-grid article{min-height:14rem}.deliverable-grid span{border-right:0}.strategy-page-hero .page-hero-copy h1{font-size:3.25rem!important}}

.logo-img {
  display: block;
  height: 1.6rem;
  width: auto;
  max-width: 9rem;
  object-fit: contain;
}
.footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  margin-top: 1rem;
}
.footer-nav a {
  color: inherit;
  text-decoration: none;
  opacity: 0.85;
}
.footer-nav a:hover {
  opacity: 1;
}