.ruby-hero{--ruby-h:clamp(320px, 42.8vw, 548px);background:#feefd5;align-items:center;width:100%;min-height:clamp(352px,36.8vw,496px);padding-block:48px;display:grid;position:relative;overflow:hidden}.ruby-hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#feefd5 0% 30%,#feefd500 55%);position:absolute;inset:0}.ruby-hero-video{height:var(--ruby-h);width:min(100%, calc(var(--ruby-h) * 1.375));object-fit:cover;object-position:right center;position:absolute;top:50%;right:clamp(0px,10vw,160px);transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}.ruby-hero-content{z-index:2;width:100%;max-width:72rem;margin-inline:auto;padding-inline:1.5rem;position:relative}.ruby-hero-content>*{max-width:min(52%,560px)}.ruby-hero-content .hero-ctas{max-width:min(100%,660px)}.ruby-hero-content .hero-ctas>a{padding-inline:1.5rem}@media (width<=1000px){.ruby-hero-content .hero-ctas{max-width:min(52%,560px)}}.ruby-hero-content h1{max-width:min(58%,620px)}.ruby-hero-toggle{z-index:3;background:color-mix(in srgb, var(--cream,#feefd5) 85%, transparent);min-height:40px;color:var(--brown,currentColor);border:1px solid color-mix(in srgb, var(--brown,#000) 20%, transparent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;display:inline-flex;position:absolute;bottom:16px;right:16px}.ruby-hero-toggle:focus-visible{outline-offset:2px;outline:2px solid}@media (width<=700px){.ruby-hero{flex-direction:column;min-height:0;padding-block:0;display:flex}.ruby-hero:before{display:none}.ruby-hero-content{order:1;width:auto;margin-left:0;padding:32px 24px 8px}.ruby-hero-content>*,.ruby-hero-content .hero-ctas,.ruby-hero-content h1{max-width:none}.ruby-hero-video{aspect-ratio:4/5;object-position:76% center;order:2;width:100%;height:auto;display:block;position:static;top:auto;right:auto;transform:none;-webkit-mask-image:none;mask-image:none}.ruby-hero-toggle{order:3;align-self:flex-end;margin:10px 16px 16px;position:static}}