/* A translucent, folding sheet of color. The document and copy keep their own space. */
.hero-gradient{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-gradient-surface{position:absolute;top:-110px;bottom:-100px;left:calc(50% - 200px);width:min(70vw,1040px)}
/* The sheet keeps its capped composition; extra transparent drawing space lets
   the folded edge continue beyond that frame without hitting a vertical mask. */
.hero-gradient-surface canvas,.hero-gradient-fallback{position:absolute;top:0;left:0;display:block;width:135%;height:100%;mask-image:linear-gradient(90deg,transparent,#000 8.888889%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8.888889%)}
.hero-gradient-surface canvas{opacity:0}
[data-gradient-ready="true"] canvas{opacity:1}
[data-gradient-ready="true"] .hero-gradient-fallback{visibility:hidden}
.hero-gradient-toggle{position:absolute;right:23px;bottom:19px;z-index:2;display:grid;place-items:center;width:30px;height:30px;min-height:0;padding:0;border:1px solid #20211f14;border-radius:50%;color:#5a5659;background:#ffffffb8;cursor:pointer;pointer-events:auto;transition:background 140ms ease,color 140ms ease}
.hero-gradient-toggle:hover{background:#fff;color:#20211f;transform:none}
.hero-gradient-toggle:focus-visible{outline:2px solid #c44313;outline-offset:3px}
.hero-gradient-toggle[hidden]{display:none}
.gradient-play{display:none}
[data-gradient-motion="paused"] .gradient-play{display:block}
[data-gradient-motion="paused"] .gradient-pause{display:none}
@media(min-width:1600px){.hero-gradient-surface{top:-120px}}
@media(max-width:1150px){.hero-gradient-surface{left:43%;width:73vw}}
@media(max-width:850px){.hero-gradient-surface{top:405px;bottom:-90px;left:3%;right:-24%;width:auto}.hero-gradient-surface canvas,.hero-gradient-fallback{mask-image:linear-gradient(180deg,transparent,#000 13%,#000);-webkit-mask-image:linear-gradient(180deg,transparent,#000 13%,#000)}}
@media(max-width:590px){.hero-gradient-surface{top:390px;left:-10%;right:-30%;bottom:-45px}.hero-gradient-toggle{right:14px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.hero-gradient-toggle{display:none}}