/* The actual hand-drawn artwork is the composition: no generic substitute sun or waves. */
.hero{isolation:isolate;background:linear-gradient(132deg,#f7e3b9 0 52%,#f3bd4b 52% 72%,#ef6747 72%)}
.hero:after,.hero-sun,.hero-waves{display:none}.hero:before{display:block;background:repeating-linear-gradient(135deg,transparent 0 22px,rgba(23,58,53,.08) 23px 26px,transparent 27px 48px);opacity:.5}
.hero-underlay{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.hero-underlay img{position:absolute;width:min(83vw,1120px);height:auto;left:33%;top:50%;transform:translate(-42%,-45%) rotate(-8deg);opacity:.36;mix-blend-mode:multiply;filter:saturate(1.18) contrast(1.05)}
.hero-art{z-index:1;right:1.5vw;bottom:-4vw;width:min(45vw,655px);height:calc(100% - 2.5vw)}.hero-art img{filter:drop-shadow(10px 12px 0 rgba(23,58,53,.42))}.hero h1{z-index:2;max-width:690px;color:var(--ink);text-shadow:4px 4px 0 var(--foam),-1px -1px 0 rgba(23,58,53,.12)}.hero-bottom{z-index:2}.hero-bottom p{background:rgba(247,227,185,.76);padding:.8rem;max-width:335px;border-left:4px solid var(--ink)}
.manifesto{background:#25788a}.manifesto:before{content:"";position:absolute;inset:0;background:url('./night-tides-guardian.png') 115% 35%/52% auto no-repeat;opacity:.16;mix-blend-mode:screen;transform:rotate(11deg)}.manifesto h2,.manifesto-copy,.manifesto .eyebrow{z-index:1}
@media(max-width:700px){.hero-underlay img{width:110vw;left:54%;top:56%;opacity:.28}.hero-art{right:-12vw;width:78vw;height:60%;bottom:-1vw}.hero h1{max-width:78%;text-shadow:3px 3px 0 var(--foam)}.hero-bottom p{max-width:57%;padding:.55rem;font-size:.86rem}}