/* Hall of Offense, a new editorial wing for the Sultan of the Side-Eye */
.mobile-only-nav{display:none!important}
.hall-home-banner{display:grid;grid-template-columns:45% 55%;max-width:1280px;min-height:310px;margin:0 auto 70px;background:#201713;border:1px solid #6a5035;overflow:hidden;position:relative;transition:border-color .25s}
.hall-home-banner:hover{border-color:#c7a36e}
.hall-home-visual{background:linear-gradient(90deg,transparent 65%,#201713 100%),url('/assets/hall-curator.webp') center 40%/cover no-repeat}
.hall-home-copy{padding:43px 48px;display:flex;flex-direction:column;justify-content:center}
.hall-home-copy h2{font:500 clamp(44px,4.9vw,72px)/.91 var(--font);margin:12px 0 16px;letter-spacing:-.02em}
.hall-home-copy h2 em{color:#e1bb82;font-style:italic}
.hall-home-copy p{font:14px/1.8 var(--body);color:#cbbcac;max-width:340px}
.hall-home-link{color:#e3c08d;font-size:11px;letter-spacing:.15em;margin-top:6px}
.hall-home-link span{padding-left:9px;font-size:18px}
.hall-hero{min-height:650px;position:relative;isolation:isolate;background:#140d0b;display:flex;align-items:center;overflow:hidden}
.hall-hero-art{position:absolute;inset:0 0 0 32%;background:url('/assets/hall-curator.webp') 55% 48%/cover no-repeat;z-index:-2}
.hall-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#160e0cfb 0%,#170f0ce6 26%,#21120bac 42%,#1c110943 70%,#110d0840 100%),linear-gradient(0deg,#160f0d 0%,transparent 20%);z-index:-1}
.hall-hero-copy{width:min(730px,60%);padding:62px 3% 64px 8.5%}
.hall-hero h1{font:500 clamp(76px,8vw,132px)/.81 var(--font);letter-spacing:-.04em;margin:30px 0}
.hall-hero h1 em{color:#e6c18c;font-style:italic;white-space:nowrap}
.hall-hero-lead{font:italic clamp(25px,2.6vw,37px)/1.16 var(--font);color:#f4eadc;margin:0 0 15px}
.hall-hero-lead strong{font-weight:500;color:#e6c18c}
.hall-hero-small{font-size:13px;color:#d4c1ae;letter-spacing:.01em;margin-bottom:29px}
.hall-hero-portrait-label{position:absolute;right:5%;bottom:36px;font-size:11px;letter-spacing:.21em;color:#f9ead7;text-align:right;text-shadow:0 2px 8px #000}
.hall-hero-portrait-label span{display:block;margin-top:3px;font-size:9px;color:#f3d6a8}
.hall-marquee{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;column-gap:34px;row-gap:9px;padding:18px 20px;background:#261b15;border-top:1px solid #785f44;border-bottom:1px solid #785f44;color:#d0b18a;font-size:10px;font-weight:600;letter-spacing:.21em;text-align:center}
.hall-marquee .marquee-star{color:#a27c49}
.hall-content{max-width:1320px}
.hall-collection,.hall-community{scroll-margin-top:100px}
.hall-section-heading{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-bottom:30px}
.hall-section-heading h2{font:500 clamp(43px,4.5vw,69px)/1 var(--font);margin:9px 0 13px}
.hall-section-heading h2 em{font-weight:400}
.hall-section-heading p{font-size:13px;line-height:1.8;color:#c8b8a7;margin:0}
.hall-collection-mark{flex:none;display:flex;flex-direction:column;align-items:center;color:#cfaa78;border:1px solid #816446;padding:12px 22px;font:38px/1 var(--font)}
.hall-collection-mark small{font:9px var(--body);letter-spacing:.2em;margin-top:6px}
.hall-classic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hall-plaque{background:radial-gradient(circle at 84% 10%,#52351e70,transparent 58%),linear-gradient(145deg,#2b211b,#19120f);border:1px solid #6a4e33;outline:1px solid #80604350;outline-offset:-9px;padding:26px 27px;min-height:344px;display:flex;flex-direction:column;position:relative;transition:border-color .2s,transform .2s}
.hall-plaque:hover{border-color:#bb9160;transform:translateY(-2px)}
.hall-plaque-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;min-height:55px}
.hall-roman{font:52px/.9 var(--font);color:#d6b584}
.hall-plaque-type{font-size:9px;letter-spacing:.11em;line-height:1.7;color:#c4a77f;text-align:right;max-width:148px}
.hall-plaque-star{color:#866c4a;letter-spacing:.2em;font-size:17px;margin-top:9px}
.hall-plaque h3{font:500 37px/1.03 var(--font);margin:11px 0 12px;max-width:330px}
.hall-plaque p{font-size:12px;line-height:1.7;color:#c8b8a6;max-width:340px;margin-bottom:20px}
.hall-plaque-foot{display:flex;justify-content:space-between;align-items:end;gap:10px;border-top:1px solid #76553964;margin-top:auto;padding-top:16px}
.hall-plaque-foot span{font-size:9px;letter-spacing:.08em;color:#a08c72}
.hall-plaque-foot button{font-size:10px;letter-spacing:.08em;color:#e2c18d;border:0;background:none;padding:0;white-space:nowrap}
.hall-plaque-foot button:hover{text-decoration:underline}
.hall-case-file .eyebrow{display:block;margin:4px 0 13px}
.hall-case-file p{font:19px/1.7 var(--font);white-space:pre-wrap}
.hall-case-file blockquote{margin:20px 0 30px;padding:14px 17px;border-left:2px solid var(--gold);font:italic 27px/1.35 var(--font);color:#e4c69a}
.hall-divider{display:flex;align-items:center;gap:24px;margin:67px 0 58px;color:var(--gold)}
.hall-divider:before,.hall-divider:after{content:'';height:1px;background:linear-gradient(90deg,transparent,#785d3a,transparent);flex:1}
.hall-controls{margin-left:auto;display:flex;flex-direction:column;gap:8px;align-self:center;min-width:185px}
.hall-sort-label{color:var(--gold);font-size:10px;letter-spacing:.16em}
.hall-controls select{padding:12px;background:#211813;color:#f3e6cf;border:1px solid #856541;border-radius:0}
.hall-status{color:#c5b097;font-size:12px;margin:15px 0 19px}
.hall-community-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hall-citizen-card{display:flex;gap:20px;border:1px solid #695037;background:#211915;padding:25px;min-height:225px}
.hall-citizen-rank{font:53px/1 var(--font);color:#bd9769;min-width:50px}
.hall-citizen-info{flex:1;min-width:0}
.hall-citizen-info h3{font:500 34px/1.12 var(--font);margin:10px 0}
.hall-citizen-info p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;color:#c9baa9}
.hall-citizen-bottom{border-top:1px solid #604a38;padding-top:14px;margin-top:17px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;color:#bda58a;font-size:11px}
.hall-vote{border:1px solid #a17b4c;background:#3a2a1b;color:#f3d6a4;padding:9px;font-size:10px;letter-spacing:.06em}
.hall-vote:hover{background:#503a26}
.hall-empty{grid-column:1/-1;border:1px dashed #846343;background:#241b15;padding:38px;text-align:center;color:#cdbca7}
.hall-empty>span{font-size:30px;color:var(--gold)}
.hall-empty h3{font-size:38px;color:var(--cream);margin:5px 0}
.hall-empty p{font-size:13px}
.hall-text-link{color:#e2b982;font-size:11px;letter-spacing:.12em}
.hall-nominate{display:grid;grid-template-columns:95px minmax(0,1fr) auto;gap:35px;align-items:center;margin-top:70px;padding:33px 40px;background:#e8dac4;color:#2c2017;border:8px solid #a78a62}
.hall-nominate .eyebrow{color:#795d37}
.hall-nominate h2{font:500 clamp(39px,4.2vw,62px)/1 var(--font);margin:10px 0}
.hall-nominate h2 em{color:#8d6236}
.hall-nominate p{font-size:13px;line-height:1.75;max-width:630px;margin:0 0 8px}
.hall-nominate-seal{width:94px;height:94px;border:2px solid #85613a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg)}
.hall-nominate-seal span{font-size:27px;line-height:1;color:#8d6236}
.hall-nominate-seal small{text-align:center;color:#795633;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:.05em}
.hall-nominate .btn.gold{white-space:nowrap;background:#312219;color:#f7e8d2;border-color:#312219}
.hall-disclaimer{display:block;color:#78634a;font-size:10px;line-height:1.5}
@media(max-width:1150px){.header{gap:10px}.mobile-menu{display:block;margin-left:auto;padding:6px 11px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;padding:19px 24px;flex-direction:column;align-items:stretch;background:#190f0e;border-bottom:1px solid #775939}.header nav.open{display:flex}.mobile-only-nav{display:block!important}.header-actions{display:none}.hall-hero-copy{width:68%;padding-left:6%}.hall-hero-art{inset:0 0 0 18%}}
@media(max-width:840px){.header nav{top:68px}.hall-classic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hall-community-grid{grid-template-columns:1fr}.hall-nominate{grid-template-columns:70px 1fr;gap:20px}.hall-nominate .btn{grid-column:2;justify-self:start}.hall-nominate-seal{width:70px;height:70px}.hall-hero-copy{width:82%}.hall-hero-art{inset:0}}
@media(max-width:600px){.hall-home-banner{grid-template-columns:1fr;margin:0 18px 40px}.hall-home-visual{height:225px;background:linear-gradient(0deg,#201713 0%,transparent 55%),url('/assets/hall-curator.webp') center 39%/cover no-repeat}.hall-home-copy{padding:24px 25px 29px}.hall-home-copy h2{font-size:54px}.hall-hero{min-height:670px;align-items:flex-end}.hall-hero-art{background-position:52% 0%;height:100%}.hall-hero-shade{background:linear-gradient(0deg,#160e0c 0%,#160e0cef 31%,#160e0c44 74%,#130c0b33 100%)}.hall-hero-copy{width:100%;padding:260px 22px 62px}.hall-hero h1{font-size:68px;margin:17px 0}.hall-hero-lead{font-size:25px}.hall-hero-portrait-label{display:none}.hall-marquee{column-gap:12px;padding:16px 10px;font-size:8px}.hall-section-heading{display:block}.hall-section-heading h2{font-size:48px}.hall-collection-mark{display:none}.hall-classic-grid{grid-template-columns:1fr}.hall-plaque{min-height:310px}.hall-controls{margin:20px 0 0}.hall-citizen-card{padding:19px;gap:12px}.hall-citizen-rank{font-size:36px;min-width:32px}.hall-nominate{grid-template-columns:1fr;margin-top:45px;padding:22px;border-width:6px}.hall-nominate .btn{grid-column:1;justify-self:start}.hall-nominate-seal{display:none}}
@media(prefers-reduced-motion:reduce){.hall-plaque{transition:none}}

/* Per-case sharing with permanent deep links */
.hall-share-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid #59402c}
.hall-share-actions a,.hall-share-actions button,.hall-share-pill{display:inline-block;background:#423020;color:#ebce9e;border:1px solid #92704a;border-radius:2px;padding:8px 9px;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.07em;text-decoration:none;cursor:pointer}
.hall-share-actions a:hover,.hall-share-actions button:hover,.hall-share-pill:hover{background:#65472b}
.hall-dialog-share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1px solid #71543b;padding-top:18px;margin-top:25px}
.hall-dialog-share .eyebrow{width:100%;margin:0 0 1px}
.hall-citizen-bottom{justify-content:start}.hall-citizen-bottom>span{margin-right:auto}
@media(max-width:600px){.hall-share-actions{gap:6px}.hall-share-actions a,.hall-share-actions button{font-size:8px;padding:8px}}