* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}*{box-sizing:border-box;}body{margin:0;}.tutorials-hero{position:relative;overflow:hidden;padding-top:30px;padding-bottom:30px;min-height:auto;display:grid;align-items:center;}.hero-media{position:absolute;inset:0;background-image:linear-gradient(90deg, hsla(252, 88%, 65%, 0.35), hsla(330, 44%, 45%, 0.18)),
    linear-gradient(180deg, hsla(246, 30%, 10%, 0.78), hsla(246, 30%, 10%, 0.68)),
    url("https://pages.runevents.net/organizer-multimedia/2/dbcdea80-e479-47b5-a68b-6a373ae9a0ce");background-size:cover;background-position:center;filter:saturate(1.05) contrast(1.05);transform:scale(1.02);}.hero-media::after{content:"";position:absolute;inset:0;opacity:0.22;background:repeating-linear-gradient(
      90deg,
      hsla(var(--color-primary-hsl), 0.22) 0,
      hsla(var(--color-primary-hsl), 0.22) 1px,
      transparent 1px,
      transparent 22px
    );mix-blend-mode:overlay;pointer-events:none;}.hero-inner{position:relative;z-index:1;}.hero-content{max-width:40rem;}.hero-overline{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:0.12em;text-transform:uppercase;color:var(--color-text-on-surface-dark);opacity:0.92;}.hero-title{font-size:var(--text-display);margin-top:var(--space-sm);}.meta-icon i{color:var(--color-text-on-surface-dark);opacity:0.95;}.tutorials-copy{max-width:100%;}.tutorials-badge{display:inline-flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);}.tutorials-badge i{color:var(--color-primary);}.tutorials-title{margin-top:var(--space-xs);}.tutorials-lede{margin-top:var(--space-sm);color:var(--color-text-muted);max-width:44rem;}.tutorials-cards{margin-top:var(--space-lg);display:grid;grid-template-columns:1fr;gap:var(--space-lg);align-items:stretch;}.media-figure img{width:100%;height:100%;object-fit:cover;}.media-grid .media-figure{aspect-ratio:3 / 2;border-radius:var(--radius-md);}.callout > *{position:relative;}.tutorials-cards > .gjs-cell{width:auto;}.value-card:hover .value-img{transform:scale(1.08);}@media (max-width: 768px){.tutorials-hero{min-height:auto;padding-top:30px;padding-bottom:30px;}.hero-content{max-width:100%;}.tutorials-cards{grid-template-columns:1fr;gap:var(--space-md);}}