.b-insights{background:#f3eddf;color:#172423;padding:75px 7% 90px;border-top:1px solid #17242335}
.b-insights-heading,.b-insights-grid,.b-insights-all{max-width:1300px;margin-left:auto;margin-right:auto}
.b-insights-heading{margin-bottom:40px}.b-insights-heading>span{font:600 14px/1.5 'DM Sans',sans-serif;letter-spacing:.1em}
.b-insights-heading h2{font:400 clamp(38px,4.8vw,67px)/1.08 'DM Serif Display',serif;letter-spacing:-.035em;margin:20px 0 18px}.b-insights-heading h2 em{font-weight:400;color:var(--brand-orange)}
.b-insights-heading>p{font:18px/1.6 Georgia,serif;margin:0}
.b-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.b-insight-card{display:flex;flex-direction:column;min-width:0;border-bottom:1px solid #17242340;padding-bottom:20px}
.b-insight-image{display:block;overflow:hidden;aspect-ratio:1.8;background:#e8e0d2;margin-bottom:25px}.b-insight-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.b-insight-image:hover img{transform:scale(1.025)}.b-insight-card h3{font:400 clamp(27px,2.4vw,35px)/1.15 'DM Serif Display',serif;letter-spacing:-.018em;margin:0 0 17px;text-wrap:pretty}.b-insight-card h3 a{text-decoration:none}
.b-insight-card>p{font:17px/1.65 Georgia,serif;margin:0 0 28px}.b-insight-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:auto;font:12px/1.6 'DM Sans',sans-serif}.b-insight-meta a{white-space:nowrap;text-underline-offset:5px}
.b-insights a{color:inherit}.b-insights a:hover,.b-insights a:focus-visible{color:var(--brand-orange)}.b-insights a:focus-visible{outline:2px solid var(--brand-orange);outline-offset:5px}
.b-insights-all{display:flex;justify-content:space-between;gap:30px;max-width:420px;width:100%;margin-top:42px;padding:15px 0;border-bottom:1px solid #17242350;font:500 14px/1.5 'DM Sans',sans-serif;text-decoration:none}
.insights-index{max-width:none;padding:0}.insights-index .b-insights{border:0}.insights-article{max-width:1000px}.insights-article-head{margin:50px 0 40px}.insights-article-head h1{font:400 clamp(39px,5.5vw,70px)/1.08 'DM Serif Display',serif;letter-spacing:-.025em;margin:22px 0}.insights-byline{font:14px/1.6 'DM Sans',sans-serif}.insights-hero{width:100%;max-height:420px;object-fit:cover;margin-top:30px}.insights-body{max-width:780px;margin:auto;font:20px/1.75 Georgia,serif;overflow-wrap:break-word}.insights-body p{margin:0 0 25px}.insights-body h2{font:400 37px/1.15 'DM Serif Display',serif;margin:48px 0 24px}.insights-body h3{font:400 29px/1.2 'DM Serif Display',serif;margin:38px 0 20px}.insights-body li{margin-bottom:14px}.insights-body a{color:var(--brand-orange-deep);text-underline-offset:4px}.insights-body img{max-width:100%;height:auto}.insights-body section{scroll-margin-top:25px}.insights-body article{padding:20px 0;border-top:1px solid #17242340;margin-top:35px}.insights-template{white-space:pre-wrap;background:#e9e1d4;border-left:3px solid var(--brand-orange);padding:25px;margin:25px 0;font:16px/1.8 'DM Sans',sans-serif}.insights-callout{border:1px solid #17242340;padding:25px;margin:30px 0}.insights-toc{font:14px/1.8 'DM Sans',sans-serif;display:flex;flex-wrap:wrap;gap:12px 24px;padding:20px 0;margin-bottom:35px;border-block:1px solid #17242335}
@media(max-width:1050px) and (min-width:701px){.b-insights{padding-left:5%;padding-right:5%}.b-insights-grid{gap:22px}.b-insight-meta{align-items:flex-start;flex-direction:column;gap:9px}}
@media(max-width:700px){.b-insights-heading>span{font-size:13px}.b-insights{padding:50px 6% 60px}.b-insights-grid{grid-template-columns:1fr;gap:35px}.b-insights-heading{margin-bottom:30px}.b-insight-image{aspect-ratio:1.9;margin-bottom:22px}.b-insight-card h3{font-size:31px}.b-insight-card>p{font-size:17px}.b-insight-meta{font-size:13px}.b-insights-all{margin-top:30px}.insights-body{font-size:18px}.insights-body h2{font-size:31px}.insights-body h3{font-size:26px}.insights-template,.insights-callout{padding:20px}.insights-article-head{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.b-insight-image img{transition:none}}
.insights-index .b-insights-heading h1{font:400 clamp(38px,4.8vw,67px)/1.08 'DM Serif Display',serif;letter-spacing:-.035em;margin:20px 0 18px}.insights-index .b-insights-heading h1 em{color:var(--brand-orange);font-weight:400}.b-insight-card .b-insight-card-title{font:400 clamp(27px,2.4vw,35px)/1.15 'DM Serif Display',serif;letter-spacing:-.018em;margin:0 0 17px;text-wrap:pretty}.b-insight-card-title a{text-decoration:none}@media(max-width:700px){.b-insight-card .b-insight-card-title{font-size:31px}}
/* Headline links retain their editorial serif above global anchor styling. */
.b-legendary .b-insight-card h3 a,.b-insight-card .b-insight-card-title a{font:inherit}

/* Three coordinated engravings from a single transparent illustration sheet. */
.b-insight-image{position:relative;aspect-ratio:16/9;background:#f3eddf}
.b-insight-image .b-insight-art{position:absolute;left:5%;width:90%;height:auto;max-width:none;object-fit:contain}
.b-insight-art-0{top:11.2%;clip-path:inset(0 0 71.288% 0)}
.b-insight-art-1{top:-77%;clip-path:inset(28.712% 0 34.724% 0)}
.b-insight-art-2{top:-173.4%;clip-path:inset(65.276% 0 0 0)}
.b-insights-hero-art{margin-top:30px;width:100%}

/* Hand-colored engravings matched to the testimonial heralds. */
.b-insight-image{background:#f4eddf}
.b-insight-image .b-insight-art{inset:8px 5%;width:90%;height:calc(100% - 16px);object-fit:contain;clip-path:none;mix-blend-mode:multiply}

/* The guide keeps every article section in ordinary HTML while giving the long read a clear editorial rhythm. */
.insights-article--guide{max-width:1160px}
.insights-article--guide .insights-article-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:14px 52px;align-items:center;padding:0 0 48px;border-bottom:1px solid #17242340}
.insights-article--guide .insights-article-head h1{grid-column:1/-1;max-width:15ch;margin-bottom:8px}
.insights-article--guide .insights-byline{margin:0;color:#172423b3}
.insights-guide-label{font:600 12px/1.5 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-orange);margin:18px 0 0}
.insights-guide-summary{font:22px/1.5 Georgia,serif;max-width:31ch;margin:0}
.insights-article--guide .insights-guide-art{grid-column:2;grid-row:2/5;width:100%;aspect-ratio:1;margin:0;background:#ece5d8;border:1px solid #17242324}
.insights-article--guide .insights-body{max-width:none;display:grid;grid-template-columns:205px minmax(0,780px);column-gap:70px;align-items:start;margin-top:52px}
.insights-article--guide .insights-toc{position:sticky;top:26px;display:grid;gap:0;padding:0;border:0;margin:0;font-size:13px}
.insights-article--guide .insights-toc a{padding:10px 0;border-bottom:1px solid #17242328;text-decoration:none}
.insights-article--guide .insights-body>:not(.insights-toc){grid-column:2}
.insights-article--guide .insights-body article{margin-top:35px}
.insights-article--guide .insights-body h2{font-size:clamp(33px,3.5vw,48px)}
.insights-article--guide .insights-template{box-shadow:10px 10px 0 #d6c8b7}
@media(max-width:700px){
 .insights-article--guide .insights-article-head{display:block;padding-bottom:34px}
 .insights-article--guide .insights-article-head h1{max-width:none}
 .insights-guide-label{margin-top:20px}
 .insights-guide-summary{font-size:19px}
 .insights-article--guide .insights-guide-art{width:100%;max-width:290px;aspect-ratio:4/3;margin:28px auto 0}
 .insights-article--guide .insights-body{display:block;margin-top:35px}
 .insights-article--guide .insights-toc{position:static;display:flex;gap:9px 16px;padding:16px 0;border-block:1px solid #17242335;margin-bottom:28px}
 .insights-article--guide .insights-toc a{padding:0;border:0}
}

/* Shared landing footer for the insights index and every article. */
.b-insights-footer{max-width:none;margin:0;padding:74px 7% 34px;background:#172423;color:#f3eddf}
.b-insights-footer .b-footer-closing{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,42%);align-items:center;gap:36px;min-height:360px}
.b-insights-footer .b-footer-message>span{display:block;font:600 14px/1.5 'DM Sans',sans-serif;letter-spacing:.1em;margin-bottom:24px}
.b-insights-footer .b-footer-message h2{font:400 clamp(48px,6vw,82px)/.98 'DM Serif Display',Georgia,serif;letter-spacing:-.04em;margin:0;max-width:10ch}
.b-insights-footer .b-footer-message em{color:var(--brand-orange);font-weight:400}
.b-insights-footer .b-footer-story{display:flex;align-items:end;justify-content:center;min-height:340px}
.b-insights-footer-dragon{display:block;width:min(100%,470px);max-height:340px;object-fit:contain;object-position:center bottom}
.b-insights-footer .b-footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;border-top:1px solid #f3eddf50;padding-top:30px;margin-top:42px}
.b-insights-footer .b-footer-brand{display:grid;justify-items:start;gap:12px}
.b-insights-footer .case-logo{width:118px;height:72px;color:#f3eddf}
.b-insights-footer small{font:12px/1.5 'DM Sans',sans-serif}
.b-insights-footer [data-contact]{justify-self:center;background:var(--brand-orange);color:#fffaf0;padding:15px 22px;border:1px solid var(--brand-orange)}
.b-insights-footer [data-contact]:hover{background:var(--brand-orange-deep);border-color:var(--brand-orange-deep)}
.b-insights-footer .b-socials{justify-self:end;color:#f3eddf}
@media(max-width:700px){
 .b-insights-footer{padding:56px 6% 30px}
 .b-insights-footer .b-footer-closing{grid-template-columns:1fr;min-height:0;gap:18px}
 .b-insights-footer .b-footer-message h2{font-size:52px}
 .b-insights-footer .b-footer-story{min-height:245px;order:-1}
 .b-insights-footer-dragon{max-height:245px}
 .b-insights-footer .b-footer-bottom{grid-template-columns:1fr auto;gap:22px;margin-top:30px}
 .b-insights-footer [data-contact]{grid-row:2;grid-column:1/-1}
}

/* On the Insights page, the dragon arrives before settling and sending one measured burst of fire. */
.b-insights-dragon-landing{position:relative;width:min(100%,470px);height:340px;overflow:visible}
.b-insights-footer-flight,.b-insights-footer-dragon{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.b-insights-footer-flight{opacity:0;transform:translate(-88vw,-210px) rotate(-7deg) scale(.68);transform-origin:50% 82%}
.b-insights-footer-dragon{opacity:0;transform:translateY(-10px) scale(.96);transform-origin:50% 100%}
.b-insights-footer-fire{position:absolute;z-index:3;right:78%;top:29%;width:55%;height:auto;opacity:0;transform:scaleX(0);transform-origin:center center;pointer-events:none}
.b-insights-dragon-landing[data-arrived=true] .b-insights-footer-flight{animation:insights-dragon-flight 4.8s cubic-bezier(.16,.66,.2,1) forwards}
.b-insights-dragon-landing[data-arrived=true] .b-insights-footer-dragon{animation:insights-dragon-land .72s ease-out 4.05s forwards}
.b-insights-dragon-landing[data-arrived=true] .b-insights-footer-fire{animation:insights-dragon-fire 1.7s ease-in-out 4.72s infinite}
@keyframes insights-dragon-flight{0%{opacity:0;transform:translate(-88vw,-210px) rotate(-7deg) scale(.68)}7%{opacity:1}48%{opacity:1;transform:translate(-42vw,-150px) rotate(3deg) scale(.8)}72%{opacity:1;transform:translate(-150px,-78px) rotate(1deg) scale(.92)}90%{opacity:1;transform:translate(-20px,-17px) rotate(-2deg) scale(1.01)}100%{opacity:0;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes insights-dragon-land{0%{opacity:0;transform:translateY(-22px) scale(.95)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes insights-dragon-fire{0%,100%{opacity:.68;transform:scaleX(-.88) scaleY(.94)}48%{opacity:1;transform:scaleX(-1.04) scaleY(1.02)}}
@media(max-width:700px){.b-insights-dragon-landing{height:245px}.b-insights-footer-fire{top:28%;right:77%;width:57%}}
@media(prefers-reduced-motion:reduce){.b-insights-footer-flight,.b-insights-footer-fire{display:none}.b-insights-footer-dragon{opacity:1;transform:none}}

/* Keep the flame tied to the mouth in the illustration's native aspect ratio. */
.b-insights-dragon-landing{height:auto;aspect-ratio:1.5}
.b-insights-footer-fire{left:7%;right:auto;top:24%;width:55%;transform-origin:left 57%}
.b-insights-dragon-landing[data-arrived=true] .b-insights-footer-flight{animation:insights-dragon-flight 5.8s cubic-bezier(.3,.05,.24,1) forwards}
.b-insights-dragon-landing[data-arrived=true] .b-insights-footer-dragon{animation:insights-dragon-land .9s ease-out 4.9s forwards}
.b-insights-dragon-landing[data-arrived=true] .b-insights-footer-fire{animation:insights-dragon-fire 1.7s ease-in-out 5.8s infinite}
@keyframes insights-dragon-flight{0%{opacity:0;transform:translate(-85vw,-200px) rotate(8deg) scale(.78)}5%{opacity:1}84%{opacity:1}100%{opacity:0;transform:translate(0,0) rotate(0deg) scale(1)}}
@keyframes insights-dragon-fire{0%,100%{opacity:.82;transform:translateY(-57%) scale(-.96,.97)}48%{opacity:1;transform:translateY(-57%) scale(-1.04,1.03)}}
.insights-index #b-insights{background:#c9d0c5;color:#172423}
.insights-index .b-insight-image{background:transparent}
@media(max-width:700px){.b-insights-dragon-landing{height:auto}.b-insights-footer-fire{left:7%;right:auto;top:24%;width:55%}}

.b-insights-footer-fire{left:9%;}

/* Enlarge the complete rig so flight, seated art, and flame stay aligned. */
.b-insights-dragon-landing{transform:scale(1.13);transform-origin:60% 100%}

/* Selected Insights palette: deep forest, separated from the parchment footer. */
.insights-index #b-insights{background:#172423;color:#f3eddf}
.insights-index #b-insights .b-insights-heading h1 em{color:#eb9a77}
.insights-index #b-insights .b-insight-card{border-bottom-color:#f3eddf55}
.insights-index #b-insights .b-insight-image{background:transparent}
.insights-index #b-insights .b-insight-art{mix-blend-mode:normal}

/* Preserve the supplied alpha channel on smaller iPhone screens too. */
@media(max-width:700px){
 .insights-index #b-insights .b-insight-image,
 .insights-index #b-insights .b-insight-art{background:transparent!important}
}
.insights-index #b-insights a:hover,.insights-index #b-insights a:focus-visible{color:#eb9a77}

/* Approved Insights landing: 113% of existing artwork, right 13px, up 1px. */
@media(min-width:701px){.b-insights-dragon-landing{scale:1.13;translate:13px -1px;transform-origin:60% 100%}}