*{margin:0;padding:0;box-sizing:border-box}:root{--sky-top: #2f8bff;--sky-bottom: #9cc8ff;--sky: linear-gradient(180deg, var(--sky-top), var(--sky-bottom));--ink: #0d0d0d;--ink-sky: #ffffff;--ink-dim: #0b2545;--lime: #c6f21e;--card: #ffffff;--glass: rgba(255, 255, 255, .72);--glass-edge: rgba(13, 13, 13, .12)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--sky-top);background-image:var(--sky)}img{width:100%;height:100%;object-fit:cover}.container{position:fixed;width:100vw;height:100vh;background:var(--sky-top);background-image:var(--sky);overflow:hidden}nav{position:fixed;width:100%;padding:2em;display:flex;align-items:center;z-index:2}nav p,footer p{color:var(--ink-dim);font-family:Space Mono,Courier New,monospace;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.08em}nav>div{flex:1}.menu-btn p{width:max-content;color:var(--ink);background:var(--lime);border:1px solid var(--lime);border-radius:40px;padding:6px 14px;cursor:pointer}.menu-btn p:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--ink);vertical-align:1px}.logo{display:flex;justify-content:center}.local-time{display:flex;justify-content:flex-end}.logo a{text-decoration:none;color:var(--ink-sky);font-family:Space Grotesk,Inter,sans-serif;font-size:24px;font-weight:600;letter-spacing:-.02em}footer{position:fixed;bottom:0;width:100%;padding:2em;display:flex;justify-content:space-between;align-items:center;z-index:2}.items{position:fixed;width:30%;height:100vh;padding:0 2em;display:flex;flex-direction:column;justify-content:center;z-index:2}.item{width:max-content;padding:.22em 0;cursor:pointer}.item p{color:var(--ink);padding:7px 15px;font-size:13px;font-weight:400;letter-spacing:.02em;background:var(--glass);border:1px solid var(--glass-edge);border-radius:40px;backdrop-filter:blur(20px);transition:.3s}.item:hover p{background:var(--lime);border:1px solid var(--lime);color:var(--ink)}.preview{position:fixed;width:100vw;height:100vh;z-index:0}.preview-bg{position:absolute;width:100%;height:100%;opacity:.35}.preview-bg img{filter:saturate(.55) contrast(.95)}.preview-bg:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:linear-gradient(180deg,#2f8bff73,#9cc8ff8c),radial-gradient(ellipse at center,#2f8bff00 40%,#9cc8ffb3)}.preview{position:absolute;width:100vw;height:100vh;color:var(--ink);z-index:1}.preview-title h1{font-family:Space Grotesk,Inter,sans-serif;font-weight:600;font-size:clamp(56px,6.5vw,84px);line-height:1.02;letter-spacing:-.03em;color:var(--ink-sky);text-shadow:0 1px 24px rgba(15,60,130,.25)}.preview-tags p{display:inline-block;font-family:Space Mono,Courier New,monospace;font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--lime);padding:4px 10px;border-radius:4px}.preview-description p{font-size:14px;font-weight:400;line-height:1.65;color:var(--ink);background:var(--glass);border:1px solid var(--glass-edge);border-radius:12px;backdrop-filter:blur(20px);padding:14px 16px}.preview-img img{filter:saturate(.92)}.preview.variant-1 .preview-img{position:absolute;bottom:0%;right:0%;margin:2em;width:300px;height:400px;clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%)}.preview.variant-1 .preview-title{position:absolute;top:35%;left:25%}.preview.variant-1 .preview-tags{position:absolute;bottom:25%;right:40%}.preview.variant-1 .preview-description{width:260px;position:absolute;right:25%;top:25%}.preview.variant-2 .preview-img{position:absolute;top:10%;right:5%;margin:2em;width:300px;height:400px;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.preview.variant-2 .preview-title{position:absolute;bottom:30%;left:50%}.preview.variant-2 .preview-tags{position:absolute;top:25%;left:25%}.preview.variant-2 .preview-description{width:260px;position:absolute;right:10%;bottom:15%}.preview.variant-3 .preview-img{position:absolute;bottom:10%;left:15%;margin:2em;width:300px;height:400px;clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%)}.preview.variant-3 .preview-title{position:absolute;bottom:40%;right:15%}.preview.variant-3 .preview-tags{position:absolute;bottom:20%;right:30%}.preview.variant-3 .preview-description{width:260px;position:absolute;left:20%;top:15%}@media(max-width:768px){.container,.items,.preview{height:100dvh}nav,footer{padding:1.25em}.logo a{font-size:19px;font-weight:700}nav p,footer p{font-size:11px}footer p:first-child{max-width:55%}.items{width:auto;padding:0 1.25em}.item{padding:.18em 0}.item p{font-size:12px;padding:6px 12px}.preview.variant-1 .preview-img,.preview.variant-2 .preview-img,.preview.variant-3 .preview-img{inset:4.5em 1.25em auto auto;margin:0;width:41vw;height:55vw}.preview.variant-1 .preview-title,.preview.variant-2 .preview-title,.preview.variant-3 .preview-title{top:auto;bottom:5.5em;left:1.25rem;right:auto;max-width:85vw}.preview-title h1{font-size:44px}.preview.variant-1 .preview-tags,.preview.variant-2 .preview-tags,.preview.variant-3 .preview-tags{top:auto;bottom:11.5em;left:1.25rem;right:auto}.preview-tags p{font-size:10px}.preview.variant-1 .preview-description,.preview.variant-2 .preview-description,.preview.variant-3 .preview-description{display:none}}