body{--background-color:transparent;--text-color:#1a1814;--card-background-color:hsla(45,67%,94%,.65);--card-border-color:rgba(26,24,20,.22);--card-box-shadow-1:rgba(26,24,20,.04);--card-box-shadow-1-y:2px;--card-box-shadow-1-blur:5px;--card-box-shadow-2:rgba(26,24,20,.08);--card-box-shadow-2-y:8px;--card-box-shadow-2-blur:20px;--card-label-color:#1a1814;--card-hover-border-color:rgba(178,59,46,.55);--card-hover-box-shadow-1:rgba(26,24,20,.06);--card-hover-box-shadow-1-y:4px;--card-hover-box-shadow-1-blur:10px;--card-hover-box-shadow-2:rgba(178,59,46,.14);--card-hover-box-shadow-2-y:18px;--card-hover-box-shadow-2-blur:32px}.dark body{--text-color:#f2ecdc;--card-background-color:rgba(45,42,36,.55);--card-border-color:hsla(44,46%,91%,.18);--card-box-shadow-1:rgba(0,0,0,.3);--card-box-shadow-2:rgba(0,0,0,.45);--card-label-color:#faf5e6;--card-hover-border-color:rgba(208,107,74,.6);--card-hover-box-shadow-1:rgba(0,0,0,.4);--card-hover-box-shadow-2:rgba(208,107,74,.22)}.card{background-color:var(--card-background-color);box-shadow:0 var(--card-box-shadow-1-y) var(--card-box-shadow-1-blur) var(--card-box-shadow-1),0 var(--card-box-shadow-2-y) var(--card-box-shadow-2-blur) var(--card-box-shadow-2),0 0 0 1px var(--card-border-color);padding:18px;border-radius:2px;cursor:pointer;position:relative;transition:box-shadow .35s cubic-bezier(.2,.8,.2,1),transform .35s cubic-bezier(.2,.8,.2,1);height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.38 0 0 0 0 0.34 0 0 0 0 0.26 0 0 0 0.15 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/></svg>");mix-blend-mode:multiply;pointer-events:none;opacity:.7}.dark .card:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/><feColorMatrix values='0 0 0 0 0.78 0 0 0 0 0.72 0 0 0 0 0.55 0 0 0 0.06 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");mix-blend-mode:overlay}.card:after{content:"";position:absolute;top:12px;right:12px;width:8px;height:8px;background:var(--sumi-seal,#b23b2e);border-radius:1px;opacity:0;transform:scale(.6) rotate(-8deg);transition:opacity .35s ease,transform .35s cubic-bezier(.2,.8,.2,1)}.card:hover{box-shadow:0 var(--card-hover-box-shadow-1-y) var(--card-hover-box-shadow-1-blur) var(--card-hover-box-shadow-1),0 var(--card-hover-box-shadow-2-y) var(--card-hover-box-shadow-2-blur) var(--card-hover-box-shadow-2),0 0 0 1px var(--card-hover-border-color);transform:translateY(-2px)}.card:hover:after{opacity:1;transform:scale(1) rotate(-8deg)}.card-title{font-family:var(--font-brush),var(--font-serif),serif;color:var(--card-label-color);position:relative}.card:hover .card-title{text-shadow:0 0 0 currentColor}.card-tag{display:inline-block;padding:2px 10px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sumi-seal,#b23b2e);border:1px solid rgba(178,59,46,.5);border-radius:1px;background:rgba(255,245,234,.6)}.dark .card-tag{color:#e98a6a;border-color:rgba(208,107,74,.55);background:rgba(45,42,36,.6)}