*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #100e0c;--ink: #ede7dc;--ink-dim: #b0a798;--sand: #c9b693;--glass: rgba(237, 231, 220, .08);--glass-edge: rgba(237, 231, 220, .16)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg)}img{width:100%;height:100%;object-fit:cover}.container{position:fixed;width:100vw;height:100vh;background:var(--bg);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-size:12px;font-weight:400;letter-spacing:.04em}nav>div{flex:1}.menu-btn p{width:max-content;color:var(--ink);background:var(--glass);border:1px solid var(--glass-edge);border-radius:40px;backdrop-filter:blur(20px);padding:6px 14px;cursor:pointer}.logo{display:flex;justify-content:center}.local-time{display:flex;justify-content:flex-end}.logo a{text-decoration:none;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:24px;font-weight:400;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:none;border:1px solid rgba(237,231,220,.45);color:#fff}.preview{position:fixed;width:100vw;height:100vh;z-index:0}.preview-bg{position:absolute;width:100%;height:100%;opacity:.35}.preview-bg:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:none;background:radial-gradient(ellipse at center,#100e0c00 40%,#100e0ca6)}.preview{position:absolute;width:100vw;height:100vh;color:var(--ink);z-index:1}.preview-title h1{font-family:Fraunces,Georgia,serif;font-weight:300;font-size:clamp(56px,6.5vw,84px);line-height:1.02;letter-spacing:-.015em;color:var(--ink)}.preview-tags p{font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--sand)}.preview-description p{font-size:14px;font-weight:300;line-height:1.65;color:var(--ink-dim)}.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}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}}