.landing{min-height:100vh;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem 6rem;gap:4rem;position:relative;overflow:hidden}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/hero-engraving.png) center/cover no-repeat;filter:grayscale(1) contrast(1.4) brightness(.45);z-index:0}.landing__inner{border:4px solid #000000;position:relative;box-shadow:inset 0 0 0 1px #f5f3ef,inset 0 0 0 6px #000,inset 0 0 0 8px #f5f3ef,0 4px 12px #00000026}.landing__inner:before{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:2px solid #000000;pointer-events:none}.landing__inner:after{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:1px dashed #000000;opacity:.3;pointer-events:none}.landing__inner{display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px;background:#f5f3effa;padding:6rem 4rem;position:relative;z-index:1}@media (max-width: 600px){.landing__inner{padding:4rem 2rem}}.landing__header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:4rem}.landing__logo{width:96px;height:96px;object-fit:contain;margin-bottom:2rem;image-rendering:pixelated;image-rendering:crisp-edges;animation:fadeUp .7s ease both}.landing__title{font-family:BlackletterBit,serif;font-size:clamp(1.75rem,6vw,2.75rem);font-weight:400;letter-spacing:.04em;color:#000;margin:0 0 1rem;animation:fadeUp .7s ease .1s both}.landing__ornament{display:flex;align-items:center;gap:.5rem;width:180px;margin-bottom:1rem;animation:fadeUp .7s ease .2s both}.landing__ornament-line{flex:1;height:1px;background:#000}.landing__ornament-diamond{width:6px;height:6px;background:#000;transform:rotate(45deg);flex-shrink:0}.landing__tagline{font-family:Work Sans,sans-serif;font-size:.85rem;font-weight:300;letter-spacing:.03em;color:#000;opacity:.65;margin:0;animation:fadeUp .7s ease .3s both}.landing__nav{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;animation:fadeUp .7s ease .4s both}@media (max-width: 440px){.landing__nav{grid-template-columns:1fr}}.landing__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 2rem;border:2px solid #000000;background:transparent;color:#000;text-decoration:none;transition:background .3s ease-in-out,color .3s ease-in-out}.landing__card:hover,.landing__card:focus-visible{background:#000;color:#f5f3ef;outline:none;opacity:1}.landing__card:hover .landing__card-sub,.landing__card:focus-visible .landing__card-sub{opacity:.6}.landing__card:focus-visible{box-shadow:0 0 0 3px #f5f3ef,0 0 0 5px #000}.landing__card-title{font-family:BlackletterBit,serif;font-size:1.2rem;font-weight:400;letter-spacing:.06em}.landing__card-sub{font-family:Work Sans,sans-serif;font-size:.7rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;opacity:.5;transition:opacity .3s ease-in-out}.landing__footer{margin-top:4rem;animation:fadeUp .7s ease .5s both}.landing__footer small{font-family:Work Sans,sans-serif;font-size:.7rem;letter-spacing:.08em;color:#000;opacity:.35}.landing__about{width:100%;max-width:600px;background:#f5f3effa;border-top:2px solid #000000;padding:2rem 3rem;position:relative;z-index:1;animation:fadeUp .7s ease .6s both}.landing__about p{font-family:Work Sans,sans-serif;font-size:.8rem;font-weight:300;line-height:1.75;letter-spacing:.02em;color:#000;opacity:.7;margin-bottom:1rem}.landing__about p:last-child{margin-bottom:0}.landing__about-heading{font-family:Work Sans,sans-serif;font-size:.65rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#000;opacity:.4;margin-bottom:1rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.app{min-height:100vh;background-color:#f5f3ef;color:#000;position:relative;background-image:radial-gradient(circle at 20% 80%,rgba(0,0,0,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,0,0,.015) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,0,0,.01) 0%,transparent 30%)}@font-face{font-family:BlackletterBit;src:url(/fonts/BlackletterBit.woff2) format("woff2"),url(/fonts/BlackletterBit.woff) format("woff"),url(/fonts/BlackletterBit.ttf) format("truetype"),url(/fonts/BlackletterBit.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Work Sans,sans-serif;font-weight:400;line-height:1.6;color:#000;background-color:#f5f3ef;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}h1,h2,h3,h4,h5,h6{font-family:BlackletterBit,serif;font-weight:700;line-height:1.2;margin-bottom:2rem;letter-spacing:.03em}h1{font-size:3rem;letter-spacing:.05em}h2{font-size:2.25rem;letter-spacing:.04em}h3{font-size:1.75rem;letter-spacing:.03em}p{margin-bottom:1rem}a{color:#000;text-decoration:none;transition:opacity .3s ease-in-out}a:hover{opacity:.7}button{font-family:Work Sans,sans-serif;cursor:pointer;transition:all .3s ease-in-out}ul,ol{margin-left:2rem;margin-bottom:1rem}li{margin-bottom:.5rem}
