/* Vitrilo: company identity, contextual service imagery and product identifiers. */
.cinema-home{--ink:#12392F;--paper:#FFFBF2;background:var(--paper);color:var(--ink)}
.cinema-home .section{padding-block:96px}
.cinema-home .heading-2{font-size:60px;line-height:60px;max-width:760px;font-weight:600}
.cinema-home .hub-section-head{grid-template-columns:1.4fr 1fr;gap:64px}
.cinema-home .hub-section-head>.title-2{font-size:18px;line-height:28px;color:#42564C}
.cinema-home .cinema-copy{padding-top:128px}
.cinema-home .cinema-copy h1{font-size:60px;line-height:60px}
.cinema-home .cinema-intro{margin-top:16px}
.cinema-home .cinema-cta{margin-top:16px}
.cinema-home .hero-trust{margin-top:16px}
.hero-trust-monogram img{display:block;width:24px;height:24px}
.hero-platforms{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;max-width:360px}
.hero-platforms>div{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#FFFDF7;border-radius:8px}
.hero-platforms img{display:block;object-fit:contain;width:28px;height:28px}
.hero-platforms>span{font-size:12px;line-height:16px;color:#FFF5DF;max-width:152px}
.film-app-title strong{display:inline-flex;align-items:center;gap:8px}
.film-app-title strong img,.film-chat-phone img{object-fit:contain;display:block}
.cinema-home .foundation-grid{gap:24px;align-items:stretch}
.cinema-home .foundation-card.service-showcase-card{padding:0;border:1px solid #CBD5C4;border-radius:12px;overflow:hidden;background:#FFFDF8;display:flex;flex-direction:column;gap:0;box-shadow:0 8px 24px #12392F08}
.service-art-link{position:relative;display:block;overflow:hidden;background:#DCE4D5;flex:none}
.service-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.service-showcase-card:hover .service-art{transform:scale(1.035)}
.service-art-arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#FFF8E9;color:#183E34}
.service-art-arrow svg{width:20px;height:20px}
.service-card-copy{padding:24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.cinema-home .service-card-copy .card-index{font-size:12px;line-height:16px;margin:0 0 16px;font-weight:600;color:#80502D}
.cinema-home .service-card-copy h3{font-size:30px;line-height:36px;max-width:360px;margin:0 0 16px;letter-spacing:-.035em;color:#12392F}
.cinema-home .service-card-copy p{font-size:16px;line-height:24px;max-width:none;color:#42564C;margin-bottom:24px}
.service-card-copy .text-link{margin-top:auto;font-size:14px;line-height:20px;min-height:44px;color:#12392F;border-color:#8B9D88}
.cinema-home .included-panel{background:#12392F;border-color:#12392F;margin-top:32px}
.cinema-home .platform-section{background:#12392F;color:#FFFBF2}
.platform-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:end;margin-bottom:48px}
.platform-heading .eyebrow{color:#EDC48E}
.platform-heading>.title-2{font-size:18px;line-height:28px;color:#DCE7D8;max-width:440px}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.platform-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid #D6DDCD;border-radius:12px;background:#FFFDF7;padding:24px 16px;color:#12392F;transition:transform .5s cubic-bezier(.22,1,.36,1),background-color .3s cubic-bezier(.22,1,.36,1)}
.platform-card:hover{transform:translateY(-4px);background:#F4E4C5}
.platform-card:active{transform:scale(.98)}
.platform-logo{display:flex;align-items:center;justify-content:flex-start;width:56px;height:64px;margin-bottom:8px}
.platform-logo img{display:block;max-width:48px;max-height:48px;object-fit:contain}
.platform-card strong{font-size:16px;line-height:24px;font-weight:600}
.platform-card>span:last-of-type{font-size:12px;line-height:20px;color:#4B6051}
.platform-card>svg{width:20px;height:20px;position:absolute;right:16px;top:24px;color:#4B6051}
.ai-search-note{display:flex;align-items:center;gap:24px;margin-top:32px;padding:24px;border:1px solid #5C7C69;border-radius:12px;color:#FFFBF2;transition:background-color .3s cubic-bezier(.22,1,.36,1)}
.ai-search-note:hover{background:#204D3D}
.ai-search-icon{display:grid;place-items:center;width:48px;height:48px;background:#EFC58F;border-radius:50%;color:#12392F;flex:none}
.ai-search-icon svg{width:28px;height:28px}
.ai-search-note strong{font-size:18px;line-height:28px}
.ai-search-note p{font-size:14px;line-height:24px;color:#DCE7D8;margin-top:4px;max-width:840px}
.ai-search-note>svg{width:24px;height:24px;flex:none;margin-left:auto;color:#EFC58F}
.platform-section :focus-visible{outline:3px solid #EFC58F;outline-offset:4px}
.cinema-home .hub-manifesto{background:#EFC58F;color:#12392F}
.company-seal{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:100%;aspect-ratio:1/1;max-width:320px;padding:32px;background:#12392F;color:#FFFBF2;border-radius:12px;overflow:hidden}
.company-seal::before{content:'';position:absolute;top:-96px;right:-96px;width:240px;height:240px;border:40px solid #285241;border-radius:50%;pointer-events:none}
.company-seal>img{position:relative;width:144px;height:144px;filter:brightness(0) invert(1);z-index:1}
.company-seal>span{position:relative;font-size:14px;line-height:20px;font-weight:600;letter-spacing:.08em;color:#F1CC9B;z-index:1}
.cinema-home .hub-about>.container{grid-template-columns:1fr 2fr;gap:80px}
.service-feature-art{margin-top:0}
.service-feature-art img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;border-radius:12px;background:#DDE5D7}
.platform-attribution{font-size:12px;line-height:20px;color:#D1DCCE;padding-bottom:24px}
@media(min-width:1101px) and (max-width:1350px){.cinema-home .cinema-copy{width:32vw;padding-top:128px}.cinema-home .cinema-copy h1{font-size:60px;line-height:60px}.cinema-home .hero-platforms{gap:8px}.hero-platforms>span{max-width:136px;font-size:12px}}
@media(max-width:1100px){.cinema-home .cinema-copy{padding:120px 32px 32px}.cinema-home .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cinema-home .platform-card:nth-child(4),.cinema-home .platform-card:nth-child(5){grid-column:auto}.cinema-home .heading-2{font-size:48px;line-height:48px}.platform-heading{gap:32px}.cinema-home .hub-about>.container{gap:40px}.company-seal{padding:24px}.company-seal>img{width:112px;height:112px}.cinema-home .hub-section-head{gap:40px}}
@media(min-width:641px) and (max-width:900px){.cinema-home .foundation-grid{grid-template-columns:1fr}.cinema-home .foundation-card.service-showcase-card{display:grid;grid-template-columns:1fr 1fr}.service-art-link{height:100%}.service-art{height:100%;object-fit:cover}.cinema-home .service-card-copy .card-index,.cinema-home .service-card-copy h3,.cinema-home .service-card-copy p{grid-column:auto}.cinema-home .service-card-copy h3{font-size:24px;line-height:32px}.cinema-home .service-card-copy p{margin-bottom:16px}.platform-heading{grid-template-columns:1fr}.cinema-home .hub-section-head{grid-template-columns:1fr}.company-seal>img{width:96px;height:96px}.company-seal>span{font-size:12px;line-height:16px}}
@media(max-width:640px){
 .cinema-home .section{padding-block:64px}
 .cinema-home .heading-2{font-size:36px;line-height:40px}
 .cinema-home .cinema-copy{padding:104px 24px 32px}
 .cinema-home .cinema-copy h1{font-size:48px;line-height:48px}
 .hero-platforms{max-width:none;gap:12px}
 .hero-platforms>span{max-width:148px;font-size:12px;line-height:16px}
 .hero-platforms>div{gap:12px;padding:8px 12px}
 .hero-platforms img{width:24px;height:24px}
 .cinema-home .hub-section-head{grid-template-columns:1fr;gap:24px}
 .cinema-home .hub-section-head>.title-2{font-size:16px;line-height:24px}
 .cinema-home .foundation-grid{gap:24px}
 .service-card-copy{padding:24px}
 .cinema-home .service-card-copy h3{font-size:30px;line-height:36px;max-width:none}
 .cinema-home .service-card-copy p{font-size:16px;line-height:24px}
 .platform-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}
 .platform-heading>.title-2{font-size:16px;line-height:24px}
 .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .platform-card{padding:16px 12px;gap:8px}
 .platform-card>svg{width:16px;height:16px;top:16px;right:12px}
 .platform-card strong{font-size:14px;line-height:20px}
 .platform-logo{height:56px;margin-bottom:0}
 .platform-logo img{max-width:40px;max-height:40px}
 .platform-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:56px 1fr;gap:4px 16px;align-items:center}
 .platform-card:last-child .platform-logo{grid-row:1/3}
 .platform-card:last-child strong{align-self:end}
 .platform-card:last-child>span:last-of-type{align-self:start}
 .ai-search-note{padding:16px;gap:16px;align-items:flex-start}
 .ai-search-note>svg{display:none}
 .ai-search-note p{font-size:14px;line-height:24px}
 .ai-search-icon{width:40px;height:40px}
 .cinema-home .hub-about>.container{grid-template-columns:1fr;gap:32px}
 .company-seal{max-width:240px;padding:24px;aspect-ratio:4/3}
 .company-seal>img{width:80px;height:80px}
 .company-seal>span{font-size:12px;line-height:16px}
 .service-feature-art img{aspect-ratio:3/2;max-height:none;object-fit:cover}
 .platform-attribution{font-size:12px;line-height:20px;padding-bottom:24px}
}
@media(max-width:360px){.cinema-home .cinema-copy{padding-top:96px}.cinema-home .cinema-copy h1{font-size:36px;line-height:40px}.hero-platforms>span{max-width:112px}.hero-trust strong{font-size:12px;line-height:20px}.cinema-home .service-card-copy h3{font-size:24px;line-height:32px}.service-card-copy{padding:16px}}
@media(prefers-reduced-motion:reduce){.service-showcase-card:hover .service-art,.platform-card:hover{transform:none}.service-art,.platform-card{transition:none}}
@media(max-width:640px){.cinema-home .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cinema-home .platform-card:last-child{grid-column:1/-1}}
.service-platform-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-block:24px;color:#183E34}
.service-platform-row>p{font-size:12px;line-height:20px;color:#4C5E55;margin-right:auto}
.service-platform-row>span{display:flex;align-items:center;gap:12px;font-size:14px;line-height:20px;font-weight:500}
.service-platform-row img{display:block;object-fit:contain;max-width:32px;height:32px}
@media(max-width:640px){.service-platform-row{gap:16px}.service-platform-row>p{width:100%}.service-platform-row>span{font-size:12px;line-height:20px;gap:8px}}
@media(min-width:1101px) and (max-width:1249px){.cinema-home .cinema-copy h1{font-size:48px;line-height:48px}}