:root{--bg:#f5f0e6;--paper:#fffdf7;--ink:#191a1c;--muted:#5f5b55;--denim:#2f5f7f;--orange:#d7723f;--lime:#b9c26b;--line:#d3c5b0}
*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:linear-gradient(45deg,rgba(47,95,127,.08) 0 25%,transparent 25% 50%,rgba(215,114,63,.08) 50% 75%,transparent 75%),var(--bg);background-size:42px 42px;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}img{display:block;max-width:100%}a{color:inherit}header,main,footer{width:min(1120px,calc(100% - 30px));margin:auto}header nav{min-height:76px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}header a{text-decoration:none;background:var(--paper);border:2px solid var(--ink);padding:7px 10px;box-shadow:4px 4px 0 var(--lime);font-weight:900;transform:rotate(-1deg)}header .brand{font-family:Georgia,serif;font-size:32px;color:var(--denim);margin-right:auto;transform:rotate(0)}header a.active,header a:hover{background:var(--orange);color:#fff}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--denim);font-size:12px;margin:0 0 12px}h1,h2{font-family:Georgia,serif;line-height:1.02;letter-spacing:-.055em;margin:0}h1{font-size:clamp(48px,8vw,104px)}h2{font-size:clamp(32px,5vw,58px)}p{color:var(--muted);line-height:1.72}.poster{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,450px);gap:34px;align-items:center;padding:54px 0}.poster div{background:var(--paper);border:3px solid var(--ink);padding:32px;box-shadow:15px 15px 0 var(--orange);transform:rotate(-.7deg)}.poster img,.page img{width:100%;aspect-ratio:4/5;object-fit:cover;border:3px solid var(--ink);box-shadow:15px 15px 0 var(--denim);transform:rotate(1deg)}.stickers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:54px}.stickers a{min-width:0;background:var(--paper);border:2px solid var(--ink);text-decoration:none;padding:20px;min-height:190px;box-shadow:8px 8px 0 var(--lime);display:flex;flex-direction:column;justify-content:space-between}.stickers b{font-family:Georgia,serif;font-size:26px;color:var(--denim)}.stickers span{font-size:14px;color:var(--muted)}.memo{background:var(--paper);border:3px solid var(--ink);padding:32px;margin-bottom:56px;box-shadow:10px 10px 0 var(--lime)}.page{display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);gap:36px;align-items:center;padding:54px 0}.page div{background:var(--paper);border:3px solid var(--ink);padding:30px}footer{padding:28px 0 34px;border-top:3px solid var(--ink)}footer b{font-family:Georgia,serif;font-size:32px;color:var(--denim)}footer nav{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:900px){header .brand{width:100%;margin-right:0}.poster,.page{grid-template-columns:1fr}.stickers{grid-template-columns:1fr 1fr}.poster img,.page img{aspect-ratio:16/10;transform:none}.poster div{transform:none}}@media(max-width:560px){.stickers{grid-template-columns:1fr}header a{transform:none}}