@font-face{font-family:'DM Sans';src:url('assets/fonts/dm-sans.ttf') format('truetype');font-weight:100 1000;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('assets/fonts/cormorant.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:'Bebas Neue';src:url('assets/fonts/bebas-neue.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Space Grotesk';src:url('assets/fonts/space-grotesk.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:'Archivo Black';src:url('assets/fonts/archivo-black.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('assets/fonts/instrument-serif.ttf') format('truetype');font-weight:400;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}::selection{background:#5266eb;color:#fff}
.concept-bar{position:relative;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:9px 24px;background:#111213;color:#f0f0eb;font:11px/1.5 'DM Sans',sans-serif;letter-spacing:0;border-bottom:1px solid #454743}.concept-bar a{text-decoration:none}.concept-bar a:hover{text-decoration:underline}.concept-bar span{color:#c5bdad}.demo-dialog{max-width:480px;width:calc(100% - 32px);border:1px solid #736f65;padding:32px;background:#f0f0eb;color:#111213;font:16px/1.65 'DM Sans',sans-serif;border-radius:12px}.demo-dialog::backdrop{background:#111213ba}.demo-dialog h2{font:500 28px/1.2 'DM Sans',sans-serif;letter-spacing:-.025em;margin:0 0 18px}.demo-dialog p{margin:0 0 24px}.demo-dialog button{border:1px solid #111213;border-radius:24px;padding:12px 24px;background:#111213;color:#f0f0eb}.demo-dialog a{display:inline-block;margin-left:16px}
@media(max-width:540px){.concept-bar{padding:8px 16px;font-size:11px;gap:8px}.concept-bar span{max-width:120px;text-align:right}.demo-dialog a{display:block;margin:18px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
