:root{--page:#F7F4EE;--ink:#1C1A18}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--page:#F7F4EE;--ink:#1C1A18}}
:root[data-theme="dark"]{--page:#F7F4EE;--ink:#1C1A18}
html,body{margin:0;background:var(--page);color:var(--ink);overflow-x:hidden;overflow-x:clip}
body{font-family:'Instrument Sans',system-ui,sans-serif;-webkit-text-size-adjust:100%}
a{color:#4A1A22}a:hover{color:#74323B}
button{font-family:inherit;cursor:pointer}
#frame{overflow:hidden;overflow:clip}
/* sticky header: overflow:clip (not hidden) keeps #frame from becoming a scroll container */
#page>header{position:sticky;top:0;z-index:40;background:var(--page)}
#page>section{scroll-margin-top:96px}
@media (max-width: 760px){#page>section{scroll-margin-top:72px}}
#page{width:100%;display:flex;flex-direction:column;transform-origin:top left}
#page.desk>section,#page.desk>header,#page.desk>footer{padding-left:max(80px,calc((100% - 1280px)/2))!important;padding-right:max(80px,calc((100% - 1280px)/2))!important}
#page.desk>section[style*="padding-right: 0"]{padding-right:0!important}
#page.desk>section[data-cta]{padding:0!important}
#page.desk>section[data-cta]>div:last-child{left:max(80px,calc((100% - 1280px)/2))!important}

html{scroll-behavior:smooth}
.tg{font:inherit;font-size:15px;font-weight:500;padding:10px 20px;border:none;background:transparent;color:#1C1A18;cursor:pointer}
.tg.on{background:#1C1A18;color:#F7F4EE}
#qtrack::-webkit-scrollbar{display:none}
[data-pick],[data-approve],#sub-btn,[data-open]{cursor:pointer}
.hp-row{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:12px 8px;margin:0 -8px;width:calc(100% + 16px)!important;border-top:1px solid #EFEAE2;cursor:pointer;background:none;border-left:none;border-right:none;border-bottom:none;color:inherit;font:inherit;text-align:left;width:100%}
.hp-row:hover{background:#F7F4EE}
.hp-row.off{opacity:.5;cursor:default}.hp-row.off:hover{background:none}
.hp-row.off:hover .hp-t{text-decoration:none}
#hp-bar,#ep-bar{transition:width .25s linear}
.modal{position:fixed;inset:0;background:rgba(28,26,24,.55);display:none;align-items:center;justify-content:center;z-index:50;padding:16px}
.modal.open{display:flex}
.mbox{background:#F7F4EE;color:#1C1A18;width:min(520px,100%);max-height:90vh;overflow:auto;padding:40px;box-sizing:border-box;position:relative;font-family:'Instrument Sans',system-ui,sans-serif}
.mbox h3{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:38px;line-height:1.05;margin:0 0 10px}
.mbox p{font-size:17px;line-height:1.6;color:#3B3632;margin:0 0 22px}
.mx{position:absolute;right:14px;top:10px;width:44px;height:44px;border:none;background:none;font-size:26px;cursor:pointer;color:#1C1A18}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.chip{font:inherit;font-size:16px;padding:10px 16px;border:1px solid #C9C0B3;background:#fff;cursor:pointer;color:#1C1A18}
.chip.on{background:#4A1A22;border-color:#4A1A22;color:#F7F4EE}
.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;font-size:14px;color:#6F675E}
.fld input{font:inherit;font-size:17px;min-height:50px;padding:0 14px;border:1px solid #C9C0B3;background:#fff;color:#1C1A18}
.mbtn{font:inherit;font-size:17px;font-weight:600;min-height:56px;width:100%;border:none;border-radius:2px;background:#C8913E;color:#1C1A18;cursor:pointer}
.mcover{background:#4A1A22;color:#F7F4EE;padding:18px;display:flex;gap:16px;align-items:flex-end;margin-bottom:22px}
.mcover span{font-family:'Instrument Serif',Georgia,serif;font-size:30px;line-height:1}
.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#1C1A18;color:#F7F4EE;padding:14px 20px;font-size:15px;z-index:60;opacity:0;transition:opacity .2s;pointer-events:none}
.toast.show{opacity:1}

.hp-row{grid-template-columns:1fr auto!important;align-items:center!important;padding:12px 8px!important;border-top:1px solid #EFEAE2!important}
.hp-row.off{opacity:.45!important}
#demo-chips button:hover{border-color:#C4A1A3}
[data-hp-link]:hover [data-hp-ov],[data-hp-link]:focus-visible [data-hp-ov]{opacity:1!important}
[data-hp-link]:focus-visible{outline:2px solid #4A1A22;outline-offset:6px}
@keyframes dpulse{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes drec{0%,100%{opacity:1}50%{opacity:.25}}
[data-faq]:hover{color:#4A1A22!important}

#demo-chips::-webkit-scrollbar{display:none}
#m-menu{overflow-y:auto}
@media (max-width: 760px){
 .modal:not(#m-menu){align-items:flex-end;padding:0}
 .mbox{width:100%;max-height:88vh;padding:30px 20px 34px}
 .mbox h3{font-size:32px}
 .mbox p{font-size:16px}
 .mx{right:6px;top:6px}
 .toast{bottom:92px;max-width:calc(100vw - 32px);text-align:center}
}