/* Video detail: a platform video pinned beside the source notes. */
.video-detail{padding-bottom:72px}
.video-heading{padding:clamp(36px,6vw,76px) 0 clamp(28px,4vw,48px);max-width:1120px}
.video-heading h1{font:900 clamp(42px,6.2vw,88px)/.98 var(--sans);letter-spacing:-.055em;margin:0 0 22px;text-wrap:balance;overflow-wrap:break-word}
.video-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font:400 14px/1.5 var(--sans)}
.video-meta a{color:var(--ink);text-decoration-color:var(--red)}
.video-meta .video-platform{color:var(--ink);font:600 23px/1.1 var(--hand)}
.video-layout{display:grid;grid-template-columns:minmax(290px,440px) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.video-layout>*{min-width:0}
.video-watch{position:sticky;top:24px;margin:0}
.video-frame{position:relative;background:#fffefb;border:1px solid #d8d9cf;padding:10px;box-shadow:0 2px 3px #24251c0b,2px 8px 20px #24251c0b;border-radius:2px}
.video-frame::before{content:'';position:absolute;z-index:2;width:94px;height:22px;top:-12px;left:calc(50% - 47px);background:linear-gradient(100deg,#ddd2ad9c,#f4eacaa8 46%,#daceaaa1);border-top:1px solid #fff8;border-bottom:1px solid #d5c79a55;transform:rotate(-2deg);clip-path:polygon(1% 0,99% 2%,98% 25%,100% 42%,98% 62%,100% 98%,0 100%,2% 73%,0 45%,2% 18%);pointer-events:none}
.video-frame iframe{display:block;border:0;width:100%;min-width:0;height:710px;background:#fff}
.video-frame .instagram-media{margin:0!important;min-width:0!important;max-width:100%!important;width:100%!important;border:0!important;box-shadow:none!important}
.video-original{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-top:12px;padding:0 3px;font-size:15px;text-decoration:none}
.video-original span:last-child{font:500 29px/1 var(--hand)}
.video-original:hover{text-decoration:underline;text-decoration-color:var(--red)}
.video-embed-note{font-size:12px;line-height:1.5;color:var(--muted);margin:0 3px}
.video-context{display:grid;gap:36px}
.video-factories h2,.video-caption>h2{font:600 clamp(29px,3vw,36px)/1.1 var(--hand);margin:0 0 20px;letter-spacing:0}
.video-factory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.video-factory-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:23px 22px 21px;color:var(--ink);text-decoration:none;background:linear-gradient(166deg,#fff6b3 4%,#f7ed9b 64%,#eee189 96%);border-top:1px solid #fffbcf;box-shadow:0 6px 7px -6px #413f1e66;transition:transform .15s,box-shadow .15s;min-width:0}
.video-factory-card:nth-child(even){background:linear-gradient(164deg,#dff0b6,#d1e4a0 78%,#c6d990)}
.video-factory-card h3{font:700 25px/1.1 var(--sans);letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
.video-factory-card p{font-size:14px;line-height:1.4;margin:0;color:#54563d}
.video-factory-card .factory-card-link{display:block;font:600 23px/1.1 var(--hand);margin-top:auto;padding-top:8px}
.video-factory-card:hover{transform:translateY(-2px);box-shadow:0 9px 10px -7px #413f1e88}
.video-factory-card:active{transform:translateY(0)}
.video-caption{padding:clamp(24px,3vw,38px);background-color:#fffef9;background-image:radial-gradient(circle,#7089a62e .75px,transparent .95px);background-size:18px 18px;border:1px solid #dbddd3;box-shadow:1px 4px 8px #33382708;min-width:0}
.video-caption .prose{font-size:17px;line-height:1.7;max-width:65ch}
.video-caption .prose p:last-child{margin-bottom:0}
.video-caption .prose h2{font-size:30px;margin-top:32px}
.video-caption .prose h3{font-size:23px}
.video-caption .prose img{width:auto;max-width:100%;height:auto}
.video-caption .prose iframe{max-width:100%}
.video-back{display:inline-flex;align-items:center;min-height:44px;margin-top:36px;font:600 25px/1.2 var(--hand);text-decoration:none}
.video-back:hover{text-decoration:underline;text-decoration-color:var(--red)}
@media(min-width:1500px){.video-layout{grid-template-columns:440px minmax(0,1fr)}}
@media(max-width:900px){.video-layout{grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:28px}.video-factory-list{grid-template-columns:1fr}.video-caption{padding:23px}.video-frame iframe{height:660px}}
@media(max-width:700px){.video-heading{padding:32px 0}.video-heading h1{font-size:clamp(38px,9.7vw,62px);margin-bottom:18px}.video-meta{font-size:13px;gap:7px 14px}.video-layout{grid-template-columns:minmax(0,1fr);gap:30px}.video-watch{position:static;width:100%;max-width:440px;justify-self:center}.video-frame{padding:6px}.video-frame iframe{height:690px}.video-context{gap:28px}.video-factory-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-factory-card{padding:19px 16px}.video-factory-card h3{font-size:23px}.video-caption{padding:23px 20px}.video-caption .prose{font-size:17px}.video-detail{padding-bottom:44px}}
@media(max-width:370px){.video-factory-list{grid-template-columns:1fr}.video-frame iframe{height:640px}.video-heading h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){.video-factory-card{transition:none}}
/* Transcript articles lead with readable text; the source video stays alongside. */
.article-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(280px,360px);gap:clamp(36px,6vw,88px);align-items:start}
.article-copy{min-width:0}.article-copy>.prose{max-width:66ch;font-size:19px;line-height:1.75}.article-copy>.prose>p:first-child{font-size:23px;line-height:1.5;margin-top:0}.article-copy .prose h2{font-size:clamp(27px,3vw,36px);line-height:1.15;letter-spacing:-.035em;margin:40px 0 18px}.article-copy .video-transcript{margin-top:40px;padding-top:24px;border-top:1px solid #c8c9bf}.article-video{min-width:0;position:sticky;top:24px}.article-video>h2{font:600 28px/1.2 var(--hand);margin:0 0 24px}.article-video .video-watch{position:static}.article-copy .video-factories{margin-top:40px}
@media(max-width:800px){.article-layout{grid-template-columns:minmax(0,1fr);gap:40px}.article-video{position:static;max-width:400px;width:100%;justify-self:center}.article-copy>.prose{font-size:18px}.article-copy>.prose>p:first-child{font-size:21px}}
