/* The game's own action dock becomes a readable, keyboard-accessible explorer. */
.dynamics{width:100%;max-width:none;padding:100px 0 80px;background:#f0f1e4;position:relative}
.dynamics>.section-head,.dynamics>.ending{width:min(var(--max),calc(100% - 100px));margin-inline:auto}
.dynamics .section-head{max-width:1100px;align-items:end;margin-bottom:15px}
.module-explorer{position:relative;display:grid;grid-template-columns:minmax(390px,.95fr) minmax(0,1fr);align-items:center;gap:80px;width:min(1100px,calc(100% - 100px));margin:auto;min-height:790px}
.phone-column{position:relative;align-self:end;min-width:0}
.demo-phone{position:relative;width:400px;max-width:100%;height:765px;margin:auto}
.phone-body{position:absolute;inset:0;border:8px solid #819b8859;border-radius:62px;background:#d2ddcd;box-shadow:inset 0 0 0 2px #fcfff380,inset 0 0 0 5px #263b318c,18px 23px 45px #50694117;overflow:hidden;mask-image:linear-gradient(180deg,transparent 0%,#000 24%,#000 93%,transparent 100%)}
.phone-screen{position:absolute;inset:5px;border-radius:48px;overflow:hidden;background:#aebdaf}
.phone-game{width:100%;height:100%;object-fit:cover;object-position:center}
.phone-dim{position:absolute;inset:0;background:#17281db8;opacity:0;transition:opacity .5s}
[data-menu-open=true] .phone-dim{opacity:1}
.phone-dock{position:absolute;bottom:28px;left:13px;right:13px;height:88px;border:2px solid #c8d7b4;border-radius:24px;background:#344b3b;display:grid;grid-template-columns:1fr 1fr 75px 1fr 1fr;align-items:center;padding:5px 8px;gap:0;color:#e9efd9;box-shadow:0 -4px 16px #1b2a2326}
.phone-dock-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:Nunito,system-ui,sans-serif;font-size:9px;font-weight:750;line-height:1}
.phone-dock-item img{width:25px;height:25px}
.phone-dock-item:nth-child(2){grid-column:2}.phone-dock-item:nth-child(3){grid-column:4}.phone-dock-item:nth-child(4){grid-column:5}
.module-add{position:absolute;z-index:5;bottom:58px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:68px;height:68px;padding:0;border:3px solid #e5edcf;border-radius:50%;color:#fffbea;background:#70975c;box-shadow:0 4px 0 #abb09b,0 0 0 2px #50684a,0 9px 10px #1f342d40}
.module-add:hover{background:#829569}.module-add:active{transform:translate(-50%,3px)}
.module-add span{display:block;font:600 48px/1 Valley,system-ui,sans-serif;transition:transform .35s}
.module-add[aria-expanded=true] span{transform:rotate(45deg)}
.module-menu{position:absolute;z-index:4;left:23px;right:23px;bottom:155px;border:2px solid #d9e1cc;border-radius:26px;padding:13px;background:#f4f1e3;box-shadow:0 5px 0 #829475,0 12px 30px #1b2d2347;transform-origin:50% 115%;transition:transform .4s cubic-bezier(.2,.9,.3,1),opacity .25s;visibility:visible}
.module-explorer.enhanced[data-menu-open=false] .module-menu{opacity:0;transform:translateY(30px) scale(.92);visibility:hidden;pointer-events:none}
.module-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.module-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:77px;min-width:0;padding:8px 2px;border:1px solid #bbcba7;border-radius:17px;background:#e0eaca;color:#46683b;box-shadow:inset 0 1px 0 #fff9,0 3px 0 #abbf94;transition:background .18s,box-shadow .18s,border-color .18s,transform .18s}
.module-tab img{width:30px;height:30px;pointer-events:none}.module-tab span{font-size:11px;font-weight:650;line-height:1.1}
.module-tab:hover{background:#e7efd3;transform:translateY(-2px)}
.module-tab[aria-selected=true]{background:#fff0b9;border-color:#b4873b;box-shadow:inset 0 1px 0 #fff,0 3px 0 #b98e47,0 0 0 3px #efc36652;color:#5b471f;transform:translateY(-2px)}
.module-details{padding-block:60px;min-width:0}



.module-panel{min-height:435px}
.module-art{display:block;width:100px;height:100px;margin-bottom:25px;filter:drop-shadow(0 10px 15px #3e503915)}
.module-panel h3{font-size:54px;line-height:1.06;max-width:530px;margin-bottom:22px}
.module-panel>p{font-size:18px;max-width:490px;line-height:1.75}
.module-panel ul{list-style:none;margin:24px 0 0;padding:0;border-top:1px solid #d0d8c2}
.module-panel li{position:relative;padding:11px 0 11px 23px;font-size:14px;color:#3c5137;border-bottom:1px solid #d0d8c2}
.module-panel li:before{content:'+';position:absolute;left:0;color:#82936c;font-size:18px;top:7px}

.module-explorer:not(.enhanced) .module-add{display:none}
.module-explorer:not(.enhanced) .module-panel{margin-bottom:40px;min-height:0}
.module-explorer:not(.enhanced){align-items:start}.module-explorer:not(.enhanced) .phone-column{position:sticky;top:50px;align-self:start}
@media(max-width:1100px){.module-explorer{gap:35px;grid-template-columns:380px minmax(0,1fr)}.module-panel h3{font-size:44px}.module-panel>p{font-size:17px}}
@media(max-width:850px){.dynamics{padding-top:75px}.dynamics>.section-head,.dynamics>.ending{width:calc(100% - 40px)}.module-explorer{width:calc(100% - 40px);grid-template-columns:1fr;gap:0;min-height:0}.phone-column{order:1;max-width:440px;width:100%;margin:auto}.module-details{order:2;padding:20px 0 35px;width:min(480px,100%);margin:auto}.demo-phone{height:710px;width:370px}.module-menu{bottom:150px;left:20px;right:20px;padding:12px}.module-tab{min-height:70px}.module-tabs{gap:8px}.phone-body{border-radius:55px}.phone-dock{bottom:24px;left:10px;right:10px}.module-panel{min-height:380px}.module-panel h3{font-size:41px}.module-art{width:74px;height:74px;margin-bottom:17px}.dynamics .section-head{margin-bottom:0}.module-explorer:not(.enhanced) .phone-column{position:relative;top:auto}}
@media(max-width:389px){.demo-phone{height:646px}.module-menu{left:15px;right:15px;bottom:145px;padding:10px;border-radius:22px}.module-tabs{gap:7px}.module-tab{min-height:64px;border-radius:13px;gap:6px;padding:5px 1px}.module-tab img{width:25px;height:25px}.module-tab span{font-size:10px}.phone-dock{grid-template-columns:1fr 1fr 64px 1fr 1fr;gap:0;left:6px;right:6px;padding-inline:5px}.phone-dock-item{font-size:8px}.phone-dock-item img{width:21px;height:21px}.module-add{width:64px;height:64px}.module-panel h3{font-size:36px}.module-panel>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.module-menu,.module-add span,.phone-dim{transition:none!important}}

.module-back{display:none}.module-details{scroll-margin-top:25px}@media(max-width:850px){.module-explorer.enhanced .module-back{display:inline-flex;align-items:center;background:transparent;border:0;border-bottom:1px solid #aabb98;padding:8px 0;color:var(--ink);font-size:13px;font-weight:700;margin-top:20px}.module-panel{min-height:0}}

/* Portrait gameplay leads the page; a quiet office image provides depth. */
.cinema{display:block;min-height:840px;padding:142px 0 80px;background:#132e26;overflow:hidden}
.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% 50%;opacity:.10;mask-image:linear-gradient(90deg,transparent,#000 60%);pointer-events:none;z-index:-1}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:75px;align-items:center}
.hero-content{z-index:1}
.cinema h1{font-size:clamp(68px,6.8vw,102px);max-width:700px;line-height:1.01}
.hero-eyebrow{font-size:12px;letter-spacing:.4px;margin-bottom:26px}
.hero-intro{font-size:18px;max-width:460px;line-height:1.75;margin-top:28px}
.hero-content .store-buttons{margin-top:35px;gap:12px}
.hero-content .store{background:#fffbea;color:#173b2f;border:1px solid #fff3c5;min-width:180px;min-height:70px;padding:14px 20px;box-shadow:0 6px 22px #00000012}
.hero-content .store small{color:#627258;letter-spacing:.7px;font-size:9px}
.hero-content .store span{font-size:18px}.hero-content .store svg{width:23px}
.hero-discover{display:inline-flex;margin-top:24px;align-items:center;gap:12px;font-size:13px;color:#cedac4;border-bottom:1px solid #ffffff35;padding-bottom:5px;pointer-events:auto}
.hero-discover:hover{color:#fffbea;border-color:#efc366}
.hero-handset{position:relative;display:flex;justify-content:center;align-items:center;min-width:0;isolation:isolate}
.hero-device{position:relative;width:clamp(290px,26vw,350px);padding:24px 8px 10px;border:2px solid #a7b9a18c;border-radius:48px;background:linear-gradient(130deg,#566d5e,#12251b 30%,#0e2118 65%,#6f806a);box-shadow:inset 0 0 0 2px #ffffff17,0 28px 65px #06140fb3,16px 5px 65px #b1ca8624;transform:rotate(3deg)}
.hero-device:before{content:'';position:absolute;top:10px;left:50%;width:40px;height:5px;border-radius:8px;background:#07100c;transform:translateX(-50%)}
.hero-device .hero-video{width:100%;height:auto;aspect-ratio:9/16;border-radius:29px;object-fit:cover;object-position:center;display:block;background:#223f2c}
.hero-playback{position:absolute;bottom:4px;right:0;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff28;border-radius:50%;color:#d4dfc9;background:#132e26b3;font-size:13px;padding:0}
.hero-playback:hover{color:#fff;border-color:#ffffff70}
.header .brand{gap:0}.header .brand img{border-radius:0}
.header .brand-wordmark{width:295px;height:auto;max-width:100%;object-fit:contain}
.brand-wordmark.blend-wordmark{mix-blend-mode:screen}
.demo-phone{height:650px}
.phone-body{mask-image:linear-gradient(180deg,transparent 0%,#000 32%,#000 94%,transparent 100%)}
.module-explorer{min-height:690px;gap:75px}
.module-panel h3{font-size:46px;line-height:1.1}
.module-details{padding-block:40px}
.module-panel{min-height:395px}
.module-art{width:86px;height:86px;margin-bottom:22px;object-fit:contain;object-position:left bottom}
.module-panel:focus:not(:focus-visible){outline:none}
.dynamics{padding-top:85px}
.dynamics>.ending{margin-top:55px}
.intro{padding-block:95px 75px}
.intro h2{max-width:1060px;margin-inline:auto}
.noa-cutout{object-fit:contain}
.world-mount{position:absolute;inset:0;z-index:1}.world-mount canvas{display:block;width:100%;height:100%;touch-action:pan-y}
.download-wordmark{width:min(420px,80%);height:auto;margin:0 auto 28px;mix-blend-mode:screen}
.download .store{background:#fffbea;color:#173b2f;border-color:#fff3c5}.download .store small{color:#627258}
@media(max-width:1100px){.hero-layout{gap:35px;grid-template-columns:minmax(0,1fr) 330px}.cinema h1{font-size:72px}.hero-content .store{min-width:160px;padding:12px 15px}.header .brand-wordmark{width:245px}.header .nav{gap:20px}}
@media(max-width:850px){.demo-phone{height:600px}.module-explorer{min-height:0;gap:0}.module-details{padding:15px 0 35px}.module-panel{min-height:0}.module-panel h3{font-size:37px}.header .brand-wordmark{width:235px}.hero-layout{gap:20px}.cinema h1{font-size:62px}.hero-content .store-buttons{flex-wrap:nowrap}.hero-content .store{min-width:0;flex:1;padding:12px 11px;gap:8px}.hero-content .store span{font-size:16px}.hero-content .store small{font-size:8px}}
@media(max-width:767px){.cinema{padding:127px 0 55px;min-height:0}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:40px}.hero-backdrop{opacity:.09;mask-image:linear-gradient(180deg,transparent,#000 50%);object-position:60% 50%}.hero-eyebrow{font-size:11px;margin-bottom:21px}.cinema h1{font-size:clamp(53px,12vw,78px);line-height:1.03;max-width:600px}.hero-intro{font-size:16px;line-height:1.65;margin-top:22px;max-width:480px}.hero-content .store-buttons{margin-top:27px;gap:10px;max-width:395px}.hero-content .store{min-height:63px;padding:12px 13px;max-width:195px}.hero-content .store svg{width:21px}.hero-discover{margin-top:20px;font-size:12px}.hero-device{width:min(290px,85%);border-radius:43px;padding:22px 7px 9px;transform:rotate(2deg)}.hero-device .hero-video{border-radius:29px}.hero-playback{bottom:8px;right:5px}.hero-handset{margin:0 -5px}.intro{padding:65px 0 55px}.intro h2{font-size:34px;line-height:1.14}.header .brand-wordmark{width:220px}.header{gap:14px}.header-end{flex:none}.languages a{min-width:30px}.dynamics{padding-top:65px}.dynamics .section-head h2{font-size:37px;max-width:450px}.download-wordmark{width:min(310px,90%)}}
@media(max-width:389px){.demo-phone{height:560px}.header .brand-wordmark{width:184px}.hero-content .store span{font-size:14px;white-space:nowrap}.hero-content .store{padding:11px 10px}.hero-content .store svg{width:18px}.hero-content .store small{font-size:8px;letter-spacing:.3px}.cinema h1{font-size:49px}.module-panel h3{font-size:33px}.dynamics .section-head h2{font-size:33px}.header .brand{max-width:calc(100% - 80px)}}
@media(prefers-reduced-motion:reduce){.hero-device{transform:none!important}}

.header .brand-wordmark{height:50px;object-fit:cover;object-position:center}
.download-wordmark{height:72px;object-fit:cover;object-position:center}
.module-panel .module-art[src*="/noa/"]{width:108px;height:125px}
@media(max-width:1100px){.header .brand-wordmark{height:42px}}
@media(max-width:767px){.header .brand-wordmark{height:38px}.cinema:lang(en) h1{font-size:clamp(44px,11.1vw,68px)}.download-wordmark{height:53px}}
@media(max-width:389px){.header .brand-wordmark{height:32px}.cinema:lang(en) h1{font-size:39px}}

.header .brand-wordmark,.download-wordmark{
  mix-blend-mode:normal;
  mask-image:url('/assets/brand/wordmark.png');
  mask-mode:luminance;
  mask-size:cover;
  mask-position:center;
  mask-repeat:no-repeat;
}
.cinema h1{font-size:clamp(64px,6vw,88px);text-wrap:balance}
.hero-backdrop{opacity:.075}
@media(max-width:1100px){.cinema h1{font-size:clamp(53px,5.8vw,64px)}}
@media(max-width:850px){.cinema h1{font-size:49px}}
@media(max-width:767px){.cinema h1{font-size:clamp(49px,11.5vw,73px)}.cinema:lang(en) h1{font-size:clamp(44px,11.1vw,68px)}}
@media(max-width:389px){.cinema h1{font-size:45px}.cinema:lang(en) h1{font-size:39px}}

/* Final proportions, animated capability strip and office story gallery. */
.hero-device .hero-video{aspect-ratio:9/19.5;object-fit:contain}
.hero-device{width:clamp(280px,24vw,326px)}
.cinema{padding-top:140px;padding-bottom:76px}
.demo-phone{height:auto;aspect-ratio:9/19.5}
.phone-column{margin-top:-90px}
.phone-body{mask-image:linear-gradient(180deg,transparent 0%,transparent 12%,#0000000d 24%,#000 54%,#000 79%,transparent 94%)}
.phone-game{object-fit:cover;object-position:center}
.module-explorer{min-height:0;align-items:center}
.story-2{position:relative}
.story-2 .noa-cutout{left:51%;bottom:-10px;width:270px;height:auto;margin:0}
.action-marquee{position:relative;background:#e5b856;color:#193d30;padding:22px 0;overflow:hidden;border-block:1px solid #d9ad51}
.marquee-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 95%,transparent)}
.marquee-track{display:flex;width:max-content;animation:capabilities-drift 100s linear infinite;will-change:transform}
.marquee-group{display:flex;flex:none;gap:45px;padding-right:45px}
.marquee-item{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-family:Nunito,system-ui,sans-serif;font-size:20px;font-weight:850;letter-spacing:-.5px}
.marquee-item img{width:25px;height:25px}
.marquee-toggle{position:absolute;z-index:1;right:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;border:1px solid #23443055;background:#efc466;color:#183e2f;border-radius:50%;width:31px;height:31px;font-size:12px}
.action-marquee:hover .marquee-track,.action-marquee:focus-within .marquee-track,.action-marquee.is-paused .marquee-track{animation-play-state:paused}
@keyframes capabilities-drift{to{transform:translateX(-50%)}}
.office-stories{margin-top:35px}
.office-stories-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;color:#bdcdb5;font-size:13px}
.office-stories-controls>div{display:flex;gap:9px}
.office-stories-controls button{width:42px;height:42px;display:grid;place-items:center;background:none;border:1px solid #ffffff45;border-radius:50%;font-size:20px;color:#fffbea;transition:background .2s}
.office-stories-controls button:hover{background:#ffffff12}
.office-stories-controls button:disabled{opacity:.3;cursor:default}
.office-story-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;padding-bottom:18px;scrollbar-width:thin;scrollbar-color:#8b9f7950 transparent}
.office-story{flex:0 0 calc((100% - 60px)/4);min-width:0;scroll-snap-align:start}
.office-story-image{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:20px;background:#344f3e;isolation:isolate}
.office-story-image:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff20;border-radius:inherit;background:linear-gradient(180deg,#0d211d25,transparent 32%,transparent 70%,#0d211d35)}
.office-story-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s ease}
.office-story:hover .office-story-image>img{transform:scale(1.035)}
.office-story-number{position:absolute;z-index:2;top:15px;left:15px;color:#fffdf4;font-size:12px;font-variant-numeric:tabular-nums;border:1px solid #fff5;border-radius:20px;padding:4px 9px;background:#153e3040;backdrop-filter:blur(8px)}
.office-story-caption{padding:17px 2px 4px}
.office-story-caption h3{font-size:24px;letter-spacing:-.03em;color:#fffbea}
.office-story-caption p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;color:#bfceb5;font-size:13px;margin-top:9px;line-height:1.4;font-variant-numeric:tabular-nums}
.office-story-caption p span:last-child{color:#efc366}
.office-story-locked .office-story-image>img{filter:blur(16px) saturate(.45);transform:scale(1.12);opacity:.35}
.office-story-coming{position:absolute;z-index:2;inset:0;display:grid;place-items:center;font-family:Nunito,system-ui,sans-serif;font-size:22px;font-weight:850;color:#fffbea}
.office-redacted{display:block;width:72%;height:17px;background:#ffffff14;border-radius:8px;margin:5px 0 13px;filter:blur(3px)}
.office-redacted.short{width:45%;height:10px}
@media(max-width:1100px){.story-2 .noa-cutout{width:220px;left:51%;bottom:-8px}.office-story{flex-basis:calc((100% - 40px)/3)}}
@media(max-width:850px){.demo-phone{height:auto;aspect-ratio:9/19.5}.phone-column{margin-top:-65px}.hero-device{width:290px}}
@media(max-width:767px){.cinema{padding:125px 0 60px}.hero-device{width:min(280px,85%)}.hero-handset{margin-top:4px}.cinema h1{font-size:clamp(44px,10.8vw,66px)}.cinema:lang(en) h1{font-size:clamp(42px,10.3vw,64px)}.story-2 .noa-cutout{left:5px;bottom:-7px;width:190px}.action-marquee{padding:18px 0}.marquee-item{font-size:17px;gap:9px}.marquee-group{gap:28px;padding-right:28px}.marquee-item img{width:22px;height:22px}.office-story{flex-basis:72%;max-width:300px}.office-story-track{gap:15px}.office-story-caption h3{font-size:23px}.office-stories-controls{font-size:12px;margin-bottom:18px}.office-stories-controls button{width:36px;height:36px}.office-stories{margin-top:25px}}
@media(max-width:389px){.demo-phone{height:auto;aspect-ratio:9/19.5}.phone-column{margin-top:-20px}.cinema h1{font-size:40px}.cinema:lang(en) h1{font-size:36px}.story-2 .noa-cutout{width:165px;left:-8px;bottom:-6px}.office-story{flex-basis:83%}.office-story-caption p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none;transform:none!important;will-change:auto}.marquee-group[aria-hidden]{display:none}.marquee-window{overflow-x:auto;mask-image:none}.marquee-toggle{display:none}.office-story-image>img{transition:none;transform:none!important}}

/* Physical casing follows iPhone 16 Pro (71.5 × 149.6 mm). The video remains unscaled in aspect. */
.hero-device{width:clamp(316px,27.5vw,372px);aspect-ratio:71.5/149.6;padding:0;border-radius:52px;z-index:2;transform:rotate(2deg)}
.hero-device .hero-video{position:absolute;left:3.25%;top:1.5%;width:93.5%;height:97%;aspect-ratio:auto;object-fit:contain;border-radius:39px}
.hero-device:before{top:.55%;height:.5%;width:13%;z-index:3}
.hero-playback{z-index:4}
@media(min-width:1101px){.cinema:lang(en) h1{font-size:clamp(60px,5.2vw,78px)}}
@media(max-width:1100px) and (min-width:768px){.hero-device{width:320px}}
@media(max-width:767px){.hero-device{width:min(320px,calc(100% - 24px));border-radius:45px}.hero-device .hero-video{border-radius:34px}.cinema h1{font-size:clamp(29px,10vw,66px);white-space:nowrap;line-height:1.1;letter-spacing:-.05em;max-width:none}.cinema:lang(en) h1{font-size:clamp(25px,8.6vw,62px);line-height:1.1;white-space:nowrap}.hero-layout{gap:38px}}

.hero-props{position:absolute;inset:0;pointer-events:none;z-index:1}
.hero-prop{position:absolute;height:auto;object-fit:contain;filter:drop-shadow(0 18px 22px #061e1650);animation:hero-prop-float 7s ease-in-out infinite;transform:rotate(var(--angle));will-change:transform}
.prop-paper{left:-65px;top:21%;width:220px;--angle:-17deg;animation-delay:-2s}
.prop-chat{right:-72px;top:5%;width:240px;--angle:13deg;animation-duration:8s}
.prop-calculator{right:-30px;bottom:8%;width:190px;--angle:18deg;animation-duration:9s;animation-delay:-4s}
@keyframes hero-prop-float{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-12px) rotate(var(--angle))}}
.hero-handset.props-paused .hero-prop{animation-play-state:paused}
@media(max-width:1100px) and (min-width:768px){.prop-paper{left:-50px;width:165px}.prop-chat{right:-35px;width:170px}.prop-calculator{right:-25px;width:145px}}
@media(max-width:767px){.hero-device{width:min(330px,88%)}.prop-paper{left:-40px;top:24%;width:165px}.prop-chat{right:-46px;top:8%;width:175px}.prop-calculator{right:-30px;bottom:8%;width:150px}}
@media(prefers-reduced-motion:reduce){.hero-prop{animation:none;will-change:auto}}

.prop-chat{scale:-1 1}

/* Money and conversation are readable objects, with space beside the phone. */
.hero-handset{isolation:auto;padding:28px 0 42px 90px}
.hero-props{z-index:1}
.prop-chat{left:0;right:auto;top:48px;width:210px;scale:none;--angle:-12deg}
.prop-cash{left:-60px;bottom:25px;width:300px;z-index:1;mix-blend-mode:screen;filter:none;--angle:-8deg;animation-duration:9s;animation-delay:-3s}
.dynamics>.ending{background:#102e25;color:#fffbea;isolation:isolate;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) 220px;gap:36px;padding:38px 42px;min-height:265px;border:1px solid #66856c45;overflow:hidden}
.ending .eyebrow{color:#efc366}.ending h3{color:#fffbea;font-size:36px;line-height:1.12}
.ending p{color:#cfdbc5;font-size:17px;line-height:1.7}
.ending-cash{display:block;width:240px;max-width:none;height:auto;mix-blend-mode:screen;justify-self:center;transform:rotate(7deg)}
@media(min-width:1101px){.hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.cinema h1{font-size:clamp(58px,5.6vw,82px)}.cinema:lang(en) h1{font-size:clamp(56px,4.9vw,73px)}}
@media(min-width:768px) and (max-width:1100px){.hero-layout{grid-template-columns:minmax(0,1fr) 400px;gap:20px}.hero-handset{padding-left:80px}.hero-device{width:285px}.prop-chat{left:-10px;top:15px;width:160px}.prop-cash{left:-35px;bottom:12px;width:215px}.dynamics>.ending{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 170px;gap:24px;padding:30px}.ending-cash{width:195px}.ending h3{font-size:30px}}
@media(max-width:767px){.hero-layout{gap:85px}.hero-handset{padding:0 0 95px;isolation:auto}.hero-props{inset:0}.prop-chat{width:145px;left:auto;right:-2px;top:-70px;--angle:9deg}.prop-cash{width:190px;left:-15px;bottom:-5px;z-index:3;--angle:-8deg}.dynamics>.ending{grid-template-columns:1fr;padding:30px 26px 8px;gap:18px;min-height:0}.ending h3{font-size:31px}.ending p{font-size:16px}.ending-cash{width:220px;margin-top:-8px;justify-self:end}}
@media(max-width:389px){.prop-cash{width:165px;left:-12px;bottom:0}.prop-chat{width:130px;right:-4px;top:-65px}.hero-handset{padding-bottom:85px}}

@media(max-width:767px){.hero-handset{padding-bottom:155px}.prop-cash{z-index:1;bottom:-8px}}
@media(max-width:389px){.hero-handset{padding-bottom:135px}.prop-cash{bottom:0}}

/* Navbar asset sized for up to 3x pixel density. */
.header .brand-wordmark{width:275px;height:47px;mask-image:url('/assets/brand/wordmark_small.png')}
@media(max-width:1100px){.header .brand-wordmark{width:235px;height:40px}}
@media(max-width:767px){.header .brand-wordmark{width:210px;height:36px}}
@media(max-width:389px){.header .brand-wordmark{width:178px;height:31px}}