/* Interview production — proof, process and an animated editorial visual. */
.design-d .d-interview {
  padding-block: clamp(82px,8vw,126px);
  color: var(--d-ink);
  background:
    radial-gradient(circle at 88% 18%,rgba(231,107,39,.09),transparent 25%),
    linear-gradient(180deg,#f4f7fa 0%,#fff 100%);
  border-top: 1px solid var(--d-line);
}
.design-d .d-interview .container { width:min(1180px,calc(100% - 48px)); }
.design-d .d-interview .section-heading { margin-bottom:clamp(45px,5vw,72px); }
.design-d .d-interview .section-label { margin-bottom:15px; color:var(--d-orange); font-size:12px; font-weight:800; letter-spacing:.14em; }
.design-d .d-interview .section-heading h2 { color:var(--d-navy); font-size:clamp(34px,4vw,56px); line-height:1.32; letter-spacing:-.045em; }
.design-d .d-interview .section-heading > p { color:var(--d-muted); font-size:16px; line-height:1.95; }

.design-d .d-interview-feature {
  display:grid;
  grid-template-columns:minmax(315px,.72fr) minmax(560px,1.28fr);
  overflow:hidden;
  background:#fff;
  border:1px solid var(--d-line);
  border-radius:10px;
  box-shadow:0 25px 70px rgba(16,45,81,.09);
}
.design-d .d-interview-proof { padding:clamp(38px,4vw,58px); }
.design-d .d-interview-proof-label { color:var(--d-navy); font-size:13px; font-weight:800; letter-spacing:.03em; }
.design-d .d-interview-number { margin:20px 0 17px; display:flex; align-items:flex-end; gap:13px; color:var(--d-orange); }
.design-d .d-interview-number strong { font:700 clamp(76px,8vw,116px)/.82 Arial,sans-serif; letter-spacing:-.075em; }
.design-d .d-interview-number > span { padding-bottom:7px; color:var(--d-navy); font-size:24px; font-weight:800; }
.design-d .d-interview-number small { display:block; margin-top:4px; color:var(--d-muted); font-size:12px; font-weight:700; }
.design-d .d-interview-proof-copy { margin:0; color:var(--d-navy); font-size:20px; font-weight:750; line-height:1.7; }
.design-d .d-interview-proof ul { margin:29px 0 23px; padding:0; display:grid; gap:0; list-style:none; border-top:1px solid var(--d-line); }
.design-d .d-interview-proof li { padding:14px 0; display:flex; align-items:center; gap:12px; color:var(--d-muted); border-bottom:1px solid var(--d-line); font-size:14px; font-weight:700; }
.design-d .d-interview-proof li .pro-icon { width:23px; height:23px; color:var(--d-orange); }
.design-d .d-interview-note { display:block; color:#758696; font-size:10px; line-height:1.7; }

.design-d .d-interview-visual { position:relative; min-width:0; min-height:560px; margin:0; overflow:hidden; background:linear-gradient(145deg,#0c2848,#153f6b); }
.design-d .d-interview-visual::before { content:""; position:absolute; inset:-28% -22% auto auto; width:480px; aspect-ratio:1; border:1px solid rgba(255,255,255,.13); border-radius:50%; box-shadow:0 0 0 72px rgba(255,255,255,.025),0 0 0 144px rgba(255,255,255,.018); }
.design-d .d-interview-screen { position:absolute; inset:42px 42px 54px; overflow:hidden; background:#f7f9fc; border:1px solid rgba(255,255,255,.38); border-radius:13px; box-shadow:0 30px 50px rgba(3,17,33,.38); transform:perspective(1200px) rotateY(-3deg) rotateX(1deg); animation:d-interview-camera 10s ease-in-out infinite; }
.design-d .d-interview-bar { height:48px; padding:0 17px; display:flex; align-items:center; gap:7px; color:#6b7f92; background:#fff; border-bottom:1px solid #dce4eb; }
.design-d .d-interview-bar i { width:7px; height:7px; background:#d2dae2; border-radius:50%; }
.design-d .d-interview-bar i:first-child { background:var(--d-orange); }
.design-d .d-interview-bar span { margin-left:9px; font-size:9px; letter-spacing:.15em; }
.design-d .d-interview-bar b { margin-left:auto; padding:4px 8px; color:#fff; background:#df4f28; border-radius:3px; font-size:8px; letter-spacing:.12em; }
.design-d .d-interview-session { padding:25px 25px 20px; display:grid; grid-template-columns:130px 1fr 130px; gap:17px; align-items:center; background:linear-gradient(180deg,#edf3f8,#f7f9fc); border-bottom:1px solid #dce4eb; }
.design-d .d-interview-person { min-width:0; text-align:center; }
.design-d .d-interview-person > span { width:66px; height:66px; margin:0 auto 8px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#244f79,#0e2c4d); border:4px solid #fff; border-radius:50%; box-shadow:0 8px 20px rgba(12,43,73,.19); }
.design-d .d-interview-person.is-guest > span { background:linear-gradient(145deg,#ef8a52,#c54f18); }
.design-d .d-interview-person .pro-icon { width:32px; height:32px; }
.design-d .d-interview-person b { display:block; color:var(--d-navy); font-size:12px; }
.design-d .d-interview-person small { display:block; margin-top:4px; color:#718395; font-size:8px; line-height:1.45; }
.design-d .d-interview-audio { min-width:0; }
.design-d .d-interview-timer { display:flex; align-items:center; justify-content:center; gap:7px; }
.design-d .d-interview-timer i { width:7px; height:7px; background:#e3552c; border-radius:50%; box-shadow:0 0 0 5px rgba(227,85,44,.12); animation:d-interview-record 1.7s ease-in-out infinite; }
.design-d .d-interview-timer span { color:var(--d-navy); font:700 17px/1 Arial,sans-serif; }
.design-d .d-interview-timer small { color:#7a8b9b; font-size:7px; letter-spacing:.12em; }
.design-d .d-interview-wave { height:56px; margin-top:10px; display:flex; align-items:center; justify-content:center; gap:3px; overflow:hidden; }
.design-d .d-interview-wave i { width:3px; height:12px; background:linear-gradient(180deg,var(--d-orange),#2e608e); border-radius:4px; transform-origin:center; animation:d-interview-wave 1.4s ease-in-out infinite; }
.design-d .d-interview-wave i:nth-child(2n) { animation-delay:-.25s; }
.design-d .d-interview-wave i:nth-child(3n) { animation-delay:-.65s; }
.design-d .d-interview-wave i:nth-child(4n) { animation-delay:-.9s; }
.design-d .d-interview-transcript { margin:21px 25px 0; padding:20px 22px; background:#fff; border:1px solid #dbe3eb; border-radius:8px; box-shadow:0 9px 22px rgba(18,48,78,.07); }
.design-d .d-interview-transcript > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.design-d .d-interview-transcript > div:first-child span { color:var(--d-orange); font-size:8px; font-weight:900; letter-spacing:.15em; }
.design-d .d-interview-transcript > div:first-child b { color:var(--d-navy); font-size:11px; }
.design-d .d-interview-transcript p { margin:15px 0 14px; color:#546a7f; font-size:10px; line-height:1.85; }
.design-d .d-interview-transcript mark { padding:1px 3px; color:var(--d-navy); background:#fff0e6; }
.design-d .d-interview-lines { display:grid; gap:5px; }
.design-d .d-interview-lines i { display:block; width:100%; height:3px; background:#e5ebf0; border-radius:4px; }
.design-d .d-interview-lines i:nth-child(2) { width:86%; }.design-d .d-interview-lines i:nth-child(3) { width:93%; }.design-d .d-interview-lines i:nth-child(4) { width:63%; }
.design-d .d-interview-status { position:absolute; right:20px; bottom:17px; padding:9px 12px; display:flex; align-items:center; gap:9px; color:#fff; background:var(--d-orange); border-radius:5px; box-shadow:0 9px 22px rgba(159,60,12,.28); animation:d-interview-status 10s ease-in-out infinite; }
.design-d .d-interview-status .pro-icon { width:20px; height:20px; }
.design-d .d-interview-status span { display:grid; }.design-d .d-interview-status b { font-size:8px; letter-spacing:.11em; }.design-d .d-interview-status small { font-size:7px; opacity:.9; }
.design-d .d-interview-visual figcaption { position:absolute; inset:auto 20px 15px; color:#9fb2c4; text-align:left; font-size:9px; }

.design-d .d-interview-flow { margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; background:#fff; border:1px solid var(--d-line); border-top:0; border-radius:0 0 8px 8px; }
.design-d .d-interview-flow li { min-width:0; min-height:122px; padding:24px 21px; display:grid; grid-template-columns:32px 1fr; gap:13px; border-right:1px solid var(--d-line); }
.design-d .d-interview-flow li:last-child { border-right:0; }
.design-d .d-interview-flow > li > span { width:31px; height:31px; display:grid; place-items:center; color:#fff; background:var(--d-navy); border-radius:50%; font:700 10px/1 Arial,sans-serif; }
.design-d .d-interview-flow b { display:block; color:var(--d-navy); font-size:15px; }
.design-d .d-interview-flow small { display:block; margin-top:8px; color:var(--d-muted); font-size:11px; line-height:1.7; }

@keyframes d-interview-camera { 0%,18%,100% { transform:perspective(1200px) rotateY(-3deg) rotateX(1deg) scale(1); } 48%,70% { transform:perspective(1200px) rotateY(-1deg) rotateX(0) scale(1.025); } }
@keyframes d-interview-record { 50% { opacity:.35; transform:scale(.75); } }
@keyframes d-interview-wave { 0%,100% { height:10px; opacity:.55; } 50% { height:46px; opacity:1; } }
@keyframes d-interview-status { 0%,25%,100% { opacity:0; transform:translateY(8px); } 38%,78% { opacity:1; transform:translateY(0); } }

html[data-motion-paused="true"] .design-d :is(.d-interview-screen,.d-interview-timer i,.d-interview-wave i,.d-interview-status) { animation:none!important; }

@media(max-width:1000px) {
  .design-d .d-interview-feature { grid-template-columns:1fr; }
  .design-d .d-interview-proof { display:grid; grid-template-columns:1fr 1fr; gap:0 35px; }
  .design-d .d-interview-proof-label,.design-d .d-interview-proof-copy,.design-d .d-interview-note { grid-column:1; }
  .design-d .d-interview-number { grid-column:1; }
  .design-d .d-interview-proof ul { grid-column:2; grid-row:1 / span 4; align-self:center; }
  .design-d .d-interview-visual { min-height:560px; }
  .design-d .d-interview-flow { grid-template-columns:repeat(2,1fr); }
  .design-d .d-interview-flow li:nth-child(2) { border-right:0; }
  .design-d .d-interview-flow li:nth-child(-n+2) { border-bottom:1px solid var(--d-line); }
}

@media(max-width:760px) {
  .design-d .d-interview { padding-block:76px; }
  .design-d .d-interview .container { width:calc(100% - 32px); }
  .design-d .d-interview .section-heading h2 { font-size:34px; }
  .design-d .d-interview .section-heading > p { font-size:14px; }
  .design-d .d-interview-proof { padding:32px 25px; display:block; }
  .design-d .d-interview-number strong { font-size:82px; }
  .design-d .d-interview-proof-copy { font-size:18px; }
  .design-d .d-interview-visual { min-height:470px; }
  .design-d .d-interview-screen { inset:26px 13px 45px; transform:none; }
  .design-d .d-interview-session { padding:20px 12px 16px; grid-template-columns:82px 1fr 82px; gap:8px; }
  .design-d .d-interview-person > span { width:52px; height:52px; }
  .design-d .d-interview-person .pro-icon { width:25px; height:25px; }
  .design-d .d-interview-person small { display:none; }
  .design-d .d-interview-wave { gap:2px; }
  .design-d .d-interview-transcript { margin:17px 12px 0; padding:16px; }
  .design-d .d-interview-transcript > div:first-child { display:grid; gap:5px; }
  .design-d .d-interview-status { right:12px; bottom:12px; }
  .design-d .d-interview-flow { grid-template-columns:1fr; }
  .design-d .d-interview-flow li,.design-d .d-interview-flow li:nth-child(2) { min-height:0; border-right:0; border-bottom:1px solid var(--d-line); }
  .design-d .d-interview-flow li:last-child { border-bottom:0; }
}

@media(prefers-reduced-motion:reduce) {
  .design-d :is(.d-interview-screen,.d-interview-timer i,.d-interview-wave i,.d-interview-status) { animation:none!important; }
}