html{scroll-behavior:smooth}body{margin:0;background-color:#fff;background-image:radial-gradient(circle,#b8b8b8 .65px,transparent .85px);background-size:2cm 2cm;background-position:1cm 1cm;color:#202020;font-family:Arial,sans-serif}a{color:inherit}button{font:inherit}*{box-sizing:border-box}[hidden]{display:none!important}
.receipt-header{position:relative;z-index:20;display:flex;justify-content:center;align-items:flex-start;padding:22px 20px 0;min-height:104px}
.name-toggle{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:8px 18px;color:#202020;cursor:pointer}
.name-toggle>span:first-child{font-size:22px;font-weight:400;letter-spacing:1.8px}
.menu-caption{font:10px monospace;letter-spacing:1px}
.receipt-menu{position:absolute;top:91px;left:50%;transform:translateX(-50%);width:min(290px,calc(100vw - 40px));padding:28px 20px 22px;background:#efefeb;color:#363633;font:12px/1.45 'Courier New',monospace;box-shadow:0 10px 20px rgba(0,0,0,.09);}
.receipt-menu:after{content:"";position:absolute;bottom:-7px;left:0;width:100%;height:8px;background:linear-gradient(135deg,#efefeb 25%,transparent 25%) -5px 0/10px 10px,linear-gradient(225deg,#efefeb 25%,transparent 25%) -5px 0/10px 10px}
.receipt-title{text-align:center;font-size:18px;letter-spacing:1px}.receipt-title small{font-size:10px;letter-spacing:0}.receipt-info{padding:18px 0;text-align:center;font-size:10px;border-bottom:1px dashed #999}
.receipt-menu>a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;gap:10px;border-bottom:1px solid #c0c0b9;padding:12px 0}.receipt-menu>a:hover,.receipt-menu>a:focus-visible{background:#e0e0da}.receipt-end{padding:22px 0 18px;text-align:center;font-size:10px}.receipt-barcode{height:26px;width:140px;margin:auto;background:repeating-linear-gradient(90deg,#43433f 0 1px,transparent 1px 3px,#43433f 3px 5px,transparent 5px 6px,#43433f 6px 7px,transparent 7px 11px)}.receipt-menu>.receipt-email{font-size:10px;justify-content:center;border:0;margin-top:10px;padding:8px 0}
.home-main{max-width:1320px;padding:0 4vw;margin:auto}.home-intro{text-align:center;max-width:680px;margin:65px auto 60px}.home-intro h1{font-size:clamp(24px,3.3vw,42px);font-weight:400;line-height:1.2;letter-spacing:-1px;margin:0 0 18px}.home-intro p{font:11px/1.7 monospace}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.category-link{text-decoration:none;display:block}.category-link img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.category-meta{display:flex;justify-content:space-between;gap:14px;font:12px monospace;margin:15px 0}.category-link p{font:11px/1.6 monospace;color:#666;margin:0}.home-section{margin:95px 0}.home-section h2{font-size:28px;font-weight:400;letter-spacing:-.6px}.project-links{display:flex;flex-wrap:wrap;gap:20px}.project-links a{font:12px monospace;padding:14px 0;text-decoration:none;border-bottom:1px solid #aaa}.home-section p{font-size:17px;line-height:1.6;max-width:570px}.home-footer{padding:25px 4vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font:11px monospace}.home-footer a{text-decoration:none}.home-section{scroll-margin-top:30px}
@media(max-width:620px){.category-grid{grid-template-columns:1fr;gap:38px}.category-link img{aspect-ratio:4/3}.home-intro{margin:45px auto}.home-intro h1{font-size:28px}.home-section{margin:65px 0}.name-toggle>span:first-child{font-size:20px}.receipt-menu{top:88px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}