/*!
 * Themeasy — Section Intro Widget Styles
 *
 * Composition-first section opener: eyebrow + title + description + actions
 * arranged as two content groups (heading / content) on a CSS grid. Five
 * layouts (stacked, split, offset eyebrow column, row with inline actions,
 * vertical rail), six eyebrow styles (text, pill, tag, line, dot, brackets),
 * five frame treatments (top/bottom hairline, outline, panel, blueprint with
 * corner ticks) and an adaptive divider. Pure CSS — no widget JS. Layout
 * modifiers use :where() so the empty-group fallbacks and responsive stack
 * rules always win on source order, never on specificity.
 *
 * Public tokens (--tms-*) are consumed — never private (--themeasy-*).
 *
 * @author Themeasy
 * @link https://themeasy.co
 * @since 1.0.0
 */
.tms-section-intro{--tms-section-intro-align:start;--tms-section-intro-split:50%;--tms-section-intro-offset-col:200px;--tms-section-intro-head-gap:1rem;--tms-section-intro-body-gap:1.5rem;--tms-section-intro-border-color:var(--tms-border-color,#e5e7eb);--tms-section-intro-border-width:1px;--tms-section-intro-divider-color:var(--tms-section-intro-border-color);--tms-section-intro-divider-size:1px;--tms-section-intro-tick-size:.75rem;width:100%;color:var(--tms-body-color,#4a4f5a);grid-template-columns:minmax(0,1fr);grid-template-areas:"h""b";gap:2rem 3rem;display:grid;position:relative}.tms-section-intro .tms-section-intro__head{align-items:var(--tms-section-intro-align,start);gap:var(--tms-section-intro-head-gap);flex-direction:column;grid-area:h;min-width:0;display:flex}.tms-section-intro .tms-section-intro__body{align-items:var(--tms-section-intro-align,start);gap:var(--tms-section-intro-body-gap);flex-direction:column;grid-area:b;min-width:0;display:flex}.tms-section-intro .tms-section-intro__eyebrow{max-width:100%;color:var(--tms-primary-color,#2563eb);font-family:var(--tms-accent-font);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.5em;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.tms-section-intro .tms-section-intro__eyebrow-text{min-width:0;display:inline-block}.tms-section-intro .tms-section-intro__eyebrow-icon{flex:none;justify-content:center;align-items:center;width:1em;height:1em;font-size:1.25em;line-height:1;display:inline-flex}.tms-section-intro svg.tms-section-intro__eyebrow-icon{fill:currentColor}.tms-section-intro svg.tms-section-intro__eyebrow-icon[fill=none]{fill:none;stroke:currentColor}.tms-section-intro--eyebrow-pill .tms-section-intro__eyebrow{border:1px solid;border-radius:999px;padding:.5em 1.1em}.tms-section-intro--eyebrow-tag .tms-section-intro__eyebrow{background-color:#2563eb1a;background-color:color-mix(in srgb, currentColor 10%, transparent);border-radius:.375rem;padding:.5em .9em}.tms-section-intro--eyebrow-line .tms-section-intro__eyebrow:before{content:"";background-color:currentColor;flex:none;width:2.25em;height:2px;display:inline-block}.tms-section-intro--eyebrow-dot .tms-section-intro__eyebrow:before{content:"";background-color:currentColor;border-radius:50%;flex:none;width:.5em;height:.5em;animation:2.6s ease-out infinite tms-section-intro-dot-pulse;display:inline-block}@keyframes tms-section-intro-dot-pulse{0%{box-shadow:0 0 #2563eb66;box-shadow:0 0 0 0 color-mix(in srgb, currentColor 40%, transparent)}70%,to{box-shadow:0 0 0 .55em #0000}}.tms-section-intro--eyebrow-brackets .tms-section-intro__eyebrow:before{content:"["}.tms-section-intro--eyebrow-brackets .tms-section-intro__eyebrow:after{content:"]"}.tms-section-intro--eyebrow-brackets .tms-section-intro__eyebrow:before,.tms-section-intro--eyebrow-brackets .tms-section-intro__eyebrow:after{opacity:.65;flex:none;font-weight:400}.tms-section-intro .tms-section-intro__title{max-width:100%;color:var(--tms-heading-color,#11131a);overflow-wrap:break-word;text-wrap:balance;margin:0}.tms-section-intro .tms-section-intro__title em{color:var(--tms-primary-color,#2563eb);font-style:italic}.tms-section-intro .tms-section-intro__title mark{--tms-section-intro-mark-color:#2563eb2e;color:inherit;box-shadow:inset 0 -.42em 0 0 var(--tms-section-intro-mark-color);background:0 0;padding:0 .12em}@supports (color:color-mix(in srgb, red, blue)){.tms-section-intro .tms-section-intro__title mark{--tms-section-intro-mark-color:color-mix(in srgb, var(--tms-primary-color,#2563eb) 18%, transparent)}}.tms-section-intro .tms-section-intro__description{color:var(--tms-body-color,#4a4f5a);font-size:var(--tms-font-size-md)}.tms-section-intro .tms-section-intro__description p{margin:0 0 .75em}.tms-section-intro .tms-section-intro__description p:last-child{margin-bottom:0}.tms-section-intro .tms-section-intro__actions{align-items:center;justify-content:var(--tms-section-intro-align,start);flex-wrap:wrap;gap:.75rem;max-width:100%;display:flex}.tms-section-intro .tms-section-intro__button{z-index:2;position:relative}.tms-section-intro .tms-section-intro__divider{width:auto;height:var(--tms-section-intro-divider-size);background-color:var(--tms-section-intro-divider-color);border-radius:999px;grid-area:d;justify-self:stretch;display:block}.tms-section-intro--layout-split .tms-section-intro__divider,.tms-section-intro--layout-offset .tms-section-intro__divider,.tms-section-intro--layout-rail .tms-section-intro__divider{width:var(--tms-section-intro-divider-size);place-self:stretch center;height:auto}.tms-section-intro--layout-stacked:where(.tms-section-intro--has-divider){grid-template-areas:"h""d""b"}.tms-section-intro--layout-split{grid-template-columns:minmax(0, var(--tms-section-intro-split)) minmax(0, 1fr);grid-template-areas:"h b";align-items:start}.tms-section-intro--layout-split:where(.tms-section-intro--has-divider){grid-template-columns:minmax(0, var(--tms-section-intro-split)) auto minmax(0, 1fr);grid-template-areas:"h d b"}.tms-section-intro--layout-split:where(.tms-section-intro--swap){grid-template-columns:minmax(0, 1fr) minmax(0, var(--tms-section-intro-split));grid-template-areas:"b h"}.tms-section-intro--layout-split:where(.tms-section-intro--swap.tms-section-intro--has-divider){grid-template-columns:minmax(0, 1fr) auto minmax(0, var(--tms-section-intro-split));grid-template-areas:"b d h"}.tms-section-intro--layout-offset{grid-template-columns:minmax(0, var(--tms-section-intro-offset-col)) minmax(0, 1fr);grid-template-areas:"h b";align-items:start}.tms-section-intro--layout-offset:where(.tms-section-intro--has-divider){grid-template-columns:minmax(0, var(--tms-section-intro-offset-col)) auto minmax(0, 1fr);grid-template-areas:"h d b"}.tms-section-intro--layout-offset:where(.tms-section-intro--swap){grid-template-columns:minmax(0, 1fr) minmax(0, var(--tms-section-intro-offset-col));grid-template-areas:"b h"}.tms-section-intro--layout-offset:where(.tms-section-intro--swap.tms-section-intro--has-divider){grid-template-columns:minmax(0, 1fr) auto minmax(0, var(--tms-section-intro-offset-col));grid-template-areas:"b d h"}.tms-section-intro--layout-offset .tms-section-intro__head{padding-top:.3em}.tms-section-intro--layout-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h b";align-items:end}.tms-section-intro--layout-row:where(.tms-section-intro--has-divider){grid-template-areas:"h b""d d"}.tms-section-intro--layout-rail{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"h b";align-items:start}.tms-section-intro--layout-rail:where(.tms-section-intro--has-divider){grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"h d b"}.tms-section-intro--layout-rail .tms-section-intro__eyebrow{writing-mode:vertical-rl;transform:rotate(180deg)}.tms-section-intro--layout-rail .tms-section-intro__eyebrow-icon{transform:rotate(180deg)}.tms-section-intro--no-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"b"}.tms-section-intro--no-head:where(.tms-section-intro--has-divider){grid-template-areas:"d""b"}.tms-section-intro--no-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"h"}.tms-section-intro--no-body:where(.tms-section-intro--has-divider){grid-template-areas:"h""d"}.tms-section-intro--no-head .tms-section-intro__divider,.tms-section-intro--no-body .tms-section-intro__divider{width:auto;height:var(--tms-section-intro-divider-size);place-self:auto stretch}.tms-section-intro--frame-line-top{border-top:var(--tms-section-intro-border-width) solid var(--tms-section-intro-border-color);padding-top:2rem}.tms-section-intro--frame-line-bottom{border-bottom:var(--tms-section-intro-border-width) solid var(--tms-section-intro-border-color);padding-bottom:2rem}.tms-section-intro--frame-outline{border:var(--tms-section-intro-border-width) solid var(--tms-section-intro-border-color);border-radius:1rem;padding:2.5rem}.tms-section-intro--frame-panel{background-color:var(--tms-surface-color,#f7f8fa);border-radius:1rem;padding:2.5rem}.tms-section-intro--frame-blueprint{border:var(--tms-section-intro-border-width) solid var(--tms-section-intro-border-color);padding:2.5rem}.tms-section-intro .tms-section-intro__tick{z-index:1;width:var(--tms-section-intro-tick-size);height:var(--tms-section-intro-tick-size);color:var(--tms-section-intro-border-color);pointer-events:none;position:absolute}.tms-section-intro .tms-section-intro__tick:before,.tms-section-intro .tms-section-intro__tick:after{content:"";background-color:currentColor;position:absolute}.tms-section-intro .tms-section-intro__tick:before{width:100%;height:var(--tms-section-intro-border-width);top:50%;left:0;transform:translateY(-50%)}.tms-section-intro .tms-section-intro__tick:after{width:var(--tms-section-intro-border-width);height:100%;top:0;left:50%;transform:translate(-50%)}.tms-section-intro .tms-section-intro__tick--tl{top:calc(var(--tms-section-intro-tick-size) / -2);left:calc(var(--tms-section-intro-tick-size) / -2)}.tms-section-intro .tms-section-intro__tick--tr{top:calc(var(--tms-section-intro-tick-size) / -2);right:calc(var(--tms-section-intro-tick-size) / -2)}.tms-section-intro .tms-section-intro__tick--bl{bottom:calc(var(--tms-section-intro-tick-size) / -2);left:calc(var(--tms-section-intro-tick-size) / -2)}.tms-section-intro .tms-section-intro__tick--br{bottom:calc(var(--tms-section-intro-tick-size) / -2);right:calc(var(--tms-section-intro-tick-size) / -2)}@media (max-width:1024px){.tms-section-intro--stack-md{grid-template-columns:minmax(0,1fr);grid-template-areas:"h""b"}.tms-section-intro--stack-md:where(.tms-section-intro--has-divider){grid-template-areas:"h""d""b"}.tms-section-intro--stack-md:where(.tms-section-intro--no-head){grid-template-areas:"b"}.tms-section-intro--stack-md:where(.tms-section-intro--no-head.tms-section-intro--has-divider){grid-template-areas:"d""b"}.tms-section-intro--stack-md:where(.tms-section-intro--no-body){grid-template-areas:"h"}.tms-section-intro--stack-md:where(.tms-section-intro--no-body.tms-section-intro--has-divider){grid-template-areas:"h""d"}.tms-section-intro--stack-md .tms-section-intro__divider{width:auto;height:var(--tms-section-intro-divider-size);place-self:auto stretch}.tms-section-intro--stack-md .tms-section-intro__eyebrow{writing-mode:horizontal-tb;transform:none}.tms-section-intro--stack-md .tms-section-intro__head{padding-top:0}}@media (max-width:767px){.tms-section-intro--stack-sm{grid-template-columns:minmax(0,1fr);grid-template-areas:"h""b"}.tms-section-intro--stack-sm:where(.tms-section-intro--has-divider){grid-template-areas:"h""d""b"}.tms-section-intro--stack-sm:where(.tms-section-intro--no-head){grid-template-areas:"b"}.tms-section-intro--stack-sm:where(.tms-section-intro--no-head.tms-section-intro--has-divider){grid-template-areas:"d""b"}.tms-section-intro--stack-sm:where(.tms-section-intro--no-body){grid-template-areas:"h"}.tms-section-intro--stack-sm:where(.tms-section-intro--no-body.tms-section-intro--has-divider){grid-template-areas:"h""d"}.tms-section-intro--stack-sm .tms-section-intro__divider{width:auto;height:var(--tms-section-intro-divider-size);place-self:auto stretch}.tms-section-intro--stack-sm .tms-section-intro__eyebrow{writing-mode:horizontal-tb;transform:none}.tms-section-intro--stack-sm .tms-section-intro__head{padding-top:0}.tms-section-intro--frame-outline,.tms-section-intro--frame-panel,.tms-section-intro--frame-blueprint{padding:1.75rem}}@media (max-width:575px){.tms-section-intro--layout-stacked .tms-section-intro__actions,.tms-section-intro--stack-md .tms-section-intro__actions,.tms-section-intro--stack-sm .tms-section-intro__actions{width:100%}.tms-section-intro--layout-stacked .tms-section-intro__actions .tms-section-intro__button,.tms-section-intro--stack-md .tms-section-intro__actions .tms-section-intro__button,.tms-section-intro--stack-sm .tms-section-intro__actions .tms-section-intro__button{flex:auto;justify-content:center}}.tms-section-intro .tms-section-intro__button:focus-visible{outline:2px solid var(--tms-primary-color,#2563eb);outline-offset:3px}@media (prefers-reduced-motion:reduce){.tms-section-intro--eyebrow-dot .tms-section-intro__eyebrow:before{box-shadow:none;animation:none}.tms-section-intro,.tms-section-intro *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}