/* A fuller, more colourful island. The paper stays; the films bring the colour. */
:root{--paper:#fcf8ef;--ink:#252c36;--muted:#7d7c82;--line:#e5dfd6;--panel:#f0e9dd;--coral:#ff7863;--blue:#639eff;--violet:#ad94eb;--amber:#ffc85b;--lime:#d5f473}
.hero{padding-top:30px}.hero-copy{padding:25px 0 33px;grid-template-columns:1.3fr 1fr}.hero-aside{max-width:365px}.hero-topline .status-dot{background:var(--coral);box-shadow:0 0 0 4px #ff786317}.hero-topline .eyebrow{color:#bf6150}.title-spark{color:var(--coral)}h1 em:after{background:#ffc85b;height:14px;bottom:0}.hero-aside>p:first-child{font-size:21px}.hero-aside .button-dark{background:#5b57c4;color:#fff}.hero-aside .button-dark:hover{box-shadow:0 8px 22px #5b57c438}.hero-aside>.muted{font-size:12px;line-height:1.95}.preview-heading{margin-bottom:7px}.handwritten{color:#a28a85}.site-nav a::after{background:var(--coral)}.site-nav a.is-current{color:#bf6150}.small-cta{background:#ffdfbd;border-color:#f0cba3;color:#5f4b39}.brand-mark{color:#5e62a9}.availability{font-size:9px}.experience-toolbar{padding-bottom:11px}.switch-track{background:#e5dcf3}.atmosphere-toggle[aria-pressed=true] .switch-track{background:#9a83cf}.live-orbit{border-color:#af9ad2}.live-orbit::after{background:#8c6cc9}
.stage-info-cards,.stage-sync{display:none}#product-stage[data-device=mobile]{height:534px;min-height:0;background:#e7d4ee}#product-stage[data-device=mobile] .ambient-field>img{opacity:.42;filter:blur(30px) saturate(1.7)}#product-stage[data-device=mobile] .ambient-field>span{background:linear-gradient(120deg,#683b8255,#c36d7833)}#product-stage[data-device=mobile].atmosphere-on{background:#c79dc6}#product-stage[data-device=mobile]::before{top:37px;left:5%;font-size:8px;letter-spacing:2px;color:#fbf1ff;opacity:.9}#product-stage[data-device=mobile]::after{color:#fbf1ff;opacity:.7;bottom:27px;left:5%}#product-stage[data-device=mobile] .phone-app{bottom:41px}#product-stage[data-device=mobile] .stage-info-cards{position:absolute;left:5%;top:143px;display:flex;flex-direction:column;gap:19px;z-index:1}#product-stage[data-device=mobile] .stage-info-cards>span{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;border-bottom:1px solid #ffffff36;padding-bottom:15px;color:#fff3ed;min-width:141px}#product-stage[data-device=mobile] .stage-info-cards strong{font:500 italic 33px/1 var(--serif)}#product-stage[data-device=mobile] .stage-info-cards small{font-size:9px;letter-spacing:1px}#product-stage[data-device=mobile] .stage-info-cards>span:nth-child(2){color:#fff0b7}#product-stage[data-device=mobile] .stage-info-cards>span:nth-child(3){color:#d6ebff}#product-stage[data-device=mobile] .stage-sync{display:flex;align-items:center;gap:7px;position:absolute;right:6%;top:39px;color:#fbf3ed;font-size:7px;letter-spacing:1.5px}#product-stage[data-device=mobile] .stage-sync i{width:4px;height:4px;border-radius:50%;background:#d5f473}#product-stage[data-device=mobile] .handoff-note{right:5%;bottom:113px;background:#fff0d5;border-color:#f7dab5;color:#8d6d51}#product-stage .phone-app{background:#fffaf1;border-color:#323048}#product-stage .phone-header .user-avatar{background:#f6c8b1;color:#a56953}#product-stage .phone-app .phone-header .app-logo::after{color:#e6a44e}#product-stage .phone-bottom-nav .active{background:#e9ddff;color:#7254a2}.phone-home-indicator{background:#55506f}#product-stage .phone-feature-shade{background:linear-gradient(0deg,#3f2032e8 0%,#5c385f08 85%)}#product-stage[data-scene="1"] .phone-feature>img{object-position:50% 46%}#product-stage[data-scene="2"] .phone-feature>img{object-position:center}#product-stage[data-scene="0"] .scene-image{object-position:50% 45%}#product-stage[data-scene="1"] .scene-image{object-position:50% 35%}#product-stage[data-scene="0"] .scene-shade{background:linear-gradient(90deg,#42172bad,transparent 90%),linear-gradient(0deg,#4f243bd4,transparent 80%)}.cinema-scene{height:288px}.scene-top{color:#ffe8bc}.scene-actions .button-lime{background:#ffd170}.scene-copy h2{font-weight:500}.scene-copy p span{color:#f7dcd5}.desktop-app{background:#fff8ed;border-color:#cab6bc}.app-titlebar{background:#f3ddda;border-color:#e8cbca}.app-sidebar{background:#f5e9df;border-color:#e5d8d5}.mock-nav .selected{background:#e6d6f1}.mock-nav button:hover,.mock-nav a:hover{background:#efdcdb}.app-main{background:#fff8ef}.mini-user .user-avatar{background:#f4c6ad;color:#9a5a4e}.film-tile-image{aspect-ratio:1.3}.film-tile-image img{object-position:50% 35%}.film-tile:nth-child(2) .film-tile-image{box-shadow:0 4px 0 #82b3f7}.film-tile:nth-child(1) .film-tile-image{box-shadow:0 4px 0 #f0a0a5}.film-tile:nth-child(3) .film-tile-image{box-shadow:0 4px 0 #ba9fe0}.film-tile:nth-child(4) .film-tile-image{box-shadow:0 4px 0 #f5c477}.film-tile:nth-child(5) .film-tile-image{box-shadow:0 4px 0 #e2a97b}.shelf-heading{margin-top:15px}.film-ribbon{margin:49px 0 48px;background:#ffca68;border-color:#f6bf5a;padding-block:13px;transform:rotate(-1deg)}.ribbon-track span{font-size:23px;color:#7b4a2e}.ribbon-track em{color:#9e5c4f;font-size:33px}.ribbon-track i{color:#c45d47}
/* The collection is now content in its own right, and can be browsed by mood. */
.colour-club{margin-bottom:60px}.club-heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.club-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#be7867;margin-bottom:15px}.club-heading h2{font-size:35px;letter-spacing:-1px;font-weight:500;position:relative;line-height:1.4;display:flex;gap:15px;align-items:center}.club-asterisk{font-size:36px;color:#e28b66;display:inline-block;animation:spark-turn 24s linear infinite}.club-heading>p{font-size:11px;line-height:1.8;color:var(--muted);margin-bottom:2px}.mood-controls{display:flex;gap:9px;align-items:center;margin:26px 0 26px;flex-wrap:wrap}.mood-controls button{font-size:10px;display:flex;gap:8px;align-items:center;padding:9px 13px;border:1px solid var(--line);border-radius:30px;transition:background .3s,color .3s,border-color .3s}.mood-controls i{width:6px;height:6px;background:#a08bca;border-radius:50%}.mood-controls [data-mood="warm"] i{background:#ed9d89}.mood-controls [data-mood="wonder"] i{background:#83a7e1}.mood-controls [data-mood="quiet"] i{background:#e7b663}.mood-controls button span{font:italic 13px/1 var(--serif);opacity:.55;margin-left:6px}.mood-controls button.selected{background:#5d57a7;border-color:#5d57a7;color:#fff5f2}.mood-controls button.selected i{background:#dfc6ff}.mood-controls button:hover{border-color:#bfa7dd}.club-films{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px;min-height:300px}.club-film{padding:0;text-align:left;min-width:0;animation:club-card-arrive .55s calc(var(--card-order)*55ms) both;position:relative;--card-colour:#ec9b9b;--card-paper:#fae2db}.club-film[data-palette="blue"]{--card-colour:#629cef;--card-paper:#d6e8ff}.club-film[data-palette="violet"]{--card-colour:#a88bd6;--card-paper:#e6dcf5}.club-film[data-palette="amber"]{--card-colour:#dca953;--card-paper:#ffe9c4}.club-film[data-palette="orange"]{--card-colour:#c88d5a;--card-paper:#f3ddc4}.club-image{display:block;position:relative;aspect-ratio:2/2.7;border-radius:7px;overflow:hidden;background:var(--card-paper);padding:10px 10px 0;transition:transform .35s,box-shadow .35s}.club-image>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:3px 3px 0 0;transition:transform .6s}.club-number{position:absolute;top:17px;left:17px;font:italic 20px/1 var(--serif);background:#fffbf1df;padding:4px 6px;border-radius:2px;color:#62505b}.club-open{position:absolute;left:10px;right:10px;bottom:0;display:flex;align-items:center;justify-content:space-between;background:var(--card-colour);color:#fff9f5;font-size:9px;padding:11px 12px;transform:translateY(100%);transition:transform .35s}.club-open svg{width:14px;height:14px}.club-genre{display:flex;align-items:center;gap:6px;font-size:8px;color:#9c8b82;margin-top:15px}.club-genre i{width:3px;height:3px;background:var(--card-colour);border-radius:50%}.club-film>strong{display:block;font-size:15px;font-weight:500;line-height:1.5;margin-top:5px;letter-spacing:-.2px}.club-film-en{display:block;font-size:6px;letter-spacing:.8px;color:#9f9690;margin-top:5px;line-height:1.8}.club-film:hover .club-image{transform:translateY(-7px) rotate(-1deg);box-shadow:0 12px 22px -12px var(--card-colour)}.club-film:hover .club-image>img{transform:scale(1.035)}.club-film:hover .club-open,.club-film:focus-visible .club-open{transform:translateY(0)}.club-footnote{border-top:1px solid var(--line);padding-top:14px;margin-top:24px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:8px}.club-footnote>span:last-child{display:flex;align-items:center;gap:7px}.club-footnote svg{width:12px;height:12px}.club-films:not([data-mood="all"]){grid-template-columns:repeat(5,minmax(0,1fr))}.club-films:not([data-mood="all"])::after{content:'好电影，不用急着看完。\A一晚一部，也很好。';white-space:pre;grid-column:3/6;align-self:center;justify-self:center;font:italic 25px/1.8 var(--serif);color:#c2a6a3}
/* Shorter gaps, richer objects. */
.section-intro{margin-bottom:30px}.section-intro h2{font-size:41px}.library-feature{gap:60px}.collection-collage{min-height:355px;background:#f2ccba}.poster-fan{height:248px}.poster-fan img:nth-child(1){box-shadow:0 10px 25px #9c577340}.paper-label{background:#fff8db;color:#a16d47;bottom:28px}.paper-label .status-dot{background:#e3995e}.collage-label{color:#aa6d58}.collage-index{color:#ae6c53}.feature-number{color:#c17d68}.feature-tags span:nth-child(1){background:#f8e0d5;border-color:#f4d0be}.feature-tags span:nth-child(2){background:#dbe8fb;border-color:#ccddf7}.feature-tags span:nth-child(3){background:#e9def6;border-color:#dfccec}.moments-section{margin-top:65px;padding-top:54px;background:#2c2948}.moments-heading h2{font-size:40px}.moments-heading em{color:#ffbf97}.moments-heading .eyebrow{color:#beabd9}.moments-heading p{color:#d2c6dd}.moments-heading .subtle-label{color:#ac9bbd}.moments-workspace{border-color:#ffffff24}.moment-cover{height:310px}.moment-cover>img{object-position:center 43%}.moment-overlay{background:linear-gradient(90deg,#281731a8,transparent 75%),linear-gradient(0deg,#2a223dd9,transparent 80%)}.moment-strip{background:#393250}.moment-card.selected .moment-thumb{border-color:#ffbd94}.moment-card-title svg{color:#ffbd94}.moment-card small{color:#c0afcf}.moment-stamp{color:#ffccae;border-color:#ffccae66;background:#6e3e4930}.more-section{padding-top:60px}.more-intro{margin-bottom:28px}.small-features{margin-top:30px;padding-bottom:25px}.small-features>div:first-child>span{color:#cc7968}.small-features>div:nth-child(2)>span{color:#6c94c1}.small-features>div:nth-child(3)>span{color:#a07eb8}.download-section{margin-top:20px;background:#454573}.download-copy .eyebrow{color:#dbb9dc}.download-copy h2{font-size:41px}.download-copy>p{color:#d0c6df}.download-inner{padding-block:52px}.platform-row>svg{color:#d5bcf7}.platform-row small{color:#beb0d3}.platform-state{border-color:#ffffff40;background:#ffffff0b;color:#f6d4b2}.release-note{color:#bfb3d5}.faq-section{padding-block:60px;gap:70px}.faq-section h2{font-size:33px}.footer-wordmark{color:#665b80}.footer-wordmark>span{color:#b4847c}
/* The ticket is a complete little object, with a reason to watch and a seat. */
.playful-grid{gap:22px;grid-template-columns:1.15fr 1fr}.blind-feature{background:#f2d6d4;padding:29px 30px;color:#68464d}.blind-feature .small-section-label{color:#aa6371}.blind-feature h3{font-size:28px}.blind-feature h3 em:after{border-color:#c77872}.blind-feature>.button{background:#a34e60;color:#fff5ef;min-height:41px}.blind-feature>.draw-note{color:#af7b7c}.movie-ticket{transform:rotate(-2deg);display:grid;grid-template-columns:106px minmax(0,1fr) 42px;min-height:218px;margin:26px 0 22px;background:#fffaf0;border-radius:6px;box-shadow:0 12px 18px -12px #8c4b5b55;position:relative;overflow:visible;color:#654b54;--ticket-accent:#b16a79}.ticket-image{padding:13px 0 13px 13px;width:auto;height:100%;display:flex}.ticket-image img{width:100%;height:100%;min-height:177px;max-height:230px;object-fit:cover;object-position:50% 42%;border-radius:3px}.ticket-copy{padding:17px 15px 16px 14px;display:flex;flex-direction:column;min-width:0}.ticket-copy>span:first-child{font-size:6px;letter-spacing:1.5px;color:#b78389}.ticket-copy h4{font-family:Frame,sans-serif;font-size:21px;line-height:1.35;white-space:normal;overflow:visible;margin:10px 0 6px;letter-spacing:-.5px;font-weight:500;color:#654b54}.ticket-copy>p#ticket-meta{font-size:8px;color:#a48687;line-height:1.7;margin-top:0}.ticket-en{font-size:5px;letter-spacing:.8px;line-height:1.5;color:#b5a099;display:block;margin-top:5px}.ticket-copy>.ticket-reason{font-size:9px;line-height:1.9;color:#987d7f;margin-top:11px;margin-bottom:13px;max-width:230px}.ticket-facts{display:flex;gap:22px;border-top:1px solid #ecded8;padding-top:10px;margin-top:auto}.ticket-facts>span{font-size:6px;color:#bba09b;line-height:1.5}.ticket-facts strong{display:block;font-size:8px;color:#9a7481;font-weight:400;margin-top:4px;white-space:nowrap}.ticket-stub{border-color:#e1c5c6;width:auto;display:flex;flex-direction:column;gap:10px;justify-content:space-between;padding-block:16px;position:relative}.ticket-stub:before,.ticket-stub:after{width:12px;height:12px;left:-6px;top:-6px;background:#f2d6d4}.ticket-stub:after{top:auto;bottom:-6px}.ticket-stub>span{font-size:5px;letter-spacing:1.5px;color:#ae7b86;writing-mode:vertical-rl}.ticket-stub>strong{font:italic 25px/1 var(--serif);color:#c68795;font-weight:500}.ticket-stub i{width:17px;height:42px;margin:0;background:repeating-linear-gradient(90deg,#b7929e 0 1px,transparent 1px 3px,#b7929e 3px 5px,transparent 5px 7px)}.movie-ticket[data-palette="blue"]{background:#f1f7ff}.movie-ticket[data-palette="blue"] .ticket-copy h4{color:#4e6890}.movie-ticket[data-palette="violet"]{background:#f6f0ff}.movie-ticket[data-palette="violet"] .ticket-copy h4{color:#785d99}.movie-ticket[data-palette="amber"],.movie-ticket[data-palette="orange"]{background:#fff5e3}.cross-device-feature{background:#e8e2f7;border:0;padding:29px 30px}.cross-device-feature .small-section-label{color:#9d80b8}.cross-device-feature h3{color:#63547d;font-size:28px}.device-node,.map-center{background:#e8e2f7}.device-node.selected{background:#daceef;border-color:#c8b8e1}.device-node>svg,.map-center .brand-mark{color:#8b71b4}.device-orbit{border-color:#cabade}.device-live-status{border-color:#d4c7e6;color:#9c87b2}.cross-device-feature>p{color:#8c7a9d}.cross-device-feature>.subtle-label{color:#ac98bd}.device-map{height:199px}.cross-device-feature .map-dot{background:#c27c9c}.cross-device-feature:hover .device-orbit{border-color:#b6a0d0}
[data-theme=night]{--paper:#20212c;--ink:#f3eadd;--muted:#aaa4b4;--line:#414050;--panel:#312e41}[data-theme=night] .hero-topline .eyebrow{color:#ecab9e}[data-theme=night] h1 em:after{background:#966238}[data-theme=night] .mood-controls button.selected{background:#8e70be;border-color:#8e70be}[data-theme=night] .club-genre,[data-theme=night] .club-film-en{color:#b7a2b8}[data-theme=night] .collection-collage{background:#745258}[data-theme=night] .collage-label,[data-theme=night] .collage-index{color:#efbeb3}[data-theme=night] .feature-tags{color:#695775}[data-theme=night] .moments-section{background:#282339}[data-theme=night] .blind-feature{background:#69434f;color:#f9d1c8}[data-theme=night] .ticket-stub:before,[data-theme=night] .ticket-stub:after{background:#69434f}[data-theme=night] .cross-device-feature{background:#3e3555}[data-theme=night] .device-node,[data-theme=night] .map-center{background:#3e3555}[data-theme=night] .device-node.selected{background:#55436d}[data-theme=night] .cross-device-feature h3{color:#dbc2ef}[data-theme=night] .cross-device-feature>p,[data-theme=night] .device-live-status{color:#bc9fcf}[data-theme=night] .footer-wordmark{color:#b9a5d3}
@keyframes club-card-arrive{from{opacity:0;transform:translateY(15px) rotate(1deg)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero-copy{gap:35px}.hero-aside{max-width:300px}.hero-aside>p:first-child{font-size:19px}.hero-aside>.muted{font-size:11px}.club-heading h2{font-size:29px}.club-films{gap:14px;min-height:260px}.club-film>strong{font-size:13px}.club-image{padding:8px 8px 0}.club-open{left:8px;right:8px;font-size:8px;padding:9px}.club-number{left:13px;top:13px;font-size:17px}.club-genre{font-size:7px}.club-film-en{font-size:5px}.ticket-copy{padding:15px 12px}.movie-ticket{grid-template-columns:90px minmax(0,1fr) 35px;min-height:218px}.ticket-copy h4{font-size:19px}.ticket-copy>.ticket-reason{font-size:8px;margin-block:10px}.ticket-copy>p#ticket-meta{font-size:7px}.ticket-en{font-size:4px}.ticket-facts{gap:12px}.ticket-facts strong{font-size:7px}.ticket-image{padding:11px 0 11px 11px}.blind-feature,.cross-device-feature{padding:25px}.blind-feature h3,.cross-device-feature h3{font-size:25px}.library-feature{gap:40px}.section-intro h2{font-size:36px}.cinema-scene{height:255px}.collection-collage{min-height:345px}.poster-fan{height:240px}.poster-fan img{width:132px;height:198px}#product-stage[data-device=mobile] .stage-info-cards{left:5%;top:143px}#product-stage[data-device=mobile] .stage-info-cards>span{min-width:110px;grid-template-columns:32px 1fr;gap:8px}#product-stage[data-device=mobile] .stage-info-cards strong{font-size:29px}#product-stage[data-device=mobile] .stage-info-cards small{font-size:8px}.download-copy h2{font-size:36px}.moments-heading h2{font-size:36px}}
@media(max-width:800px){.hero-copy{padding-block:25px 28px}.hero-aside>p:first-child{font-size:17px}.hero-aside>.muted{font-size:10px}.availability{font-size:7px}.club-heading h2{font-size:26px}.club-asterisk{font-size:28px}.club-heading p{font-size:10px}.club-films{gap:12px;min-height:220px}.club-film>strong{font-size:12px}.club-genre{font-size:6px;gap:4px}.club-film-en{font-size:4px;letter-spacing:.3px}.club-image{padding:6px 6px 0}.club-number{top:10px;left:10px;font-size:15px;padding:3px 4px}.club-open{left:6px;right:6px;font-size:7px}.club-footnote{font-size:7px;margin-top:20px}.colour-club{margin-bottom:45px}.mood-controls button{font-size:9px;padding:8px 11px}.mood-controls{margin-block:23px}.cinema-scene{height:226px}.film-tile-image{aspect-ratio:1}.collection-collage{min-height:315px}.poster-fan{height:213px}.poster-fan img{width:105px;height:157px}.moments-heading h2{font-size:33px}.moment-cover{height:280px}.section-intro h2{font-size:33px}.blind-feature,.cross-device-feature{padding:22px}.blind-feature h3,.cross-device-feature h3{font-size:22px}.playful-grid{grid-template-columns:1.1fr 1fr;gap:18px}.movie-ticket{grid-template-columns:73px minmax(0,1fr) 28px;min-height:210px}.ticket-copy{padding:15px 9px 12px}.ticket-copy h4{font-size:16px}.ticket-copy>.ticket-reason{font-size:7px;line-height:1.8}.ticket-copy>p#ticket-meta{font-size:6px}.ticket-copy>span:first-child{font-size:5px;letter-spacing:1px}.ticket-facts{gap:7px;padding-top:8px}.ticket-facts>span{font-size:5px}.ticket-facts strong{font-size:6px}.ticket-stub strong{font-size:21px}.ticket-stub>span{font-size:4px}.ticket-en{font-size:4px;letter-spacing:.3px}.ticket-image{padding:9px 0 9px 9px}.ticket-image img{min-height:175px}.device-map{height:186px}.cross-device-feature>p{font-size:9px}.cross-device-feature .subtle-label{font-size:7px}.download-inner{gap:35px}.download-copy h2{font-size:32px}.faq-section{gap:35px}.faq-section h2{font-size:30px}}
@media(max-width:600px){.hero{padding-top:25px}.hero-copy{gap:18px;padding-block:24px}.hero-aside{max-width:none;column-gap:10px}.hero-aside>p:first-child{font-size:14px}.hero-aside>.muted{font-size:10px;max-width:219px;line-height:1.8}.hero-aside .button-dark{min-height:42px;gap:10px;padding-inline:12px}.availability{font-size:7px;margin-top:14px}.title-spark{font-size:29px}.hero-topline .eyebrow{font-size:8px}.preview-heading{margin-bottom:5px}#product-stage[data-device=mobile]{height:477px}#product-stage[data-device=mobile] .phone-app{bottom:27px;left:55%;transform:translateX(-50%) rotate(-4deg)}#product-stage[data-device=mobile] .phone-app:hover{transform:translateX(-50%) rotate(-4deg)}#product-stage[data-device=mobile].handoff-active .phone-app{transform:translateX(-50%) rotate(-1deg) translateY(-5px)}#product-stage[data-device=mobile]::before{font-size:5px;top:17px;left:14px;letter-spacing:1px}#product-stage[data-device=mobile]::after{font-size:6px;writing-mode:vertical-rl;top:auto;bottom:38px;left:15px;right:auto;color:#fbf1ff;letter-spacing:2px}#product-stage[data-device=mobile] .stage-info-cards{left:15px;top:69px;gap:17px}#product-stage[data-device=mobile] .stage-info-cards>span{display:flex;flex-direction:column;gap:6px;align-items:start;border:0;min-width:0;padding-bottom:0}#product-stage[data-device=mobile] .stage-info-cards strong{font-size:22px}#product-stage[data-device=mobile] .stage-info-cards small{font-size:5px;letter-spacing:0}#product-stage[data-device=mobile] .stage-sync{display:none}#product-stage[data-device=mobile] .handoff-note{bottom:54px;right:0;font-size:6px;padding:6px 7px;gap:5px}.film-ribbon{margin:35px 0 36px;padding-block:12px}.ribbon-track span{font-size:18px}.ribbon-track em{font-size:26px}.ribbon-track i{font-size:20px}.colour-club{margin-bottom:40px}.club-heading{gap:13px;align-items:end}.club-heading .eyebrow{font-size:6px;letter-spacing:1px;margin-bottom:11px}.club-heading h2{font-size:24px;letter-spacing:-.8px;display:block;max-width:258px;line-height:1.5}.club-asterisk{font-size:26px;vertical-align:middle;position:absolute;right:-32px;top:6px}.club-heading>p{display:none}.mood-controls{gap:6px;margin:20px 0 19px;flex-wrap:nowrap}.mood-controls button{font-size:8px;padding:8px 9px;gap:5px;white-space:nowrap}.mood-controls button span{font-size:10px;margin-left:2px}.mood-controls i{width:4px;height:4px}.club-films,.club-films:not([data-mood="all"]){display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;scrollbar-width:none;min-height:0;padding-bottom:8px}.club-films::-webkit-scrollbar{display:none}.club-film{flex:0 0 43%;scroll-snap-align:start}.club-image{padding:7px 7px 0;aspect-ratio:2/2.65;border-radius:5px}.club-genre{font-size:7px;margin-top:11px}.club-film>strong{font-size:13px;line-height:1.4}.club-film-en{font-size:5px;margin-top:5px;min-height:15px}.club-open{left:7px;right:7px;transform:none;font-size:7px;padding:8px 9px;background:#6e4a646e;backdrop-filter:blur(5px)}.club-open svg{width:11px;height:11px}.club-footnote{font-size:7px;line-height:1.8;margin-top:13px;padding-top:11px;gap:12px}.club-footnote>span:last-child{max-width:125px;text-align:right;gap:4px}.club-footnote svg{display:none}.club-films:not([data-mood="all"])::after{content:none}.section-intro{margin-bottom:23px}.section-intro h2{font-size:34px}.section-intro>.eyebrow{margin-bottom:16px}.section-intro>p{font-size:11px;margin-top:13px}.library-feature{gap:23px}.collection-collage{min-height:317px;padding:22px}.poster-fan{height:220px;margin-top:10px;max-width:270px}.poster-fan img{width:119px;height:178px}.poster-fan img:nth-child(2){left:74px;bottom:17px}.paper-label{left:24px;bottom:25px;font-size:8px;padding:10px 13px}.library-feature-copy h3{font-size:26px}.library-feature-copy .feature-number{font-size:17px}.feature-tags{margin-top:18px}.source-row{margin-top:21px}.moments-section{margin-top:43px;padding:36px 0 27px}.moments-heading h2{font-size:33px}.moments-heading .eyebrow{margin-bottom:17px}.moments-heading>div+div{margin-top:16px}.moments-heading{margin-bottom:22px}.moment-cover{height:237px}.moment-current{left:19px;bottom:23px}.moment-current h3{font-size:22px}.moment-current>p{font:11px Frame,sans-serif;letter-spacing:.5px;margin-top:10px}.moment-stamp{width:62px;height:62px;font-size:5px;bottom:24px}.moment-stamp em{font-size:19px}.moment-strip{padding:16px;gap:13px}.moment-card{flex-basis:66%}.moment-card-title{font-size:10px}.more-section{padding-top:40px}.more-intro h2{font-size:34px}.more-intro{margin-bottom:22px}.playful-grid{grid-template-columns:1fr;gap:17px}.blind-feature,.cross-device-feature{padding:25px}.blind-feature h3,.cross-device-feature h3{font-size:27px;margin-top:17px}.movie-ticket{grid-template-columns:85px minmax(0,1fr) 30px;min-height:207px;margin:24px 0 21px}.ticket-image{padding:10px 0 10px 10px}.ticket-image img{min-height:184px;max-height:230px}.ticket-copy{padding:16px 11px 13px}.ticket-copy h4{font-size:19px;letter-spacing:-.5px;margin:10px 0 7px}.ticket-copy>span:first-child{font-size:5px;letter-spacing:1px}.ticket-copy>p#ticket-meta{font-size:6px;line-height:1.6}.ticket-en{font-size:4px;letter-spacing:.5px;margin-top:5px}.ticket-copy>.ticket-reason{font-size:8px;line-height:1.8;margin:10px 0 12px}.ticket-facts{gap:14px;padding-top:9px}.ticket-facts>span{font-size:5px}.ticket-facts strong{font-size:6px;margin-top:4px}.ticket-stub{padding-block:13px;gap:8px}.ticket-stub>span{font-size:4px;letter-spacing:1px}.ticket-stub>strong{font-size:23px}.ticket-stub>i{width:12px;height:34px}.blind-feature>.button{min-height:40px;font-size:10px}.blind-feature>.draw-note{font-size:8px}.device-map{height:205px;margin-block:10px 5px}.cross-device-feature h3{font-size:26px}.device-node>span{font-size:7px}.device-live-status{font-size:8px;line-height:1.8;margin-top:8px}.cross-device-feature>p{font-size:10px}.cross-device-feature>.subtle-label{font-size:7px}.small-features{gap:20px;margin-top:25px;padding-top:24px;padding-bottom:0}.small-features>div{padding-bottom:20px}.small-features h3{font-size:13px}.small-features p{font-size:10px}.download-section{margin-top:38px}.download-inner{padding-block:36px}.download-copy h2{font-size:34px;margin-top:20px}.download-copy>p{font-size:11px;margin-top:15px}.download-copy .button{min-height:43px}.platform-row{padding-block:20px}.platform-row strong{font-size:19px}.faq-section{padding-block:40px;gap:25px}.faq-section h2{font-size:32px}.faq-section .eyebrow{font-size:7px}.faq-handwriting{font-size:22px}.site-footer{padding-top:22px}.footer-wordmark{margin-block:17px 20px}}
@media(max-width:360px){.hero-aside>.muted{font-size:9px;max-width:187px}.club-heading h2{font-size:22px}.club-asterisk{right:-28px;font-size:24px}.mood-controls{gap:5px}.mood-controls button{font-size:7px;padding:7px 8px;gap:4px}.club-film{flex-basis:45%}.movie-ticket{grid-template-columns:69px minmax(0,1fr) 25px}.ticket-image{padding:9px 0 9px 9px}.ticket-copy{padding:14px 9px 12px}.ticket-copy h4{font-size:17px}.ticket-copy>.ticket-reason{font-size:7px}.ticket-copy>p#ticket-meta{font-size:5px}.ticket-facts{gap:9px}.ticket-facts strong{font-size:5px}.blind-feature,.cross-device-feature{padding:22px}#product-stage[data-device=mobile] .phone-app{left:56%}#product-stage[data-device=mobile] .stage-info-cards{left:12px}}
@media(prefers-reduced-motion:reduce){.club-film,.club-asterisk{animation:none!important}.club-image,.club-image>img,.club-open{transition:none}}

/* Keep the colour pass from overriding the narrow one-column hero layout. */
@media(max-width:600px){.hero-copy{grid-template-columns:1fr!important}.hero-copy h1{width:fit-content;max-width:100%}.hero-aside{display:grid;grid-template-columns:1fr auto;align-items:center}.hero-aside>p:first-child{grid-column:1/-1}.hero-aside>.muted{grid-column:1;max-width:219px}.hero-aside>.button{grid-column:2;grid-row:2}.hero-aside>.availability{grid-column:1/-1}}

/* Keep short and long titles equally legible in the ticket. */
.ticket-copy h4{overflow-wrap:anywhere}.ticket-copy .ticket-reason{min-height:32px}.blind-feature{scroll-margin-top:25px}.club-film:focus-visible .club-image{box-shadow:0 0 0 2px var(--card-colour)}.mood-controls button:focus-visible{outline-color:#8e70b2}.scene-copy p{font:12px/1.7 Frame,sans-serif}.scene-copy p span{font-size:7px}.phone-film-title small{font:8px/1.5 Frame,sans-serif!important}.moment-thumb>img{object-position:50% 45%}

/* The handoff action must sit below the model, never over its navigation. */
@media(max-width:600px){#product-stage[data-device=mobile]{height:506px}#product-stage[data-device=mobile] .phone-app{bottom:61px}#product-stage[data-device=mobile] .handoff-note{bottom:12px;right:12px;transform:rotate(2deg)}#product-stage[data-device=mobile] .handoff-note:hover{transform:rotate(0)}#product-stage[data-device=mobile]::after{bottom:65px}}