*{margin:0;padding:0;box-sizing:border-box}:root{--paper: #f1f0ec;--ink: #171511;--muted: #8f8c84;--cobalt: #2733e0}::selection{background:var(--cobalt);color:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:Hanken Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}img{width:100%;height:100%;object-fit:cover}.container{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:2em 2.5em}.site-head,.site-foot{display:flex;align-items:baseline;justify-content:space-between;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.brand{font-size:19px;font-weight:800;letter-spacing:.02em}.brand-mark{font-size:10px;font-weight:600;vertical-align:super;color:var(--cobalt)}.head-note,.site-foot{color:var(--muted)}.foot-hint:before{content:"";display:inline-block;width:8px;height:8px;margin-right:.7em;background:var(--cobalt);border-radius:50%;transform:translateY(-1px)}.menu{width:100%;margin:auto 0;padding:3em 0}.menu-item{width:100%;padding:.5em 0;display:flex;align-items:center;cursor:pointer}.menu-item p{position:absolute;top:0%;width:100%;font-weight:500;text-transform:uppercase;line-height:100%;letter-spacing:-.025em;transition:color .25s}.info,.tag,.name{position:relative;overflow:hidden}.info,.tag{flex:1;height:12px;font-size:12px}.info p,.tag p{font-weight:600;letter-spacing:.12em;color:var(--muted)}.tag{text-align:right}.name{--fs: clamp(38px, 4.6vw, 62px);flex:4;height:var(--fs);font-size:var(--fs);text-align:center}.name p{font-weight:600;letter-spacing:-.035em}.info p:nth-child(2),.tag p:nth-child(2){top:100%;color:var(--ink)}.name p:nth-child(2){top:100%;color:var(--cobalt)}.menu:hover .info p:nth-child(1),.menu:hover .name p:nth-child(1),.menu:hover .tag p:nth-child(1){color:#c6c3bb}.preview{position:absolute;top:0;left:0;width:225px;height:275px;z-index:2;pointer-events:none}.preview-img{position:absolute;width:100%;height:100%}.preview-img-2{top:20px;left:20px}.preview-img img{position:absolute;top:0;left:0}@media(max-width:768px){.container{padding:1.25em}.site-head,.site-foot{font-size:10px;letter-spacing:.1em}.brand{font-size:16px}.head-note{display:none}.menu{padding:2em 0}.menu-item{padding:.8em 0;flex-wrap:wrap}.info,.tag{flex:1 1 50%;height:10px;font-size:10px}.info p,.tag p{letter-spacing:.08em}.name{--fs: clamp(22px, 6.8vw, 34px);flex:1 1 100%;order:3;margin-top:.35em;text-align:left}.preview{display:none}}@media(max-width:420px){.info,.tag{font-size:9px;height:9px}.name{--fs: clamp(18px, 6.4vw, 26px)}.foot-hint{display:none}}