/* Technique reviews: editorial video/question composition; shared design rules. */
.technique-hero.block{padding-block:var(--hero-space)}
.technique-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:clamp(28px,4vw,64px);align-items:end}
.technique-intro .lead{margin-top:0;max-width:43ch}
.technique-intro .btns{gap:12px 20px}
.technique-opening{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:clamp(28px,4vw,64px);align-items:center;margin-top:40px}
.technique-question{border-left:2px solid var(--cyan);padding-left:28px;min-width:0}
.question-poster{font-family:var(--disp);font-weight:500;text-transform:uppercase;
  font-size:clamp(28px,3.2vw,46px);line-height:1.22}
.technique-caption{color:var(--muted);font-size:15px;margin-top:20px;max-width:53ch}
.technique-thread{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:24px;
  font-family:var(--disp);font-size:16px;text-transform:uppercase}
.technique-thread span,.technique-return span{color:var(--cyan-hi)}
.technique-workflow{border-top:1px solid var(--line)}
.technique-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:32px;list-style:none;margin:36px 0 0;padding:0}
.technique-steps li{position:relative;min-width:0;border-top:1px solid var(--cyan);padding-top:20px}
.technique-steps li:not(:last-child)::after{content:'→';position:absolute;right:-25px;
  top:-17px;color:var(--cyan-hi);background:var(--ink);padding-inline:3px;font-size:21px}
.technique-steps .section-number{display:block;margin-bottom:14px}
.technique-steps h3{font-size:24px;line-height:1.25;min-height:3.75em}
.technique-steps p{color:var(--muted);font-size:15px;margin-top:14px}
.technique-steps .text-link{margin-top:10px}
.technique-exercise,.technique-discussion,.technique-control{display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px);
  align-items:center;border-top:1px solid var(--line)}
.technique-exercise .text-link{margin-top:20px}
.technique-ask{border-block:1px solid var(--line);background:var(--panel)}
.technique-ask .section-intro{max-width:880px}
.question-comparison{margin:32px 0 0}
.question-comparison>div{display:grid;grid-template-columns:180px minmax(0,1fr);
  gap:28px;border-top:1px solid var(--line);padding-block:24px;align-items:baseline}
.question-comparison dt{color:var(--muted);font-size:13px}
.question-comparison dd{margin:0;font-family:var(--disp);font-size:clamp(26px,3vw,40px);
  line-height:1.3;text-transform:uppercase;max-width:32ch}
.question-comparison>div:last-child{border-color:var(--cyan)}
.question-comparison>div:last-child dd{color:var(--cyan-hi)}
.filming-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px 64px;list-style:none;margin:32px 0 0;padding:0}
.filming-points li{border-top:1px solid var(--line);padding-top:20px;min-width:0}
.filming-points h3{font-size:24px;line-height:1.3}
.filming-points p{margin-top:10px;font-size:15px;color:var(--muted);max-width:49ch}
.technique-discussion{align-items:start}
.technique-helpful{margin-top:28px;border-left:2px solid var(--cyan);padding-left:22px}
.technique-helpful h3{font-size:23px;line-height:1.3}
.technique-helpful p,.technique-control-copy>p{font-size:15px;color:var(--muted);margin-top:12px;max-width:53ch}
.technique-community{border-block:1px solid var(--line);background:var(--panel)}
.technique-community .lead{max-width:65ch}
.technique-return{margin-top:32px;border-block:1px solid var(--line);padding-block:20px;
  font-family:var(--disp);font-size:clamp(18px,2vw,26px);text-transform:uppercase;line-height:1.8}
.technique-return span{display:inline-block;margin-inline:10px}
.technique-control{border-top:0;align-items:start}
.technique-control h2{font-size:clamp(30px,3vw,44px)}
.technique-control-copy h3{font-size:25px;line-height:1.3}
.technique-control-copy .btns{gap:12px 28px;margin-top:14px}
.technique-page .faq{border-top:1px solid var(--line)}
.technique-close{background:radial-gradient(ellipse at 50% 100%,rgba(16,169,183,.12),transparent 70%)}
@media (max-width:1100px){
  .technique-heading{grid-template-columns:1fr;gap:24px}
  .technique-intro{display:flex;align-items:center;justify-content:space-between;gap:28px}
  .technique-intro .btns{flex-shrink:0;margin-top:0;flex-direction:column;align-items:flex-start}
  .technique-opening{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px}
  .technique-steps{gap:24px}
  .technique-steps li:not(:last-child)::after{right:-21px}
  .technique-steps h3{font-size:22px}
}
@media (max-width:900px){
  .technique-exercise,.technique-discussion,.technique-control{grid-template-columns:1fr;gap:28px}
  .technique-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}
  .technique-steps h3{min-height:2.5em;font-size:24px}
  .technique-steps li:nth-child(2)::after{display:none}
  .technique-steps li:not(:last-child)::after{right:-27px}
  .technique-question{padding-left:20px}
  .question-comparison>div{grid-template-columns:140px minmax(0,1fr);gap:24px}
}
@media (max-width:600px){
  .technique-intro{display:block}
  .technique-intro .btns{flex-direction:row;align-items:center;margin-top:24px}
  .technique-opening{grid-template-columns:1fr;margin-top:28px;gap:24px}
  .question-poster{font-size:30px}
  .technique-question .kicker{margin-bottom:12px}
  .technique-caption{margin-top:14px}
  .technique-thread{margin-top:18px;font-size:15px}
  .technique-steps{grid-template-columns:1fr;gap:26px;margin-top:28px}
  .technique-steps li{padding:18px 0 0 44px}
  .technique-steps .section-number{position:absolute;left:0;top:16px;font-size:18px}
  .technique-steps h3{min-height:0;font-size:23px}
  .technique-steps p{margin-top:10px}
  .technique-steps li:not(:last-child)::after{display:block;content:'↓';right:auto;left:0;
    top:auto;bottom:-25px;font-size:18px;padding:0;background:var(--ink)}
  .question-comparison{margin-top:24px}
  .question-comparison>div{grid-template-columns:1fr;gap:10px;padding-block:20px}
  .question-comparison dd{font-size:27px}
  .filming-points{grid-template-columns:1fr;gap:24px;margin-top:24px}
  .filming-points h3{font-size:23px}
  .technique-return{font-size:20px;line-height:1.65}
  .technique-return span{margin-inline:5px}
}
