/* Vahid Jafari — Strategy expertise pillar */
.vj-strategy-page { --strategy-ink: #171717; --strategy-warm: #f8f7f4; --strategy-muted: #ece9e1; --strategy-line: rgba(23,23,23,.12); --strategy-accent: #925a3d; }
.vj-strategy-section { padding-block: clamp(5rem, 9vw, 8rem); }
.vj-strategy-hero { padding-block: clamp(5rem, 9vw, 8rem); border-bottom: 1px solid var(--strategy-line); }
.vj-strategy-hero__grid { display:grid; grid-template-columns: 1.02fr .98fr; align-items:center; gap: clamp(3rem,7vw,8rem); }
.vj-strategy-hero__copy { max-inline-size: 650px; }
.vj-strategy-hero h1 { margin:.6rem 0 1.4rem; font-size:clamp(3rem,5.7vw,5rem); line-height:1.12; letter-spacing:-.018em; font-weight:700; text-wrap:balance; }
.vj-strategy-hero__lead { max-inline-size: 660px; margin:0; font-size:clamp(1.05rem,1.35vw,1.25rem); line-height:1.95; color:var(--vj-color-text-secondary); }
.vj-strategy-hero__actions { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin-top:2rem; }
.vj-strategy-hero__visual { min-block-size: 420px; display:grid; place-items:center; }
.vj-strategy-choice-map { position:relative; inline-size:min(100%, 430px); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle at center, rgba(146,90,61,.08) 0 18%, transparent 18.5%), radial-gradient(circle at center, transparent 0 30%, var(--strategy-line) 30.3% 30.6%, transparent 31%), radial-gradient(circle at center, transparent 0 55%, var(--strategy-line) 55.3% 55.6%, transparent 56%); }
.vj-strategy-choice-map::before,.vj-strategy-choice-map::after { content:""; position:absolute; inset:15%; border:1px solid var(--strategy-line); border-radius:50%; transform:rotate(18deg); }
.vj-strategy-choice-map::after { inset:35% 8%; border-radius:50%; transform:rotate(-28deg); }
.vj-strategy-choice-map__center { position:absolute; inset:42%; display:grid; place-items:center; border-radius:50%; background:var(--strategy-ink); color:#fff; font-size:.82rem; font-weight:600; z-index:2; }
.vj-strategy-choice-map__node { position:absolute; z-index:3; min-inline-size:74px; padding:.55rem .75rem; border:1px solid var(--strategy-line); border-radius:999px; background:#fff; box-shadow:0 6px 18px rgba(0,0,0,.05); text-align:center; font-size:.78rem; }
.vj-strategy-choice-map__node--top { inset-inline-start:50%; inset-block-start:0; transform:translateX(-50%); }
.vj-strategy-choice-map__node--right { inset-inline-end:0; inset-block-start:43%; }
.vj-strategy-choice-map__node--bottom { inset-inline-start:50%; inset-block-end:0; transform:translateX(-50%); }
.vj-strategy-choice-map__node--left { inset-inline-start:0; inset-block-start:43%; }
.vj-strategy-choice-map__node--diag { inset-inline-end:16%; inset-block-end:17%; }
.vj-strategy-definition { background:#fff; }
.vj-strategy-definition__grid { display:grid; grid-template-columns:130px minmax(0,1fr); gap:3rem; }
.vj-strategy-rail { display:flex; flex-direction:column; align-items:flex-start; gap:.35rem; color:var(--strategy-accent); font-weight:700; }
.vj-strategy-rail small { color:var(--vj-color-text-muted); font-size:.74rem; letter-spacing:.04em; }
.vj-strategy-definition h2,.vj-strategy-section h2 { margin:.45rem 0 1rem; font-size:clamp(2rem,3.5vw,3.1rem); line-height:1.2; font-weight:700; text-wrap:balance; }
.vj-strategy-definition__statement { max-inline-size:820px; font-size:clamp(1.25rem,2vw,1.7rem); line-height:1.8; margin:0; }
.vj-strategy-definition__columns { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-top:2rem; max-inline-size:900px; }
.vj-strategy-definition__columns p { margin:0; color:var(--vj-color-text-secondary); }
.vj-strategy-section--muted { background:var(--strategy-muted); }
.vj-strategy-section__head { display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:end; margin-bottom:2.4rem; }
.vj-strategy-section__head > p { max-inline-size:460px; margin:0; color:var(--vj-color-text-secondary); }
.vj-strategy-question-grid { display:grid; grid-template-columns:repeat(5,1fr); border:1px solid var(--strategy-line); border-radius:18px; overflow:hidden; background:#fff; }
.vj-strategy-question-card { padding:1.5rem; min-block-size:240px; border-inline-start:1px solid var(--strategy-line); }
.vj-strategy-question-card:first-child { border-inline-start:0; }
.vj-strategy-question-card span { color:var(--strategy-accent); font-size:.76rem; font-weight:700; }
.vj-strategy-question-card h3 { margin:2.2rem 0 .7rem; font-size:1.2rem; line-height:1.4; }
.vj-strategy-question-card p { margin:0; color:var(--vj-color-text-secondary); font-size:.94rem; line-height:1.85; }
.vj-strategy-choice-section { background:var(--strategy-muted); }
.vj-strategy-choice-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,7vw,8rem); align-items:center; }
.vj-strategy-choice-visual { min-block-size:330px; display:grid; place-items:center; }
.vj-strategy-choice-stack { display:flex; flex-direction:column; align-items:center; gap:.65rem; }
.vj-strategy-choice-stack span { min-inline-size:160px; padding:.72rem 1rem; border:1px solid var(--strategy-line); border-radius:999px; background:#fff; text-align:center; }
.vj-strategy-choice-stack .is-featured { background:var(--strategy-ink); color:#fff; border-color:var(--strategy-ink); box-shadow:0 12px 30px rgba(0,0,0,.14); }
.vj-strategy-choice-copy { max-inline-size:640px; }
.vj-strategy-choice-copy p:not(.vj-eyebrow) { color:var(--vj-color-text-secondary); }
.vj-strategy-problems { background:#fff; }
.vj-strategy-problem-list { border-top:1px solid var(--strategy-line); }
.vj-strategy-problem-row { display:grid; grid-template-columns:64px 1fr 36px; align-items:center; gap:1.2rem; padding:1.35rem 0; border-bottom:1px solid var(--strategy-line); color:inherit; text-decoration:none; transition:padding-inline-start .18s ease, color .18s ease; }
.vj-strategy-problem-row:hover { padding-inline-start:.5rem; color:var(--strategy-accent); }
.vj-strategy-problem-row__index { font-size:.75rem; color:var(--strategy-accent); font-weight:700; }
.vj-strategy-problem-row__content { display:grid; gap:.25rem; }
.vj-strategy-problem-row__content strong { font-size:1.05rem; font-weight:600; }
.vj-strategy-problem-row__content small { color:var(--vj-color-text-secondary); }
.vj-strategy-problem-row__arrow { font-size:1rem; }
.vj-strategy-method { background:var(--strategy-ink); color:#f8f7f4; }
.vj-strategy-method .vj-eyebrow { color:#c99478; }
.vj-strategy-method__intro { display:grid; grid-template-columns:1fr 1.5fr; gap:3rem; align-items:end; max-inline-size:960px; }
.vj-strategy-method__intro h2 { margin-block-end:.7rem; }
.vj-strategy-method__intro p:last-child { margin:0; color:rgba(248,247,244,.72); }
.vj-strategy-method__timeline { display:grid; grid-template-columns:repeat(6,1fr); margin-top:4rem; border-top:1px solid rgba(248,247,244,.18); border-bottom:1px solid rgba(248,247,244,.1); }
.vj-strategy-method__step { position:relative; min-block-size:150px; padding:1.4rem 1rem; border-inline-start:1px solid rgba(248,247,244,.1); }
.vj-strategy-method__step:first-child { border-inline-start:0; }
.vj-strategy-method__step::before { content:""; position:absolute; inset-block-start:-5px; inset-inline-start:1rem; inline-size:9px; block-size:9px; border-radius:50%; background:#f8f7f4; }
.vj-strategy-method__step span { display:block; color:#c99478; font-size:.72rem; margin-bottom:3.2rem; }
.vj-strategy-method__step strong { display:block; font-size:1rem; line-height:1.6; }
.vj-strategy-output { background:#fff; }
.vj-strategy-output-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.vj-strategy-output-card { min-block-size:205px; padding:1.6rem; border:1px solid var(--strategy-line); border-radius:16px; background:#fff; }
.vj-strategy-output-card h3 { margin:0 0 .8rem; font-size:1.25rem; }
.vj-strategy-output-card p { margin:0; color:var(--vj-color-text-secondary); line-height:1.8; }
.vj-strategy-knowledge { background:var(--strategy-muted); }
.vj-strategy-knowledge-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.vj-strategy-knowledge-card { position:relative; min-block-size:170px; display:flex; flex-direction:column; justify-content:space-between; padding:1.5rem; border:1px solid var(--strategy-line); border-radius:16px; background:#fff; text-decoration:none; color:inherit; transition:transform .18s ease, border-color .18s ease; }
.vj-strategy-knowledge-card:hover { transform:translateY(-2px); border-color:rgba(146,90,61,.45); }
.vj-strategy-knowledge-card > span { color:var(--strategy-accent); font-size:.82rem; font-weight:700; }
.vj-strategy-knowledge-card p { margin:1rem 0 0; color:var(--vj-color-text-secondary); }
.vj-strategy-knowledge-card b { align-self:flex-start; margin-top:1rem; color:var(--strategy-accent); }
.vj-strategy-cta { padding-block:clamp(4rem,7vw,6rem); background:var(--strategy-muted); border-top:1px solid var(--strategy-line); }
.vj-strategy-cta__inner { display:flex; justify-content:space-between; align-items:center; gap:2rem; }
.vj-strategy-cta h2 { margin:.45rem 0 .7rem; font-size:clamp(2rem,3.6vw,3rem); line-height:1.2; }
.vj-strategy-cta p:not(.vj-eyebrow) { margin:0; color:var(--vj-color-text-secondary); }
.vj-strategy-cta .vj-button--secondary { background:var(--strategy-ink); color:#fff; border-color:var(--strategy-ink); white-space:nowrap; }
@media (max-width: 1050px) { .vj-strategy-question-grid { grid-template-columns:repeat(2,1fr); } .vj-strategy-question-card:nth-child(3) { border-inline-start:0; } .vj-strategy-question-card:nth-child(n+3) { border-top:1px solid var(--strategy-line); } .vj-strategy-output-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width: 800px) { .vj-strategy-hero__grid,.vj-strategy-choice-layout,.vj-strategy-method__intro,.vj-strategy-definition__columns { grid-template-columns:1fr; } .vj-strategy-hero__visual { min-block-size:330px; } .vj-strategy-definition__grid { grid-template-columns:70px 1fr; } .vj-strategy-method__timeline { grid-template-columns:repeat(3,1fr); } .vj-strategy-method__step:nth-child(4) { border-inline-start:0; border-top:1px solid rgba(248,247,244,.1); } .vj-strategy-knowledge-grid { grid-template-columns:1fr; } .vj-strategy-section__head { grid-template-columns:1fr; align-items:start; } .vj-strategy-cta__inner { flex-direction:column; align-items:flex-start; } }
@media (max-width: 600px) { .vj-strategy-question-grid,.vj-strategy-output-grid { grid-template-columns:1fr; } .vj-strategy-question-card { border-inline-start:0 !important; border-top:1px solid var(--strategy-line); min-block-size:auto; } .vj-strategy-question-card:first-child { border-top:0; } .vj-strategy-definition__grid { grid-template-columns:1fr; gap:1rem; } .vj-strategy-rail { flex-direction:row; align-items:center; } .vj-strategy-method__timeline { grid-template-columns:1fr; } .vj-strategy-method__step { border-inline-start:0; border-top:1px solid rgba(248,247,244,.1); } .vj-strategy-method__step:first-child { border-top:0; } .vj-strategy-method__step::before { display:none; } .vj-strategy-method__step span { margin-bottom:.7rem; } .vj-strategy-hero h1 { font-size:clamp(2.35rem, 11vw, 3.2rem); } }