:root{--card-bg:#e3e3db;--card-fg:#1a1a1a;--card-accent:burlywood;--card-back-1:#e0e0e0;--card-back-2:burlywood;--card-back-3:#1a1a1a}.main-card-container{background:var(--card-bg);width:100%;height:100%;color:var(--card-fg);font-family:Playfair Display,Georgia,serif;position:relative}.main-card-container img{object-fit:cover;width:100%;height:100%}.main-card-container h1{margin:0;font-size:3.5rem;font-weight:700;line-height:1.2}.main-card-container p{font-family:Inter,sans-serif;font-size:1.2rem;line-height:1.6}.main-card-container section{background-color:var(--card-bg);width:100%;height:100svh;color:var(--card-fg);padding:2rem;position:relative}.main-card-container .intro,.main-card-container .outro{text-align:center;flex-direction:column;place-content:center;align-items:center;gap:2rem;display:flex}.main-card-container .intro h1,.main-card-container .outro h1{width:50%;margin:0 auto}.main-card-container .sticky{border:1px solid #0000;justify-content:center;align-items:center;display:flex}.main-card-container .sticky-header{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.main-card-container .sticky-header h1{text-align:center;will-change:transform, opacity;opacity:0;position:relative;transform:translateY(40px)}.main-card-container .sticky-header h1:after{content:"";background-color:var(--card-accent);border-radius:2px;width:80px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.main-card-container .card-container{perspective:1000px;will-change:width;width:75%;display:flex;position:relative;transform:translateY(40px)}.main-card-container .card{aspect-ratio:5/7;transform-style:preserve-3d;transform-origin:top;flex:1;position:relative;box-shadow:0 20px 50px #0000001a}.main-card-container #card-1{border-radius:20px 0 0 20px}.main-card-container #card-3{border-radius:0 20px 20px 0}.main-card-container .card-front,.main-card-container .card-back{backface-visibility:hidden;border-radius:inherit;width:100%;height:100%;position:absolute;overflow:hidden}.main-card-container .card-back{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:3rem 2rem;display:flex;transform:rotateY(180deg)}.main-card-container .card-front{z-index:2;transform:rotateY(0)}.main-card-container .card-back span{opacity:.6;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:500;position:absolute;top:2rem;left:2rem}.main-card-container #card-1 .card-back{background-color:var(--card-back-1);color:var(--card-fg)}.main-card-container #card-2 .card-back{background-color:var(--card-back-2);color:#fff}.main-card-container #card-3 .card-back{background-color:var(--card-back-3);color:#fff}@media (max-width:1000px){.main-card-container{display:none}.main-card-container h1{font-size:2.5rem}.main-card-container .intro h1,.main-card-container .outro h1{width:90%}.main-card-container .sticky{flex-direction:column;gap:3rem;height:max-content;padding:4rem 2rem;transform:none}.main-card-container .sticky-header{margin-bottom:2rem;position:relative;top:0;left:0;transform:none}.main-card-container .sticky-header h1{opacity:1;transform:none}.main-card-container .card-container{flex-direction:column;gap:2rem;width:100%}.main-card-container .card{width:100%;max-width:400px;margin:0 auto;border-radius:20px!important}#card-1,#card-2,#card-3,.main-card-container .card-back{transform:rotateY(180deg)}}