:root{color:#171717;background:#f5f5f2;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #f8f8f5;--ink: #111;--muted: #535353;--red: #cb0f0a;--red-dark: #a70806;--border: 2px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background-color:#f5f5f2;background-image:radial-gradient(circle at 20% 30%,rgb(23 23 23 / 4%) 0 .7px,transparent .9px),radial-gradient(circle at 70% 65%,rgb(23 23 23 / 3%) 0 .6px,transparent .8px);background-size:7px 7px,11px 11px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}.skip-link{position:fixed;z-index:20;top:12px;left:12px;display:inline-flex;min-height:44px;align-items:center;padding:10px 14px;border:2px solid var(--ink);background:#fff;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(100% - 40px,1120px);min-height:calc(100vh - 40px);margin:20px auto;padding:32px 34px 24px;border:3px solid var(--ink);background-color:#f8f7f3f0;background-image:radial-gradient(rgb(20 20 20 / 4%) .55px,transparent .55px);background-size:5px 5px;box-shadow:0 10px 30px #00000014}.site-header{display:grid;justify-items:center;padding:4px 0 32px;text-align:left}.brand{display:inline-flex;width:132px;margin-bottom:30px;outline-offset:6px}.brand img{display:block;width:100%;height:auto;object-fit:contain}.site-header h1{justify-self:start;max-width:940px;margin:0;font-size:clamp(2.4rem,4.8vw,4.3rem);font-weight:900;line-height:.96;letter-spacing:-.055em}.materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 42px;padding:14px 4px 44px}.material-card{position:relative;display:flex;min-height:326px;flex-direction:column;padding:42px 24px 20px;border:var(--border) solid var(--ink);border-radius:2px;background:var(--paper);box-shadow:7px 7px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease}.material-card:hover{transform:translate(-2px,-2px);box-shadow:11px 11px 0 var(--ink)}.material-card__number{position:absolute;top:-19px;left:18px;min-width:62px;padding:7px 8px 6px;background:var(--red);color:#fff;font-size:1.7rem;font-weight:900;line-height:1;text-align:center;transform:rotate(-3deg);box-shadow:2px 2px #0000001f}.material-card:nth-child(2n) .material-card__number{transform:rotate(2deg)}.material-card__content{flex:1}.material-card h2{margin:0 0 12px;font-size:clamp(1.45rem,2.5vw,2rem);font-weight:900;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.material-card__description{max-width:39rem;margin:0;color:#292929;font-size:1rem;line-height:1.35}.material-card__meta{margin:22px 0 14px;color:#333;font-size:.9rem;font-weight:700}.material-card__actions{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:10px}.button,.like-button{min-height:44px;border:var(--border) solid var(--ink);border-radius:3px;cursor:pointer;font-weight:800;line-height:1;text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .15s ease}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;font-size:.88rem;white-space:nowrap}.button svg{display:none;width:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.button--primary{border-color:var(--red);background:var(--red);color:#fff}.button--primary:hover{border-color:var(--red-dark);background:var(--red-dark)}.button--secondary{background:transparent;color:var(--ink)}.button--secondary:hover{background:var(--ink);color:#fff}.button:active,.like-button:active{transform:translateY(2px)}.button.is-loading{opacity:.78;pointer-events:none}.button.is-unavailable{border-color:#777;background:#e5e3de;color:#555;pointer-events:none}.like-button{display:inline-flex;width:fit-content;min-width:78px;justify-self:end;align-items:center;justify-content:center;gap:7px;padding:0 11px;border-style:dashed;background:transparent;color:var(--ink);font-size:1rem;font-variant-numeric:tabular-nums}.like-button:hover{border-color:var(--red);color:var(--red)}.like-button svg{width:23px;height:23px;fill:transparent;stroke:currentColor;stroke-width:1.7;transition:fill .15s ease,transform .18s ease}.like-button.is-liked svg{fill:var(--red);stroke:var(--red);animation:heart-pop .42s ease both}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 4px 2px;border-top:2px dashed var(--ink);font-size:.92rem;font-weight:800}.site-footer a{display:inline-flex;min-height:44px;align-items:center;text-underline-offset:3px}.toast-region{position:fixed;z-index:30;right:22px;bottom:22px;max-width:min(360px,calc(100vw - 32px));padding:13px 18px;border:2px solid #fff;background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--red);font-weight:800;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .18s ease,transform .18s ease}.toast-region.is-visible{opacity:1;transform:translateY(0)}.toast-region.is-error{background:var(--red-dark);box-shadow:4px 4px 0 var(--ink)}:focus-visible{outline:3px dashed var(--red);outline-offset:4px}@keyframes heart-pop{0%{transform:scale(.8)}45%{transform:scale(1.35) rotate(-8deg)}to{transform:scale(1)}}@media(max-width:899px){.page-shell{width:min(100% - 24px,720px);margin:12px auto;padding:24px 22px 20px}.site-header{padding-bottom:38px}.brand{width:112px;margin-bottom:24px}.materials-grid{grid-template-columns:1fr;gap:34px;padding-inline:2px}.material-card{min-height:290px}}@media(max-width:520px){.page-shell{width:100%;min-height:100vh;margin:0;padding:20px 16px 18px;border-width:0;border-top:3px solid var(--ink)}.site-header{justify-items:start;padding:0 4px 36px;text-align:left}.brand{width:94px;justify-self:center;margin:0 auto 26px;background:transparent}.site-header h1{max-width:360px;font-size:clamp(2.4rem,13vw,3.8rem);line-height:.94}.materials-grid{gap:32px;padding-bottom:38px}.material-card{min-height:0;padding:36px 16px 16px;box-shadow:6px 6px 0 var(--ink)}.material-card:hover{transform:none;box-shadow:6px 6px 0 var(--ink)}.material-card__number{top:-15px;left:12px;min-width:52px;font-size:1.4rem}.material-card h2{font-size:1.45rem}.material-card__description{font-size:.94rem}.material-card__meta{margin-top:18px}.material-card__actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:7px}.button{min-width:0;padding-inline:8px;font-size:.8rem}.like-button{min-width:65px;padding-inline:8px}.like-button svg{width:20px;height:20px}.site-footer{align-items:flex-start;flex-direction:column}.toast-region{right:16px;bottom:16px}}@media(max-width:370px){.material-card__actions{grid-template-columns:1fr 1fr}.like-button{grid-column:1 / -1;justify-self:stretch;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}