:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;background:#f5f5f7;color:#1d1d1f;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:280px;background:#f5f5f7}.shell{max-width:1220px;min-height:100svh;margin:auto;padding:26px 40px 28px;display:flex;flex-direction:column}header,footer,.brand,.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between}header{border-bottom:1px solid #e5e5ea;padding-bottom:21px}.brand{gap:17px}.monogram{font-size:30px;font-weight:700;letter-spacing:-2px}.monogram span{color:#0071e3}.brand-label{font-size:10px;font-weight:500;letter-spacing:2px;border-left:1px solid #d7d7dc;padding-left:17px;color:#6e6e73}.header-note{font-size:12px;color:#86868b}main{padding:58px 0 56px;flex:1}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.5px;color:#6e6e73;margin:0 0 16px}h1{font-size:clamp(36px,4.8vw,60px);font-weight:650;line-height:1.12;letter-spacing:-2.1px;margin:0}h1 span{color:#86868b}.subtitle{font-size:16px;line-height:1.7;color:#6e6e73;margin:23px 0 36px}.cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.card{--accent:#0071e3;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:330px;padding:29px 30px 23px;text-decoration:none;color:inherit;border:1px solid #eaeaf0;border-radius:24px;background:white;box-shadow:0 4px 20px #00000003;transition:transform .2s,box-shadow .2s,border-color .2s}.card-top{min-height:72px;align-items:flex-start}.card-top img{width:72px;height:72px;object-fit:contain;object-position:left center}.category{margin-top:4px;font-size:9px;font-weight:500;letter-spacing:1px;color:#6e6e73;background:#f5f5f7;border-radius:30px;padding:7px 10px}.card-copy{margin:24px 0 28px}h2{font-size:27px;font-weight:600;letter-spacing:-.8px;margin:0 0 10px}.card p{font-size:14px;line-height:1.75;margin:0;color:#6e6e73}.card-bottom{border-top:1px solid #eaeaf0;padding-top:19px;margin-top:auto;font-size:13px;font-weight:500;color:var(--accent);gap:12px}.card-bottom svg{width:21px;height:21px;fill:none;stroke:var(--accent);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s;flex-shrink:0}.card:focus-visible{outline:3px solid #0071e380;outline-offset:5px}@media(hover:hover){.card:hover{transform:translateY(-3px);border-color:#d4e3f5;box-shadow:0 12px 28px #1d1d1f0a}.card:hover .card-bottom svg{transform:translateX(3px)}}footer{border-top:1px solid #e5e5ea;padding-top:22px;color:#86868b;font-size:11px;gap:20px}footer span:first-child{letter-spacing:1.3px;font-size:9px}@media(min-width:1800px){.shell{max-width:1450px;padding:40px 64px}main{padding-top:80px}h1{font-size:72px}.subtitle{font-size:20px}.card{min-height:390px;padding:36px}.card p,.card-bottom{font-size:17px}h2{font-size:32px}}@media(max-width:720px){.shell{padding:22px}.header-note{font-size:10px;max-width:130px;text-align:right}main{padding:40px 0 36px}h1{letter-spacing:-1.3px;font-size:38px}.subtitle{font-size:14px;margin:20px 0 28px}.cards{grid-template-columns:1fr;gap:18px}.card{padding:24px;min-height:300px;border-radius:22px}.card-copy{margin:22px 0 25px}.card-top img{width:64px;height:64px}.card-top{min-height:64px}.eyebrow{font-size:9px;letter-spacing:1.2px}.card p{font-size:13px}h2{font-size:25px}footer{font-size:10px}footer span:last-child{text-align:right}}@media(max-width:360px){.header-note{display:none}h1{font-size:33px}.shell{padding:18px}.card{padding:21px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.card:hover{transform:none}}

/* A light cinema lobby: illustrated screen, film edges and ticket details. */
main{padding-top:42px}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px}.hero .subtitle{margin-bottom:30px}.cinema-art{display:block;width:100%;height:auto;max-width:480px;justify-self:end;margin-top:-12px}.screening-note{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:600;letter-spacing:1.5px;color:#86868b;margin:5px 0 20px}.screening-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#0071e3}.screening-line{height:1px;background:#dedee6;flex:1;margin:0 5px}.format{font-weight:400;letter-spacing:.8px}.card{padding-top:34px;background:linear-gradient(145deg,#fff 65%,#f8fbff)}.seerr{background:linear-gradient(145deg,#fff 65%,#fffbf6)}.card:before{content:"";position:absolute;left:18px;right:18px;top:10px;height:5px;background:radial-gradient(ellipse,#dce3ef 2.5px,transparent 3px) 0 0/17px 5px;opacity:.8;pointer-events:none}.seerr:before{background-image:radial-gradient(ellipse,#e6ddce 2.5px,transparent 3px)}.category{background:#eef5ff;color:#5279a7;font-size:8px;padding:7px 10px}.seerr .category{background:#fbf3e7;color:#927142}.card-bottom{border-top:1px dashed #dce3ed;position:relative}.card-bottom:before,.card-bottom:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#f5f5f7;border:1px solid #eaeaf0;top:-8px}.card-bottom:before{left:-39px}.card-bottom:after{right:-39px}.eyebrow{color:#6480a1}.subtitle{max-width:420px}@media(min-width:1800px){.hero{gap:35px}.cinema-art{max-width:540px}.screening-note{font-size:11px;margin-bottom:24px}.card-bottom:before{left:-45px}.card-bottom:after{right:-45px}}@media(max-width:900px) and (min-width:721px){h1{font-size:42px}.hero{grid-template-columns:1.2fr 1fr;gap:0}.cinema-art{width:110%;max-width:none}.category{font-size:7px;letter-spacing:.4px}}@media(max-width:720px){main{padding-top:34px}.hero{grid-template-columns:1fr;gap:0}.hero .subtitle{margin-bottom:0}.cinema-art{max-width:310px;justify-self:center;margin:-4px 0 8px}.screening-note{font-size:8px;letter-spacing:.8px;gap:7px;margin:0 0 18px}.format{font-size:7px;letter-spacing:.3px}.card{padding-top:32px}.card-bottom:before{left:-33px}.card-bottom:after{right:-33px}.category{font-size:8px}}@media(max-width:360px){.card-bottom:before{left:-30px}.card-bottom:after{right:-30px}.format{display:none}}
