/* Shared navigation keeps the desktop layout; phone styles are scoped below. */ #younique-cinema-original .mobile-nav-toggle, #younique-cinema-original .mobile-nav-contact { display:none; } #younique-cinema-original .site-navigation { display:contents; } #younique-cinema-original .site .home-video-toggle { padding:8px 12px; min-height:44px; border:1px solid #d2b57c70; color:#f6f3eb; font-size:14px; background:#12121290; } @media (max-width:760px) { html { -webkit-text-size-adjust:100%; scroll-padding-bottom:80px; } #younique-cinema-original .site { font-size:17px; } #younique-cinema-original .site *, #younique-cinema-original .site *::before, #younique-cinema-original .site *::after { box-sizing:border-box; } #younique-cinema-original .site p, #younique-cinema-original .site h1, #younique-cinema-original .site h2, #younique-cinema-original .site h3 { overflow-wrap:break-word; } #younique-cinema-original .site input, #younique-cinema-original .site select, #younique-cinema-original .site textarea { font-size:16px; max-width:100%; min-width:0; } #younique-cinema-original .site button, #younique-cinema-original .site a { touch-action:manipulation; -webkit-tap-highlight-color:#d2b57c26; } #younique-cinema-original .site > header, #younique-cinema-original .site[data-page=wedding] > header { margin:0 20px; padding:18px 0 0; z-index:12; } #younique-cinema-original .site .brandrow { gap:12px; padding-bottom:17px; align-items:center; } #younique-cinema-original .site .brandrow > div { display:none; } #younique-cinema-original .site .brandrow .brand-home { font-size:24px; line-height:1.04; margin:0; padding:0; min-height:48px; } #younique-cinema-original .site .brandrow .brand-home span { font-size:17px; letter-spacing:2px; margin-top:5px; } #younique-cinema-original .site .mobile-nav-toggle { display:flex; align-items:center; gap:9px; justify-content:center; padding:10px 13px; min-width:94px; min-height:46px; border:1px solid var(--line); color:var(--ink); font-size:15px; } #younique-cinema-original .mobile-menu-mark { position:relative; width:16px; height:12px; border-top:1px solid currentColor; border-bottom:1px solid currentColor; } #younique-cinema-original .mobile-menu-mark::after { content:''; position:absolute; left:0; right:0; top:4px; border-top:1px solid currentColor; } #younique-cinema-original .site-navigation { display:none; padding:4px 0 18px; } #younique-cinema-original .site[data-mobile-menu=open] .site-navigation { display:block; } #younique-cinema-original .site[data-mobile-menu=open] .mobile-menu-mark { border-bottom:0; border-top:0; } #younique-cinema-original .site[data-mobile-menu=open] .mobile-menu-mark::before, #younique-cinema-original .site[data-mobile-menu=open] .mobile-menu-mark::after { content:''; position:absolute; top:5px; left:0; right:0; border-top:1px solid currentColor; transform:rotate(45deg); } #younique-cinema-original .site[data-mobile-menu=open] .mobile-menu-mark::after { transform:rotate(-45deg); } #younique-cinema-original .site .site-navigation nav, #younique-cinema-original .site[data-page=home] .site-navigation nav[aria-label="Мероприятия"] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3px 12px; padding:8px 0; margin:0; } #younique-cinema-original .site .site-navigation nav.secondary { border-top:1px solid var(--line); padding-top:12px; margin-top:8px; } #younique-cinema-original .site .site-navigation nav button { min-width:0; min-height:48px; text-align:left; padding:10px 5px; font-size:17px; line-height:1.3; } #younique-cinema-original .site .site-navigation nav.secondary button { font-size:16px; } #younique-cinema-original .site-navigation [data-page=contact] { grid-column:1/-1; } #younique-cinema-original .site .mobile-nav-contact { display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; border-top:1px solid var(--line); margin-top:12px; padding-top:13px; } #younique-cinema-original .mobile-nav-contact a { display:inline-flex; align-items:center; min-height:44px; font-size:16px; color:var(--gold); text-decoration:none; } /* The film remains a background, with enough contrast behind the copy. */ #younique-cinema-original .site[data-page=home] .home-introduction { min-height:0; display:flex; flex-direction:column; gap:30px; padding:34px 20px 28px; } #younique-cinema-original .home-story-copy { width:100%; max-width:none; } #younique-cinema-original .home-story-copy h1 { font-size:clamp(34px,9vw,54px); line-height:1.02; letter-spacing:-.8px; margin:18px 0 24px; } #younique-cinema-original .story-lead { font-size:22px; line-height:1.3; max-width:480px; } #younique-cinema-original .story-detail { font-size:17px; line-height:1.5; max-width:480px; } #younique-cinema-original .story-actions { display:flex; flex-direction:column; align-items:stretch; gap:8px; margin-top:24px; } #younique-cinema-original .story-actions .cta { margin:0; min-height:50px; text-align:center; } #younique-cinema-original .story-actions .story-link { min-height:46px; display:flex; align-items:center; justify-content:center; padding:10px; } #younique-cinema-original .story-founder { margin-top:24px; } #younique-cinema-original .story-founder > span { font-size:11px; letter-spacing:1px; } #younique-cinema-original .story-founder p { font-size:15px; line-height:1.4; } #younique-cinema-original .site .story-founder button { min-height:44px; } #younique-cinema-original .story-film-note { position:relative; inset:auto; width:100%; gap:10px; margin:0; padding-top:16px; font-size:15px; } #younique-cinema-original .story-film-note small { font-size:11px; letter-spacing:1px; } #younique-cinema-original .site .home-video-toggle { margin-left:auto; flex-shrink:0; } #younique-cinema-original .home-cinema .cinema-shade { background:linear-gradient(90deg,#121212ed,#1212129c),linear-gradient(0deg,#121212 0%,#12121200 42%,#12121250 100%); } #younique-cinema-original .home-cinema video,#younique-cinema-original .cinema-backup { object-position:50% 40%; } #younique-cinema-original .site[data-page=home] .home-promise, #younique-cinema-original .site[data-page=home] .home-estimate, #younique-cinema-original .site[data-page=home] .home-contacts { grid-template-columns:minmax(0,1fr); gap:24px; padding:32px 20px; } #younique-cinema-original .site[data-page=home] .event-entry { padding:38px 20px; } #younique-cinema-original .home-estimate h2 { color:#27251f; } #younique-cinema-original .event-intro h2 { font-size:32px; line-height:1.1; } #younique-cinema-original .site .event-entry .event-choice { gap:14px; min-height:80px; padding:18px 0; } #younique-cinema-original .site .event-entry .choice-name { font-size:clamp(24px,6.5vw,36px); line-height:1.12; max-width:calc(100% - 36px); letter-spacing:-.3px; overflow-wrap:break-word; } #younique-cinema-original .site .event-entry .choice-go { font-size:24px; } #younique-cinema-original .site .entry-foot { align-items:flex-start; flex-direction:column; } #younique-cinema-original .home-contact-links { gap:10px; } #younique-cinema-original .home-contact-links a { min-height:44px; display:flex; align-items:center; font-size:24px; } /* Event pages share a readable single-column layout. */ #younique-cinema-original .site .stage { padding:32px 20px 24px; } #younique-cinema-original .site .hero { display:grid; grid-template-columns:minmax(0,1fr); gap:26px; min-height:0; } #younique-cinema-original .site h1 { font-size:clamp(30px,8vw,46px); line-height:1.08; } #younique-cinema-original .site .home-story-copy h1 { font-size:clamp(34px,9vw,54px); line-height:1.02; } #younique-cinema-original .site .eyebrow { font-size:11px; line-height:1.5; letter-spacing:1px; margin-bottom:18px; } #younique-cinema-original .site .desc { font-size:18px; line-height:1.5; max-width:none; } #younique-cinema-original .site .media { width:100%; max-width:100%; height:clamp(240px,72vw,390px); margin:0; } #younique-cinema-original .site .copy > .cta { width:100%; text-align:center; min-height:50px; } #younique-cinema-original .site .service-strip { margin-top:26px; gap:10px 18px; font-size:13px; line-height:1.5; } #younique-cinema-original .site .lower, #younique-cinema-original .site[data-page=corporate] .corporate-structure { padding:12px 20px 36px; } #younique-cinema-original .site h2 { font-size:29px; line-height:1.15; } #younique-cinema-original .site .tiles, #younique-cinema-original .site .gallery, #younique-cinema-original .site .corp-formats, #younique-cinema-original .site .corp-included, #younique-cinema-original .site .corp-budget, #younique-cinema-original .site .corp-menu, #younique-cinema-original .site .corp-case { grid-template-columns:minmax(0,1fr); } #younique-cinema-original .site .corp-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } #younique-cinema-original .site .corporate-anchor { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 16px; } #younique-cinema-original .site .corporate-anchor button { text-align:left; min-height:48px; line-height:1.35; } #younique-cinema-original .site .corp-format { min-height:200px!important; } #younique-cinema-original .site .case-template { padding:22px; } #younique-cinema-original .site .contact-panel { display:block; padding:20px; } #younique-cinema-original .site .contact-panel .cta { margin-top:20px; width:100%; white-space:normal; text-align:center; } #younique-cinema-original .site.private-evening .media { transform:none; height:330px; width:100%; max-width:390px; margin:auto; } #younique-cinema-original .site[data-page=cocktails] .hero { grid-template-columns:minmax(0,1fr); } #younique-cinema-original .site[data-page=cocktails] .stage .media { height:clamp(340px,110vw,490px)!important; } #younique-cinema-original .site .cocktail-thumb-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } #younique-cinema-original .cocktail-thumb img { height:clamp(170px,55vw,270px); } #younique-cinema-original .cocktail-gallery-heading { flex-direction:column; align-items:flex-start; } #younique-cinema-original .site .cocktail-photo-controls { gap:10px; flex-wrap:wrap; } #younique-cinema-original .site .cocktail-photo-controls button { min-width:44px; min-height:44px; } /* Keep the natural right contour of the flowers inside a narrow left gutter. */ #younique-cinema-original .site[data-page=wedding] { --garland-width:30px; --garland-gap:14px; } #younique-cinema-original .site[data-page=wedding] .stage { padding-left:52px; padding-right:20px; } #younique-cinema-original .site[data-page=wedding] .hero { display:block; } #younique-cinema-original .site[data-page=wedding] h1 { font-size:clamp(28px,7.3vw,40px); } #younique-cinema-original .site[data-page=wedding] .hero .media { width:100%; height:clamp(230px,72vw,340px); margin:26px auto 0; } #younique-cinema-original .site[data-page=wedding] .wedding-garland-frame { left:0; width:30px; opacity:.58; } #younique-cinema-original .site[data-page=wedding] .wedding-garland-frame img { left:auto; right:0; top:0; width:auto; height:100%; max-width:none; transform:none; } #younique-cinema-original .site[data-page=wedding] .stage .service-strip { gap:10px; justify-content:flex-start; } #younique-cinema-original .brand-gold[data-page=brands] .stage { padding-top:36px; } #younique-cinema-original .brand-gold[data-page=brands] .hero { display:block; min-height:440px; } #younique-cinema-original .brand-gold[data-page=brands] .hero .media { display:none; } #younique-cinema-original .theatre-lamp { width:60px; height:185px; top:-55px; margin-left:-30px; opacity:.7; } #younique-cinema-original .theatre-beam { opacity:.22; } /* Each themed brief keeps its paper styling, without squeezed columns. */ #younique-cinema-original .event-request { margin:20px 12px 38px; } #younique-cinema-original .event-request .yd-stage { padding:22px 12px; } #younique-cinema-original .event-request .yd-main-layout, #younique-cinema-original .event-request .yd-fields, #younique-cinema-original .estimate-fields { grid-template-columns:minmax(0,1fr); gap:18px; } #younique-cinema-original .event-request .yd-wide { grid-column:auto; } #younique-cinema-original .event-request .yd-paper, #younique-cinema-original .event-request .yd-certificate, #younique-cinema-original .event-request .yd-official, #younique-cinema-original .event-request .yd-invitation, #younique-cinema-original .event-request .yd-brand-document { padding:24px 16px; min-width:0; } #younique-cinema-original .event-request .yd-brand { font-size:15px; letter-spacing:1px; flex-wrap:wrap; gap:10px; margin-bottom:24px; } #younique-cinema-original .event-request .yd-brand span { font-size:11px; letter-spacing:2px; } #younique-cinema-original .event-request h2, #younique-cinema-original .event-request .yd-certificate h2, #younique-cinema-original .event-request .yd-private-heading h2, #younique-cinema-original .event-request .yd-brand-brief-heading h2 { font-size:28px; line-height:1.15; letter-spacing:-.5px; } #younique-cinema-original .event-request .yd-certificate h2 em, #younique-cinema-original .event-request .yd-brand-brief-heading em { font-size:23px; } #younique-cinema-original .event-request .yd-festival h2 { font-size:36px; } #younique-cinema-original .event-request .yd-festival-header h2 { color:#f3eee2; } #younique-cinema-original .event-request .yd-private-heading h2 { color:#f3e7da; } #younique-cinema-original .event-request .yd-brand-brief-heading h2 { color:#ead9b5; } #younique-cinema-original .event-request .yd-intro h2 { color:#efe6d5; } #younique-cinema-original .event-request label { font-size:14px; line-height:1.4; } #younique-cinema-original .event-request input, #younique-cinema-original .event-request select, #younique-cinema-original .event-request textarea, #younique-cinema-original .estimate-fields input, #younique-cinema-original .estimate-fields select, #younique-cinema-original .estimate-fields textarea { font-size:16px; min-height:48px; padding:11px 8px; } #younique-cinema-original .event-request textarea { min-height:96px; } #younique-cinema-original .event-request .yd-action { min-height:50px; padding:14px 12px; } #younique-cinema-original .event-request .yd-doc-top, #younique-cinema-original .event-request .yd-file-head, #younique-cinema-original .event-request .yd-invitation-top, #younique-cinema-original .event-request .yd-certificate-foot { flex-wrap:wrap; gap:10px; letter-spacing:1px; } #younique-cinema-original .event-request .yd-official-footer, #younique-cinema-original .event-request .yd-brand-document-foot { display:block; } #younique-cinema-original .event-request .yd-official-footer > span, #younique-cinema-original .event-request .yd-brand-document-foot > span { display:block; width:100%; margin-top:18px; } #younique-cinema-original .event-request .yd-official-footer button, #younique-cinema-original .event-request .yd-brand-document-foot button { width:100%; } #younique-cinema-original .event-request .yd-pass { grid-template-columns:26px minmax(0,1fr); } #younique-cinema-original .event-request .yd-pass-strip { padding:18px 4px; font-size:13px; } #younique-cinema-original .event-request .yd-pass-body { padding:22px 12px; min-width:0; } #younique-cinema-original .event-request .yd-ticket-stub { flex-wrap:wrap; padding:14px; } #younique-cinema-original .event-request .yd-process { flex-direction:row; flex-wrap:wrap; margin:18px 0; } #younique-cinema-original .event-request .yd-envelope-band { left:0; right:0; } #younique-cinema-original .event-request .request-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; } #younique-cinema-original .event-request .request-actions a, #younique-cinema-original .event-request .request-actions button { text-align:center; width:100%; min-height:48px; } #younique-cinema-original .event-request .yd-disclaimer, #younique-cinema-original .event-request .request-footnote { font-size:12px; line-height:1.5; } #younique-cinema-original .site .quick-home { right:16px; bottom:calc(14px + env(safe-area-inset-bottom,0px)); min-height:46px; padding:11px 15px; } #younique-cinema-original .site[data-mobile-menu=open] > .quick-home, #younique-cinema-original .site:has(input:focus,textarea:focus,select:focus) > .quick-home { display:none; } #younique-cinema-original .site > footer { margin:0 20px; gap:14px; font-size:13px; padding-bottom:calc(84px + env(safe-area-inset-bottom,0px)); } #younique-cinema-original .site[data-page=home] > footer { padding-bottom:calc(26px + env(safe-area-inset-bottom,0px)); } #younique-cinema-original .smoke-layer { display:none!important; } } @media (max-width:360px) { #younique-cinema-original .site > header, #younique-cinema-original .site[data-page=wedding] > header { margin-left:16px; margin-right:16px; } #younique-cinema-original .site .corp-steps { grid-template-columns:minmax(0,1fr); } #younique-cinema-original .event-request .yd-document-type { letter-spacing:2px; } }