/* Four clear service choices in blue, silver and lilac. */
.digital-hero{position:relative;isolation:isolate;overflow:hidden;padding:44px 28px 54px;background:#f2f6fc;color:#183044}
.digital-hero-inner{position:relative;z-index:1;max-width:1240px;margin:auto}
.digital-atmosphere{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 0 45%,#bddffc70,transparent 57%),radial-gradient(ellipse at 100% 20%,#e1d4f57a,transparent 53%)}
.digital-atmosphere>i{position:absolute;top:-180px;left:10%;width:500px;height:500px;border-radius:50%;background:#b9d7f233;filter:blur(60px)}.digital-atmosphere>i:nth-child(2){left:auto;right:-100px;top:120px;background:#d8c5ee29}
.hero-editorial{text-align:center;margin:0 auto 29px}.digital-hero .hero-editorial h1{font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:#6a7c90;margin:0}.hero-editorial>p{font-size:27px;font-weight:500;letter-spacing:-.035em;line-height:1.3;margin:11px 0 0;color:#263a51}
.digital-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;perspective:1400px}
.service-portal{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:24px;background:#ffffffed;border:1px solid #dae3ee;box-shadow:0 12px 30px #344e7510;--rx:0deg;--ry:0deg;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .45s var(--ease),box-shadow .4s,border-color .4s;text-decoration:none;color:#213249}
.service-portal:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#fff5 48%,transparent 70%);transform:translateX(-140%);transition:transform .9s}.service-portal:hover:after{transform:translateX(140%)}.service-portal:hover,.service-portal:focus-visible{border-color:#84b5dc;box-shadow:0 20px 40px #345c8e20}
.portal-image{position:relative;overflow:hidden;aspect-ratio:1.14;background:linear-gradient(145deg,#f6fafc,#e8f0f8);border-bottom:1px solid #e8edf3}.portal-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.service-portal:hover .portal-image>img{transform:scale(1.055)}.portal-print .portal-image>img{object-position:center}.portal-edible .portal-image{background:#fbf7fc}.portal-edible .portal-image>img{object-position:36% center}
.portal-web .portal-image{padding:26px 19px 0;background:linear-gradient(130deg,#e9f3fc,#dae6f5)}.portal-screen{height:100%;position:relative;overflow:hidden;background:#183248;border:6px solid #1a293b;border-bottom:0;border-radius:10px 10px 0 0;box-shadow:0 7px 24px #233e6740;transform:perspective(900px) rotateY(-5deg);isolation:isolate}.portal-screen>img{display:block;width:100%;height:calc(100% - 18px);object-fit:cover;filter:brightness(.8)}.screen-bar{display:block;height:18px;padding:3px 6px;font-size:7px;line-height:12px;color:#a8b8cc;letter-spacing:2px;background:#263951}.screen-title{position:absolute;bottom:20px;left:15px;right:10px;color:#fff;font-size:23px;line-height:1.15;letter-spacing:-.04em;text-shadow:0 1px 10px #102d55}.screen-title b{font-weight:500}
.portal-invite .portal-image{display:flex;align-items:flex-end;justify-content:center;padding-top:17px;background:radial-gradient(ellipse at 50% 30%,#fff7f9,#efeaf9)}.portal-phone{position:relative;width:47%;height:95%;border:5px solid #262634;border-bottom:0;border-radius:19px 19px 0 0;overflow:hidden;box-shadow:0 5px 22px #5c41613b;transform:rotate(4deg)}.portal-phone:after{content:"";position:absolute;top:5px;left:35%;right:35%;height:4px;border-radius:5px;background:#24212f}.portal-phone>img{width:100%;height:100%;object-fit:cover;object-position:50% 62%}.portal-phone>span{position:absolute;inset:16% 0 auto;padding:7px 2px;text-align:center;color:#613c58;background:#fff7ebbf;font-family:"GuateLab Script",cursive;font-size:29px;line-height:1.3}.portal-phone small{display:block;font-family:inherit;font-size:15px}
.portal-copy{padding:23px 22px 25px;flex:1}.portal-copy h2{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-size:22px;line-height:1.23;letter-spacing:-.04em;font-weight:650;color:#203044;margin:0}.portal-copy h2>span{font-size:21px;font-weight:400;color:#6e9abf;flex-shrink:0}.portal-copy p{font-size:15px;color:#6d7988;line-height:1.6;margin:13px 0 0}
.cinema-enter .hero-editorial{animation:editorial-arrive .7s both}.cinema-enter .service-portal{animation:portal-arrive .95s var(--ease) both}.cinema-enter .service-portal:nth-child(2){animation-delay:.1s}.cinema-enter .service-portal:nth-child(3){animation-delay:.2s}.cinema-enter .service-portal:nth-child(4){animation-delay:.3s}
@keyframes portal-arrive{from{opacity:0;transform:perspective(1000px) translateY(25px) rotateY(-8deg)}to{opacity:1;transform:perspective(1000px) translateY(0) rotateY(0)}}@keyframes editorial-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.digital-hero{padding-top:62px;padding-bottom:68px}.digital-services{gap:24px}}
@media(max-width:1050px){.digital-services{gap:14px}.portal-copy{padding:20px 17px}.portal-copy h2{font-size:19px}.portal-copy p{font-size:14px}.screen-title{font-size:19px;left:9px}.portal-phone>span{font-size:23px}.portal-phone small{font-size:12px}}
@media(max-width:760px){.digital-hero{padding:26px 18px 32px}.hero-editorial{margin-bottom:21px}.digital-hero .hero-editorial h1{font-size:9px;letter-spacing:.1em}.hero-editorial>p{font-size:21px;margin-top:9px}.digital-services{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.service-portal{border-radius:21px}.portal-image{aspect-ratio:1.22}.portal-copy{padding:17px 13px 19px}.portal-copy h2{font-size:17px;line-height:1.26;gap:4px}.portal-copy h2>span{font-size:16px}.portal-copy p{font-size:13px;line-height:1.55;margin-top:11px}.portal-copy p br{display:none}.portal-web .portal-image{padding:16px 10px 0}.portal-screen{border-width:4px;border-radius:7px 7px 0 0}.screen-title{font-size:18px;left:9px;bottom:14px}.screen-bar{font-size:5px;height:14px;line-height:8px}.portal-screen>img{height:calc(100% - 14px)}.portal-invite .portal-image{padding-top:10px}.portal-phone{width:51%;border-width:3px;border-radius:12px 12px 0 0}.portal-phone>span{font-size:21px;top:18%}.portal-phone small{font-size:11px}.portal-phone:after{height:3px;top:3px}}
@media(max-width:350px){.digital-hero{padding-inline:13px}.digital-services{gap:10px}.portal-copy{padding:14px 11px 16px}.portal-copy h2{font-size:15px}.portal-copy p{font-size:12px}.portal-image{aspect-ratio:1.13}.screen-title{font-size:16px}.portal-phone>span{font-size:18px}.portal-phone small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.digital-hero *,.digital-hero *:after{animation:none!important;transition:none!important}.service-portal{transform:none!important}}