#op-comparison .nav{margin-bottom:16px}
#op-comparison .op-site{--op-paper:light-dark(#f7f2ed,#202a29);--op-ink:light-dark(#142e2e,#f7f2ed);--op-line:light-dark(#cbd2cb,#53625d);background:var(--op-paper);color:var(--op-ink);font-family:'Arial',sans-serif;max-width:100%;margin:auto}
#op-comparison .op-site *{box-sizing:border-box}
#op-comparison .op-site h1,#op-comparison .op-site h2,#op-comparison .op-site h3,#op-comparison .op-site p{margin:0}
#op-comparison .op-site a{color:inherit;text-decoration:none}
#op-comparison .op-site a:hover{text-decoration:underline;text-underline-offset:4px}
#op-comparison .op-header{padding:20px 34px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#f7f2ed;color:#142e2e}
#op-comparison .op-logo{width:186px;height:auto;display:block}
#op-comparison .op-header nav{display:flex;gap:24px;flex-wrap:wrap;font-size:12px;font-weight:500}
#op-comparison .op-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 20px;font-size:12px;font-weight:500;text-align:center;min-height:44px}
#op-comparison .op-dark{background:#142e2e;color:#fff!important}
#op-comparison .op-yellow{background:#fad42b;color:#142e2e!important}
#op-comparison .op-film{position:relative;min-height:450px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:#183d32}
#op-comparison .op-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%}
#op-comparison .op-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,29,24,.87),rgba(5,29,24,.12)),linear-gradient(0deg,rgba(5,29,24,.75),transparent 40%)}
#op-comparison .op-film-content{position:relative;padding:58px 44px 35px}
#op-comparison .op-eyebrow{font-size:11px;line-height:1.5;letter-spacing:1.5px;font-weight:500}
#op-comparison .op-film h1{font-size:clamp(34px,5.5vw,60px);line-height:1.03;letter-spacing:-2px;font-weight:500;margin:20px 0}
#op-comparison .op-film p{font-size:15px;line-height:1.6;margin-bottom:26px}
#op-comparison .op-film-foot{display:flex;gap:18px;justify-content:space-between;flex-wrap:wrap;position:relative;padding:16px 44px;border-top:1px solid #ffffff55;font-size:11px;letter-spacing:.5px}
#op-comparison .op-events{padding:38px 34px}
#op-comparison .op-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:25px}
#op-comparison .op-section-head>span{font-size:11px}
#op-comparison .op-site h2{font-size:29px;line-height:1.15;letter-spacing:-1px;font-weight:500;margin-top:8px}
#op-comparison .op-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#op-comparison .op-event{position:relative;border-top:1px solid var(--op-line);padding:24px 0 0}
#op-comparison .op-number{position:absolute;right:0;top:17px;color:light-dark(#768d79,#a4bdad);font-size:27px}
#op-comparison .op-event h3{font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.5px;margin:16px 0 10px}
#op-comparison .op-event p{font-size:12px;line-height:1.5;min-height:36px}
#op-comparison .op-event a{display:block;font-size:12px;font-weight:500;margin-top:22px;padding:8px 0}
#op-comparison .op-club{margin:0 34px 36px;display:grid;grid-template-columns:1fr 1fr;background:light-dark(#e7ece5,#2a3d35);align-items:center}
#op-comparison .op-club>img{width:100%;height:265px;object-fit:cover;object-position:center 48%}
#op-comparison .op-club>div{padding:28px 34px}
#op-comparison .op-club p{font-size:13px;line-height:1.65;margin:15px 0}
#op-comparison .op-club a{font-size:12px;font-weight:500;display:inline-block;padding:9px 0}
#op-comparison .op-guide{padding:22px 34px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--op-line)}
#op-comparison .op-guide>span:first-child{font-size:20px;letter-spacing:-.6px}
#op-comparison .op-guide>span:nth-child(2),#op-comparison .op-guide small{font-size:11px}
#op-comparison footer{background:#142e2e;color:#f7f2ed;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:23px 34px;font-size:10px;letter-spacing:1px}
#op-comparison .op-ribbon{padding:11px 20px;background:#fad42b;color:#142e2e;text-align:center;font-size:11px;letter-spacing:1.8px}
#op-comparison .op-illustrated{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;border-bottom:1px solid var(--op-line);overflow:hidden}
#op-comparison .op-intro{padding:35px 0 35px 34px;position:relative;z-index:1}
#op-comparison .op-intro h1{font-size:clamp(32px,4.3vw,48px);line-height:1.12;font-weight:500;letter-spacing:-1.8px;margin:22px 0}
#op-comparison .op-intro h1 em{color:light-dark(#b83a29,#ff9785);font-style:normal}
#op-comparison .op-intro p{font-size:13px;line-height:1.7;margin-bottom:24px}
#op-comparison .op-art{width:100%;height:470px;object-fit:cover;object-position:center}
#op-comparison .op-intro-date{font-size:24px;letter-spacing:-1px;margin-top:28px;display:flex;align-items:center;gap:20px}
#op-comparison .op-intro-date span{font-size:11px;line-height:1.4;letter-spacing:0;border-left:1px solid var(--op-line);padding-left:20px}
#op-comparison .op-festival .op-event-grid{gap:14px}
#op-comparison .op-festival .op-event{padding:22px;border:0;border-radius:0 26px 0 0;color:#142e2e}
#op-comparison .op-festival .op-event h3{font-size:25px;line-height:1.1}
#op-comparison .op-festival .op-event a{border-top:1px solid #142e2e55;padding-top:15px}
#op-comparison .op-blue{background:#45b8d5}
#op-comparison .op-gold{background:#fad42b}
#op-comparison .op-coral{background:#e24d39;color:#101c1a!important}
#op-comparison .op-festival .op-club{background:light-dark(#e4eddf,#2a3d35)}
@media(max-width:680px){#op-comparison .op-header{padding:16px 20px;gap:14px;flex-wrap:wrap}#op-comparison .op-logo{width:155px}#op-comparison .op-header nav{order:3;width:100%;justify-content:space-between;gap:14px}#op-comparison .op-header>.op-button{font-size:11px;padding:10px 12px}#op-comparison .op-film-content{padding:42px 23px}#op-comparison .op-film h1{letter-spacing:-1px}#op-comparison .op-film-foot{padding:15px 23px}#op-comparison .op-events{padding:30px 22px}#op-comparison .op-section-head{display:block}#op-comparison .op-section-head>span{display:block;margin-top:12px}#op-comparison .op-event-grid{grid-template-columns:1fr}#op-comparison .op-event p{min-height:0}#op-comparison .op-event a{margin-top:10px}#op-comparison .op-club{grid-template-columns:1fr;margin:0 22px 25px}#op-comparison .op-club>img{height:230px}#op-comparison .op-club>div{padding:25px}#op-comparison .op-guide{padding:22px}#op-comparison .op-illustrated{grid-template-columns:1fr}#op-comparison .op-intro{padding:32px 22px 12px}#op-comparison .op-intro h1{font-size:39px}#op-comparison .op-art{height:auto;max-height:420px;object-fit:contain}#op-comparison .op-intro-date{margin-top:24px}#op-comparison footer{padding:23px 22px}}

html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#202a29;font-family:Arial,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}#op-comparison{max-width:1440px;margin:auto}#op-comparison a:focus-visible{outline:3px solid #45b8d5;outline-offset:4px}section,div[id]{scroll-margin-top:20px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}