@layer components{.noir{--noir-black:#0d0809;--noir-sand:#ded6cb;--noir-black-hi:#2a2526;--noir-walnut:#71583a;--noir-card:#e8e2d9;--noir-hair:#0d080929;--color-cream:var(--noir-sand);--color-sand:#d0c6b8;--color-parchment:var(--noir-card);--color-ink:var(--noir-black);--color-muted:#5c5246;--color-line:var(--noir-hair);--color-espresso:var(--noir-black);--color-cocoa:#262320;--color-ember:var(--noir-walnut);--color-rust:var(--noir-walnut);--color-terracotta:var(--noir-walnut);--color-amber:#a3865f;--color-gold:#a3865f;--color-basil:#3c6a4c;--font-fraunces:var(--font-mm-display), "Cormorant Garamond", Georgia, serif;--font-inter:var(--font-mm-ui), "Manrope", system-ui, sans-serif;--noir-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .05 0 0 0 0 .03 0 0 0 0 .035 0 0 0 1 -.35'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noir-nav:76px;--noir-cut:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));background:var(--noir-sand);color:var(--noir-black);font-family:var(--font-inter)}@media (min-width:900px){.noir{--noir-nav:max(64px, calc(84 * min(100vw, 1920px) / 1440))}}.noir ::selection{background:var(--noir-black);color:var(--noir-sand)}.noir-paper{isolation:isolate;position:relative}.noir-paper:before{content:"";z-index:-1;pointer-events:none;background-image:var(--noir-noise);opacity:.2;background-size:240px 240px;position:absolute;inset:0}.noir-paper--fade:before{-webkit-mask-image:linear-gradient(#0000,#000 20%);mask-image:linear-gradient(#0000,#000 20%)}.noir-label{font-family:var(--font-inter);letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:600;line-height:1.6}.noir-index{font-family:var(--font-fraunces);letter-spacing:0;font-style:italic;font-weight:400}.noir-card{isolation:isolate;border:1px solid var(--noir-hair);background:var(--noir-card);border-radius:0;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1),border-color .3s;position:relative}.noir-card:after{content:"";z-index:-1;pointer-events:none;background-image:var(--noir-noise);opacity:.16;background-size:240px 240px;position:absolute;inset:0}.noir-corners{z-index:3;pointer-events:none;position:absolute;inset:-1px}.noir-corners:before,.noir-corners:after{content:"";border-color:var(--noir-walnut);border-style:solid;width:12px;height:12px;transition:width .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1),border-color .3s;position:absolute}.noir-corners:before{border-width:1.5px 0 0 1.5px;top:0;left:0}.noir-corners:after{border-width:0 1.5px 1.5px 0;bottom:0;right:0}@media (hover:hover) and (min-width:640px){.noir-card--lift:hover{border-color:#0d080952;transform:translateY(-3px);box-shadow:0 22px 34px -26px #0d0809b3}.noir-card--lift:hover .noir-corners:before,.noir-card--lift:hover .noir-corners:after{border-color:var(--noir-black);width:22px;height:22px}.noir-card--lift:hover .noir-print img{transform:scale(1.045)}}.noir-print{background:#cfc5b7;position:relative;overflow:hidden}.noir-print img{transition:transform .9s cubic-bezier(.16,1,.3,1)}.noir-print:after{content:"";pointer-events:none;border:1px solid #ded6cb99;position:absolute;inset:7px}.noir-btn{background:var(--noir-black);color:var(--noir-sand);font-family:var(--font-inter);letter-spacing:.2em;text-transform:uppercase;clip-path:var(--noir-cut);border-radius:0;justify-content:center;align-items:center;gap:10px;font-size:10.5px;font-weight:600;transition:background-color .3s,color .3s,opacity .3s;display:inline-flex}.noir-btn:hover:not(:disabled){background:var(--noir-black-hi)}.noir-btn:disabled{opacity:.45;cursor:not-allowed}.noir-btn--done,.noir-btn--done:disabled{background:var(--noir-black-hi);opacity:1;cursor:default}.noir-arrow{flex:none;transition:transform .45s cubic-bezier(.16,1,.3,1)}.group:hover .noir-arrow,.noir-btn:hover .noir-arrow{transform:translate(5px)}.noir-row{border:1px solid var(--noir-hair);background:0 0;transition:background-color .3s,color .3s,border-color .3s;position:relative}.noir-row:hover:not(:disabled),.noir-row[aria-pressed=true]{background:var(--noir-black);border-color:var(--noir-black);color:var(--noir-sand)}.noir-row:disabled{opacity:.55;cursor:default}}body:has(.noir) .sn{--charcoal:#0d0809;--cream:#d3c4ad}body:has(.noir){--color-espresso:#0d0809;background:#0d0809}