:root{--ink:#11100f;--paper:#e8e5de;--lemon:#d6da6c;--silver:#aaa7a1;--wine:#5b454d}.hate-page{min-height:100vh;background:var(--ink);color:var(--paper);font-family:Franklin Gothic Medium,Arial,Microsoft YaHei,sans-serif}.hate-page *{box-sizing:border-box}.hate-page a{color:inherit}.hate-end,.hate-nav{width:min(1320px,calc(100% - 64px));margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #55514d;padding:20px 0}.hate-nav>a{text-decoration:none}.hate-nav b{display:block;color:var(--lemon);font:42px/.85 Impact,Arial Narrow,sans-serif;letter-spacing:-.035em}.hate-nav small{display:block;margin-top:8px;font-size:10px}.hate-nav div{display:flex;gap:28px;font-size:14px;font-weight:800}.hate-hero{position:relative;width:min(1320px,calc(100% - 64px));min-height:650px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;align-items:end;padding:70px 0;overflow:hidden}.hate-flash{position:absolute;inset:0;background:radial-gradient(circle at 28% 36%,#e5e2d8 0 3%,#64615f 16%,#1c1b1b 39%,#090909 70%);opacity:.8;filter:grayscale(1)}.hate-hero article,.hate-hero>div:not(.hate-flash){position:relative}.hate-hero article small,.hate-hero p,.hate-hero span{letter-spacing:.12em;text-transform:uppercase;font-size:12px}.hate-hero h1{margin:18px 0;font:clamp(80px,11vw,178px)/.73 Impact,Arial Narrow,sans-serif;letter-spacing:-.04em;text-transform:lowercase}.hate-hero i{color:var(--lemon);font-style:normal}.hate-hero article{justify-self:end;width:min(360px,100%);padding:28px;border:1px solid var(--paper);background:#171515}.hate-hero article p{font:30px/1 Impact,Arial Narrow,sans-serif;letter-spacing:-.02em;text-transform:none}.hate-hero article small{display:block;color:var(--silver);margin:12px 0 30px}.hate-hero article a{display:block;background:var(--lemon);color:var(--ink);padding:16px;text-decoration:none;font-weight:900}.hate-phrases,.hate-practice,.hate-resources,.hate-story,.hate-thesis{padding:110px max(32px,calc((100% - 1180px)/2))}.hate-thesis{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--paper);color:var(--ink)}.hate-thesis-cover{position:absolute;z-index:-1;right:-5%;bottom:-28%;width:64%;aspect-ratio:16/9;background:linear-gradient(90deg,var(--paper) 0,transparent 34%),url(/hate/mv-cover.jpg) 50%/cover no-repeat;opacity:.23;mix-blend-mode:multiply;transform:rotate(-3deg)}.hate-phrases h2,.hate-practice h2,.hate-resources h2,.hate-story h2,.hate-thesis h2{margin:0;font:clamp(64px,8vw,128px)/.76 Impact,Arial Narrow,sans-serif;letter-spacing:-.04em}.hate-thesis-copy{align-self:start;padding-top:8px}.hate-thesis-copy strong{display:block;max-width:23ch;font-size:28px;line-height:1.45;font-weight:900}.hate-thesis p{max-width:38ch;margin:24px 0 0;font-size:20px;line-height:1.7}.hate-phrases{background:#201d1d}.hate-phrases header{display:flex;justify-content:space-between;gap:40px}.hate-phrases header p{max-width:30ch}.hate-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px}.hate-tabs button{min-height:150px;text-align:left;border:1px solid #625e5a;background:transparent;color:var(--paper);padding:22px;font:24px Impact,Arial Narrow,sans-serif}.hate-tabs button.active{background:var(--lemon);color:var(--ink)}.hate-tabs small,.hate-tabs span{display:block;font:11px Franklin Gothic Medium,Arial,sans-serif;letter-spacing:.12em;margin-bottom:16px}.hate-tabs small{margin:12px 0 0}.hate-detail{padding:48px;background:var(--paper);color:var(--ink)}.hate-detail>span{font-size:11px;font-weight:900;letter-spacing:.13em}.hate-detail h3{margin:12px 0 0;font:60px/.85 Impact,Arial Narrow,sans-serif}.hate-detail strong{display:block;margin:16px 0}.hate-detail blockquote{margin:28px 0 0;padding:20px;background:#d6d2ca}.hate-detail blockquote b{display:block;font-weight:900}.hate-detail blockquote small{display:block;margin-top:10px;color:#4b4843;font-size:15px;line-height:1.5}.hate-story{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;background:#5b454d}.hate-story-title>p{margin:0 0 30px;color:var(--lemon);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hate-story-title span{display:block;margin-top:42px;font:clamp(38px,5vw,68px)/.82 Impact,Arial Narrow,sans-serif;color:var(--lemon)}.hate-story-opening{margin:0;max-width:44ch;font-size:21px;line-height:1.62}.hate-story-columns{display:grid;grid-template-columns:repeat(3,1fr);margin:52px 0 28px;border-top:1px solid #9e878e}.hate-story-columns article{padding:24px 22px 0 0;border-right:1px solid #9e878e}.hate-story-columns article+article{padding-left:22px}.hate-story-columns article:last-child{border-right:0}.hate-story-columns h3{margin:0 0 18px;color:var(--lemon);font:30px/.92 Impact,Arial Narrow,sans-serif;letter-spacing:-.02em}.hate-story-columns p{margin:0;font-size:16px;line-height:1.7}.hate-story small{color:#ded8d1;line-height:1.55}.hate-resources{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;background:#2a2726}.hate-resources h2{color:var(--lemon)}.hate-resources>div>p{max-width:30ch;line-height:1.7}.hate-resource-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #716b67;border-left:1px solid #716b67}.hate-resource-list a{display:block;min-height:260px;padding:26px;border-right:1px solid #716b67;border-bottom:1px solid #716b67;text-decoration:none}.hate-resource-list a:focus-visible h3,.hate-resource-list a:hover h3{color:var(--lemon)}.hate-resource-list span{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#b8b2aa}.hate-resource-list h3{margin:8px 0;font:30px/.95 Impact,Arial Narrow,sans-serif;letter-spacing:-.02em}.hate-resource-list h3 i{font-family:Franklin Gothic Medium,Arial,sans-serif;font-style:normal;font-size:18px}.hate-resource-list em,.hate-resource-list strong{display:block;font-size:14px;font-style:normal;line-height:1.45}.hate-resource-list strong{color:#f3eee7}.hate-resource-list p{margin:20px 0 5px;max-width:58ch;color:#d8d2ca;line-height:1.55}.hate-resource-list em{color:#b8b2aa}.hate-resource-list small{display:block;margin-top:18px;color:var(--lemon);font-size:10px;letter-spacing:.08em}.hate-resource-list .hate-resource-alt span{color:var(--lemon)}.hate-practice{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#cfcdca;color:var(--ink)}.hate-practice p{font-size:18px;line-height:1.7}.hate-practice article{padding:36px;background:var(--paper);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--lemon)}.hate-practice article>span{font-size:11px;font-weight:900;letter-spacing:.13em}.hate-practice blockquote{font:40px/.95 Impact,Arial Narrow,sans-serif;margin:26px 0}.local-recording-practice{display:grid;gap:12px}.local-recording-practice button{background:var(--ink);color:var(--paper);border:0;padding:17px;font-weight:900}.local-recording-practice audio{width:100%}.local-recording-practice p{font-size:12px}.hate-end{padding:44px 0;border:0}.hate-end a{font-weight:900}.hate-end a:last-child{background:var(--lemon);color:var(--ink);padding:18px;text-decoration:none}.hate-next-stop{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:end;padding:110px max(32px,calc((100% - 1180px)/2));background:#201d1d;color:var(--paper)}.hate-next-stop>div>span{display:block;margin-bottom:26px;color:var(--lemon);font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hate-next-stop h2{margin:0;color:var(--lemon);font:clamp(66px,8.6vw,134px)/.75 Impact,Arial Narrow,sans-serif;letter-spacing:-.04em}.hate-next-stop p{max-width:28ch;margin:24px 0 0;font-size:17px;line-height:1.65}@media (max-width:700px){.hate-end,.hate-nav{width:calc(100% - 32px)}.hate-nav div{gap:12px;font-size:10px}.hate-nav b{font-size:32px}.hate-hero,.hate-practice,.hate-resources,.hate-story,.hate-thesis{width:100%;grid-template-columns:1fr;min-height:auto;gap:38px}.hate-hero{width:calc(100% - 32px);padding:90px 0 40px}.hate-hero article{justify-self:start}.hate-thesis-cover{right:-24%;bottom:-3%;width:120%;opacity:.15}.hate-thesis-copy{padding-top:0}.hate-thesis-copy strong{font-size:24px}.hate-phrases,.hate-practice,.hate-resources,.hate-story,.hate-thesis{padding:70px 16px}.hate-phrases header{display:block}.hate-resource-list,.hate-tabs{grid-template-columns:1fr}.hate-resource-list a{min-height:0;padding:24px 0;border-right:0}.hate-story-columns{grid-template-columns:1fr;margin-top:36px}.hate-story-columns article,.hate-story-columns article+article{padding:22px 0;border-right:0;border-bottom:1px solid #9e878e}.hate-story-title span{margin-top:8px}.hate-end{display:grid;gap:20px}.hate-end a:last-child{text-align:center}.hate-next-stop{grid-template-columns:1fr;gap:42px;padding:70px 16px}}.hate-hero .music-service-links{display:grid;gap:10px}.hate-hero article .music-service-links a{margin:0}.hate-hero article .music-service-links a+a{border:1px solid var(--silver);background:transparent;color:var(--paper)}.hate-hero article .music-service-links a+a i{display:block;margin-top:6px;color:var(--silver);font-size:10px;font-style:normal;font-weight:500}