/* Royal Gateway love-story cards: three painted doors that open as they enter view. */
.story .story-timeline{list-style:none;max-width:1024px;margin:0 auto;padding:0;border:0;display:grid;gap:88px}
.story .story-timeline .story-row{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:56px;margin:0;padding:0;min-height:312px}
.story .story-timeline .story-row::before{display:none}
.story .story-timeline .story-row-reverse{grid-template-columns:minmax(0,1fr) 240px}
.story-row-reverse .story-art{grid-column:2;grid-row:1}
.story-row-reverse .story-copy{grid-column:1;grid-row:1}
.story-art{width:240px;aspect-ratio:400/520;position:relative;isolation:isolate;filter:drop-shadow(0 10px 14px #3c140059)}
.story-art>img{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.story-window{position:absolute;left:16.25%;top:11.7%;width:67.5%;height:84.5%;overflow:hidden;background:radial-gradient(circle at 50% 39%,#fff6e3,#f3cf8f);display:flex;align-items:center;justify-content:center;perspective:700px}
.story-window>span{font:48px var(--script);color:#9e141e;position:relative;z-index:0}
.story-leaf{position:absolute;top:0;bottom:0;width:50.5%;z-index:2;background-color:#f36b1c;background-image:radial-gradient(circle,#fffdf2 0 2.5px,transparent 2.9px),radial-gradient(circle,#fffdf2 0 2.5px,transparent 2.9px);background-size:16px 16px;background-position:0 0,8px 8px;border:2px solid #b8460a;backface-visibility:hidden;transition:transform 1.25s cubic-bezier(.22,.75,.24,1),opacity .5s .8s}
.story-leaf-left{left:0;transform-origin:left}.story-leaf-right{right:0;transform-origin:right}
.story-art.visible .story-leaf-left{transform:translateX(-101%);opacity:0}.story-art.visible .story-leaf-right{transform:translateX(101%);opacity:0}
.story .story-timeline .story-copy .story-date{font:37px var(--script);color:#a66e25}
.story .story-timeline .story-copy h3{font:28px/1.3 var(--serif);color:#9e141e;margin:10px 0 22px;text-transform:uppercase}
.story .story-timeline .story-copy h3::after{content:'';display:block;width:80px;height:1px;background:#c59c5c;margin-top:16px}
.story .story-timeline .story-copy p{font:20px/1.6 var(--sans);color:#9c5c59;max-width:670px;margin:0}
@media(max-width:700px){.story .story-timeline{gap:62px}.story .story-timeline .story-row,.story .story-timeline .story-row-reverse{display:flex;flex-direction:column;gap:18px;min-height:0;align-items:center}.story-row-reverse .story-art,.story-row-reverse .story-copy{grid-column:auto;grid-row:auto}.story-art{width:208px}.story .story-timeline .story-copy{text-align:center}.story .story-timeline .story-copy .story-date{font-size:30px}.story .story-timeline .story-copy h3{font-size:23px;margin:6px 0 12px}.story .story-timeline .story-copy h3::after{margin:10px auto 0}.story .story-timeline .story-copy p{font-size:17px;line-height:1.5}.story-window>span{font-size:39px}}
@media(prefers-reduced-motion:reduce){.story-leaf{transition:none}.story-art .story-leaf{display:none}}