/* Quiet incoming tide directly beneath the invitation copy. */
.editorial{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:25px;row-gap:0;padding-bottom:0;margin-bottom:42px;overflow:visible}.editorial>div:first-child{grid-column:1;grid-row:1}.editorial>div:first-child p{margin-bottom:0}.editorial>.secondary{grid-column:2;grid-row:1}.editorial>.shoreline{grid-column:1/-1;grid-row:2}
.shoreline{position:relative;left:50%;width:100vw;transform:translateX(-50%);height:clamp(100px,11vw,155px);margin:0;pointer-events:none;overflow:hidden;isolation:isolate;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 78%,transparent)}
.shoreline svg{display:block;width:106%;max-width:none;height:100%;margin-left:-3%;overflow:visible;animation:rada-tide 14s ease-in-out infinite;transform-origin:50% 50%;will-change:transform}.shoreline svg>path:nth-of-type(4),.shoreline svg>path:nth-of-type(5){animation:rada-foam 14s ease-in-out infinite}body{overflow-x:clip}
@keyframes rada-tide{0%,100%{transform:translate3d(-.6%,-7px,0) scaleY(.93);opacity:.8}50%{transform:translate3d(.6%,7px,0) scaleY(1.07);opacity:1}}
@keyframes rada-foam{0%,100%{opacity:.5}50%{opacity:1}}
/* A viewport-wide decoration must not set the grid's minimum track width. */
.editorial>div:first-child{min-width:0}.editorial>.shoreline{min-width:0}
@media(max-width:700px){.editorial{grid-template-columns:minmax(0,1fr);padding-bottom:0;margin-bottom:30px}.editorial>.secondary{grid-column:1;grid-row:3;justify-self:start;margin-top:4px;max-width:100%;white-space:normal}.shoreline{height:100px}}
@media(prefers-reduced-motion:reduce){.shoreline svg,.shoreline svg>path{animation:none!important;will-change:auto}}