.frame-hero{padding:18px var(--gutter,16px) 42px;text-align:center;color:#fff;background:radial-gradient(70% 38% at 50% 30%,#f4dfae29,#0000 72%),linear-gradient(175deg,#0c7f89 0%,#0a5c63 46%,#063135 100%);position:relative;overflow:hidden}.fh-eyebrow{color:#e6c98a;align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.fh-eyebrow:before,.fh-eyebrow:after{content:"";background:linear-gradient(90deg,#0000,#e6c98a);border-radius:2px;width:30px;height:1.5px}.fh-eyebrow:after{transform:scaleX(-1)}.fh-frame{aspect-ratio:3/2;background:#063135;border-radius:18px;width:100%;max-width:760px;margin:4px auto 0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e6c98abf,0 0 0 5px #e6c98a1f,0 22px 40px -18px #000000b3}.fh-slide{opacity:0;margin:0;transition:opacity 1.2s;position:absolute;inset:0}.fh-slide:before{content:"";background:var(--bg) center / cover;filter:blur(18px)brightness(.55);position:absolute;inset:-20px}.fh-slide img{object-fit:contain;width:100%;height:100%;display:block;position:relative}.fh-slide.on{opacity:1}@media (prefers-reduced-motion:no-preference){.fh-slide img{transition:transform 6s ease-out;transform:scale(1.02)}.fh-slide.on img{transform:scale(1)}}.fh-bars{justify-content:center;gap:6px;margin:14px auto 0;display:flex}.fh-bar{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:34px;height:14px;padding:0;position:relative}.fh-bar:before,.fh-bar i{content:"";border-radius:2px;height:2.5px;position:absolute;top:6px;left:0;right:0}.fh-bar:before{background:#ffffff47}.fh-bar i{background:linear-gradient(90deg,#f7e7b4,#c9a053);width:0;right:auto}.fh-bar.on i{animation:5.5s linear forwards fhFill}.fh-bar:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #f4dfae}[dir=rtl] .fh-bar i{left:auto;right:0}@keyframes fhFill{to{width:100%}}.fh-text{margin-top:14px}.fh-text h1{background:linear-gradient(135deg,#c9a053,#f7e7b4 45%,#d7b266 72%,#f1ddae);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:28px;font-weight:800;line-height:1.35}.fh-text p{color:#ffffffdb;max-width:320px;margin:0 auto;font-size:13px;line-height:1.85}@media (width>=768px){.fh-text h1{font-size:36px}.fh-text p{max-width:460px;font-size:15px}.fh-bar{width:46px}}@media (prefers-reduced-motion:reduce){.fh-bar.on i{width:100%;animation:none}.fh-slide{transition:none}}