.glossary-page{overflow:hidden}
.glossary-hero{width:min(1240px,calc(100% - 40px));margin:0 auto;padding:clamp(64px,8vw,110px) 0 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(30px,6vw,80px);align-items:start}
.glossary-hero h1{margin:0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(84px,12vw,176px);line-height:.72;letter-spacing:-.04em;text-transform:uppercase}
.glossary-hero h1 span{color:var(--blue);-webkit-text-stroke:1px var(--navy)}
.glossary-dek{max-width:780px;margin:28px 0 0;font-size:clamp(18px,2vw,25px);line-height:1.48}
.glossary-hero__note{padding:24px;border:var(--line);background:var(--cream);box-shadow:7px 7px 0 var(--navy);transform:rotate(1deg)}
.glossary-hero__note b{font-size:12px;letter-spacing:.12em}.glossary-hero__note p{font-size:14px;line-height:1.55}
.glossary-tools{position:sticky;top:94px;z-index:15;width:100%;padding:16px max(20px,calc((100vw - 1240px)/2));border-block:var(--line);background:rgba(255,253,247,.96);backdrop-filter:blur(12px)}
.glossary-search{display:grid;grid-template-columns:auto minmax(0,1fr);gap:15px;align-items:center}.glossary-search span{font-size:10px;font-weight:1000;letter-spacing:.12em}.glossary-search input{width:100%;border:2px solid var(--navy);padding:12px 14px;background:#fff;color:var(--navy);font:inherit}
.glossary-filters{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.glossary-filters button{border:2px solid var(--navy);background:#fff;padding:8px 10px;font-size:9px;font-weight:1000;letter-spacing:.09em;cursor:pointer}.glossary-filters button.is-active{background:var(--navy);color:#fff}
.glossary-count{margin:9px 0 0;font-size:10px;opacity:.7}
.term-grid{width:min(1240px,calc(100% - 40px));margin:52px auto 90px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:var(--line);border-left:var(--line)}
.term-card{position:relative;min-height:220px;padding:26px clamp(22px,3vw,36px);border-right:var(--line);border-bottom:var(--line);background:#fff}
.term-card[hidden]{display:none}
.term-card:nth-child(4n+2),.term-card:nth-child(4n+3){background:#fffaf0}
.term-card__meta{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px}.term-card__meta span{color:var(--coral);font-size:10px;font-weight:1000}.term-card__meta b{font-size:8px;letter-spacing:.12em;text-align:right}
.term-card h2{margin:0 0 12px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(36px,4.2vw,60px);line-height:.9;text-transform:uppercase}.term-card p{margin:0;font-size:15px;line-height:1.62}
.term-card__character{display:inline-block;margin-top:18px;padding-top:10px;border-top:1px solid rgba(7,27,45,.25);font-size:9px;font-weight:1000;letter-spacing:.08em;text-decoration:none;color:var(--blue)}
.glossary-context{width:min(1240px,calc(100% - 40px));margin:0 auto 70px;padding:clamp(34px,5vw,62px);display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;border:var(--line);background:var(--blue);color:#fff;box-shadow:8px 8px 0 var(--navy)}
.glossary-context h2{margin:0;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(48px,6vw,82px);line-height:.84;text-transform:uppercase}.glossary-context p{font-size:16px;line-height:1.65}
.source-strip{width:min(1240px,calc(100% - 40px));margin:0 auto 70px;padding-top:24px;border-top:var(--line)}.source-strip>div{display:flex;flex-wrap:wrap;gap:9px}.source-strip a{padding:9px 11px;border:1px solid rgba(7,27,45,.35);background:#fff;font-size:10px;font-weight:900;text-decoration:none}
.glossary-cta{width:min(1240px,calc(100% - 40px));margin:0 auto 90px;padding:clamp(42px,6vw,80px);border:var(--line);background:var(--cream);box-shadow:8px 8px 0 var(--navy)}.glossary-cta h2{margin:0 0 28px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(56px,7vw,98px);line-height:.82;text-transform:uppercase}.glossary-cta>div{display:flex;flex-wrap:wrap;gap:10px}
.nav a[aria-current="page"]::after{right:0}
@media(max-width:980px){.glossary-tools{top:78px}.glossary-hero{grid-template-columns:1fr}.glossary-context{grid-template-columns:1fr}}
@media(max-width:700px){.glossary-hero,.term-grid,.glossary-context,.source-strip,.glossary-cta{width:min(100% - 24px,1240px)}.glossary-hero h1{font-size:72px}.glossary-search{grid-template-columns:1fr}.term-grid{grid-template-columns:1fr}.glossary-tools{padding-inline:12px}.glossary-cta{padding:34px 22px}}

.glossary-hero__side{display:flex;flex-direction:column;gap:16px;min-width:0}
.glossary-stickers{
  position:relative;
  min-height:250px;
  margin:-26px 0 -8px;
  pointer-events:none;
}
.glossary-sticker{
  position:absolute;
  display:block;
  width:112px;
  height:110px;
  background-image:url("/assets/brand/dorian-glossary-sprite.webp");
  background-repeat:no-repeat;
  background-size:300px 110px;
  filter:drop-shadow(4px 5px 0 rgba(7,27,45,.14));
}
.glossary-sticker--head{left:4%;top:14px;background-position:0 0;transform:rotate(-8deg) scale(1.28)}
.glossary-sticker--phone{left:36%;top:92px;background-position:-98px 0;transform:rotate(8deg) scale(1.12)}
.glossary-sticker--keychain{right:2%;top:24px;background-position:-192px 0;transform:rotate(11deg) scale(1.22)}
@media(max-width:980px){
  .glossary-stickers{min-height:190px;margin:0}
  .glossary-sticker--head{left:8%;top:6px}
  .glossary-sticker--phone{left:42%;top:62px}
  .glossary-sticker--keychain{right:8%;top:10px}
}
@media(max-width:560px){
  .glossary-stickers{min-height:155px}
  .glossary-sticker{transform-origin:center;scale:.82}
  .glossary-sticker--head{left:0;top:0}
  .glossary-sticker--phone{left:34%;top:38px}
  .glossary-sticker--keychain{right:0;top:0}
}