@font-face{font-family:"Caviar";src:url("../fonts/Caviar.ttf") format("truetype");font-weight:400;}
:root{--bg:#151515;--white:#fff;--white70:rgba(255,255,255,.7);--pill-text:rgba(32,32,32,.66);--line:rgba(255,255,255,.25);--soft:rgba(255,255,255,.72);--ease:cubic-bezier(.22,1,.36,1);}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;overflow:hidden;}
body{background:var(--bg);color:var(--white);font-family:"Caviar",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body::before{content:"";position:fixed;inset:0;z-index:0;background:url("news.gif") center center/cover no-repeat;opacity:.3;pointer-events:none;}
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.055) 0 .6px,transparent .8px),radial-gradient(circle at 62% 72%,rgba(255,255,255,.045) 0 .7px,transparent .9px),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);background-size:4px 4px,5px 5px,auto,auto;mix-blend-mode:screen;opacity:.34;}
.nav{position:fixed;top:28px;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:flex-start;padding:0 48px;}
.logo img{display:block;width:220px;}
nav{display:flex;align-items:center;min-width:730px;gap:70px;padding-bottom:18px;border-bottom:1px solid var(--line);}
nav a{display:flex;align-items:center;color:rgba(255,255,255,.84);font-size:13px;font-weight:300;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:opacity .25s ease,transform .25s ease;}
nav a:hover{opacity:1;transform:translateY(-1px);}nav a.active{color:var(--white);font-weight:700;}
.nav-marker{display:block;flex-shrink:0;width:12px;height:12px;margin-right:8px;object-fit:contain;}
.news-stage{position:relative;z-index:10;width:100vw;height:100vh;overflow:hidden;}
.news-flow{position:absolute;top:165px;left:0;right:0;height:210px;overflow:hidden;}
.news-pill{position:absolute;min-width:610px;height:41px;padding:0 42px;border:0;border-radius:999px;background:var(--white70);color:var(--pill-text);font-family:"Caviar",sans-serif;font-size:19px;line-height:41px;letter-spacing:.04em;white-space:nowrap;text-align:center;cursor:pointer;animation-duration:18s;animation-timing-function:linear;animation-iteration-count:infinite;transition:transform .25s ease,opacity .25s ease;}
.news-pill::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(circle at 18% 24%,rgba(0,0,0,.05) 0 .55px,transparent .75px),radial-gradient(circle at 72% 68%,rgba(0,0,0,.04) 0 .5px,transparent .72px);background-size:3px 3px,4px 4px;mix-blend-mode:multiply;opacity:.26;pointer-events:none;}
.news-pill:hover{animation-play-state:paused;transform:scale(1.015);background:rgba(255,255,255,.78);}.news-pill.is-popped{animation:none!important;opacity:0!important;transform:scale(1.22)!important;pointer-events:none;}
.flow-one{top:0;animation-name:flow-left-to-right;}.flow-two{top:70px;animation-name:flow-right-to-left;animation-duration:20s;}.flow-three{top:140px;animation-name:flow-left-to-right;animation-duration:22s;animation-delay:-8s;}
@keyframes flow-left-to-right{from{transform:translateX(-115%);}to{transform:translateX(115vw);}}
@keyframes flow-right-to-left{from{transform:translateX(115vw);}to{transform:translateX(-115%);}}
.zine-viewer{position:absolute;left:50%;bottom:26px;width:740px;height:300px;transform:translateX(-50%);}
.zine-frame{position:absolute;left:50%;top:0;width:300px;height:220px;display:flex;align-items:center;justify-content:center;transform:translateX(-50%);}
.zine-page{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(.34) contrast(1.05) brightness(.92);border:2px solid rgba(255,255,255,.32);box-shadow:0 0 0 1px rgba(0,0,0,.55),0 18px 70px rgba(0,0,0,.34);transition:opacity .28s ease,transform .36s var(--ease);}
.zine-page.is-changing{opacity:0;transform:translateY(4px) scale(.98);}
.zine-counter{position:absolute;left:0;bottom:-28px;color:rgba(255,255,255,.56);font-size:12px;letter-spacing:.12em;}
.zine-arrow{position:absolute;top:82px;z-index:5;width:66px;height:66px;border:0;border-radius:999px;background:var(--white70);color:#202020;font-family:"Caviar",sans-serif;font-size:44px;line-height:66px;cursor:pointer;transition:transform .18s ease,background .18s ease;}
.zine-arrow:hover{background:rgba(255,255,255,.78);transform:translateY(-1px);}.zine-prev{left:78px;}.zine-next{right:78px;}
@media (max-width:1200px){.nav{padding:0 34px;}.logo img{width:190px;}nav{min-width:650px;gap:50px;}.news-flow{top:170px;}.zine-viewer{bottom:30px;}}
@media (max-width:900px){.nav{top:18px;padding:0 14px;}.logo img{width:124px;}nav{min-width:0;max-width:calc(100vw - 145px);gap:12px;padding-bottom:10px;justify-content:flex-end;}nav a{font-size:9px;letter-spacing:.04em;}.nav-marker{width:8px;height:8px;margin-right:4px;}.news-flow{top:145px;height:190px;}.news-pill{min-width:500px;height:36px;padding:0 28px;font-size:15px;line-height:36px;}.flow-two{top:62px;}.flow-three{top:124px;}.zine-viewer{width:100vw;height:260px;bottom:38px;}.zine-frame{width:275px;height:205px;}.zine-prev{left:28px;}.zine-next{right:28px;}}
@media (max-width:600px){.logo img{width:112px;}nav{gap:8px;max-width:calc(100vw - 128px);}nav a{font-size:8px;}.news-flow{top:126px;height:170px;}.news-pill{min-width:420px;height:34px;padding:0 24px;font-size:13px;line-height:34px;}.flow-two{top:56px;}.flow-three{top:112px;}.zine-frame{width:235px;height:176px;}.zine-arrow{top:65px;width:48px;height:48px;font-size:34px;line-height:48px;}.zine-prev{left:18px;}.zine-next{right:18px;}.zine-viewer{bottom:54px;}}
@media (max-width:768px){.nav{top:22px;left:0;right:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px}.logo img{width:150px}nav{width:min(82vw,480px);min-width:0;max-width:none;gap:0;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.32)}nav a{font-size:10px;letter-spacing:.055em;white-space:nowrap}.nav-marker,nav a.active img{width:8px;height:8px;margin-right:4px}}
@media (max-width:430px){.nav{top:20px;gap:22px}.logo img{width:138px}nav{width:86vw}nav a{font-size:9px;letter-spacing:.04em}}
@media (max-width:768px){.news-flow{top:215px;height:330px}.news-pill{min-width:470px;height:36px;padding:0 28px;font-size:15px;line-height:36px}.flow-one{top:0}.flow-two{top:108px}.flow-three{top:216px}.zine-viewer{width:100vw;height:290px;bottom:58px}.zine-frame{width:300px;height:225px}.zine-arrow{top:92px;width:52px;height:52px;font-size:36px;line-height:52px}.zine-prev{left:42px}.zine-next{right:42px}}
@media (max-width:430px){.news-flow{top:185px;height:300px}.news-pill{min-width:390px;height:34px;padding:0 24px;font-size:13px;line-height:34px}.flow-two{top:98px}.flow-three{top:196px}.zine-frame{width:245px;height:185px}.zine-viewer{bottom:70px}.zine-arrow{top:72px;width:44px;height:44px;font-size:30px;line-height:44px}.zine-prev{left:24px}.zine-next{right:24px}}