*{box-sizing:border-box}body{margin:0;background:#fff9ed;color:#24302f;font-family:Georgia,serif;background-image:linear-gradient(#77a8a91f 1px,transparent 1px);background-size:100% 31px}a{color:inherit}header{min-height:94px;background:#fff9ed;padding:18px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:3px double #24302f}.brand{text-decoration:none;font:italic 30px Georgia,serif}.brand b{font-style:normal;color:#e45758}nav{display:flex;gap:24px;font:700 10px Courier New,monospace;text-transform:uppercase}nav a{text-decoration:none}.hero{min-height:680px;padding:80px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.hero h1{font:italic 400 clamp(62px,8vw,122px)/.83 Georgia,serif;letter-spacing:-.06em;margin:30px 0}.hero h1 b{font-style:normal;color:#e45758}.hero p{font-size:19px;line-height:1.65}.tag{font:700 10px Courier New,monospace;text-transform:uppercase;letter-spacing:.13em}.desk{height:520px;background:#efbf54;transform:rotate(2deg);padding:35px;box-shadow:12px 14px 0 #24302f}.page-sheet{height:100%;background:#fffdf6;border-left:30px solid #d45b75;padding:35px;position:relative;background-image:linear-gradient(#77a8a930 1px,transparent 1px);background-size:100% 28px}.page-sheet:before{content:'';position:absolute;left:-44px;top:20px;bottom:20px;width:25px;background:radial-gradient(circle,#24302f 0 4px,transparent 5px);background-size:25px 35px}.page-sheet b{font:italic 34px Georgia,serif}.page-sheet ul{margin-top:50px;font:18px/2 Georgia,serif}.button{display:inline-block;margin-top:22px;background:#24302f;color:white;padding:15px 22px;text-decoration:none;font:700 10px Courier New,monospace;text-transform:uppercase;box-shadow:6px 6px 0 #efbf54}.index{padding:95px 6vw;background:#f8dcc9}.index h2,.aboutband h2{font:italic 400 clamp(48px,6vw,84px)/.9 Georgia,serif;margin:18px 0}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px}.post{min-height:280px;background:#fff9ed;border:1px solid;padding:25px;text-decoration:none;display:flex;flex-direction:column;transform:rotate(-1deg)}.post:nth-child(even){transform:rotate(1deg);background:#e5f0ea}.post:hover{box-shadow:8px 8px 0 #24302f}.post span{font:700 10px Courier New,monospace}.post h3{font:italic 28px/1.05 Georgia,serif;margin:auto 0 20px}.post b{font:700 10px Courier New,monospace}.aboutband{padding:100px 8vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.aboutband p{font-size:20px;line-height:1.7}.categories{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.categories a{background:#77a8a9;color:white;padding:12px 16px;text-decoration:none;font:700 10px Courier New,monospace;text-transform:uppercase}footer{background:#24302f;color:white;padding:50px 6vw;display:flex;justify-content:space-between;font-size:12px}.library{padding:75px 7vw 110px;background:#fff9ed}.library h1{font:italic 400 clamp(60px,8vw,115px)/.85 Georgia,serif}.rows{border-top:2px solid}.row{display:grid;grid-template-columns:55px 1fr 100px;gap:25px;padding:24px 0;border-bottom:1px solid;text-decoration:none;align-items:center}.row h2{font:italic 27px Georgia,serif;margin:0}.row span,.row b{font:700 10px Courier New,monospace}.article{max-width:900px;margin:auto;padding:80px 25px 120px;background:#fffdf6}.article .crumb{font:700 10px Courier New,monospace}.article h1{font:italic 400 clamp(50px,7vw,92px)/.88 Georgia,serif;letter-spacing:-.05em}.article h2{font-size:36px}.article h3{font-size:25px}.article p,.article li{font-size:18px;line-height:1.75}.page{padding:75px 8vw 110px}.page h1{font:italic 400 clamp(60px,8vw,110px)/.86 Georgia,serif}.page p{font-size:19px;line-height:1.7;max-width:800px}@media(max-width:800px){header{align-items:flex-start}.brand{font-size:22px}nav{gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:160px;font-size:9px}.hero,.aboutband{grid-template-columns:1fr;padding:60px 22px}.hero h1{font-size:59px}.desk{height:450px;padding:22px}.post-grid{grid-template-columns:1fr}.index,.library{padding:70px 22px}.row{grid-template-columns:35px 1fr}.row b{display:none}.article{padding:60px 22px}.article h1{font-size:49px}footer{flex-direction:column;gap:20px}}