/* K-Órale — cine style. Loaded last on every page; overrides style.css and menu-modern.css. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Courier+Prime:ital,wght@0,400;0,700;1,400&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,500&family=Six+Caps&display=swap');

:root{--screen:#000;--tungsten:#f3e6cf;--gold:#e6ae39;--smoke:#9a917f;--strip:#0d0c0a;--sub:#ffe45c}

body.cine{background:var(--screen);color:var(--tungsten);font-family:'DM Sans',sans-serif}
/* film grain over the whole picture */
body.cine::after{content:'';position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.11;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

body.cine h1,body.cine h2,body.cine h3{font-family:'Barlow Condensed',sans-serif}
body.cine h1,body.cine h2{text-transform:uppercase;letter-spacing:.005em;font-weight:800;line-height:.95}
body.cine .menu-item h3{font-family:'DM Sans',sans-serif}

/* screenplay sluglines */
body.cine .eyebrow,body.cine .slate,body.cine .availability-note,body.cine .gallery-instruction,body.cine .visit-card>span,body.cine .home-explore span{font-family:'Courier Prime','Courier New',monospace;font-weight:400;letter-spacing:.03em}
body.cine .eyebrow{font-size:14px;color:var(--gold);margin-bottom:18px}

/* header */
body.cine header{background:#000000f2;border-bottom:1px solid #f3e6cf1c}
body.cine header nav a{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:17px;letter-spacing:.09em;text-transform:uppercase}
body.cine header nav a[aria-current=page]{color:var(--gold);border-bottom:2px solid var(--gold)}
body.cine #language{background:transparent;color:var(--tungsten);border:1px solid #f3e6cf66;border-radius:0;font-family:'Courier Prime',monospace;font-weight:700}

/* ---------- opening scene ---------- */
body.cine .hero{display:block;height:auto;min-height:0;max-height:none;background:#000;isolation:auto}
body.cine .slate{display:flex;justify-content:space-between;gap:20px;margin:0;padding:15px 7%;font-size:13px;color:var(--smoke);text-transform:uppercase}
body.cine .hero-photo{position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:2.39/1;min-height:440px;max-height:76svh;overflow:hidden;background:#000}
body.cine .hero-photo>video{filter:contrast(1.08) saturate(.92) brightness(.82);object-position:60% center}
body.cine .hero-photo::after{background:linear-gradient(90deg,#000000d9 0%,#00000073 38%,transparent 68%),radial-gradient(ellipse at 55% 50%,transparent 45%,#000000a6 100%);z-index:1}
body.cine .hero-photo h1{position:absolute;z-index:2;left:7%;top:50%;transform:translateY(-58%);margin:0;font-size:clamp(58px,9vw,150px);font-weight:900;text-shadow:0 4px 40px #000a}
body.cine .hero-photo h1 em{color:var(--gold)}
body.cine .subtitle{position:absolute;z-index:2;left:5%;right:5%;bottom:6%;margin:0;text-align:center;font:italic 500 clamp(16px,1.6vw,23px)/1.3 'DM Sans',sans-serif;color:var(--sub);text-shadow:0 0 5px #000,0 2px 3px #000,0 0 18px #000}
body.cine .video-toggle{top:16px;right:5%;bottom:auto;border-radius:0;background:#000000b3;font-family:'Courier Prime',monospace}
body.cine .hero-copy{width:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:7%;align-items:start;padding:38px 7% 56px}
body.cine .hero-copy .intro{margin:0 0 26px;max-width:460px;color:#e2d6c0}
body.cine .billing{margin:0;font-family:'Six Caps','Barlow Condensed',sans-serif;font-size:clamp(30px,2.9vw,42px);line-height:1.12;letter-spacing:.07em;text-transform:uppercase;color:#bfb39d;text-align:center}
body.cine .billing i{font-style:normal;font-size:.52em;letter-spacing:.16em;color:var(--smoke);padding:0 .25em}
body.cine .coming{margin:16px 0 0;text-align:center;font:800 clamp(20px,2vw,27px)/1.1 'Barlow Condensed',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
body.cine .button,body.cine .menu-link{border-radius:0;background:var(--gold);color:#000;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:19px;letter-spacing:.1em;text-transform:uppercase;padding:14px 26px}
body.cine .button:hover,body.cine .menu-link:hover{background:#f4c55e}

@keyframes cine-open{from{clip-path:inset(47% 0 47% 0)}to{clip-path:inset(0)}}
@keyframes cine-in{from{opacity:0}to{opacity:1}}
body.cine .hero-photo{animation:cine-open 1.5s cubic-bezier(.7,0,.2,1) both}
body.cine .hero-photo h1{animation:cine-in 1.1s ease 1.1s both}
body.cine .subtitle{animation:cine-in .6s ease 2s both}

/* ---------- sections ---------- */
body.cine .box-campaign{background:#000;border-top:1px solid #f3e6cf1c;border-bottom:1px solid #f3e6cf1c;padding:70px 7%}
body.cine .box-campaign h2{font-size:clamp(44px,5.4vw,84px);line-height:.95}
body.cine .box-share-line{border-left:0;border-top:1px dashed #e6ae3966;border-bottom:1px dashed #e6ae3966;padding:14px 0}
body.cine .box-story-scenes{gap:14px;counter-reset:scene}
body.cine .box-story-scenes figure{border:0;border-radius:0;background:#000;border-top:12px solid #000;counter-increment:scene}
body.cine .box-story-scenes img{object-fit:cover;aspect-ratio:1.85/1;filter:contrast(1.06) saturate(.92)}
body.cine .box-story-scenes figcaption{padding:12px 0 0;font:italic 500 16px/1.4 'DM Sans',sans-serif;color:var(--sub)}
body.cine .box-story-scenes figcaption::before{content:counter(scene,decimal-leading-zero);font:400 13px 'Courier Prime',monospace;color:var(--smoke);margin-right:12px}

body.cine .home-explore a{border-top:1px dashed #e6ae3980}
body.cine .home-explore strong{font-weight:700;font-size:32px;text-transform:uppercase;letter-spacing:.02em}

body.cine.compact-site .expanded-section,body.cine.compact-site .story,body.cine.compact-site .food-gallery,body.cine.compact-site .official-menu,body.cine.compact-site .brand-section,body.cine.compact-site .visit,body.cine.compact-site .mascot-section{background:#000;padding-top:70px;padding-bottom:70px}
body.cine .section-intro{color:#e2d6c0}
body.cine .cinema-frame{border-top:14px solid #000;border-bottom:14px solid #000;box-shadow:none;outline:1px solid #f3e6cf14}
body.cine .occasion-grid h3,body.cine .visit-card h3,body.cine .mascot-grid h3{text-transform:uppercase;letter-spacing:.02em}

/* trailer */
body.cine .cine-trailer{padding:0;background:#000}
body.cine .cine-trailer .scope{aspect-ratio:2.39/1;min-height:260px;max-height:70svh;width:100%;overflow:hidden;background:#000}
body.cine .cine-trailer video{display:block;width:100%;height:100%;object-fit:cover}

/* the food reel: gallery as a strip of 35mm */
body.cine.compact-site .real-photo-grid{gap:0;padding:0 0 14px;counter-reset:frame;scrollbar-color:var(--gold) #161616}
body.cine.compact-site .real-photo-grid figure{flex:0 0 340px;max-width:none;border:0;box-shadow:none;counter-increment:frame;padding:34px 7px 34px;background-color:var(--strip);background-image:repeating-linear-gradient(90deg,transparent 0 10px,#f3e6cf2e 10px 24px,transparent 24px 34px),repeating-linear-gradient(90deg,transparent 0 10px,#f3e6cf2e 10px 24px,transparent 24px 34px);background-size:100% 14px;background-position:0 10px,0 calc(100% - 10px);background-repeat:no-repeat}
body.cine.compact-site .real-photo-grid img,body.cine.compact-site .real-photo-grid figure:first-child img,body.cine.compact-site .real-photo-grid figure:nth-child(2) img,body.cine.compact-site .real-photo-grid figure:last-child img{height:300px;object-fit:cover;background:#000}
body.cine.compact-site .real-photo-grid figcaption{background:transparent;border:0;flex:0;padding:10px 4px 0;font:400 14px/1.3 'Courier Prime',monospace;color:#d9ccb4}
body.cine .real-photo-grid figcaption::before{content:counter(frame,decimal-leading-zero) 'A';color:var(--gold);margin-right:10px}
body.cine.compact-site .authentic-grid figure{border:0;box-shadow:none;border-top:12px solid #000}
body.cine.compact-site .authentic-grid img{object-fit:cover;aspect-ratio:1.85/1}
body.cine.compact-site .authentic-grid figcaption{background:#000;border:0;padding:12px 0 0;font:700 24px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.04em}

body.cine .box-sizes strong,body.cine .ramen-type{color:var(--gold)}
body.cine .delivery-platforms span{font-family:'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase}
body.cine.compact-site .mascot-grid article{border:0;border-top:1px dashed #e6ae3980;background:radial-gradient(ellipse at 50% 40%,#2a2418,#000 70%)}
body.cine .visit-card{border-top:1px dashed #e6ae3980}
body.cine .roanoke-card{background:transparent}

/* ---------- menu: the programme ---------- */
body.cine .menu-page{background:#000}
body.cine .menu-intro{border-bottom:1px solid #f3e6cf1c}
body.cine .menu-intro h1{font-size:clamp(46px,7vw,104px);line-height:.92;margin:10px 0 14px;color:var(--tungsten)}
body.cine .menu-intro>p:last-child{font-family:'Courier Prime',monospace;font-size:16px;color:var(--smoke);text-transform:uppercase}
body.cine .menu-categories button{border-radius:0;background:transparent;border:1px solid #f3e6cf33;color:#d9ccb4;font:700 17px/1.3 'Barlow Condensed',sans-serif;letter-spacing:.09em;text-transform:uppercase;padding:9px 16px}
body.cine .menu-categories button:hover{border-color:var(--gold);color:var(--gold)}
body.cine .menu-categories button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#000}
body.cine .menu-panel-heading span{font-family:'Courier Prime',monospace;color:var(--smoke)}
body.cine .menu-panel-heading h2{font-size:clamp(34px,4.4vw,56px);line-height:1}
body.cine .menu-item{border-radius:0;background:var(--strip);border:0;border-top:1px solid #f3e6cf24}
body.cine .menu-item strong{font-family:'Barlow Condensed',sans-serif;font-size:26px;letter-spacing:.03em}
body.cine .menu-item p{font-family:'DM Sans',sans-serif}
body.cine .menu-badge{border-radius:0;font-family:'Courier Prime',monospace}
body.cine .signature-item{background:#1b160c;border-top:3px solid var(--gold)}

/* ---------- end credits ---------- */
body.cine footer{background:#000;border-top:1px solid #f3e6cf1c;flex-wrap:wrap}
body.cine .fin{flex:0 0 100%;margin:0 0 6px;text-align:center;font:400 clamp(54px,8vw,110px)/1 'Six Caps',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--tungsten)}
body.cine footer p:not(.fin){font-family:'Courier Prime',monospace;font-size:14px;color:var(--smoke)}

@media(max-width:800px){
body.cine .slate{padding:12px 6%;font-size:11px}
body.cine .slate span:last-child{display:none}
body.cine .hero-photo{aspect-ratio:auto;height:62svh;min-height:420px}
body.cine .hero-photo>video{object-position:68% center}
body.cine .hero-photo h1{left:6%;font-size:clamp(54px,15vw,92px)}
body.cine .hero-copy{grid-template-columns:1fr;gap:34px;padding:30px 6% 44px}
body.cine .button{display:block;text-align:center}
body.cine .box-campaign{padding:48px 6%}
body.cine.compact-site .expanded-section,body.cine.compact-site .story,body.cine.compact-site .food-gallery,body.cine.compact-site .official-menu,body.cine.compact-site .brand-section,body.cine.compact-site .visit,body.cine.compact-site .mascot-section{padding-top:48px;padding-bottom:48px}
body.cine.compact-site .real-photo-grid figure{flex:0 0 306px}
body.cine.compact-site .real-photo-grid img,body.cine.compact-site .real-photo-grid figure:first-child img,body.cine.compact-site .real-photo-grid figure:nth-child(2) img,body.cine.compact-site .real-photo-grid figure:last-child img{height:270px}
body.cine header nav a{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
body.cine .hero-photo,body.cine .hero-photo h1,body.cine .subtitle{animation:none}
}
html{overflow-x:clip}
@media(max-width:800px){body.cine.compact-site header nav{min-width:0;max-width:100%;overflow-x:auto;justify-content:flex-start;gap:16px}body.cine header nav a{font-size:14px;letter-spacing:.06em}}
@media(max-width:800px){body.cine h2{font-size:clamp(34px,10vw,48px);overflow-wrap:anywhere}body.cine .box-campaign h2{font-size:clamp(36px,11vw,52px)}}
body.cine .menu-allergy{margin-top:44px;padding-top:22px;border-top:1px dashed #e6ae3980}
body.cine .menu-allergy h2{font-size:24px;letter-spacing:.06em;color:var(--gold);margin:0 0 10px}
body.cine .menu-allergy p{margin:0;max-width:820px;font-size:15px;line-height:1.7;color:#d9ccb4}
body.cine video{pointer-events:none}
body.cine.compact-site .catering-section .occasion-grid img{aspect-ratio:3/2;object-fit:cover;background:#000}
body.cine .cine-trailer .scope{position:relative}
body.cine .brand-film .scope{aspect-ratio:16/9;max-height:84svh;min-height:0}
body.cine .brand-film .subtitle{animation:none;bottom:7%}
body.cine .brand-film .video-toggle{top:auto;bottom:16px;right:16px;z-index:3;min-height:40px;padding:8px 14px;border-color:var(--gold);color:var(--gold);cursor:pointer}
@media(max-width:800px){body.cine .brand-film .subtitle{font-size:14px;bottom:16%}}
body.cine .brand-film .scope{cursor:pointer}
body.cine .brand-film .video-toggle{top:18px;bottom:auto;right:auto;left:50%;transform:translateX(-50%);background:var(--gold);color:#000;border:0;font:800 18px/1 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:13px 22px;min-height:44px;box-shadow:0 6px 24px #000a}
body.cine .brand-film .video-toggle.is-on{background:#000000b3;color:var(--gold);border:1px solid var(--gold)}
body.cine .legend-body{max-width:66ch;margin-top:26px}
body.cine .legend-body p{font-size:19px;line-height:1.75;color:#e2d6c0;margin:0 0 20px}
body.cine .legend-body p:first-child{font-size:22px;color:var(--tungsten)}
body.cine .legend-body .legend-end{font:800 clamp(26px,3vw,38px)/1.15 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--gold);margin-top:30px}
@media(max-width:800px){body.cine .legend-body p{font-size:17px}body.cine .legend-body p:first-child{font-size:19px}}
body.cine .box-story-scenes img[src="tacos.jpg"]{object-position:8% center}
body.cine .box-campaign:has(.single){display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5%;align-items:center}
body.cine .box-story-scenes.single{display:block;margin-top:0}
body.cine .box-story-scenes.single img{aspect-ratio:16/9;object-fit:cover}
body.cine .box-story-scenes.single figcaption::before{content:none}
body.cine .box-story-scenes.single figcaption{font-size:18px}
@media(max-width:900px){body.cine .box-campaign:has(.single){display:block}body.cine .box-story-scenes.single{margin-top:28px}}
body.cine .tray-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;margin-top:36px}
body.cine .tray-grid article{border-top:1px dashed #e6ae3980;padding:20px 0 26px}
body.cine .tray-grid h3{font-size:30px;line-height:1.05;text-transform:uppercase;letter-spacing:.02em;color:var(--gold);margin:0 0 10px}
body.cine .tray-grid p{margin:0;color:#e2d6c0;font-size:16px;line-height:1.65}
@media(max-width:900px){body.cine .tray-grid{grid-template-columns:1fr}}
body.cine .van-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:6%;align-items:center}
body.cine .van{width:100%;height:auto;display:block;max-width:620px;justify-self:center}
@keyframes van-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes van-dash{to{stroke-dashoffset:-44}}
body.cine .van .van-body{animation:van-bob 1.1s ease-in-out infinite}
body.cine .van>path:last-child{animation:van-dash .7s linear infinite}
@media(max-width:900px){body.cine .van-section{grid-template-columns:1fr;gap:28px}}
@media(prefers-reduced-motion:reduce){body.cine .van .van-body,body.cine .van>path:last-child{animation:none}}
body.cine .merch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 30px;margin-top:36px}
body.cine .merch-grid article{border-top:1px dashed #e6ae3980;padding-top:18px}
body.cine .merch-art{aspect-ratio:1/1;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#2a2418,#000 72%)}
body.cine .merch-art svg,body.cine .merch-art img{width:78%;height:78%;object-fit:contain;display:block}
body.cine .merch-grid h3{font-size:30px;text-transform:uppercase;letter-spacing:.02em;color:var(--gold);margin:16px 0 6px}
body.cine .merch-grid p{margin:0;color:#e2d6c0;font-size:16px;line-height:1.6}
@media(max-width:900px){body.cine .merch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}body.cine .merch-grid h3{font-size:24px}}
body.cine .merch-art{background:radial-gradient(ellipse at 50% 40%,#3a3122,#0b0907 70%)}
body.cine .merch-art svg{width:86%;height:86%}
body.cine .plush-shot{position:relative;width:84%;height:84%;display:grid;place-items:center}
body.cine .plush-shot::after{content:'';position:absolute;left:14%;right:14%;bottom:1%;height:9%;border-radius:50%;background:#000;filter:blur(9px);opacity:.85;z-index:0}
body.cine .plush-shot .merch-plush{position:relative;z-index:1;width:100%;height:100%;filter:drop-shadow(0 10px 14px #000a) saturate(.96)}
body.cine .plush-shot .plush-tag{position:absolute;z-index:2;right:2%;top:30%;width:17%;height:auto;transform:rotate(9deg);filter:drop-shadow(0 4px 6px #0009)}
body.cine .merch-grid.photos{grid-template-columns:repeat(2,minmax(0,1fr))}
body.cine .merch-grid.photos .wide{grid-column:1/-1}
body.cine .merch-photo img{display:block;width:100%;height:auto}
@media(max-width:900px){body.cine .merch-grid.photos{grid-template-columns:1fr}}
body.cine .delivery-section{display:block}
body.cine .delivery-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:820px;margin:30px 0}
body.cine .delivery-platforms span{display:grid;place-items:center;min-height:110px;padding:18px;border:1px solid #e6ae3966;background:#0d0c0a;font:800 clamp(22px,2.6vw,34px)/1 'Barlow Condensed',sans-serif;color:var(--tungsten);text-align:center}
@media(max-width:700px){body.cine .delivery-platforms{grid-template-columns:1fr}body.cine .delivery-platforms span{min-height:76px}}
body.cine .delivery-platforms.logos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px}
body.cine .delivery-platforms.logos span{min-height:150px;padding:0;border:1px solid #f3e6cf33;overflow:hidden}
body.cine .delivery-platforms.logos .dd{background:#fff}
body.cine .delivery-platforms.logos .ue{background:#000}
body.cine .delivery-platforms.logos .dd img{width:82%;height:auto;display:block}
body.cine .delivery-platforms.logos .ue img{height:150px;width:auto;display:block}
@media(max-width:700px){body.cine .delivery-platforms.logos{grid-template-columns:1fr}}