.welcome-message{padding:clamp(1.25rem,2.5vw,2rem) var(--pad);border-bottom:1px solid var(--line);background:var(--ink)}
.welcome-message__inner{max-width:1240px;margin:0 auto}
.welcome-message__heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.7fr);align-items:end;gap:1rem 2rem;margin-bottom:1rem}
.welcome-message .eyebrow{margin:0 0 .6rem}
.welcome-message h2{font:800 clamp(1.5rem,2.6vw,2.5rem)/1.12 Syne,sans-serif;letter-spacing:-.045em;margin:0;text-wrap:balance}
.welcome-message h2 span{color:var(--hot)}
.welcome-message__intro{font-size:clamp(.88rem,1.1vw,1rem);line-height:1.65;color:#c5c1c7;margin:0;max-width:34rem}
.welcome-message__player{position:relative;width:100%;padding-top:56.25%;background:#111;overflow:hidden;border:1px solid var(--line)}
.welcome-message__player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.welcome-message__play{position:absolute;left:14px;bottom:14px;z-index:1;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #ffffff73;border-radius:50%;background:rgba(18,18,22,.48);color:#fff;cursor:pointer;box-shadow:0 2px 8px #0002;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.welcome-message__play[hidden]{display:none}
.welcome-message__play svg{width:17px;height:17px;margin-left:2px;fill:currentColor;pointer-events:none}
@media(hover:hover){.welcome-message__play:hover{background:rgba(18,18,22,.72);border-color:#fff;box-shadow:0 3px 14px #0003}}
.welcome-message__play:active{background:rgba(18,18,22,.85)}
.welcome-message__play:focus-visible{outline:3px solid #fff;outline-offset:4px}
.welcome-message__play:disabled{cursor:wait;opacity:.65}
@media(prefers-reduced-motion:reduce){.welcome-message__play{transition:none}}
.welcome-message__note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;margin:.8rem 0 0;color:var(--muted);font-size:.75rem;line-height:1.5}
.welcome-message__note a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.welcome-message__heading{grid-template-columns:minmax(0,1fr);gap:.65rem;margin-bottom:.9rem}.welcome-message h2{font-size:clamp(1.5rem,6.2vw,2rem)}.welcome-message__intro{font-size:.88rem}.welcome-message__note{font-size:.7rem}}
.huta-welcome video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111}
.huta-welcome video:focus-visible{outline:2px solid var(--hot);outline-offset:-2px}
.welcome-messages>.welcome-message{display:grid;grid-template-rows:subgrid;grid-row:span 3}
.welcome-messages .welcome-message__inner{display:contents}
.welcome-messages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.25rem,2.5vw,2rem) var(--pad);border-bottom:1px solid var(--line);background:var(--ink)}
.welcome-messages>.welcome-message{min-width:0;padding:0;border:0}
.welcome-messages .welcome-message__heading{grid-template-columns:minmax(0,1fr);gap:.65rem;align-content:start;min-height:0}
.welcome-messages .welcome-message h2{font-size:clamp(1.5rem,2.1vw,2rem)}
.welcome-messages .welcome-message__intro{font-size:.88rem}
@media(max-width:700px){.welcome-messages{grid-template-columns:minmax(0,1fr);gap:2rem}.welcome-messages .welcome-message__heading{min-height:0}.welcome-messages .welcome-message h2{font-size:clamp(1.5rem,6.2vw,2rem)}}
.welcome-messages{row-gap:0}
@media(max-width:700px){.welcome-messages>.welcome-message+ .welcome-message{margin-top:2rem}}
