/* Shared reading scale. Screen-only so the reviewed PDF layouts stay stable. */
@media screen{
 body{font-family:'DM Sans',Arial,sans-serif;font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
 h1,h2,h3{text-wrap:balance}
 button,input,select{font-family:'DM Sans',Arial,sans-serif}
 .eyebrow{font:600 13px/1.6 'Manrope',Arial,sans-serif;letter-spacing:1.5px}
 .demo-banner{font-size:12px;letter-spacing:.7px;line-height:1.5}
 header nav,.nav-cta{font-size:15px;line-height:1.5}
 .theme-picker summary{font-size:14px}
 .theme-options button{font-size:15px}
 .theme-options>span,.theme-options i{font-size:12px}
 .button,.text-btn,.underlink{font-size:15px;line-height:1.5}
 .hero-copy>p,.landing .hero-copy>p,.landing .noor-cover .hero-copy>p{font-size:18px;line-height:1.7}
 .cover-reel,.landing .cover-reel{font-size:15px}
 .hero-bottom,.hero-bottom .image-note{font-size:12px;letter-spacing:.5px}
 .light-control label,.light-control label span{font-size:12px;letter-spacing:.6px}
 .manifesto-statement p,.landing .manifesto-statement p,.experience-copy>p,.moment-note p{font-size:18px;line-height:1.8}
 .moment-tabs button{font-size:18px}
 .moment-tabs button>span,.moment-counter,.moment-image figcaption{font-size:13px}
 .ritual-chapter p{font-size:18px;line-height:1.7}
 .ritual-heading,.ritual-scroll-hint,.ritual-bottom,.ritual-film figcaption{font-size:12px;letter-spacing:.6px}
 .ritual-steps{font-size:12px}
 .inside-intro>p,.landing .inside-intro>p{font-size:16px;line-height:1.75;max-width:330px}
 .film-card-caption>span,.landing .film-card-caption>span{font-size:15px}
 .film-card-index,.landing .film-card-index{font-size:12px;letter-spacing:.5px}
 .gallery-foot>span,.landing .gallery-foot>span,.gallery-foot a,.landing .gallery-foot a{font-size:13px;line-height:1.7;letter-spacing:.3px}
 .night-intro>p,.landing .night-intro>p{font-size:18px;line-height:1.8}
 .ticket-top>span:last-child,.landing .ticket-top>span:last-child{font-size:11px;letter-spacing:.4px;line-height:1.6}
 .landing .night-ticket label,.night-vibes legend{font-size:12px;letter-spacing:.7px}
 .night-ticket input,.night-ticket select{font-size:16px;min-height:45px}
 .night-vibes label>span,.landing .night-vibes label>span{font-size:14px;line-height:1.5;padding:12px}
 .ticket-demo,.landing .ticket-demo{font-size:12px;line-height:1.7}
 .ticket-summary>span{font-size:12px}
 .ticket-summary output{font-size:20px;line-height:1.5}
 .ticket-button,.landing .ticket-button{font-size:16px}
 .visit-info span{font-size:12px;letter-spacing:1.2px}
 .visit-info p{font-size:20px;line-height:1.6}
 .visit-info small,.visit-info a:not(.button){font-size:15px;line-height:1.75}
 footer>div a,footer>p,.landing footer>p{font-size:13px;line-height:1.8}
 .film-dialog-caption a,.film-disclosure,.landing .film-dialog-caption a,.landing .film-disclosure{font-size:12px;line-height:1.7}
 .plan-dialog p{font-size:18px}.plan-dialog .plan-note{font-size:15px}
 .proposal h2,.conditions h2,.proposal-close h2,.catalog h2{font-family:'Manrope',Arial,sans-serif;font-weight:600;line-height:1.2;letter-spacing:-1.5px}
 .intro,.section-lead,.conditions>p,.proposal-close>p{font-size:18px;line-height:1.8}
 .proposal-hero .underlink{font-size:15px}
 .plan h3{font:600 30px/1.2 'Manrope',Arial,sans-serif;letter-spacing:-1px}
 .plan p,.plan ul{font-size:16px;line-height:1.75}
 .plan ul{padding-left:20px}.plan li{margin-bottom:14px}
 .plan .monthly{font-size:20px;line-height:1.5}.price-label{font-size:14px;line-height:1.5}
 .plan .plan-offer{font-size:14px;line-height:1.7}.plan .button{font-size:15px}
 .offer-note p,.service-grid p,.scope-note p{font-size:17px;line-height:1.8}
 .offer-note h3,.service-grid h3,.scope-note h3{font-family:'Manrope',Arial,sans-serif;font-weight:600;font-size:25px;line-height:1.35;letter-spacing:-.6px}
 .comparison{font-size:16px;line-height:1.6}.comparison thead th{font-size:13px;letter-spacing:.7px}.comparison caption{font:600 25px/1.4 'Manrope',Arial,sans-serif}
 .conditions .table-note,.presentation-note,.pdf-links{font-size:14px;line-height:1.8}
 .catalog-lead{font-size:18px;line-height:1.8}.catalog-note{font-size:16px;line-height:1.8}.catalog-nav{font-size:14px;line-height:1.6}
 .group-title p{font-size:16px;line-height:1.75;max-width:380px}.group-title .eyebrow,.group-title>.eyebrow{font-size:12px}
 .screen-id{font-size:12px;letter-spacing:1px}.screen-card h3{font:600 23px/1.3 'Manrope',Arial,sans-serif;letter-spacing:-.7px}.screen-card ul{font-size:16px;line-height:1.75}
 .conditional-grid h3{font-size:20px;line-height:1.4}.conditional-grid p,.catalog-extra p{font-size:17px;line-height:1.8}.catalog-source{font-size:13px;line-height:1.8}
 .mock-top{font-size:11px;letter-spacing:.5px;padding:17px}.mock-top b{font-size:18px}.mock-content>small{font-size:10px;letter-spacing:.6px}.mock-content{padding:22px 17px}.mock-content h3{font-size:29px}.mock-member>span{font-size:10px;line-height:1.6}.mock-member strong small{font-size:12px}.mock-row{font-size:13px;line-height:1.6}.mock-order{font-size:13px;line-height:1.6}.mock-order span{font-size:12px}.mock-board figcaption{font-size:12px;line-height:1.6}
 .signature-controls label{font-size:11px;letter-spacing:.5px;gap:12px}.signature-position{font-size:12px}.signature-film figcaption{font-size:12px;line-height:1.6}.signature-status{font-size:14px}.signature-play{font-size:14px;line-height:1.5}.signature-edition{font-size:10px;letter-spacing:.6px}.signature-word small{font-size:11px;letter-spacing:1.5px}
}
@media screen and (max-width:1000px){
 .mock-grid,.screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-bottom{gap:15px;flex-wrap:wrap}
}
@media screen and (max-width:650px){
 body{font-size:17px}
 header{height:auto;min-height:100px;padding-block:16px}
 header .header-actions{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 68px);gap:6px 16px}
 .nav-cta{font-size:14px;padding:7px 0}.theme-picker summary{font-size:14px}
 .demo-banner{font-size:11px;letter-spacing:.3px}
 .hero-bottom,.hero-bottom .image-note{font-size:11px}
 .hero-bottom .text-btn{font-size:13px}
 .hero-copy>p,.landing .hero-copy>p,.landing .noor-cover .hero-copy>p{font-size:17px}
 .cover-reel,.landing .cover-reel{font-size:14px}
 .eyebrow{font-size:12px;letter-spacing:1px}
 .proposal-hero .eyebrow{font-size:12px;max-width:none}
 .manifesto-statement p,.landing .manifesto-statement p,.experience-copy>p,.moment-note p,.night-intro>p,.landing .night-intro>p{font-size:17px}
 .moment-tabs button{font-size:16px;padding-inline:7px}.moment-tabs button>span{font-size:11px}
 .inside-intro>p,.landing .inside-intro>p{font-size:15px;max-width:220px}
 .gallery-foot>span,.landing .gallery-foot>span,.gallery-foot a,.landing .gallery-foot a{font-size:12px}
 .ritual-chapter p{font-size:17px}.ritual-steps{font-size:10px;letter-spacing:0}.ritual-film figcaption{font-size:10px}
 .ticket-top{flex-wrap:wrap}.ticket-top>span:last-child,.landing .ticket-top>span:last-child{font-size:11px}.night-vibes{gap:8px}.night-vibes label>span,.landing .night-vibes label>span{font-size:14px}.ticket-summary output{font-size:19px}
 .intro,.section-lead,.conditions>p,.proposal-close>p{font-size:17px}
 .comparison{min-width:710px}.scroll-table{max-width:100%}
 .service-grid p,.scope-note p,.offer-note p{font-size:16px}
 .proposal-links .button,.plan-dialog .button{font-size:14px;gap:15px;max-width:100%}
 .catalog-hero h1{font-size:42px}.catalog-lead{font-size:17px}.catalog-note{font-size:16px}.mock-grid,.screen-grid{grid-template-columns:1fr}.mock-top{font-size:12px}.mock-content>small{font-size:11px}.mock-member>span{font-size:11px}.mock-row{font-size:14px}.group-title p{font-size:16px}.conditional-grid p,.catalog-extra p{font-size:16px}
 .signature-controls label{font-size:11px;gap:10px}.signature-position{font-size:12px}.signature-film figcaption{font-size:12px}.signature-play{font-size:14px}.signature-edition{font-size:10px}
 .signature-word small{font-size:10px}.signature-word>[lang=ar]{line-height:1.2}
}
@media screen and (max-width:650px){.landing .signature-word{inset:0 0 28%}.proposal-hero .signature-word{inset:0 0 30%}}