/* 2026 information architecture and premium route system */
body.organized-route{position:relative;overflow-x:hidden;background:#faf8fb}
body.organized-route:before,
body.organized-route:after{content:"";position:fixed;z-index:0;width:clamp(110px,16vw,230px);aspect-ratio:1;background:url("../images/icon-transparent.png") center/contain no-repeat;opacity:.5;pointer-events:none;filter:saturate(.8)}
body.organized-route:before{top:18%;right:-6%;transform:rotate(10deg)}
body.organized-route:after{bottom:8%;left:-6%;transform:rotate(-14deg)}
body.organized-route .top-shell,
body.organized-route main,
body.organized-route .footer,
body.organized-route .mobile-bar,
body.organized-route .mini-player{position:relative;z-index:1}

.route-hero{padding:clamp(170px,18vw,230px) 0 86px;background:radial-gradient(circle at 84% 12%,rgba(175,101,211,.27),transparent 30%),linear-gradient(150deg,#fff 0%,#f7f0fa 52%,#ead7f2 100%)}
.route-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:28px;align-items:center}
.route-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#7b2d9e}
.route-title{margin-top:14px;font-family:"Cormorant Garamond",serif;font-size:clamp(58px,8vw,106px);font-weight:500;letter-spacing:-.055em;line-height:.88;color:#320647}
.route-title em{color:#8a38a9;font-weight:500}
.route-lede{max-width:690px;margin-top:23px;color:#62536a;font-size:clamp(17px,2vw,21px);line-height:1.65}
.route-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.route-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}
.route-proof span{padding:13px;border:1px solid rgba(76,13,115,.1);border-radius:16px;background:rgba(255,255,255,.58);color:#4c0d73;font-size:12px;font-weight:850;text-align:center}
.route-art{position:relative;display:grid;place-items:center;min-height:500px;padding:32px;border:1px solid rgba(255,255,255,.8);border-radius:44px;background:radial-gradient(circle at 40% 28%,rgba(255,255,255,.9),transparent 25%),linear-gradient(150deg,#7d2fa4,#42105e 70%,#24072f);box-shadow:0 38px 90px rgba(61,16,78,.25);overflow:hidden}
.route-art:before{content:"";position:absolute;inset:9%;border:1px solid rgba(255,255,255,.17);border-radius:50%}
.route-art img{position:relative;width:min(290px,72%);max-height:390px;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(18,0,25,.25))}
.route-art-copy{position:absolute;left:28px;right:28px;bottom:24px;color:#fff}
.route-art-copy strong{display:block;font:500 34px/1 "Cormorant Garamond",serif}
.route-art-copy span{color:rgba(255,255,255,.7);font-size:12px}

.route-section{padding:92px 0}
.route-section.tint{background:rgba(246,239,249,.82)}
.route-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}
.route-section-head h2{max-width:760px;font:500 clamp(44px,6vw,72px)/.95 "Cormorant Garamond",serif;color:#3b0751}
.route-section-head p{max-width:480px;color:#74667a}
.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.route-card{position:relative;display:flex;min-height:100%;flex-direction:column;padding:28px;border:1px solid rgba(87,25,113,.1);border-radius:30px;background:rgba(255,255,255,.84);box-shadow:0 22px 60px rgba(50,20,63,.08);transition:transform .22s ease,box-shadow .22s ease}
.route-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(50,20,63,.14)}
.route-card .route-card-number{font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:#9f82aa}
.route-card h3{margin:30px 0 12px;font:600 clamp(30px,3.5vw,42px)/1 "Cormorant Garamond",serif;color:#3f0b55}
.route-card p{color:#75677b}
.route-card .text-link{margin-top:auto;padding-top:24px}
.book-cover-frame{overflow:hidden;margin:-12px -12px 10px;border-radius:22px;background:#eee3f2;aspect-ratio:4/5}
.book-cover-frame img{width:100%;height:100%;object-fit:cover}
.book-cover-frame img.cover-contain{object-fit:contain;padding:12px}
.route-cta{display:grid;grid-template-columns:1.2fr auto;align-items:center;gap:24px;padding:42px;border-radius:34px;background:linear-gradient(135deg,#310543,#6a168e 58%,#9f4fc2);box-shadow:0 30px 80px rgba(53,9,70,.22);color:#fff}
.route-cta h2{font:500 clamp(40px,5vw,60px)/.98 "Cormorant Garamond",serif;color:#fff}
.route-cta p{max-width:690px;margin-top:12px;color:rgba(255,255,255,.72)}
.route-cta .pill{background:#fff;color:#4c0d73;box-shadow:none}

.brand-suite{background:#110917;color:#fff}
.brand-suite .route-hero{background:radial-gradient(circle at 80% 10%,rgba(157,71,193,.28),transparent 30%),linear-gradient(145deg,#100716,#24102d 58%,#3a124b)}
.brand-suite .route-title,.brand-suite .route-lede{color:#fff}
.brand-suite .route-lede{color:rgba(255,255,255,.67)}
.brand-suite .route-kicker{color:#dcc0e8}
.brand-suite .route-proof span{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#fff}
.brand-suite .route-section{background:#110917}
.brand-suite .route-section.tint{background:#180c20}
.brand-suite .route-section-head h2{color:#fff}
.brand-suite .route-section-head p{color:rgba(255,255,255,.58)}
.brand-card{overflow:hidden;border-color:rgba(255,255,255,.12);background:linear-gradient(150deg,#25112f,#16091d);color:#fff;box-shadow:none}
.brand-card:before{content:"";position:absolute;width:220px;height:220px;right:-105px;top:-95px;border:1px solid rgba(255,255,255,.11);border-radius:50%}
.brand-card h3{color:#fff}
.brand-card p{color:rgba(255,255,255,.65)}
.brand-card .brand-logo{display:grid;place-items:center;height:150px;margin:-4px -4px 8px;padding:18px;border-radius:22px;background:rgba(255,255,255,.94)}
.brand-card .brand-logo img{max-width:92%;max-height:116px;object-fit:contain}
.brand-card.senz{background:radial-gradient(circle at 84% 10%,rgba(79,140,255,.28),transparent 27%),linear-gradient(150deg,#0f2450,#071226)}
.brand-card.cognita{background:radial-gradient(circle at 84% 10%,rgba(55,179,220,.25),transparent 27%),linear-gradient(150deg,#0e293b,#071118)}

.authority-page .split:first-of-type figure{background:linear-gradient(145deg,#fff,#e8daee)!important}
.community-engagements-page .volunteer-hero{background:radial-gradient(circle at 85% 15%,rgba(152,72,187,.2),transparent 25%),linear-gradient(150deg,#fff,#f1e7f5)}
.profile-route:before,.profile-route:after{display:none}

body.spotify-inspired{background:#0f0814;color:#fff}
body.spotify-inspired:before,body.spotify-inspired:after{opacity:.18;filter:grayscale(.2)}
body.spotify-inspired .music-stage{background:linear-gradient(180deg,#120718 0%,#21102a 46%,#120718 100%)}
body.spotify-inspired .music-library,
body.spotify-inspired .music-credits{background:#1d1223;color:#fff}
body.spotify-inspired .library-head h2,
body.spotify-inspired .playlist-block h3,
body.spotify-inspired .music-credits h2,
body.spotify-inspired .music-credit-list strong{color:#fff}
body.spotify-inspired .library-head p,
body.spotify-inspired .playlist-description,
body.spotify-inspired .song-artist{color:rgba(255,255,255,.56)}
body.spotify-inspired .playlist-block,
body.spotify-inspired .music-credit-list p{border-color:rgba(255,255,255,.08);background:#28182f;color:rgba(255,255,255,.66)}
body.spotify-inspired .song-title{color:#fff}
body.spotify-inspired .song-row:hover,
body.spotify-inspired .song-row.active{background:#3b2345}
body.spotify-inspired .song-play{background:#b56ad2;color:#16091d}

body.organized-route .footer,
body.music-app.organized-route .footer{background:linear-gradient(135deg,#240032 0%,#510b77 52%,#7e2ca2 100%)!important;border-top:0;color:#fff}
body.organized-route .footer h4,
body.organized-route .footer p,
body.organized-route .footer a,
body.organized-route .footer span{color:#fff}
body.organized-route .footer p,
body.organized-route .footer a,
body.organized-route .footer span{color:rgba(255,255,255,.72)}
body.organized-route .footer-logo{mix-blend-mode:normal;filter:brightness(0) invert(1)}
body.organized-route .footer-bottom{border-color:rgba(255,255,255,.18)}

@media(max-width:900px){
  .route-hero-grid,.route-grid,.route-cta{grid-template-columns:1fr}
  .route-art{min-height:400px}
  .route-section-head{align-items:start;flex-direction:column}
}
@media(max-width:600px){
  body.organized-route:before{top:24%;right:-18%}
  body.organized-route:after{left:-18%}
  .route-hero{padding:150px 0 62px}
  .route-title{font-size:clamp(54px,17vw,78px)}
  .route-proof{grid-template-columns:1fr}
  .route-art{min-height:350px;border-radius:30px}
  .route-section{padding:72px 0}
  .route-card{padding:22px;border-radius:24px}
  .route-cta{padding:30px 24px}
}
@media(prefers-reduced-motion:reduce){.route-card{transition:none}}