/* Self-hosted webfonts — fonts.googleapis.com is not reliably reachable from Iran;
   when it failed the page fell back to a system font and Persian words rendered mangled. */
@font-face{font-family:Vazirmatn;src:url(/assets/fonts/Vazirmatn-var.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Lalezar;src:url(/assets/fonts/Lalezar-arabic.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+2010-2011,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Lalezar;src:url(/assets/fonts/Lalezar-latin.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212}
:root{--coral:#ee2873;--turquoise:#50e3df;--yellow:#50e3df;--purple:#820766;--ink:#000;--cream:#f8ffff;--paper:#fff;--muted:#5e5960;--line:#d5dddd;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s24:96px;--shadow:0 20px 50px rgba(0,0,0,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--cream);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.9;overflow-x:clip}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit;color:inherit}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.skip{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:1000;transform:translateY(-150%);background:var(--ink);color:#fff;padding:8px 16px;border-radius:8px}.skip:focus{transform:none}.icons{position:absolute;width:0;height:0;overflow:hidden}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.site-header{position:sticky;inset-block-start:0;z-index:100;background:color-mix(in srgb,var(--cream) 88%,transparent);backdrop-filter:blur(16px);border-block-end:1px solid transparent;transition:.3s}.site-header.scrolled{border-color:var(--line);box-shadow:0 6px 22px rgba(26,20,35,.06)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-size:1.45rem;font-weight:900;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand b{color:var(--coral)}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50% 50% 16% 50%;background:var(--yellow);font-family:Lalezar;font-size:1.5rem}.desktop-nav{display:flex;align-items:center;gap:28px;font-size:.94rem;font-weight:600}.desktop-nav>a,.dropdown>button{min-height:48px;display:flex;align-items:center;border:0;background:none;cursor:pointer;padding:0 2px}.desktop-nav>a:hover,.dropdown>button:hover{color:var(--coral)}.dropdown{position:relative}.dropdown>button{gap:6px}.dropdown>button svg{width:16px}.dropdown-menu{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:-24px;width:260px;background:#fff;padding:12px;border:1px solid var(--line);border-radius:22px 8px 22px 8px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a{display:flex;flex-direction:column;padding:12px 16px;border-radius:12px;margin-block:4px}.dropdown-menu small{font-weight:400;color:var(--muted)}.dropdown-menu a:hover{color:#fff}.dropdown-menu .jora:hover{background:#a56e00}.dropdown-menu .oud:hover{background:var(--turquoise)}.dropdown-menu .far:hover{background:var(--purple)}.dropdown-menu a:hover small{color:inherit}.nav-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:48px;height:48px;border:1px solid var(--line);background:var(--paper);border-radius:50%;display:grid;place-items:center;cursor:pointer}.menu-toggle{display:none}.btn{border:1px solid transparent;min-height:48px;padding:10px 22px;border-radius:18px 6px 18px 6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.2s}.primary{background:var(--coral);color:#fff}.secondary{border-color:var(--ink);background:transparent}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 0 rgba(233,68,77,.15)}.btn:active{transform:scale(.98)}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.mobile-menu{position:fixed;inset:0;z-index:200;background:var(--purple);color:#fff;padding:24px;visibility:hidden}.mobile-menu:not([hidden]){visibility:visible}.mobile-top{display:flex;justify-content:space-between;align-items:center}.mobile-menu nav{display:flex;flex-direction:column;gap:8px;margin-block-start:40px}.mobile-menu nav a{font-size:clamp(1.4rem,7vw,2.2rem);font-weight:800;padding:8px;border-block-end:1px solid rgba(255,255,255,.2)}[hidden]{display:none!important}
.hero{position:relative;padding-block:clamp(56px,8vw,96px) 0}.hero-copy{display:grid;grid-template-columns:1fr 260px;align-items:end;gap:48px;margin-block-end:40px}.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--coral);font-size:.82rem;font-weight:800;letter-spacing:.03em}.kicker:before{content:"";width:28px;height:2px;background:currentColor}.hero h1,.page-hero h1{font-size:clamp(2.7rem,7vw,5.5rem);line-height:1.12;letter-spacing:normal;margin:12px 0 20px;font-weight:900}.hero h1 em{font-style:normal;color:var(--purple);position:relative}.hero h1 em:after{content:"";position:absolute;inset-inline:0;inset-block-end:3px;height:10px;background:var(--yellow);z-index:-1;transform:rotate(-1deg)}.hero-copy p{max-width:600px;color:var(--muted);margin:0}.hero-index{border-inline-start:1px solid var(--line);padding-inline-start:24px;display:grid;gap:8px}.hero-index b{color:var(--turquoise);font-size:.8rem}.hero-index span{font-size:1.35rem;font-weight:700;line-height:1.6}.hero-stage{position:relative;border-radius:52px 12px 52px 12px;overflow:hidden;aspect-ratio:2.18/1;background:#d8bcb3}.hero-stage img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;inset-inline-end:18px;inset-block-end:18px;background:var(--ink);color:#fff;border-radius:50px;padding:7px 14px;font-size:.75rem}.blob{position:absolute;pointer-events:none;z-index:-1}.blob-a{width:300px;aspect-ratio:1;background:var(--turquoise);opacity:.1;border-radius:42% 58% 66% 34%/42% 39% 61% 58%;inset-inline-start:-120px;inset-block-start:100px;animation:float 10s ease-in-out infinite}.overlap-grid{display:grid;grid-template-columns:1.1fr .95fr .9fr;gap:24px;align-items:stretch;margin-block-start:-74px;position:relative;z-index:2;padding-inline:32px}.story-card{display:flex;flex-direction:column;min-height:270px;padding:24px;border:1px solid rgba(26,20,35,.12);box-shadow:0 14px 40px rgba(26,20,35,.12);border-radius:28px 8px 28px 8px}.story-card h2{font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.5;margin:12px 0}.story-card p{font-size:.9rem;line-height:1.75;margin:0 0 16px}.story-card .meta{margin-block-start:auto}.story-card.c1{background:var(--paper);transform:rotate(1deg)}.story-card.c2{background:var(--yellow);transform:translateY(30px) rotate(-1deg)}.story-card.c3{background:var(--purple);color:#fff;transform:translateY(-10px) rotate(1deg)}.cat{font-size:.78rem;font-weight:800;display:inline-flex}.meta{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.78rem}.meta a{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid currentColor}.marquee{margin-block-start:100px;background:var(--ink);color:#fff;overflow:hidden;transform:rotate(-1deg);width:102%;margin-inline-start:-1%;white-space:nowrap}.marquee div{padding:12px;font-family:Lalezar;font-size:1.35rem;word-spacing:18px}.marquee i{color:var(--coral);font-style:normal}
.section{padding-block:clamp(64px,9vw,110px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-block-end:40px}.section-head h2{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.25;margin:8px 0 0}.text-link{font-weight:800;display:inline-flex;align-items:center;gap:8px}.text-link svg{width:20px}.mosaic{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:24px;align-items:stretch}.news-card{background:var(--paper);border:1px solid var(--line);border-radius:30px 8px 30px 8px;overflow:hidden;display:flex;flex-direction:column;transition:.25s}.news-card:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:var(--shadow)}.news-card .media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eaded0}.news-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.news-card:hover img{transform:scale(1.03)}.card-body{padding:24px;display:flex;flex:1;flex-direction:column}.card-body h3,.archive-grid h2{font-size:1.35rem;line-height:1.55;margin:10px 0}.card-body p{font-size:.9rem;line-height:1.8;color:var(--muted);margin:0 0 20px}.card-body .meta{margin-block-start:auto}.n1{grid-row:span 2}.n1 .media{aspect-ratio:4/5}.n2{margin-block-start:48px}.n4{grid-column:2/4;display:grid;grid-template-columns:1fr 1fr}.n4 .media{aspect-ratio:auto}.play{position:absolute;inset:50%;transform:translate(50%,-50%);width:58px;height:58px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center}.subbrands{padding-block:clamp(64px,8vw,96px);background:#f2e9de}.brand-grid{display:grid;grid-template-columns:1.05fr .95fr 1.1fr;gap:24px}.brand-tile{min-height:280px;border-radius:42% 12px 36% 12px;padding:32px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.2s}.brand-tile:hover{transform:translateY(-6px) rotate(1deg)}.brand-tile b{font-size:2.2rem}.brand-tile span{max-width:210px}.brand-tile i{position:absolute;inset-inline-end:-10px;inset-block-end:-70px;font:normal 9rem Lalezar;opacity:.13}.yellow{background:var(--yellow)}.turquoise{background:var(--turquoise);color:#fff;transform:translateY(30px)}.purple{background:var(--purple);color:#fff}.newsletter{padding-block:clamp(64px,8vw,96px)}.newsletter-box{background:var(--ink);color:#fff;border-radius:56px 12px 56px 12px;padding:clamp(28px,6vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.newsletter h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.3;margin:8px 0}.newsletter p{color:#c9c2cc}.newsletter label,.contact-form label,.login-card label,.settings-form label{display:grid;gap:8px;font-weight:700}.field-row{display:grid;grid-template-columns:1fr auto;gap:12px;margin-block-start:8px}input,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:16px 5px 16px 5px;min-height:52px;padding:10px 14px}textarea{resize:vertical}input:focus,textarea:focus{outline:3px solid var(--yellow);border-color:transparent}.page-hero{padding-block:clamp(70px,10vw,130px) 40px}.page-hero h1{font-size:clamp(2.7rem,6vw,4.8rem)}.page-hero p{max-width:720px;color:var(--muted)}.compact-top{padding-block-start:32px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.archive-grid .news-card:nth-child(3n+2){transform:translateY(32px)}.archive-grid .news-card:hover{transform:translateY(-6px)}.article{padding-block:clamp(70px,8vw,110px)}.article header{max-width:850px;margin-inline:auto;text-align:center}.article h1{font-size:clamp(2.3rem,6vw,4.5rem);line-height:1.25;margin:16px 0}.lead{font-size:1.2rem;color:var(--muted)}.byline{font-size:.85rem;margin-block:24px}.article-cover{width:100%;aspect-ratio:2/1;object-fit:cover;border-radius:48px 8px 48px 8px;margin-block:40px}.prose{max-width:760px;margin-inline:auto;font-size:1.1rem;line-height:2.15}.static-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px}.prose-box{background:#fff;border-radius:30px 8px;padding:32px;line-height:2.1}.contact-form{display:grid;gap:20px}.footer{background:var(--ink);color:#fff;padding-block:72px 24px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr 1.3fr;gap:48px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer h3{font-size:1rem;margin:0 0 8px;color:var(--yellow)}.footer p{color:#bbb3bf;font-size:.9rem;margin:0}.social{color:#5ed2cf}.trust{display:flex;gap:12px;margin-block-start:12px}.trust span{border:1px solid #554e59;border-radius:12px;padding:10px;font-size:.65rem}.footnote{border-block-start:1px solid #403946;margin-block-start:48px;padding-block-start:24px;display:flex;justify-content:space-between;align-items:center;color:#aaa3ad;font-size:.8rem}.to-top{width:48px;height:48px;border-radius:50%;border:1px solid #5a535e;background:none;color:#fff;cursor:pointer}
.admin-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f2e9de}.login-card,.admin-panel{width:min(560px,100%);background:#fff;padding:clamp(24px,5vw,48px);border-radius:36px 8px;box-shadow:var(--shadow)}.login-card{display:grid;gap:20px}.login-card h1{font-size:2rem;line-height:1.3;margin:0}.error{background:#ffe8e8;color:#8a1118;padding:10px;border-radius:8px}.success{background:#dff5ee;color:#075b49;padding:12px;border-radius:8px}.admin-panel{width:min(980px,100%)}.admin-panel>header{display:flex;justify-content:space-between;align-items:center}.admin-panel h1{margin:8px 0}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:32px}.settings-form label:last-of-type{grid-column:1/-1}.settings-form button{justify-self:start}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-block-start:32px}.admin-stats div{background:var(--cream);padding:20px;border-radius:16px;display:grid}.admin-stats b{font-size:2rem;color:var(--purple)}
@keyframes float{50%{transform:translate(20px,12px) rotate(8deg)}}
/* Editorial portals: one cinematic system, four distinct palettes. */
.portal-page{--brand-a:#50e3df;--brand-b:#ee2873;--brand-ink:#000;--brand-paper:#f8ffff;background:var(--brand-paper);color:var(--brand-ink)}
.theme-cinemajera{--brand-a:#50e3df;--brand-b:#ee2873;--brand-ink:#000;--brand-paper:#f4ffff}.theme-cinemaoud{--brand-a:#ee2873;--brand-b:#fff;--brand-ink:#26000f;--brand-paper:#fff7fa}.theme-farhonar{--brand-a:#820766;--brand-b:#000;--brand-ink:#12000e;--brand-paper:#fff8fd}
.portal-page .site-header{background:color-mix(in srgb,var(--brand-paper) 90%,transparent);border-color:color-mix(in srgb,var(--brand-ink) 14%,transparent)}.portal-page .brand{font-family:Lalezar,Vazirmatn,sans-serif;font-size:1.75rem}.portal-page .logo-mark path:first-child{fill:var(--brand-a);stroke:var(--brand-ink)}.portal-page .logo-mark path:last-child{stroke:var(--brand-ink)}.gateway-link{min-height:44px;display:flex;align-items:center;padding-inline:14px;border:1px solid currentColor;border-radius:18px 4px;font-size:.78rem;font-weight:800}.portal-page .dropdown-menu{border-color:var(--brand-a);border-radius:2px;background:var(--brand-paper)}.portal-page .dropdown-menu a:hover{background:var(--brand-a);color:#000}
.portal-main{overflow:hidden}.portal-hero{min-height:calc(100svh - 83px);padding-block:clamp(44px,6vw,80px);display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(28px,6vw,80px);align-items:center}.portal-hero-copy{position:relative;z-index:2}.portal-kicker,.portal-section-head>span,.weekly>span{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:900}.portal-kicker:before,.portal-section-head>span:before,.weekly>span:before{content:"";inline-size:32px;block-size:4px;background:var(--brand-b)}.portal-hero h1{margin:8px 0 0;font-family:Lalezar,Vazirmatn,sans-serif;font-size:clamp(5rem,12vw,10.5rem);font-weight:400;line-height:.95;letter-spacing:normal;color:var(--brand-a);text-shadow:3px 3px 0 var(--brand-b)}.portal-slogan{margin:22px 0 8px;font-size:clamp(1.3rem,2.3vw,2rem);font-weight:900}.portal-hero-copy>p:last-of-type{max-width:48ch;color:color-mix(in srgb,var(--brand-ink) 72%,transparent)}.portal-scroll{display:inline-flex;align-items:center;gap:14px;min-height:48px;margin-block-start:18px;font-weight:900;border-block-end:3px solid var(--brand-a)}.portal-hero figure{position:relative;margin:0;aspect-ratio:4/5;max-height:72vh;clip-path:polygon(8% 0,100% 0,100% 88%,87% 100%,0 100%,0 12%);background:#000}.portal-hero figure:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 46%,color-mix(in srgb,var(--brand-a) 58%,transparent))}.portal-hero figure img{inline-size:100%;block-size:100%;object-fit:cover;filter:grayscale(1) contrast(1.12)}.portal-hero figcaption{position:absolute;z-index:2;inset-inline-start:16px;inset-block-end:16px;background:var(--brand-b);color:#000;padding:8px 14px;font-size:.75rem;font-weight:900}
.portal-stories,.portal-more,.special-layout{padding-block:clamp(72px,10vw,130px)}.portal-section-head{margin-block-end:36px}.portal-section-head h2{font-family:Lalezar,Vazirmatn,sans-serif;font-size:clamp(2.6rem,6vw,5.2rem);font-weight:400;line-height:1;margin:8px 0}.lead-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:20px}.portal-card{min-width:0;background:#fff;border-block-start:7px solid var(--brand-a)}.portal-card-lead{grid-row:span 2}.portal-card:nth-child(4){grid-column:2/4}.portal-media{display:block;aspect-ratio:16/10;overflow:hidden;background:#111}.portal-card-lead .portal-media{aspect-ratio:4/5}.portal-card img{inline-size:100%;block-size:100%;object-fit:cover;filter:saturate(.75);transition:transform .4s}.portal-card:hover img{transform:scale(1.035)}.portal-card>div{padding:22px}.portal-card span,.portal-more article span{font-size:.72rem;font-weight:900;color:color-mix(in srgb,var(--brand-ink) 60%,var(--brand-a))}.portal-card h3{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.6;margin:7px 0}.portal-card p{font-size:.86rem;line-height:1.8;margin:0;color:#625b63}
.content-strip{position:relative;background:#000;color:#fff;padding-block:clamp(52px,7vw,90px);transform:rotate(-.7deg);inline-size:102%;margin-inline-start:-1%}.content-strip:before{content:"";position:absolute;inset-block:0;inset-inline-end:8%;inline-size:36%;background:repeating-linear-gradient(90deg,transparent 0 44px,rgba(80,227,223,.18) 45px 47px)}.content-strip>.shell{display:flex;justify-content:space-between;align-items:end;gap:32px;transform:rotate(.7deg)}.content-strip span{color:var(--brand-a);font-weight:900}.content-strip h2{font:400 clamp(2.5rem,5vw,4.8rem)/1 Lalezar;margin:6px 0}.content-strip nav{display:flex;gap:10px;position:relative}.content-strip nav a{min-height:52px;padding:11px 25px;display:grid;place-items:center;border:1px solid var(--brand-a);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);font-weight:900}.content-strip nav a:hover{background:var(--brand-a);color:#000}
.special-layout{display:grid;grid-template-columns:1fr minmax(250px,330px);gap:clamp(34px,7vw,90px);align-items:start}.special-links{display:grid;grid-template-columns:1fr 1fr;gap:18px}.special-links a{min-height:270px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--brand-a);clip-path:polygon(0 0,90% 0,100% 12%,100% 100%,0 100%)}.special-links a:last-child{background:#000;color:#fff;transform:translateY(38px)}.special-links span{font-size:.75rem;font-weight:900}.special-links strong{font-size:1.5rem;line-height:1.6;margin-block-start:14px}.weekly{background:#fff;padding:25px;border:1px solid color-mix(in srgb,var(--brand-ink) 20%,transparent);box-shadow:14px 14px 0 var(--brand-b)}.weekly h2{font:400 2.4rem/1.2 Lalezar;margin:8px 0}.weekly p{font-size:.85rem;line-height:1.8}.weekly img{aspect-ratio:3/4;inline-size:100%;object-fit:cover;margin-block:18px}.weekly a{display:block;text-align:center;background:var(--brand-ink);color:#fff;padding:11px;font-weight:900}
.category-scene{padding-block:clamp(70px,9vw,120px);background:var(--brand-a)}.category-scene .portal-section-head>span:before{background:var(--brand-ink)}.category-scene nav{display:flex;flex-direction:column}.category-scene nav a{display:flex;align-items:center;justify-content:space-between;min-height:78px;border-block-end:1px solid color-mix(in srgb,var(--brand-ink) 35%,transparent);font:400 clamp(2rem,5vw,4rem)/1 Lalezar}.category-scene nav a:after{content:"←";font-family:Vazirmatn;font-size:1.5rem;transition:transform .2s}.category-scene nav a:hover:after{transform:translateX(-10px)}
.portal-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portal-more article{background:#fff;border-block-end:5px solid var(--brand-a)}.portal-more article img{inline-size:100%;aspect-ratio:16/10;object-fit:cover}.portal-more article div{padding:18px}.portal-more article h3{font-size:1.1rem;line-height:1.65;margin:6px 0}.theme-cinemaoud .portal-hero h1{color:#ee2873;text-shadow:3px 3px 0 #fff,-1px -1px 0 #26000f}.theme-farhonar .portal-hero h1{color:#820766;text-shadow:3px 3px 0 #000}.theme-farhonar .portal-kicker,.theme-farhonar .portal-section-head>span{color:#820766}.theme-farhonar .portal-kicker:before,.theme-farhonar .portal-section-head>span:before{background:#000}
@media(max-width:1100px){.portal-page .desktop-nav{gap:14px;font-size:.82rem}.portal-page .gateway-link{display:none}.lead-grid{grid-template-columns:1fr 1fr}.portal-card-lead{grid-row:auto}.portal-card:nth-child(4){grid-column:auto}.portal-card-lead .portal-media{aspect-ratio:16/10}}
@media(max-width:900px){.desktop-nav,.desktop-cta{display:none}.menu-toggle{display:grid}.hero-copy{grid-template-columns:1fr}.hero-index{display:none}.overlap-grid{grid-template-columns:1fr 1fr;padding-inline:20px}.overlap-grid .c3{grid-column:1/-1}.mosaic{grid-template-columns:1fr 1fr}.n1{grid-row:auto}.n1 .media{aspect-ratio:4/3}.n4{grid-column:auto;display:flex}.archive-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.brand-grid{grid-template-columns:1fr 1fr}.brand-tile:last-child{grid-column:1/-1}.newsletter-box{grid-template-columns:1fr;gap:32px}.portal-hero{grid-template-columns:1fr 1fr}.special-layout{grid-template-columns:1fr 280px}.portal-more-grid{grid-template-columns:1fr 1fr}.mobile-sub{font-size:1rem!important;padding-inline-start:28px!important;opacity:.76}}
@media(max-width:768px){.portal-page .nav{min-height:72px}.portal-hero{min-height:auto;padding-block-start:42px;grid-template-columns:1fr}.portal-hero h1{font-size:clamp(4.7rem,25vw,7.5rem)}.portal-hero figure{max-height:none;aspect-ratio:4/3}.lead-grid{grid-template-columns:1fr}.content-strip{transform:none;inline-size:100%;margin:0}.content-strip>.shell{align-items:stretch;flex-direction:column;transform:none}.content-strip nav{display:grid;grid-template-columns:1fr}.content-strip nav a{width:100%}.special-layout{grid-template-columns:1fr}.special-links{grid-template-columns:1fr}.special-links a{min-height:190px}.special-links a:last-child{transform:none}.weekly{width:min(100%,330px);justify-self:center}.portal-more-grid{grid-template-columns:1fr}.category-scene nav a{min-height:68px}.portal-stories,.portal-more,.special-layout{padding-block:72px}.portal-page .footer{padding-block-end:90px}}
@media(prefers-reduced-motion:reduce){.portal-card img,.category-scene nav a:after{transition:none}.portal-card:hover img,.category-scene nav a:hover:after{transform:none}}
@media(max-width:768px){.shell{width:min(100% - 32px,1180px)}.nav{min-height:72px;gap:12px}.nav-actions{gap:8px}.nav-actions>a.icon-btn{display:none}.hero{padding-block-start:40px}.hero-copy{margin-block-end:24px}.hero h1{font-size:clamp(2.55rem,13vw,4rem)}.hero-stage{aspect-ratio:4/3;border-radius:30px 8px}.overlap-grid{display:flex;flex-direction:column;margin-block-start:-32px;padding-inline:12px;gap:16px}.story-card{min-height:auto;transform:none!important}.story-card.c2{margin-inline:14px}.story-card.c3{margin-inline-start:28px}.marquee{margin-block-start:64px}.section-head{align-items:flex-start;flex-direction:column;gap:16px;margin-block-end:28px}.mosaic,.archive-grid,.brand-grid{grid-template-columns:1fr}.n2,.archive-grid .news-card:nth-child(3n+2),.turquoise{margin-block-start:0;transform:none}.n4{display:flex}.brand-tile:last-child{grid-column:auto}.brand-tile{min-height:230px}.newsletter-box{border-radius:30px 8px}.field-row{grid-template-columns:1fr}.field-row .btn{width:100%}.static-layout{grid-template-columns:1fr}.article-cover{aspect-ratio:4/3;border-radius:28px 8px}.footer-grid{grid-template-columns:1fr;gap:36px}.footer-grid>div{gap:10px}.settings-form{grid-template-columns:1fr}.settings-form label:last-of-type{grid-column:auto}.admin-stats{grid-template-columns:1fr}.page-hero{padding-block-start:64px}}
@media(max-width:420px){.brand-mark{display:none}.brand{font-size:1.25rem}.story-card{padding:20px}.card-body{padding:20px}.trust{flex-wrap:wrap}}
/* Editorial refinements */
.story-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.story-top img{width:64px;height:64px;object-fit:cover;border-radius:50% 50% 16% 50%;border:3px solid rgba(255,255,255,.65)}
.logo-mark{width:42px;height:42px}.logo-mark path:first-child{fill:var(--yellow);stroke:var(--ink);stroke-width:1.5}.logo-mark path:last-child{fill:none;stroke:var(--ink);stroke-width:1.8}.video-strip{padding-block-start:0}.video-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(32px,6vw,80px);align-items:center}.video-poster{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:12px 52px 12px 52px;background:var(--turquoise)}.video-poster img{width:100%;height:100%;object-fit:cover}.video-play{position:absolute;inset:50%;transform:translate(50%,-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--ink);box-shadow:0 0 0 12px rgba(255,255,255,.22)}.video-copy h2{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.35;margin:12px 0 20px}.video-copy p{color:var(--muted);margin-block-end:28px}.form-note{padding:12px 16px;border-radius:14px;font-size:.9rem}.is-success{background:#dff5ee;color:#075b49}.is-error{background:#ffe8e8;color:#8a1118}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--coral);background:#fff5f5}.search-form{max-width:700px;margin-block-start:28px;background:#fff;padding:20px;border:1px solid var(--line);border-radius:24px 7px}.empty-state{padding:clamp(32px,7vw,72px);text-align:center;background:#fff;border:1px solid var(--line);border-radius:36px 10px}.empty-state span{color:var(--coral);font-weight:800}.empty-state h2{font-size:2rem;margin:8px 0}.back-home{display:flex;align-items:center;gap:20px;margin-block-start:28px;flex-wrap:wrap}.footer a{transition:.2s}.footer a:hover{color:var(--yellow)}.footer-icon-link{display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}.footer-icon-link svg{flex:0 0 22px}.panel-body{place-items:start center}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:24px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;border-block-end:1px solid var(--line);margin-block:24px 32px}.admin-tabs a{padding:10px 16px;min-height:44px;font-weight:700}.admin-tabs a.active{color:var(--coral);border-block-end:3px solid var(--coral)}.admin-welcome{margin-block-start:28px;padding:32px;background:var(--ink);color:#fff;border-radius:28px 8px}.admin-welcome h2{margin:0}.admin-list-head,.editor-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-block-end:24px}.editor-form{display:grid;gap:20px}.editor-form label{display:grid;gap:8px;font-weight:700}.editor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:start;padding:14px;border-block-end:1px solid var(--line)}th{color:var(--muted)}.row-actions{display:flex;align-items:center;gap:12px}.row-actions form{margin:0}.row-actions button{border:0;background:none;color:#9d1e26;cursor:pointer;padding:8px}.admin-panel{width:min(1120px,100%)}select{font:inherit;width:100%;border:1px solid var(--line);background:#fff;border-radius:16px 5px 16px 5px;min-height:52px;padding:10px 14px}
@media(max-width:900px){.video-layout{grid-template-columns:1fr}}
@media(max-width:768px){.logo-mark{width:38px;height:38px}.video-poster{border-radius:8px 30px 8px 30px}.video-play{width:60px;height:60px}.editor-grid{grid-template-columns:1fr}.admin-head,.admin-list-head{align-items:flex-start}.panel-body{padding:12px}.admin-panel{padding:20px}.table-wrap{overflow:visible}table,thead,tbody,tr,th,td{display:block}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}tr{border:1px solid var(--line);border-radius:16px;padding:12px;margin-block-end:14px}td{display:grid;grid-template-columns:90px 1fr;gap:12px;border:0;padding:7px}td:before{content:attr(data-label);color:var(--muted);font-weight:700}.row-actions{flex-wrap:wrap}.search-form{padding:16px}.back-home{align-items:stretch;flex-direction:column}.back-home .btn{width:100%}}
@media(max-width:420px){.logo-mark{display:none}.footnote{align-items:flex-start;gap:16px}.admin-head{flex-direction:column}.admin-tabs{gap:0}.admin-tabs a{padding-inline:10px}.editor-title{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.breadcrumbs{display:flex;align-items:center;gap:10px;max-width:850px;margin:0 auto 28px;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden}.breadcrumbs svg{width:15px;height:15px;transform:rotate(90deg);flex:0 0 auto}.breadcrumbs span{overflow:hidden;text-overflow:ellipsis}.breadcrumbs a:hover{color:var(--coral)}

/* Cinema network gateway: one complete source of truth */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body:has(.mosaic-home){background:#000;color:#fff}body:has(.mosaic-home)>.footer{display:none!important}
.mosaic-home{min-height:100svh;padding:18px;background:radial-gradient(circle at 20% 50%,rgba(104,55,23,.18),transparent 25%),#07090b;isolation:isolate}
.mosaic-window,.cinema-window{position:relative;min-height:calc(100svh - 36px);overflow:hidden;border:1px solid rgba(255,255,255,.1);background:radial-gradient(ellipse at 45% 44%,rgba(91,57,42,.28),transparent 47%),linear-gradient(118deg,#080a0d,#151516 48%,#07090b);box-shadow:inset 0 0 100px #000;padding:clamp(28px,5vh,62px) clamp(20px,6vw,92px) 20px;display:flex;flex-direction:column}
.cinema-grain{position:absolute;inset:0;z-index:-1;opacity:.17;pointer-events:none;background-image:repeating-radial-gradient(circle at 20% 30%,transparent 0 2px,rgba(255,255,255,.055) 2.5px 3px);background-size:13px 11px;mix-blend-mode:screen}
.projector-motif{position:absolute;inset-inline-start:-88px;inset-block-start:5%;width:210px;height:440px;opacity:.23;border:7px solid #50e3df;border-radius:100px 100px 20px 20px;transform:rotate(-8deg);filter:none}.projector-motif i{position:absolute;width:108px;aspect-ratio:1;border:9px double #50e3df;border-radius:50%;inset-inline-start:50%;transform:translateX(-50%)}.projector-motif i:first-child{inset-block-start:20px}.projector-motif i:nth-child(2){inset-block-start:134px}.projector-motif span{position:absolute;inset-block-end:38px;inset-inline-start:68px;width:190px;height:55px;border:7px solid #50e3df;border-radius:50%;box-shadow:0 0 38px rgba(238,40,115,.55)}
.film-strip{position:absolute;inset-inline-end:-9%;inset-block-end:12%;width:47%;height:90px;opacity:.16;border-block:12px dashed #c09a77;transform:rotate(-20deg);box-shadow:0 0 0 2px #c09a77}
.gateway-grid{width:min(900px,82vw);margin:auto;padding-block-start:clamp(24px,4vh,48px);scroll-margin-block-start:96px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(260px,.72fr);grid-template-rows:minmax(220px,1.05fr) minmax(150px,.75fr) minmax(150px,.75fr);gap:clamp(14px,2vw,24px);grid-template-areas:"main main" "jera oud" "far oud";direction:ltr}
.tile,.gateway-card{--edge:#fff;position:relative;overflow:hidden;display:flex;direction:rtl;align-items:flex-end;padding:clamp(26px,3vw,40px);min-width:0;color:#fff;border:1px solid var(--edge);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));box-shadow:inset 0 0 46px rgba(0,0,0,.28),0 0 22px color-mix(in srgb,var(--edge) 32%,transparent);transition:transform .32s ease,filter .32s ease}.gateway-card:before{content:"";position:absolute;inset:1px;z-index:-1;clip-path:inherit;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 42%)}.gateway-card:hover{transform:translateY(-5px);filter:brightness(1.16)}.gateway-card:focus-visible{outline:3px solid #fff;outline-offset:4px}.gateway-main{grid-area:main;--edge:#e05568;background:radial-gradient(circle at 13% 70%,transparent 0 16%,rgba(255,94,117,.24) 16.5% 22%,transparent 22.5%),linear-gradient(125deg,#a92539,#390d17 72%)}.gateway-oud{grid-area:oud;--edge:#ee2873;background:linear-gradient(145deg,#ee2873,#8e0f3f 77%)}.gateway-jera{grid-area:jera;--edge:#50e3df;background:linear-gradient(135deg,#50e3df,#0f807a 75%);color:#00201f}.gateway-far{grid-area:far;--edge:#820766;background:linear-gradient(135deg,#820766,#1a0114 76%)}
.card-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.brand-title{font-size:clamp(1.75rem,3.7vw,3.2rem);font-weight:900;line-height:1.25;letter-spacing:normal}.gateway-main .brand-title span{color:#ff9c9f}.card-copy>b{font:500 clamp(.72rem,1.1vw,.9rem)/1.4 Arial,sans-serif;letter-spacing:.1em;opacity:.65;margin-block:4px 13px}.card-copy strong{font-size:clamp(.95rem,1.45vw,1.25rem);line-height:1.45}.card-copy small{font-size:clamp(.72rem,1.1vw,.88rem);opacity:.7;margin-block-start:5px;line-height:1.65}.card-arrow{position:absolute;inset-inline-start:18px;inset-block-end:14px;width:40px;height:40px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;font-size:1.2rem}.gateway-main .card-arrow{width:48px;height:48px}
.reel-motif{position:absolute;inset-block-start:18%;inset-inline-start:-52px;width:245px;height:92px;padding:13px 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;border-block:8px dotted rgba(255,255,255,.16);background:rgba(255,255,255,.055);transform:rotate(-28deg)}.reel-motif i{display:block;border:1px solid rgba(255,255,255,.13);background:linear-gradient(135deg,rgba(255,255,255,.08),transparent)}
.gateway-footer{width:min(900px,82vw);margin:clamp(20px,3vh,32px) auto 0;display:flex;flex-direction:column-reverse;align-items:center;text-align:center;gap:10px;direction:rtl;color:rgba(255,255,255,.55);font-size:.74rem}.gateway-footer p{margin:0}.gateway-footer nav{display:flex;gap:10px;direction:ltr}.gateway-footer a{width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;color:#fff;transition:.2s}.gateway-footer a:hover{background:#fff;color:#111}.gateway-footer svg{width:19px;height:19px}
@media(max-width:768px){.mosaic-home{padding:0}.mosaic-window,.cinema-window{min-height:100svh;border:0;padding:0 16px 18px}.projector-motif{width:130px;height:280px;inset-inline-start:-76px;opacity:.15}.projector-motif i{width:70px}.projector-motif i:nth-child(2){inset-block-start:95px}.film-strip{width:75%;opacity:.11}.gateway-grid{width:100%;margin:0;padding-block-start:max(24px,env(safe-area-inset-top));scroll-margin-block-start:82px;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:12px;grid-template-areas:"main" "jera" "oud" "far"}.tile,.gateway-card{width:100%;min-width:0;max-width:100%;min-height:180px;padding:24px 20px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.gateway-main{min-height:220px}.gateway-oud{min-height:210px}.brand-title{font-size:clamp(1.75rem,7vw,2.25rem)}.gateway-main .brand-title{font-size:clamp(2.2rem,10vw,2.7rem)}.card-copy{max-width:calc(100% - 20px)}.card-copy>b{font-size:.68rem;margin-block-end:8px}.card-copy strong{font-size:.94rem}.card-copy small{font-size:.75rem;line-height:1.6}.card-arrow{display:none}.gateway-footer{width:100%;margin-block-start:20px;flex-direction:column-reverse;text-align:center;gap:10px}.gateway-footer a{width:44px;height:44px}}
@media(max-width:540px){.gateway-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"main" "jera" "oud" "far"}.gateway-card{min-height:180px}.gateway-main{min-height:220px}.gateway-oud{min-height:210px}.gateway-main .brand-title{font-size:2.35rem}.card-copy strong{font-size:.9rem}.card-copy small{font-size:.72rem}.cinema-window{padding-inline:14px}.gateway-footer p{max-width:290px}}
@media(max-width:390px){.cinema-window{padding-inline:10px}.gateway-grid{gap:10px;padding-block-start:max(18px,env(safe-area-inset-top))}.gateway-card{min-height:174px;padding:22px 16px}.gateway-main{min-height:214px}.gateway-oud{min-height:200px}.gateway-main .brand-title{font-size:2.15rem}.card-copy{max-width:100%}.card-copy small{max-width:32ch}.reel-motif{inset-inline-start:-82px}}
@media(prefers-reduced-motion:reduce){.gateway-card{transition:none}.gateway-card:hover{transform:none}}

/* Unified cinematic window */
body:has(.mosaic-home){background:#030506}
body:has(.mosaic-home)>.site-header{background:rgba(3,5,6,.92);color:#fff;border-block-end-color:rgba(255,255,255,.1);box-shadow:0 10px 32px rgba(0,0,0,.35)}
body:has(.mosaic-home)>.site-header .logo-mark path:first-child{fill:#ff536b;stroke:#ff536b}
body:has(.mosaic-home)>.site-header .logo-mark path:last-child{stroke:#fff}
body:has(.mosaic-home)>.site-header .icon-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
body:has(.mosaic-home)>.site-header .dropdown-menu{color:var(--ink)}
.mosaic-home{padding:clamp(10px,1.15vw,18px);background:#030506}
.cinema-window{min-height:calc(100svh - clamp(20px,2.3vw,36px));padding:clamp(34px,5.5vh,66px) clamp(24px,6.2vw,96px) 18px;background:
 radial-gradient(ellipse at 17% 56%,rgba(167,103,51,.22),transparent 25%),
 radial-gradient(ellipse at 53% 42%,rgba(108,68,50,.2),transparent 44%),
 linear-gradient(112deg,#05080a,#151414 50%,#050708);box-shadow:inset 0 0 130px #000,0 0 50px rgba(0,0,0,.8)}
.cinema-window:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
.projector-beam{position:absolute;z-index:-1;inset-inline-start:5%;inset-block-start:43%;width:46%;height:19%;transform:rotate(-7deg);transform-origin:left center;background:linear-gradient(90deg,rgba(211,151,93,.3),rgba(211,151,93,.08) 50%,transparent);clip-path:polygon(0 42%,100% 0,100% 100%,0 58%);filter:blur(5px)}
.clapper-motif{position:absolute;z-index:-1;inset-inline-end:-2%;inset-block-end:3%;width:29%;height:28%;opacity:.15;border:3px solid #ee2873;transform:rotate(-1deg);display:grid;grid-template-columns:repeat(3,1fr);align-items:end;color:#50e3df;font:700 13px/1 Arial,sans-serif}
.clapper-motif:before{content:"";position:absolute;inset-inline:-2%;inset-block-start:-30px;height:28px;border:3px solid #ee2873;background:repeating-linear-gradient(135deg,transparent 0 34px,#ee2873 35px 50px,transparent 51px 76px);transform:rotate(-15deg);transform-origin:right bottom}.clapper-motif i{position:absolute;inset:32% 0 auto;border-block:2px solid #ee2873}.clapper-motif span{padding:12px;text-align:center;border-inline-start:2px solid #ee2873}
.gateway-grid{width:min(850px,74vw);padding-block-start:0;grid-template-columns:minmax(0,1.08fr) minmax(270px,.88fr);grid-template-rows:minmax(210px,1.08fr) minmax(150px,.76fr) minmax(150px,.76fr);gap:clamp(16px,1.8vw,26px)}
.gateway-card{isolation:isolate;padding:clamp(26px,2.7vw,40px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));border-radius:16px 4px 16px 4px}
.gateway-card:after{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 120%,rgba(255,255,255,.12),transparent 45%);pointer-events:none}
.gateway-main{background:radial-gradient(circle at 10% 70%,rgba(255,77,94,.12),transparent 27%),linear-gradient(120deg,#a2293d,#360c16 72%)}
.gateway-jera{background:linear-gradient(135deg,#50e3df,#0f807a 76%);color:#00201f}
.gateway-oud{background:linear-gradient(145deg,#ee2873,#8e0f3f 80%)}
.gateway-far{background:linear-gradient(135deg,#820766,#1a0114 80%)}
.frame-label{position:absolute;z-index:3;inset-block-start:19px;inset-inline-end:24px;color:rgba(255,255,255,.7);font:600 clamp(.62rem,.8vw,.78rem)/1.2 Arial,sans-serif;letter-spacing:.24em}
.main-rings{position:absolute;inset-inline-start:-72px;inset-block-end:-96px;width:270px;aspect-ratio:1;border:30px solid rgba(255,101,116,.19);border-radius:50%}.main-rings:after{content:"";position:absolute;inset:34px;border:2px solid rgba(255,101,116,.12);border-radius:50%}
.jera-reel{position:absolute;inset-inline-start:-25px;inset-block-start:25px;width:120px;aspect-ratio:1;border:24px dotted rgba(255,255,255,.06);border-radius:50%;filter:blur(1px)}
.far-clapper{position:absolute;inset-inline-start:-8px;inset-block-end:12px;width:120px;height:74px;opacity:.11;border:8px double #fff;transform:rotate(12deg)}
.card-copy{max-width:calc(100% - 24px)}
.brand-title{font-size:clamp(1.65rem,3vw,2.75rem)}
.gateway-main .brand-title{font-size:clamp(2.4rem,4.4vw,3.8rem)}
.card-copy>b{letter-spacing:.14em;margin-block:6px 13px}.card-copy strong{font-weight:700}.card-copy small{max-width:42ch}
.gateway-footer{width:min(850px,74vw);margin-block-start:clamp(14px,2.5vh,26px);gap:7px}.gateway-footer nav{order:0}.gateway-footer p{order:1}.gateway-footer a{border:0;width:38px;height:38px}.gateway-footer a:hover{transform:translateY(-2px)}

@media(max-width:768px){
 .mosaic-home{padding:0}.mosaic-window,.cinema-window{min-height:100svh;padding:0 14px max(18px,env(safe-area-inset-bottom))}
 .gateway-grid{width:100%;margin:0;padding-block-start:max(28px,env(safe-area-inset-top));grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"main" "oud" "jera" "far";gap:12px}
 .gateway-card{width:100%;max-width:100%;min-width:0;min-height:168px;padding:22px 17px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border-radius:10px 2px 10px 2px}
 .gateway-main{min-height:220px}.gateway-oud{min-height:196px}.gateway-jera,.gateway-far{min-height:168px}
 .frame-label{inset-block-start:13px;inset-inline-end:14px;font-size:.66rem}.gateway-main .brand-title{font-size:2.65rem}.brand-title{font-size:1.8rem}
 .card-copy{max-width:100%}.card-copy>b{font-size:.72rem;margin-block:3px 7px}.card-copy strong{font-size:.94rem}.card-copy small{font-size:.8rem;line-height:1.55}
 .card-arrow{display:none}.reel-motif{inset-inline-start:-72px;max-width:70%}.projector-motif{opacity:.1}.clapper-motif{width:60%;opacity:.08}
 .gateway-footer{width:100%;margin-block-start:14px}.gateway-footer p{font-size:.68rem}
}
@media(max-width:540px){
 .mosaic-window,.cinema-window{padding-inline:10px}.gateway-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"main" "oud" "jera" "far";gap:10px}
 .gateway-card{padding:19px 13px;min-height:164px}.gateway-main{min-height:214px}.gateway-oud{min-height:190px}.gateway-jera,.gateway-far{min-height:164px}
 .gateway-main .brand-title{font-size:2.35rem}.brand-title{font-size:1.6rem}.card-copy strong{font-size:.88rem}.card-copy small{font-size:.74rem;line-height:1.5;max-width:31ch}
 .gateway-oud .card-copy small{max-width:28ch}.frame-label{font-size:.62rem;letter-spacing:.16em}.gateway-footer{margin-block-start:12px}
}
@media(max-width:390px){
 .mosaic-window,.cinema-window{padding-inline:8px}.gateway-grid{gap:9px;padding-block-start:max(28px,env(safe-area-inset-top));grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"main" "oud" "jera" "far"}.gateway-card{padding:17px 11px;min-height:158px;width:100%;justify-self:stretch}.gateway-main{min-height:206px}.gateway-oud{min-height:184px}.gateway-jera,.gateway-far{min-height:158px}
 .gateway-main .brand-title{font-size:2.15rem}.brand-title{font-size:1.5rem}.card-copy>b{font-size:.68rem}.card-copy strong{font-size:.84rem}.card-copy small{font-size:.72rem}.frame-label{inset-block-start:10px;inset-inline-end:10px}
 .gateway-footer{margin-block-start:9px;gap:2px}.gateway-footer a{width:36px;height:36px}.gateway-footer p{font-size:.62rem}
}