:root{--paper:#f4efe5;--paper2:#e8dfcf;--ink:#20231f;--green:#243f35;--red:#9d432f;--blue:#36566a;--gold:#aa8150;--line:#b9aa92}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Courier New",Courier,monospace;line-height:1.55;background-image:radial-gradient(#796d5b22 0.7px,transparent .7px);background-size:8px 8px}
a{color:inherit} .wrap{max-width:1180px;margin:auto;padding:0 24px}
header{position:sticky;top:0;z-index:10;background:#f4efe5ee;border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
nav{min-height:72px;display:flex;align-items:center;gap:24px}.brand{margin-right:auto;text-decoration:none}.brand b{font-family:Georgia,serif;font-size:28px}.brand small{display:block;letter-spacing:3px;font-size:9px}
nav>a:not(.brand){text-decoration:none;font-weight:bold;font-size:13px}.nav-cta{border:1px solid var(--ink);padding:8px 12px;box-shadow:3px 3px 0 var(--ink)}
.hero{min-height:520px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:38px;padding:58px 0}
.kicker{text-transform:uppercase;letter-spacing:3px;font-size:11px}.hero h1,.page-title{font-family:Georgia,serif;font-weight:500;font-size:clamp(52px,7vw,92px);line-height:.92;margin:12px 0 20px}.hero p{font-size:18px;max-width:650px}
.btn{display:inline-block;text-decoration:none;background:var(--green);color:#fff;padding:13px 18px;margin:10px 10px 0 0;border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:bold}.btn.alt{background:transparent;color:var(--ink)}
.collage{position:relative;min-height:430px}.paper{position:absolute;background:#fffaf0;border:1px solid #c6b9a4;box-shadow:7px 9px 20px #30291d2c;padding:22px}.paper.one{width:75%;top:20px;left:10%;transform:rotate(-3deg)}.paper.two{width:60%;right:0;bottom:25px;transform:rotate(4deg);background:#d8c7aa}.paper.three{width:48%;left:0;bottom:5px;transform:rotate(-6deg);background:#e9e0d0}.scribble{font-family:"Comic Sans MS","Bradley Hand",cursive;font-size:25px;line-height:1.2}.tape{height:25px;width:95px;background:#d8c49baa;position:absolute;top:-13px;left:35%;transform:rotate(3deg)}
.stack{font-family:Georgia,serif;font-size:25px}.stack div{padding:16px;border:1px solid #6f6251;margin:-1px 0;background:#d8c4a3}.stack div:nth-child(2){background:#a54b37;color:white}.stack div:nth-child(3){background:#385b6c;color:white}
.section{padding:68px 0;border-top:1px solid var(--line)}.section h2{font-family:Georgia,serif;font-size:42px;margin:0 0 8px}.lede{max-width:700px;margin-bottom:30px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{position:relative;background:#fbf6eb;border:1px solid var(--line);padding:24px;box-shadow:5px 6px 0 #c8baa3}.card h3{font-family:Georgia,serif;font-size:28px;margin:8px 0}.card.od{border-top:8px solid var(--blue)}.card.rr{border-top:8px solid var(--red)}.card.fr{border-top:8px solid var(--green)}.price{font-weight:bold;font-size:22px}
.icon{font-size:35px}.note{background:#e6d6b9;padding:20px;transform:rotate(-1deg);border:1px solid #b8a98f}.note:nth-child(even){transform:rotate(1deg)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trust div{border-top:2px solid var(--ink);padding-top:12px}
.blogband{background:var(--green);color:#f9f3e7}.blogband .grid3 .card{color:var(--ink)}
footer{padding:40px 0;background:#1c3029;color:#eee5d6}footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.catalog .card{min-height:260px}
.badge{display:inline-block;border:1px solid;padding:3px 8px;font-size:11px;text-transform:uppercase;letter-spacing:1px}
@media(max-width:800px){nav{flex-wrap:wrap;padding:12px 0}.hero{grid-template-columns:1fr}.collage{min-height:380px}.grid3,.trust,.catalog{grid-template-columns:1fr}.hero h1,.page-title{font-size:52px}}