:root {
       --org: #E8440A;
       --org2: #FF5722;
       --blk: #0D0D0D;
       --blk2: #1A1A1A;
       --blk3: #252525;
       --wht: #F5F0EB;
       --gry: #888880;
       --gry2: #555550;
       --fc: 'Barlow Condensed', sans-serif;
       --fb: 'Barlow', sans-serif;
   }

   *,
   *::before,
   *::after {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   html {
       scroll-behavior: smooth;
   }

   body {
       font-family: var(--fb);
       background: var(--blk);
       color: var(--wht);
       overflow-x: hidden;
   }

   /* HERO */
   .hero {
       min-height: 100svh;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       padding: 8rem 3rem 3.5rem;
       margin-top: 60px;
       position: relative;
       overflow: hidden;
       background: var(--org);
   }

   .hero-grid {
       position: absolute;
       inset: 0;
       background-image: linear-gradient(rgba(0, 0, 0, .12) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, .12) 1px, transparent 1px);
       background-size: 60px 60px;
       pointer-events: none;
   }

   .hero-wm {
       position: absolute;
       top: 50%;
       right: 0%;
       transform: translateY(-50%);

       font-family: var(--fc);
       font-size: clamp(8rem, 22vw, 20rem);
       font-weight: 900;
       line-height: 1;
       letter-spacing: -.03em;

       color: rgba(0, 0, 0, 0.18);

       z-index: 1;
       /* Above grid */
       pointer-events: none;
       user-select: none;
       white-space: nowrap;
   }

   .hero-badge {
       display: inline-flex;
       align-items: center;
       gap: 12px;

       width: fit-content;

       padding: 12px 22px;

       font-family: var(--fc);
       font-size: 0.95rem;
       font-weight: 800;
       letter-spacing: .15em;
       text-transform: uppercase;

       color: var(--wht);

       border: 2px solid rgba(255, 255, 255, .8);
       border-radius: 999px;

       background: rgba(255, 255, 255, .08);
       backdrop-filter: blur(10px);

       margin-bottom: 2rem;
   }

   .hero-badge::before {
       content: '';
       width: 32px;
       height: 2px;
       background: rgba(255, 255, 255, .9);
   }

   .hero>*:not(.hero-grid):not(.hero-wm) {
       position: relative;
       z-index: 2;
   }

   .hero h1 {
       font-family: var(--fc);
       font-size: clamp(4.5rem, 12vw, 11rem);
       font-weight: 900;
       line-height: .9;
       letter-spacing: -.01em;
       text-transform: uppercase;
       color: var(--blk);
       margin-bottom: 3rem;
       position: relative;
       z-index: 2;
   }

   .hero h1 .wht {
       color: var(--wht);
   }

   .hero h1 .stroke {
       color: transparent;
       -webkit-text-stroke: 5px rgba(0, 0, 0, 1);
   }

   .hero-bottom {
       display: flex;
       align-items: flex-end;
       justify-content: space-between;
       gap: 2rem;
       flex-wrap: wrap;
       border-top: 2px solid rgba(0, 0, 0, .15);
       padding-top: 2rem;
       position: relative;
       z-index: 2;
   }

   .hero-desc {
       max-width: 440px;
       font-size: 1rem;
       line-height: 1.75;
       color: rgba(0, 0, 0, .65);
       font-weight: 500;
   }

   .hero-desc strong {
       color: var(--blk);
   }

   .hero-actions {
       display: flex;
       gap: 10px;
       flex-wrap: wrap;
   }

   .btn-blk {
       background: var(--blk);
       color: var(--wht);
       border: none;
       padding: 14px 30px;
       font-family: var(--fc);
       font-size: 1rem;
       font-weight: 800;
       letter-spacing: .1em;
       text-transform: uppercase;
       cursor: pointer;
       text-decoration: none;
       display: inline-block;
       transition: background .2s, transform .15s;
   }

   .btn-blk:hover {
       background: var(--blk2);
       transform: translateY(-2px);
   }

   .btn-outline-blk {
       background: transparent;
       color: var(--blk);
       border: 2px solid rgba(0, 0, 0, .3);
       padding: 14px 30px;
       font-family: var(--fc);
       font-size: 1rem;
       font-weight: 800;
       letter-spacing: .1em;
       text-transform: uppercase;
       cursor: pointer;
       text-decoration: none;
       display: inline-block;
       transition: all .2s;
   }

   .btn-outline-blk:hover {
       background: rgba(0, 0, 0, .1);
   }

   .hero-stats {
       display: flex;
       gap: 2rem;
       align-items: center;
   }

   .hs-item .hs-n {
       font-family: var(--fc);
       font-size: 2rem;
       font-weight: 900;
       color: var(--blk);
       line-height: 1;
   }

   .hs-item .hs-l {
       font-family: var(--fc);
       font-size: .65rem;
       font-weight: 700;
       letter-spacing: .12em;
       text-transform: uppercase;
       color: rgba(0, 0, 0, .5);
       margin-top: 3px;
   }

   .hs-div {
       width: 1px;
       height: 36px;
       background: rgba(0, 0, 0, .2);
   }

   /* TICKER */
   .ticker {
       overflow: hidden;
       background: var(--blk);
       padding: 11px 0;
   }

   .tk-track {
       display: flex;
       white-space: nowrap;
       animation: tk 22s linear infinite;
   }

   .tk-item {
       font-family: var(--fc);
       font-size: .8rem;
       font-weight: 700;
       letter-spacing: .15em;
       text-transform: uppercase;
       color: var(--org);
       padding: 0 2.5rem;
       flex-shrink: 0;
   }

   .tk-item b {
       color: var(--wht);
   }

   @keyframes tk {
       from {
           transform: translateX(0)
       }

       to {
           transform: translateX(-50%)
       }
   }

   /* SECTIONS */
   .eyebrow {
       font-family: var(--fc);
       font-size: .75rem;
       font-weight: 700;
       letter-spacing: .2em;
       text-transform: uppercase;
       color: var(--org);
       margin-bottom: .75rem;
       display: flex;
       align-items: center;
       gap: 10px;
   }

   .eyebrow::before {
       content: '';
       width: 24px;
       height: 2px;
       background: var(--org);
   }

   .sec-h2 {
       font-family: var(--fc);
       font-size: clamp(2.5rem, 5vw, 4.5rem);
       font-weight: 900;
       text-transform: uppercase;
       line-height: .95;
       letter-spacing: -.01em;
   }

   .sec-h2 em {
       font-style: italic;
       color: var(--gry);
       font-weight: 700;
   }

   /* WHAT IS A CHAPTER */
   .chapter-sec {
       padding: 5rem 3rem;
       border-bottom: 1px solid rgba(255, 255, 255, .06);
   }

   .chapter-grid {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 5rem;
       align-items: center;
       margin-top: 3rem;
   }

   @media(max-width:768px) {
       .chapter-grid {
           grid-template-columns: 1fr;
           gap: 2.5rem;
       }
   }

   .chapter-visual {
       background: var(--blk2);
       padding: 2.5rem;
       position: relative;
       overflow: hidden;
   }

   .cv-label {
       font-family: var(--fc);
       font-size: .7rem;
       font-weight: 700;
       letter-spacing: .15em;
       text-transform: uppercase;
       color: var(--org);
       margin-bottom: .5rem;
   }

   .cv-title {
       font-family: var(--fc);
       font-size: 2rem;
       font-weight: 900;
       text-transform: uppercase;
       margin-bottom: .5rem;
       line-height: 1.1;
   }

   .cv-college {
       font-size: .85rem;
       color: var(--gry);
       margin-bottom: 1.5rem;
   }

   .cv-row {
       display: flex;
       justify-content: space-between;
       padding: .65rem 0;
       border-bottom: 1px solid rgba(255, 255, 255, .06);
   }

   .cv-row:last-child {
       border-bottom: none;
   }

   .cv-row span {
       font-size: .82rem;
       color: var(--gry);
   }

   .cv-row strong {
       font-size: .82rem;
       color: var(--wht);
       font-weight: 600;
   }

   .cv-badge {
       display: inline-flex;
       align-items: center;
       gap: 6px;
       font-family: var(--fc);
       font-size: .7rem;
       font-weight: 700;
       letter-spacing: .1em;
       text-transform: uppercase;
       padding: 5px 12px;
       background: var(--org);
       color: var(--wht);
       margin-top: 1.25rem;
   }

   .chapter-text p {
       font-size: .95rem;
       color: var(--gry);
       line-height: 1.8;
       margin-bottom: 1.25rem;
   }

   .chapter-text p strong {
       color: var(--wht);
   }

   /* HOW IT WORKS */
   .how-sec {
       padding: 5rem 3rem;
       border-bottom: 1px solid rgba(255, 255, 255, .06);
       background: var(--blk2);
   }

   .how-steps {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
       gap: 1px;
       background: rgba(255, 255, 255, .06);
       margin-top: 2.5rem;
   }

   .how-step {
       background: var(--blk2);
       padding: 2rem 1.5rem;
       position: relative;
       transition: background .2s;
       cursor: default;
   }

   .how-step:hover {
       background: var(--blk3);
   }

   .hs-num {
       font-family: var(--fc);
       font-size: 4rem;
       font-weight: 900;
       color: rgba(255, 255, 255, .04);
       line-height: 1;
       margin-bottom: .75rem;
   }

   .hs-tag {
       font-family: var(--fc);
       font-size: .65rem;
       font-weight: 700;
       letter-spacing: .15em;
       text-transform: uppercase;
       color: var(--org);
       margin-bottom: .4rem;
   }

   .hs-title {
       font-family: var(--fc);
       font-size: 1.15rem;
       font-weight: 800;
       text-transform: uppercase;
       color: var(--wht);
       margin-bottom: .4rem;
       letter-spacing: .02em;
   }

   .hs-desc {
       font-size: .82rem;
       color: var(--gry);
       line-height: 1.65;
   }

   /* WHAT CAMPUS PROVIDES + WHAT WE BRING */
   .split-sec {
       padding: 5rem 3rem;
       border-bottom: 1px solid rgba(255, 255, 255, .06);
   }

   .split-grid {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 1px;
       background: rgba(255, 255, 255, .06);
       margin-top: 2.5rem;
   }

   @media(max-width:650px) {
       .split-grid {
           grid-template-columns: 1fr;
       }
   }

   .split-card {
       padding: 2.5rem;
       background: var(--blk);
   }

   .split-card.org {
       background: var(--org);
   }

   .split-header {
       font-family: var(--fc);
       font-size: .7rem;
       font-weight: 700;
       letter-spacing: .15em;
       text-transform: uppercase;
       margin-bottom: 1rem;
       padding-bottom: .75rem;
       border-bottom: 1px solid rgba(255, 255, 255, .1);
   }

   .split-card.org .split-header {
       border-bottom-color: rgba(0, 0, 0, .15);
       color: rgba(0, 0, 0, .55);
   }

   .split-card:not(.org) .split-header {
       color: var(--gry2);
   }

   .split-item {
       display: flex;
       gap: 10px;
       align-items: flex-start;
       padding: .65rem 0;
       border-bottom: 1px solid rgba(255, 255, 255, .06);
   }

   .split-card.org .split-item {
       border-bottom-color: rgba(0, 0, 0, .1);
   }

   .split-item:last-child {
       border-bottom: none;
   }

   .si-icon {
       font-size: .9rem;
       flex-shrink: 0;
       margin-top: 1px;
   }

   .si-text {
       font-size: .88rem;
       line-height: 1.55;
   }

   .split-card:not(.org) .si-text {
       color: var(--gry);
   }

   .split-card.org .si-text {
       color: rgba(0, 0, 0, .75);
   }

   .split-card:not(.org) .split-title {
       font-family: var(--fc);
       font-size: 1.6rem;
       font-weight: 900;
       text-transform: uppercase;
       color: var(--wht);
       margin-bottom: 1.25rem;
       line-height: 1.1;
   }

   .split-card.org .split-title {
       font-family: var(--fc);
       font-size: 1.6rem;
       font-weight: 900;
       text-transform: uppercase;
       color: var(--blk);
       margin-bottom: 1.25rem;
       line-height: 1.1;
   }

   /* PERKS — WHAT CHAPTER GETS */
   .perks-sec {
       padding: 5rem 3rem;
       border-bottom: 1px solid rgba(255, 255, 255, .06);
       background: var(--blk2);
   }

   .perks-grid {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 1px;
       background: rgba(255, 255, 255, .06);
       margin-top: 2.5rem;
   }

   /* Tablet */
   @media (max-width: 992px) {
       .perks-grid {
           grid-template-columns: repeat(2, 1fr);
       }
   }

   /* Mobile */
   @media (max-width: 576px) {
       .perks-grid {
           grid-template-columns: 1fr;
       }
   }

   .perk-card {
       background: var(--blk2);
       padding: 2rem 1.5rem;
       transition: background .2s;
       cursor: default;
       position: relative;
       overflow: hidden;
   }

   .perk-card:hover {
       background: var(--blk3);
   }

   .perk-card::after {
       content: '';
       position: absolute;
       bottom: 0;
       left: 0;
       right: 0;
       height: 2px;
       background: var(--org);
       transform: scaleX(0);
       transform-origin: left;
       transition: transform .35s cubic-bezier(.16, 1, .3, 1);
   }

   .perk-card:hover::after {
       transform: scaleX(1);
   }

   .pk-num {
       font-family: var(--fc);
       font-size: 2.5rem;
       font-weight: 900;
       color: var(--org);
       line-height: 1;
       margin-bottom: .75rem;
   }

   .pk-title {
       font-family: var(--fc);
       font-size: 1.1rem;
       font-weight: 800;
       text-transform: uppercase;
       color: var(--wht);
       margin-bottom: .4rem;
       letter-spacing: .03em;
   }

   .pk-desc {
       font-size: .82rem;
       color: var(--gry);
       line-height: 1.65;
   }

   /* EPISODE DAY EXPERIENCE */
   .exp-sec {
       padding: 5rem 3rem;
       border-bottom: 1px solid rgba(255, 255, 255, .06);
   }

   .exp-timeline {
       margin-top: 2.5rem;
       display: flex;
       flex-direction: column;
       gap: 1px;
       background: rgba(255, 255, 255, .06);
   }

   .exp-item {
       background: var(--blk);
       padding: 1.5rem;
       display: grid;
       grid-template-columns: 100px 80px 1fr;
       gap: 1.5rem;
       align-items: center;
       transition: background .2s;
       cursor: default;
   }

   .exp-item:hover {
       background: var(--blk2);
   }

   .exp-time {
       font-family: var(--fc);
       font-size: 1rem;
       font-weight: 800;
       text-transform: uppercase;
       color: var(--org);
   }

   .exp-who {
       font-family: var(--fc);
       font-size: .65rem;
       font-weight: 700;
       letter-spacing: .1em;
       text-transform: uppercase;
       color: var(--gry2);
       padding: 4px 8px;
       border: 1px solid rgba(255, 255, 255, .08);
       border-radius: 2px;
       text-align: center;
   }

   .exp-what .exp-title {
       font-family: var(--fc);
       font-size: 1rem;
       font-weight: 800;
       text-transform: uppercase;
       color: var(--wht);
       margin-bottom: 2px;
   }

   .exp-what .exp-desc {
       font-size: .8rem;
       color: var(--gry);
       line-height: 1.5;
   }

   /* SWAG & GAMES */
   .fun-sec {
       padding: 5rem 3rem;
       border-bottom: 1px solid rgba(255, 255, 255, .06);
       background: var(--blk2);
   }

   .fun-grid {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 3rem;
       margin-top: 2.5rem;
   }

   @media(max-width:650px) {
       .fun-grid {
           grid-template-columns: 1fr;
       }
   }

   .fun-card {
       background: var(--blk3);
       padding: 2rem;
   }

   .fun-card.org {
       background: var(--org);
   }

   .fun-card-label {
       font-family: var(--fc);
       font-size: .7rem;
       font-weight: 700;
       letter-spacing: .15em;
       text-transform: uppercase;
       margin-bottom: 1rem;
   }

   .fun-card:not(.org) .fun-card-label {
       color: var(--org);
   }

   .fun-card.org .fun-card-label {
       color: rgba(0, 0, 0, .5);
   }

   .fun-card-title {
       font-family: var(--fc);
       font-size: 2rem;
       font-weight: 900;
       text-transform: uppercase;
       line-height: 1.05;
       margin-bottom: 1.25rem;
   }

   .fun-card:not(.org) .fun-card-title {
       color: var(--wht);
   }

   .fun-card.org .fun-card-title {
       color: var(--blk);
   }

   .fun-item {
       display: flex;
       gap: 10px;
       align-items: flex-start;
       padding: .6rem 0;
       border-bottom: 1px solid rgba(255, 255, 255, .06);
   }

   .fun-card.org .fun-item {
       border-bottom-color: rgba(0, 0, 0, .1);
   }

   .fun-item:last-child {
       border-bottom: none;
   }

   .fi-icon {
       font-size: 1rem;
       flex-shrink: 0;
   }

   .fi-text {
       font-size: .85rem;
       line-height: 1.55;
   }

   .fun-card:not(.org) .fi-text {
       color: var(--gry);
   }

   .fun-card.org .fi-text {
       color: rgba(0, 0, 0, .7);
   }

   /* CHAPTER TIERS */
   .tiers-sec {
       padding: 5rem 3rem;
       border-bottom: 1px solid rgba(255, 255, 255, .06);
   }

   .tiers-grid {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
       gap: 1px;
       background: rgba(255, 255, 255, .06);
       margin-top: 2.5rem;
   }

   .tier-card {
       background: var(--blk);
       padding: 2rem 1.5rem;
       cursor: default;
       transition: background .2s;
   }

   .tier-card:hover {
       background: var(--blk2);
   }

   .tier-card.featured {
       background: var(--org);
   }

   .tier-card.featured:hover {
       background: var(--org2);
   }

   .tier-badge {
       font-family: var(--fc);
       font-size: .68rem;
       font-weight: 700;
       letter-spacing: .15em;
       text-transform: uppercase;
       padding: 4px 10px;
       border-radius: 2px;
       display: inline-block;
       margin-bottom: .85rem;
   }

   .tier-card:not(.featured) .tier-badge {
       background: rgba(255, 255, 255, .06);
       color: var(--gry);
   }

   .tier-card.featured .tier-badge {
       background: rgba(0, 0, 0, .2);
       color: rgba(0, 0, 0, .8);
   }

   .tier-name {
       font-family: var(--fc);
       font-size: 1.6rem;
       font-weight: 900;
       text-transform: uppercase;
       margin-bottom: .25rem;
       line-height: 1.1;
   }

   .tier-card:not(.featured) .tier-name {
       color: var(--wht);
   }

   .tier-card.featured .tier-name {
       color: var(--blk);
   }

   .tier-eps {
       font-family: var(--fc);
       font-size: .8rem;
       font-weight: 700;
       text-transform: uppercase;
       margin-bottom: 1rem;
   }

   .tier-card:not(.featured) .tier-eps {
       color: var(--org);
   }

   .tier-card.featured .tier-eps {
       color: rgba(0, 0, 0, .5);
   }

   .tier-item {
       font-size: .82rem;
       padding: .45rem 0;
       border-bottom: 1px solid rgba(255, 255, 255, .06);
       line-height: 1.5;
   }

   .tier-card:not(.featured) .tier-item {
       color: var(--gry);
   }

   .tier-card.featured .tier-item {
       color: rgba(0, 0, 0, .7);
       border-bottom-color: rgba(0, 0, 0, .1);
   }

   .tier-item:last-child {
       border-bottom: none;
   }

   /* FORM */
   .form-sec {
       padding: 5rem 3rem;
   }

   .form-wrap {
       width: 100%;
       max-width: 1400px;
       margin: 0 auto;
   }

   .form-intro {
       font-size: .95rem;
       color: var(--gry);
       line-height: 1.8;
       max-width: 520px;
       margin-bottom: 3rem;
   }

   .form-intro strong {
       color: var(--wht);
   }

   .form-grid {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 1px;
       background: rgba(255, 255, 255, .06);
       margin-bottom: 1px;
   }

   .form-field {
       background: var(--blk);
       padding: 1.25rem 1.5rem;
   }

   .form-field.full {
       grid-column: span 2;
   }

   .field-label {
       font-family: var(--fc);
       font-size: .7rem;
       font-weight: 700;
       letter-spacing: .15em;
       text-transform: uppercase;
       color: var(--org);
       margin-bottom: .5rem;
       display: block;
   }

   .field-input,
   .field-select,
   .field-textarea {
       width: 100%;
       background: transparent;
       border: none;
       border-bottom: 1px solid rgba(255, 255, 255, .12);
       padding: .5rem 0;
       font-family: var(--fb);
       font-size: .95rem;
       color: var(--wht);
       outline: none;
       transition: border-color .2s;
   }

   .field-input:focus,
   .field-textarea:focus {
       border-bottom-color: var(--org);
   }

   .field-input::placeholder,
   .field-textarea::placeholder {
       color: var(--gry2);
   }

   .field-select {
       cursor: pointer;
       appearance: none;
   }

   .field-select option {
       background: var(--blk2);
   }

   .field-textarea {
       resize: none;
       min-height: 70px;
   }

   .radio-group {
       display: flex;
       flex-wrap: wrap;
       gap: 10px;
       margin-top: .25rem;
   }

   .radio-opt {
       display: flex;
       align-items: center;
       gap: 6px;
       cursor: pointer;
   }

   .radio-opt input {
       accent-color: var(--org);
   }

   .radio-opt span {
       font-size: .85rem;
       color: var(--gry);
   }

   .submit-row {
       background: var(--blk);
       padding: 1.5rem;
       display: flex;
       align-items: center;
       justify-content: space-between;
       flex-wrap: wrap;
       gap: 1rem;
       border-top: 1px solid rgba(255, 255, 255, .06);
   }

   .submit-note {
       font-size: .8rem;
       color: var(--gry2);
       max-width: 320px;
       line-height: 1.6;
   }

   .btn-submit {
       background: var(--org);
       color: var(--wht);
       border: none;
       padding: 14px 36px;
       font-family: var(--fc);
       font-size: 1rem;
       font-weight: 800;
       letter-spacing: .1em;
       text-transform: uppercase;
       cursor: pointer;
       transition: background .2s, transform .15s;
       display: flex;
       align-items: center;
       gap: 10px;
   }

   .btn-submit:hover {
       background: var(--org2);
       transform: translateY(-2px);
   }

   .success-state {
       display: none;
       text-align: center;
       padding: 4rem 1rem;
   }

   .success-state.show {
       display: block;
   }

   .success-icon {
       font-size: 3rem;
       margin-bottom: 1.5rem;
   }

   .success-h {
       font-family: var(--fc);
       font-size: 3rem;
       font-weight: 900;
       text-transform: uppercase;
       margin-bottom: .75rem;
   }

   .success-h span {
       color: var(--org);
   }

   .success-p {
       font-size: .9rem;
       color: var(--gry);
       line-height: 1.75;
       max-width: 400px;
       margin: 0 auto 2rem;
   }

   /* UTILS */
   .fu {
       opacity: 0;
       transform: translateY(24px);
       transition: opacity .7s cubic-bezier(.16, 1, .3, 1), transform .7s cubic-bezier(.16, 1, .3, 1);
   }

   .fu.v {
       opacity: 1;
       transform: none;
   }

   .fd1 {
       transition-delay: .07s;
   }

   .fd2 {
       transition-delay: .15s;
   }

   .fd3 {
       transition-delay: .23s;
   }

   @media(max-width:768px) {
       nav {
           padding: 0 1.5rem;
       }

       .nav-links {
           display: none;
       }

       .hero,
       .chapter-sec,
       .how-sec,
       .split-sec,
       .perks-sec,
       .exp-sec,
       .fun-sec,
       .tiers-sec,
       .form-sec {
           padding-left: 1.5rem;
           padding-right: 1.5rem;
       }

       .hero h1 {
           font-size: clamp(3.2rem, 14vw, 6rem);
       }

       .form-grid {
           grid-template-columns: 1fr;
       }

       .form-field.full {
           grid-column: span 1;
       }

       footer {
           padding: 2rem 1.5rem;
       }

       .exp-item {
           grid-template-columns: 80px 1fr;
           gap: 1rem;
       }

       .exp-who {
           display: none;
       }
   }