nav{top:var(--banner-h,0px);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);background:#0a0a0b99;justify-content:space-between;align-items:center;padding:24px 48px;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;left:0;right:0}nav.nav-shrunk{background:#0a0a0bd9;padding:16px 48px}.nav-logo{font-family:var(--serif);letter-spacing:-.02em;align-items:center;gap:10px;font-size:22px;font-weight:500;display:flex}.nav-logo .mark{border:1px solid var(--gold);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}.nav-logo .mark:before{content:"";background:var(--gold);border-radius:50%;width:10px;height:10px}.nav-logo em{color:var(--gold);font-style:italic;font-weight:300}.nav-links{letter-spacing:.02em;gap:40px;font-size:13px;list-style:none;display:flex}.nav-links a{color:var(--ink-dim);text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--gold);width:0;height:1px;transition:width .4s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-6px;left:0}.nav-links a:hover{color:var(--ink)}.nav-links a:hover:after{width:100%}.nav-right{align-items:center;gap:16px;display:flex}.search-trigger{border:1px solid var(--line);color:var(--ink-dim);font-family:var(--sans);cursor:pointer;background:#f4efe60a;align-items:center;gap:12px;min-width:260px;padding:9px 16px 9px 14px;font-size:13px;transition:all .3s;display:flex}.search-trigger:hover{border-color:var(--line-strong);color:var(--ink);background:#f4efe60f}.search-trigger svg{color:var(--ink-mute)}.search-trigger .kbd{font-family:var(--mono);letter-spacing:.1em;border:1px solid var(--line);color:var(--ink-mute);background:#0000004d;border-radius:3px;margin-left:auto;padding:3px 8px;font-size:10px}.nav-cta{border:1px solid var(--line-strong);color:var(--ink);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;padding:10px 22px;font-size:12px;text-decoration:none;transition:all .3s}.nav-cta:hover{background:var(--gold);border-color:var(--gold);color:var(--bg)}.mobile-menu-btn{border:1px solid var(--line);cursor:pointer;background:0 0;width:40px;height:40px;padding:0;display:none;position:relative}.mobile-menu-btn span{background:var(--ink);width:18px;height:1px;transition:all .3s;position:absolute;left:10px}.mobile-menu-btn span:first-child{top:14px}.mobile-menu-btn span:nth-child(2){top:19px}.mobile-menu-btn span:nth-child(3){top:24px}.mobile-menu-btn.open span:first-child{background:var(--gold);top:19px;transform:rotate(45deg)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){background:var(--gold);top:19px;transform:rotate(-45deg)}.mobile-menu{background:var(--bg);z-index:99;border-left:1px solid var(--line);flex-direction:column;width:100%;height:100vh;padding:100px 32px 32px;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu-links{flex-direction:column;gap:4px;margin-bottom:auto;list-style:none;display:flex}.mobile-menu-links a{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px 0;font-size:32px;font-weight:300;text-decoration:none;transition:color .3s,padding .3s;display:flex}.mobile-menu-links a:hover{color:var(--gold);padding-left:12px}.mobile-menu-links a .num{font-family:var(--mono);letter-spacing:.2em;color:var(--ink-mute);font-size:10px;font-weight:400}.mobile-menu-links a em{color:var(--gold);font-style:italic}.mobile-menu-footer{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:32px;display:flex}.mobile-menu-footer .meta{font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:8px;font-size:10px}.search-mobile{border:1px solid var(--line);color:var(--ink-dim);cursor:pointer;background:#f4efe60a;align-items:center;gap:12px;width:100%;padding:16px 20px;font-size:14px;display:flex}.mobile-search-btn{border:1px solid var(--line);width:44px;height:44px;color:var(--ink-dim);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:all .3s;display:none}.mobile-search-btn:hover,.mobile-search-btn:active{border-color:var(--gold);color:var(--gold)}.nav-saved-icon{width:36px;height:36px;color:var(--ink-dim);justify-content:center;align-items:center;text-decoration:none;transition:color .3s;display:flex;position:relative}.nav-saved-icon:hover{color:var(--gold)}.nav-saved-badge{background:var(--gold);min-width:16px;height:16px;color:var(--bg);font-size:9px;font-weight:700;font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;padding:0 3px;display:flex;position:absolute;top:0;right:-2px}@media (max-width:768px){nav{padding:16px 20px}nav.nav-shrunk{padding:12px 20px}.nav-links,.search-trigger,.nav-cta,.nav-saved-icon{display:none}.mobile-menu-btn{display:block}.mobile-search-btn{display:flex}}@media (min-width:769px){.mobile-menu{display:none!important;transform:translate(100%)!important}.mobile-search-btn{display:none!important}}
.palette-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;background:#050506b3;justify-content:center;align-items:flex-start;padding-top:12vh;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.palette-backdrop.open{opacity:1;visibility:visible}.palette{border:1px solid var(--line-strong);background:#1a1a1e;flex-direction:column;width:640px;max-width:calc(100vw - 32px);max-height:70vh;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden;transform:scale(.96)translateY(-12px);box-shadow:0 32px 80px #0009,0 0 1px #c9a96126}.palette-backdrop.open .palette{transform:scale(1)translateY(0)}.palette-input-wrap{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:20px 24px;display:flex}.palette-input-wrap svg{color:var(--gold);flex-shrink:0}.palette-input{color:var(--ink);font-family:var(--serif);letter-spacing:-.01em;background:0 0;border:none;outline:none;flex:1;font-size:22px;font-weight:300}.palette-input::placeholder{color:var(--ink-mute);font-style:italic}.palette-close{font-family:var(--mono);letter-spacing:.1em;border:1px solid var(--line);color:var(--ink-mute);cursor:pointer;background:0 0;border-radius:3px;padding:4px 8px;font-size:10px}.palette-results{flex:1;padding:8px 0;overflow-y:auto}.palette-results::-webkit-scrollbar{width:4px}.palette-results::-webkit-scrollbar-track{background:0 0}.palette-results::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.palette-section{font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--gold);align-items:center;gap:10px;padding:12px 24px 4px;font-size:10px;display:flex}.palette-section:before{content:"§";opacity:.6}.palette-item{cursor:pointer;border-left:2px solid #0000;align-items:center;gap:14px;padding:12px 24px;transition:background .15s;display:flex}.palette-item.active{border-left-color:var(--gold);background:#c9a9610f}.palette-item-icon{border:1px solid var(--line);width:32px;height:32px;color:var(--gold);font-family:var(--mono);background:#f4efe60a;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.palette-item-content{flex:1;min-width:0}.palette-item-title{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:400;overflow:hidden}.palette-item-sub{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.02em;margin-top:2px;font-size:11px}.palette-item-meta{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute);border:1px solid var(--line);padding:3px 8px;font-size:10px}.palette-empty{text-align:center;color:var(--ink-mute);padding:60px 24px}.palette-empty p:first-child{font-family:var(--serif);color:var(--ink-dim);margin-bottom:8px;font-size:18px;font-style:italic}.palette-footer{border-top:1px solid var(--line);font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute);background:#0003;align-items:center;gap:16px;padding:12px 24px;font-size:10px;display:flex}.palette-footer .hint{align-items:center;gap:6px;display:flex}.palette-footer .key{border:1px solid var(--line);color:var(--ink-dim);border-radius:2px;padding:2px 6px}@media (max-width:768px){.palette-backdrop{padding-top:8vh}.palette{width:calc(100vw - 24px);max-height:84vh}.palette-input-wrap{gap:12px;padding:18px 20px}.palette-input{font-size:17px}.palette-item{gap:12px;padding:12px 20px}.palette-item-title{font-size:15px}.palette-footer{flex-wrap:wrap;gap:10px;padding:10px 20px;font-size:8px}}
footer{background:var(--bg);border-top:1px solid var(--line);padding:80px 48px 40px}.footer-wrap{max-width:1400px;margin:0 auto}.footer-top{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;padding-bottom:60px;display:grid}.footer-brand h3{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:16px;font-size:28px;font-weight:400}.footer-brand p{color:var(--ink-dim);max-width:400px;font-size:14px;line-height:1.7}.footer-col h4{font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:24px;font-size:11px}.footer-col ul{flex-direction:column;gap:14px;list-style:none;display:flex}.footer-col a{color:var(--ink-dim);font-size:14px;text-decoration:none;transition:color .3s}.footer-col a:hover{color:var(--gold)}.footer-bottom{font-family:var(--mono);letter-spacing:.15em;color:var(--ink-mute);flex-wrap:wrap;justify-content:space-between;gap:20px;padding-top:32px;font-size:11px;display:flex}.footer-bottom-links{gap:32px;display:flex}.footer-bottom-links a{color:var(--ink-mute);text-decoration:none;transition:color .3s}.footer-bottom-links a:hover{color:var(--gold)}.footer-last-reviewed{text-align:center;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin-top:0;padding:24px 0 0;font-size:11px}.footer-last-reviewed time{color:var(--gold);font-weight:500}@media (max-width:1024px){.footer-top{grid-template-columns:1fr 1fr;gap:40px}}@media (max-width:768px){footer{padding:60px 20px 32px}.footer-top{grid-template-columns:1fr;gap:40px;padding-bottom:40px}.footer-brand h3{font-size:24px}.footer-brand p{font-size:13px}.footer-col h4{margin-bottom:18px}.footer-col ul{gap:12px}.footer-col a{font-size:13px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px;font-size:10px}.footer-bottom-links{gap:20px}}
