.magic-page-header{padding:0 0 1.5rem;margin-bottom:0.25rem;border-bottom:1px solid rgba(201,162,39,0.2)}.magic-page-lead{font-family:'Crimson Text',serif;font-size:1rem;line-height:1.65;color:var(--text-muted);font-style:italic;max-width:65ch;margin:0.35rem 0 0}.magic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin:1.5rem 0 2rem}.magic-tile{display:flex;flex-direction:column;border-radius:10px;overflow:hidden;text-decoration:none;background:var(--bg-card);border:1px solid rgba(255,255,255,0.05);transition:transform 0.22s ease,box-shadow 0.25s ease}.magic-tile:hover{transform:translateY(-5px);box-shadow:0 10px 36px rgba(0,0,0,0.55),0 0 0 1px var(--elem-color,var(--gold))}.magic-tile__glow-zone{height:112px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#0d0d1a}.magic-tile__glow-zone::before{content:'';position:absolute;width:120px;height:120px;border-radius:50%;background:var(--elem-color,var(--gold));opacity:0.22;filter:blur(24px);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.magic-tile__icon{font-size:3.2rem;position:relative;z-index:1;filter:drop-shadow(0 0 14px var(--elem-color,var(--gold)));transition:transform 0.3s ease;line-height:1}.magic-tile:hover .magic-tile__icon{transform:scale(1.15) rotate(-4deg)}.magic-tile__body{flex:1 1 auto;padding:0.9rem 1.1rem 1.15rem;border-top:3px solid var(--elem-color,var(--gold))}.magic-tile__name{font-family:'Cinzel',serif;font-size:1.1rem;color:var(--elem-color,var(--gold-light));margin:0 0 0.45rem;letter-spacing:0.04em}.magic-tile__intro{font-family:'Crimson Text',serif;font-size:0.88rem;line-height:1.55;color:var(--text-muted);margin:0 0 0.8rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.magic-tile__arrow{font-family:'Cinzel',serif;font-size:0.7rem;color:var(--elem-color,var(--gold));text-transform:uppercase;letter-spacing:0.08em}.magic-tile:hover .magic-tile__arrow::after{content:' →'}.magic-hero{display:flex;align-items:flex-start;gap:1.5rem;padding:1.75rem 1.5rem 2rem;margin-bottom:1.75rem;border-radius:12px;background:var(--bg-card);border:1px solid rgba(255,255,255,0.06);border-left:4px solid var(--elem-color,var(--gold));position:relative;overflow:hidden}.magic-hero::before{content:'';position:absolute;right:-50px;top:-50px;width:240px;height:240px;border-radius:50%;background:var(--elem-color,var(--gold));opacity:0.07;filter:blur(55px);pointer-events:none}.magic-hero::after{content:attr(data-icon);position:absolute;right:1.5rem;bottom:-0.5rem;font-size:7.5rem;opacity:0.06;line-height:1;pointer-events:none;filter:grayscale(1)}.magic-hero__icon{font-size:4.5rem;flex:0 0 auto;filter:drop-shadow(0 0 20px var(--elem-color,var(--gold)));line-height:1;margin-top:0.1rem;position:relative;z-index:1}.magic-hero__body{flex:1 1 0;min-width:0;position:relative;z-index:1}.magic-hero__title{font-family:'Cinzel',serif;font-size:2rem;color:var(--elem-color,var(--gold));margin:0 0 0.5rem;letter-spacing:0.04em}.magic-hero__subtitle{font-family:'Crimson Text',serif;font-size:1rem;line-height:1.65;color:var(--text-muted);font-style:italic;margin:0;max-width:62ch}.magic-section-heading{border-left:3px solid var(--elem-color,var(--gold));padding-left:0.75rem}.magic-nav-link{border-left:3px solid var(--elem-color,transparent);padding-left:0.6rem!important;margin-left:-3px}@media (max-width:760px){.magic-grid{grid-template-columns:1fr 1fr;gap:0.85rem}.magic-tile__glow-zone{height:90px}.magic-tile__icon{font-size:2.5rem}.magic-hero{gap:1.1rem;padding:1.2rem 1rem 1.4rem}.magic-hero::after{display:none}.magic-hero__icon{font-size:3rem}.magic-hero__title{font-size:1.6rem}}@media (max-width:480px){.magic-grid{grid-template-columns:1fr}.magic-hero{flex-wrap:wrap}}
/* Hero with integrated background image */
.magic-hero--with-bg{min-height:340px;padding:2rem 2rem 2.2rem;align-items:flex-end;justify-content:flex-start;overflow:hidden;border-left-width:6px;box-shadow:0 8px 32px rgba(0,0,0,0.55),inset 0 0 0 1px rgba(var(--elem-color-rgb,201,162,39),0.08)}
.magic-hero--with-bg .magic-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0.62;filter:saturate(1.05)}
.magic-hero--with-bg::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,13,26,0.92) 0%,rgba(13,13,26,0.80) 30%,rgba(13,13,26,0.40) 65%,rgba(13,13,26,0.15) 100%),linear-gradient(180deg,transparent 0%,transparent 50%,rgba(13,13,26,0.65) 100%);z-index:1;right:auto;top:auto;width:100%;height:100%;border-radius:0;opacity:1;filter:none;background-color:transparent}
.magic-hero--with-bg::after{display:none}
.magic-hero--with-bg .magic-hero__icon{z-index:2;filter:drop-shadow(0 0 22px var(--elem-color,var(--gold))) drop-shadow(0 2px 6px rgba(0,0,0,0.8))}
.magic-hero--with-bg .magic-hero__body{z-index:2}
.magic-hero--with-bg .magic-hero__title{color:var(--gold-light);text-shadow:0 2px 14px rgba(0,0,0,0.8),0 0 22px color-mix(in srgb,var(--elem-color,#c9a227) 60%,transparent);font-size:2.4rem}
.magic-hero--with-bg .magic-hero__subtitle{color:rgba(255,243,212,0.92);text-shadow:0 1px 6px rgba(0,0,0,0.85);font-style:normal}
@media (max-width:640px){
  .magic-hero--with-bg{min-height:260px;padding:1.3rem 1.1rem 1.4rem}
  .magic-hero--with-bg .magic-hero__title{font-size:1.6rem}
}

.magic-tile__icon .element-icon,.magic-tile__icon.element-icon{width:72px;height:72px;filter:drop-shadow(0 0 16px var(--elem-color,var(--gold))) drop-shadow(0 2px 5px rgba(0,0,0,0.75))}
.magic-hero__icon .element-icon,.magic-hero__icon.element-icon{width:92px;height:92px;filter:drop-shadow(0 0 22px var(--elem-color,var(--gold))) drop-shadow(0 2px 6px rgba(0,0,0,0.8))}
.magic-hero--with-bg .magic-hero__icon .element-icon,.magic-hero--with-bg .magic-hero__icon.element-icon{width:104px;height:104px}
@media (max-width:760px){
  .magic-tile__icon .element-icon,.magic-tile__icon.element-icon{width:58px;height:58px}
  .magic-hero__icon .element-icon,.magic-hero__icon.element-icon{width:72px;height:72px}
}